189
|
1 html,body{margin:0;padding:0}
|
|
2 body{font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
|
|
3 text-align: left;background: #fff;padding-bottom:20px}
|
|
4 a { color: #0066B3; background: inherit; text-decoration: none;}
|
|
5 h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7 }
|
|
6 h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; color: #036da7 }
|
|
7
|
|
8 div#header{width:100%;overflow:hidden;background:#BBD9EE; }
|
|
9 div#header h1{width:770px;margin:0 auto;text-align:left}
|
|
10 div#menu{margin-left:200px;margin:0 auto;text-align:left}
|
|
11 div#header h1 span#menu{width:770px;margin:0 auto;text-align:left}
|
|
12 div#header h1{padding: 30px 0 20px;color: #fff}
|
|
13
|
|
14 div#header h1 span { color: black; font-size:50%; font-style: italic; padding-left: 20px; }
|
|
15 ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
|
|
16 ul#nav{float:right;font-size: 80%}
|
|
17 ul#nav li{float:left;margin-left: 3px;text-align: center}
|
|
18 ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
|
|
19 ul#nav a:hover{background: #fff;color: #000}
|
|
20 ul#nav li#activelink a,ul#nav li#activelink a:hover{background: #FFF;color: #003}
|
|
21
|
|
22 #right {
|
|
23 float: left;
|
|
24 width: 70%;
|
|
25 padding: 1em;
|
|
26 margin-bottom: 1.2em;
|
|
27 /* background: #eee;
|
|
28 text-align: justify; */
|
|
29 }
|
|
30
|
|
31 #left {
|
|
32 float: right;
|
|
33 width: 25%;
|
|
34 margin: 0 0 5px 0;
|
|
35
|
|
36 }
|
|
37
|
|
38 #left .box {
|
|
39 padding: 1em;
|
|
40 margin: 0 0 1em 0;
|
|
41 background : #FFF6BF;
|
|
42 -moz-border-radius: 2em;
|
|
43 border-radius: 2em;
|
|
44 }
|
|
45
|
|
46 #left .box2 {
|
|
47 padding: 1em;
|
|
48 margin: 0 0 1em 0;
|
|
49 background : #bbd9ee;
|
|
50 -moz-border-radius: 2em;
|
|
51 border-radius: 2em;
|
|
52 }
|
|
53
|
|
54 #left .news {
|
|
55 padding: 1em;
|
|
56 margin: 0 0 1em 0;
|
|
57 background : #e84020;
|
|
58 -moz-border-radius: 2em;
|
|
59 border-radius: 2em;
|
|
60 }
|
|
61
|
|
62 #left .news b {
|
|
63 color: black !important;
|
|
64 }
|
|
65
|
|
66 #content {
|
|
67 font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
|
|
68 margin: 0 auto;
|
|
69 padding: 15px;
|
|
70 background: #fff;
|
|
71
|
|
72
|
|
73 }
|
|
74
|
|
75
|
|
76 /* ul { padding: 0; margin: 0;} */
|
|
77 li { list-style-type: none;}
|
|
78
|
|
79 div#footer{
|
|
80 clear: both !important;
|
|
81 font-size: 80%;
|
|
82 border-bottom: 4px solid #bbd9ee;
|
|
83 padding-right: 50px;
|
|
84 padding: 5px 6px;
|
|
85 }
|
|
86
|
|
87 .terminal{
|
|
88 font-family: Fixed, monospace;
|
|
89 font-weight: normal;
|
|
90 font-size: 100%;
|
|
91 }
|
|
92
|
|
93
|
|
94
|
|
95 /*Credits: Dynamic Drive CSS Library */
|
|
96 /*URL: http://www.dynamicdrive.com/style/ */
|
|
97
|
|
98 #underlinemenu{
|
|
99 margin: 0;
|
|
100 padding: 0;
|
|
101 }
|
|
102
|
|
103 #underlinemenu ul{
|
|
104 margin: 0;
|
|
105 margin-bottom: 1em;
|
|
106 padding-left: 0;
|
|
107 float: left;
|
|
108 font-weight: bold;
|
|
109 width: 100%;
|
|
110 border: 1px solid #DFDFDF;
|
|
111 border-width: 1px 0;
|
|
112 }
|
|
113
|
|
114 * html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
|
|
115 margin-bottom: 0;
|
|
116 }
|
|
117
|
|
118 #underlinemenu ul li{
|
|
119 display: inline;
|
|
120 }
|
|
121
|
|
122
|
|
123 #underlinemenu ul li a{
|
|
124 float: left;
|
|
125 color: gray;
|
|
126 font-weight: bold;
|
|
127 padding: 2px 6px 4px 6px;
|
|
128 text-decoration: none;
|
|
129 background: white url(/images/menudivide.gif) top right repeat-y;
|
|
130 }
|
|
131
|
|
132 #underlinemenu ul li a:hover {
|
|
133 color: black;
|
|
134 background-color: #F3F3F3;
|
|
135 border-bottom: 4px solid #bbd9ee;
|
|
136 padding-bottom: 0;
|
|
137 }
|
|
138
|
|
139
|
|
140 #underlinemenu ul li#current a {
|
|
141 color: black;
|
|
142 background-color: #F3F3F3;
|
|
143 border-bottom: 4px solid #bbd9ee;
|
|
144 padding-bottom: 0;
|
|
145 }
|
|
146
|
|
147
|
|
148 pre {
|
|
149 border: 1px solid black;
|
|
150 background: rgb(230,230,230);
|
|
151 overflow: auto;
|
|
152
|
|
153 } |