root/public/stylesheets/style.css @ 11

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

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

RevLine 
[1]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*/
[6]10/*  old background green: 09171a*/
11/*  background green: 0b171a*/
12/*  current background green: 121616*/
[1]13
[6]14
[11]15    html,body {
16                margin: 0;
[6]17        padding: 0;
18        background-color: #121616;
[11]19        font: 75% "Bitstream Vera Sans", sans-serif;
[6]20        font-size: 13px;
21        height: 100%;
[1]22      }
23     
24        h1 {
[6]25        font-size: 28px;
[11]26                color: white;
27                margin-top: 4px;
28                margin-bottom: 6px;
[1]29        }
30     
31        h2 {
[6]32            font-size: 20px;
33            color: #ef7d41;
[1]34        }
35     
36        h3 {
[6]37            color: #aaa;
[1]38        }
39           
40        a { 
[6]41                color: #4582ed;
42                text-decoration: none;
43                font-weight: 600;
[1]44          }
45                 
46        a:visited {
[6]47                color: #236099;
[1]48                  }
49                 
50        a:hover { 
[6]51                background-color:#222;
[1]52                  }
53                 
[4]54                 
[1]55        p {
56                color: white;
57                font-weight: 600;
58        }
59                 
[6]60    img {
[1]61                  border: none;
62          }
63         
[6]64        #Content {
65                float: right;
66                width: 565px;
67                margin-right: 10px;
68                margin-top: -50px;
[11]69                margin-bottom: 35px;
[6]70                padding: 10px;
71                text-align: left;
72                background-image: url('../images/shader.png');
[11]73                background-repeat: repeat;
[6]74                -moz-border-radius: 5px;
75                -webkit-border-radius: 5px;
76                border: 2px solid #616f6f;
[1]77          }
78         
[6]79          #Content p{
80                font-size: 13px;
81          }
82         
[1]83          #Footer {
[11]84                position: absolute;
85                bottom: 0px !important;
86                left: auto;
87                margin-left: 67px;
88                width: 802px;
[6]89                background-image: url('../images/shader.png');
[11]90                background-repeat: repeat;
[1]91                height: 20px;
92                text-align: right;
93          }
94         
[6]95          #Footer p{
96                margin: 0px;
97                padding: 0px;
98          }
99         
[1]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{
[6]110                font-size: 11px;
[1]111          }
[6]112                 
113          #Header {
114                 height: 375px;
115                 background-repeat: no-repeat;
116          }
[1]117         
[11]118          #InnerMain {   
119                  margin: 0px 68px;
[1]120                  width: 800px;
121                  padding: 0px;
[11]122                  /*background-color: #435758;
[6]123                  background-image: url('../images/Inner-background.png');
[11]124          background-repeat: repeat-y;*/               
[1]125          }
126         
127          #Main {
[11]128                  position: relative;
129                  bottom: auto;
130                  min-height: 100%; 
[1]131                  margin: 0 auto;
[6]132                  width: 936px;
133                  background-image: url('../images/Main-sidebars.png');
134          background-repeat: repeat-y;
[11]135                  padding: 0px;   
136                  height: auto !important;
[1]137          }
138         
[11]139          html>body #Main {
140                height: 100%;
141      }
142               
[10]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         
[1]153          #Sidebar {
154                  float: left;
[6]155                  width: 170px;
156                  margin-left: 10px;
157                  margin-top: -175px;
158                  background-image: url('../images/shader.png');
[7]159                  background-repeat: repeat;
[6]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');*/
[1]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;
[6]175                padding: 2px;
176                font: 600 15px Georgia;
[1]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         
[4]194          #Sidebar p{
195                color: #ef7d41;
196                margin: 0px;
197                padding: 2px;
198                padding-left: 10px;
[6]199               
[4]200          }
201         
[1]202          #Title {
[6]203                float: right;
204                margin-top: -140px;
205                text-align: right;
206                margin-right: 14px;
[1]207          }
208         
209          #Title a {
[11]210                font: 600 30px/28px "Verdana";
211                margin: 0px;
212                padding: 0px;
[1]213                color: white;
214                text-decoration: none;
[6]215                border: none;           
[1]216                }         
217       
[6]218           #Title a:hover {
[1]219                background-color: transparent;
[6]220                }
[1]221
[6]222          #Title p {
223                margin-top: 4px;
224                margin-right: 18px;
[1]225                color: #ef7d41;
[6]226                font: 12px "Bitstream Vera Sans";               
227                font-weight: 600;
[1]228          }
229       
230        .divclear {
231                clear: both;
232        }
233       
[10]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               
[8]245        .EngineeringGallery {
246       
247        }
248       
249        .EngineeringGallery h2{
250                float: left;
[10]251                width: 430px;
[8]252                margin-left: 5px;
253        }
254       
255        .EngineeringGallery p {
[10]256                margin-left: 5px;
257                margin-top: 0px;
258                padding: 5px;
[8]259                float: left;
[10]260                width: 425px;
[8]261        }
262       
[4]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         
[10]298          .GalleryEngineeringPic {
[4]299                margin-bottom: 3px;
300                padding: 2px;
[10]301                width: 135px;
302                text-align: center;
303                float: left;
[4]304          }
[6]305         
[10]306          .GalleryArtworkPic {
307                margin-bottom: 3px;
308                padding: 2px;
309                width: 137px;
310                text-align: center;
311                float: left;
312          }
313         
[6]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          }
[1]322       
[4]323        .noHighlight:hover {
324                background-color: transparent;
325          }
326       
[6]327       
328         
329        /*
330        // Style Information for Scriptaculous ComboBox --------------------------------------------------
[1]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.