root/public/stylesheets/style.css @ 7

Revision 7, 5.3 kB (checked in by falcon, 17 years ago)

small graphics tweak

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
15    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        color: #09171a;
[1]23      }
24     
25        h1 {
[6]26        font-size: 28px;
27            color: white;
[1]28                margin-top: 4px;
29                margin-bottom: 6px;
30        }
31     
32        h2 {
[6]33            font-size: 20px;
34            color: #ef7d41;
[1]35        }
36     
37        h3 {
[6]38            color: #aaa;
[1]39        }
40           
41        a { 
[6]42                color: #4582ed;
43                text-decoration: none;
44                font-weight: 600;
[1]45          }
46                 
47        a:visited {
[6]48                color: #236099;
[1]49                  }
50                 
51        a:hover { 
[6]52                background-color:#222;
[1]53                  }
54                 
[4]55                 
[1]56        p {
57                color: white;
58                font-weight: 600;
59        }
60                 
[6]61    img {
[1]62                  border: none;
63          }
64         
[6]65        #Content {
66                float: right;
67                width: 565px;
68                margin-right: 10px;
69                margin-top: -50px;
70                padding: 10px;
71                text-align: left;
72                background-image: url('../images/shader.png');
73                background-repeat: repeat-both;
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 {
84                margin-top: 15px;
[6]85                background-image: url('../images/shader.png');
86                background-repeat: repeat-both;
[1]87                height: 20px;
[6]88                padding-top: 3px;
[1]89                text-align: right;
90          }
91         
[6]92          #Footer p{
93                margin: 0px;
94                padding: 0px;
95          }
96         
[1]97          #Footer span{
98                color: white;
99                padding-right: 10px;
100                padding-top: 3px;
101                padding-bottom: 3px;
102                font-weight: 600;
103                font-size: 13px;
104          }
105         
106          #Footer a{
[6]107                font-size: 11px;
[1]108          }
[6]109                 
110          #Header {
111                 height: 375px;
[7]112                 /*background-image: url('../images/Header1.jpg');*/
[6]113                 background-repeat: no-repeat;
114          }
[1]115         
116          #InnerMain {
117                  margin: 0 auto;
118                  width: 800px;
119                  background-color: #435758;
120                  padding: 0px;
[6]121                  background-image: url('../images/Inner-background.png');
122          background-repeat: repeat-y;
[1]123          }
124         
125          #Main {
126                  margin: 0 auto;
[6]127                  width: 936px;
128                  background-image: url('../images/Main-sidebars.png');
129          background-repeat: repeat-y;
[1]130                  padding: 0px;
131                  height: 100%;
132          }
133         
134          #Sidebar {
135                  float: left;
[6]136                  width: 170px;
137                  margin-left: 10px;
138                  margin-top: -175px;
139                  background-image: url('../images/shader.png');
[7]140                  background-repeat: repeat;
[6]141                  -moz-border-radius: 5px;
142                  -webkit-border-radius: 5px;
143                  border: 2px solid #616f6f; 
144                  padding: 4px;
145                  /*-webkit-border-image: url('../image/shader.png') 27 27 27 27 round round;*/
146                  /*border-image-right: url('../images/shader.png');*/
[1]147          }
148         
149          #Sidebar h3 {
150                color: white;
151                background-color: #191f1f;
152                border-top: 1px solid #ef7d41;
153                border-bottom: 1px solid #ef7d41;
154                margin-top: 0px;
155                margin-bottom: 3px;
[6]156                padding: 2px;
157                font: 600 15px Georgia;
[1]158          }
159         
160          #Sidebar span {
161                margin-top: 2px;
162                margin-bottom: 2px;
163                padding: 0px;
164                padding-left: 10px;
165                color: #ef7d41;
166                font-size: 12px;
167          }
168         
169          #Sidebar a {
170                color: white;
171                border: none;
172                text-decoration: none;
173          }
174         
[4]175          #Sidebar p{
176                color: #ef7d41;
177                margin: 0px;
178                padding: 2px;
179                padding-left: 10px;
[6]180               
[4]181          }
182         
[1]183          #Title {
[6]184                float: right;
185                margin-top: -140px;
186                text-align: right;
187                margin-right: 14px;
[1]188          }
189         
190          #Title a {
191                color: white;
192                text-decoration: none;
[6]193                border: none;           
194               
[1]195                }         
196       
[6]197           #Title a:hover {
[1]198                background-color: transparent;
[6]199                }
[1]200         
201          #Title h1 {
[6]202                font: 600 30px/28px "Verdana";
[1]203                margin: 0px;
[6]204                padding: 0px;
[1]205                color: white;
[6]206               
[1]207          }
208
[6]209          #Title p {
210                margin-top: 4px;
211                margin-right: 18px;
[1]212                color: #ef7d41;
[6]213                font: 12px "Bitstream Vera Sans";               
214                font-weight: 600;
[1]215          }
216       
217        .divclear {
218                clear: both;
219        }
220       
[4]221        .fileOuterDiv {
222                background-color: #bbb;
223                margin-left: 15px;
224                width: 350px;
225                padding: 5px;
226                padding-bottom: 1px;
227         }
228         
229         .fileInnerDiv {
230                padding: 3px;
231                background-color: #444;
232                margin-bottom: 5px;
233         }
234         
235         .fileInnerDiv span {
236                padding: 1px;
237                color: white;
238                font-weight: bold;
239         }
240         
241         .Gallery {
242         
243          }
244         
245          .Gallery h2{
246                background-color: #1a282b;
247                margin-bottom: 3px;
248                margin-top: 0px;
249                padding: 2px;
250          }
251         
252          .Gallery p{
253         
254          }
255         
256          .Gallery span{
257                margin-bottom: 3px;
258                padding: 2px;
259          }
[6]260         
261          .infoBox {
262                  /*background-image: url('../images/shader.png');
263                  background-repeat: repeat-both;*/
264                  -moz-border-radius: 5px;
265                  -webkit-border-radius: 5px;
266                  border: 2px solid #616f6f; 
267                  padding: 8px;
268          }
[1]269       
[4]270        .noHighlight:hover {
271                background-color: transparent;
272          }
273       
[6]274       
275         
276        /*
277        // Style Information for Scriptaculous ComboBox --------------------------------------------------
[1]278        */
279        .results {
280                z-index: 100;
281        }
282       
283        .results ul {
284                margin: 0;
285                padding: 0;
286                list-style-type: none;
287                border: 1px solid #666;
288        }
289               
290        .results li { 
291                list-style-type: none; 
292                margin: 0; 
293                padding: 0 4px;
294                background-color: white;
295                z-index: 1000;
296        }       
297
298        * html .results ul {
299                position: relative;
300                height: 1%;
301        }
302
303        .results li.selected {
304                color: #fff;
305                background: #004376;
306        }
307               
308        .textbox { 
309                        border: 1px solid #666;
310                        z-index: 0;
311                }
312               
313        .textbox input { 
314                border: 0; 
315                padding: 0 2px;
316                z-index: 0;
317        }
Note: See TracBrowser for help on using the browser.