root/public/stylesheets/style.css

Revision 11, 6.3 kB (checked in by falcon, 17 years ago)

CSS tweaks and content. IE fixes. Changed images. Header images need work

Line 
1/*Color List*/
2/*      dark-dark green: 09171a*/
3/*      orange: ef7d41*/
4/*      blue: 4582ed*/
5/*      dark-grey: 191f1f*/
6/*      mid-dark green: 364646*/
7/*      light green: 435758*/
8/*      bright border edge: 616f6f*/
9/*      shade border edge: 010302*/
10/*  old background green: 09171a*/
11/*  background green: 0b171a*/
12/*  current background green: 121616*/
13
14
15    html,body {
16                margin: 0;
17        padding: 0;
18        background-color: #121616;
19        font: 75% "Bitstream Vera Sans", sans-serif;
20        font-size: 13px;
21        height: 100%;
22      }
23     
24        h1 {
25        font-size: 28px;
26                color: white;
27                margin-top: 4px;
28                margin-bottom: 6px;
29        }
30     
31        h2 {
32            font-size: 20px;
33            color: #ef7d41;
34        }
35     
36        h3 {
37            color: #aaa;
38        }
39           
40        a { 
41                color: #4582ed;
42                text-decoration: none;
43                font-weight: 600;
44          }
45                 
46        a:visited {
47                color: #236099;
48                  }
49                 
50        a:hover { 
51                background-color:#222;
52                  }
53                 
54                 
55        p {
56                color: white;
57                font-weight: 600;
58        }
59                 
60    img {
61                  border: none;
62          }
63         
64        #Content {
65                float: right;
66                width: 565px;
67                margin-right: 10px;
68                margin-top: -50px;
69                margin-bottom: 35px;
70                padding: 10px;
71                text-align: left;
72                background-image: url('../images/shader.png');
73                background-repeat: repeat;
74                -moz-border-radius: 5px;
75                -webkit-border-radius: 5px;
76                border: 2px solid #616f6f;
77          }
78         
79          #Content p{
80                font-size: 13px;
81          }
82         
83          #Footer {
84                position: absolute;
85                bottom: 0px !important;
86                left: auto;
87                margin-left: 67px;
88                width: 802px;
89                background-image: url('../images/shader.png');
90                background-repeat: repeat;
91                height: 20px;
92                text-align: right;
93          }
94         
95          #Footer p{
96                margin: 0px;
97                padding: 0px;
98          }
99         
100          #Footer span{
101                color: white;
102                padding-right: 10px;
103                padding-top: 3px;
104                padding-bottom: 3px;
105                font-weight: 600;
106                font-size: 13px;
107          }
108         
109          #Footer a{
110                font-size: 11px;
111          }
112                 
113          #Header {
114                 height: 375px;
115                 background-repeat: no-repeat;
116          }
117         
118          #InnerMain {   
119                  margin: 0px 68px;
120                  width: 800px;
121                  padding: 0px;
122                  /*background-color: #435758;
123                  background-image: url('../images/Inner-background.png');
124          background-repeat: repeat-y;*/               
125          }
126         
127          #Main {
128                  position: relative;
129                  bottom: auto;
130                  min-height: 100%; 
131                  margin: 0 auto;
132                  width: 936px;
133                  background-image: url('../images/Main-sidebars.png');
134          background-repeat: repeat-y;
135                  padding: 0px;   
136                  height: auto !important;
137          }
138         
139          html>body #Main {
140                height: 100%;
141      }
142               
143          #MediaContainer {
144                padding: 0px;
145                margin-top: 3px;
146                -moz-border-radius: 5px;
147                -webkit-border-radius: 5px;
148                border: 2px solid #616f6f; 
149                background-image: url('../images/shader.png');
150                background-repeat: repeat;
151          }
152         
153          #Sidebar {
154                  float: left;
155                  width: 170px;
156                  margin-left: 10px;
157                  margin-top: -175px;
158                  background-image: url('../images/shader.png');
159                  background-repeat: repeat;
160                  -moz-border-radius: 5px;
161                  -webkit-border-radius: 5px;
162                  border: 2px solid #616f6f; 
163                  padding: 4px;
164                  /*-webkit-border-image: url('../image/shader.png') 27 27 27 27 round round;*/
165                  /*border-image-right: url('../images/shader.png');*/
166          }
167         
168          #Sidebar h3 {
169                color: white;
170                background-color: #191f1f;
171                border-top: 1px solid #ef7d41;
172                border-bottom: 1px solid #ef7d41;
173                margin-top: 0px;
174                margin-bottom: 3px;
175                padding: 2px;
176                font: 600 15px Georgia;
177          }
178         
179          #Sidebar span {
180                margin-top: 2px;
181                margin-bottom: 2px;
182                padding: 0px;
183                padding-left: 10px;
184                color: #ef7d41;
185                font-size: 12px;
186          }
187         
188          #Sidebar a {
189                color: white;
190                border: none;
191                text-decoration: none;
192          }
193         
194          #Sidebar p{
195                color: #ef7d41;
196                margin: 0px;
197                padding: 2px;
198                padding-left: 10px;
199               
200          }
201         
202          #Title {
203                float: right;
204                margin-top: -140px;
205                text-align: right;
206                margin-right: 14px;
207          }
208         
209          #Title a {
210                font: 600 30px/28px "Verdana";
211                margin: 0px;
212                padding: 0px;
213                color: white;
214                text-decoration: none;
215                border: none;           
216                }         
217       
218           #Title a:hover {
219                background-color: transparent;
220                }
221
222          #Title p {
223                margin-top: 4px;
224                margin-right: 18px;
225                color: #ef7d41;
226                font: 12px "Bitstream Vera Sans";               
227                font-weight: 600;
228          }
229       
230        .divclear {
231                clear: both;
232        }
233       
234        .descriptionText {
235                margin-left: 10px;
236                margin-top: 0px;
237                -moz-border-radius: 5px;
238                -webkit-border-radius: 5px;
239                border: 2px solid #616f6f; 
240                background-image: url('../images/shader.png');
241                background-repeat: repeat;
242                padding: 5px;
243        }
244               
245        .EngineeringGallery {
246       
247        }
248       
249        .EngineeringGallery h2{
250                float: left;
251                width: 430px;
252                margin-left: 5px;
253        }
254       
255        .EngineeringGallery p {
256                margin-left: 5px;
257                margin-top: 0px;
258                padding: 5px;
259                float: left;
260                width: 425px;
261        }
262       
263        .fileOuterDiv {
264                background-color: #bbb;
265                margin-left: 15px;
266                width: 350px;
267                padding: 5px;
268                padding-bottom: 1px;
269         }
270         
271         .fileInnerDiv {
272                padding: 3px;
273                background-color: #444;
274                margin-bottom: 5px;
275         }
276         
277         .fileInnerDiv span {
278                padding: 1px;
279                color: white;
280                font-weight: bold;
281         }
282         
283         .Gallery {
284         
285          }
286         
287          .Gallery h2{
288                background-color: #1a282b;
289                margin-bottom: 3px;
290                margin-top: 0px;
291                padding: 2px;
292          }
293         
294          .Gallery p{
295         
296          }
297         
298          .GalleryEngineeringPic {
299                margin-bottom: 3px;
300                padding: 2px;
301                width: 135px;
302                text-align: center;
303                float: left;
304          }
305         
306          .GalleryArtworkPic {
307                margin-bottom: 3px;
308                padding: 2px;
309                width: 137px;
310                text-align: center;
311                float: left;
312          }
313         
314          .infoBox {
315                  /*background-image: url('../images/shader.png');
316                  background-repeat: repeat-both;*/
317                  -moz-border-radius: 5px;
318                  -webkit-border-radius: 5px;
319                  border: 2px solid #616f6f; 
320                  padding: 8px;
321          }
322       
323        .noHighlight:hover {
324                background-color: transparent;
325          }
326       
327       
328         
329        /*
330        // Style Information for Scriptaculous ComboBox --------------------------------------------------
331        */
332        .results {
333                z-index: 100;
334        }
335       
336        .results ul {
337                margin: 0;
338                padding: 0;
339                list-style-type: none;
340                border: 1px solid #666;
341        }
342               
343        .results li { 
344                list-style-type: none; 
345                margin: 0; 
346                padding: 0 4px;
347                background-color: white;
348                z-index: 1000;
349        }       
350
351        * html .results ul {
352                position: relative;
353                height: 1%;
354        }
355
356        .results li.selected {
357                color: #fff;
358                background: #004376;
359        }
360               
361        .textbox { 
362                        border: 1px solid #666;
363                        z-index: 0;
364                }
365               
366        .textbox input { 
367                border: 0; 
368                padding: 0 2px;
369                z-index: 0;
370        }
Note: See TracBrowser for help on using the browser.