phpBMS

root/trunk/common/stylesheet/modern/base.css @ 1

Revision 1, 9.2 kB (checked in by brieb, 5 years ago)

Initial Import
Line 
1BODY { background-color: #DDDDDD; margin:2px;margin-top:0px;}
2BODY, P, TABLE, TD, FORM, INPUT, SELECT, TEXTAREA, OL, UL, LI { 
3        font-size : 12px;
4        font-family : Arial,Helvitica,sans-serif;
5        color : Black; }
6       
7SELECT, INPUT, TEXTAREA, .uneditable { font-size: 11px; padding: 2px; border: 1px solid black; background-color: #FCF1DB; vertical-align: middle; font-style:normal;}
8SELECT{padding:0px;}
9TEXTAREA:Focus,SELECT:Focus,INPUT:Focus{background-color:#FCF7EB;}
10INPUT[disabled],SELECT[disabled]{background-color:#666666;color:#EFEFEF; background-image:none;}
11INPUT[disabled]:Active{border:1px outset black;}
12FORM{margin:0px;padding:0px;}
13DIV {padding:3px;}
14
15A {     color : #850606; text-decoration:none; font-weight:bold;}
16A:Hover { background-color: #850606; color:white; text-decoration:none;}
17A:Active { background-color: #850606; color:white;}
18
19/* ============================================================================== */
20/* Form Elements                                                                  */
21/* ============================================================================== */
22
23.uneditable,.uneditable:Focus {background-color:transparent;}
24.radiochecks ,.radiochecks:Focus{background-color:white;color:black; border:0;}
25
26.Buttons,.smallButtons {
27        background-image:url(buttons.gif);
28        background-color:#595CA6;color:#FFFFFF; font-size: 11px;  font-weight:bold; 
29        border: 1px solid black;
30        border-top-color:#999999;
31        border-left-color:#999999;
32        cursor:pointer;
33}
34.Buttons:Focus,.smallButtons:Focus,.Buttons:Hover,.smallButtons:Hover{
35                background-color:#242872; 
36                background-image:url(buttons-active.gif); 
37                border:1px solid #009900;
38}
39.Buttons[disabled]:Hover,.smallButtons[disabled]:Hover{
40        /* first three entries are from disabled, the last are from standard buttons */
41        /* this disables hover for disabled buttons */
42        background-color:#666666;color:#EFEFEF; background-image:none;
43        border: 1px solid black;
44        border-top-color:#999999;
45        border-left-color:#999999;
46}
47.Buttons:Active,.smallButtons:Active{background-color:#765E7F; 
48        border: 1px solid black; 
49        border-bottom-color:#999999;
50        border-right-color:#999999;             
51        background-image:none; 
52}
53.smallButtons{font-size:10px}
54
55
56
57/* ============================================================================== */
58/* Font size/standouts                                                            */
59/* ============================================================================== */
60
61.huge{font-size : 17px;}
62.large{font-size : 16px;}
63.small { font-size : 11px;}
64.tiny { font-size : 10px}
65.mono {font-family:'Courier New', Courier, mono;width:100%;font-size:12px;}
66
67.ident { padding-left: 3px;}
68.standout       { background-color:#850606; color:white; font-weight:bold; font-size:14px;}
69.important {font-weight:bold;}
70
71/* ============================================================================== */
72/* Boxes                                                                          */
73/* ============================================================================== */
74.bodyline,.untabbedbox,.tabselected,.tabs,.tabbottoms,.box,.recordbottom{ 
75        border: 2px #242872 solid; 
76        padding:0px;
77}
78.bodyline,.untabbedbox,.tabselected{
79        background-color: #FFFFFF; 
80}
81
82.untabbedbox{border-top-width:0px;}
83.box,.recordbottom{
84        background-color:#EEEEEE;
85        border-color:#CCCCCC;
86        margin:3px;
87        margin-bottom:7px;
88        padding:3px;   
89       
90}
91H1, .searchtitle, .addedittitle{
92font-family: "Bitstream Vera Sans", Arial, Helvitica, sans-serif;
93        font-size:22px;
94        letter-spacing:-2px;
95        margin:0px;
96        margin-bottom:10px;
97        font-weight:bold;
98}
99H1, .addedittitle{border-left:3px white solid; border-bottom:1px #850606 solid; border-right:3px white solid;}
100H2{border-bottom: 2px #850606 solid; padding-left:3px; margin:0px; margin-top:30px; margin-bottom:5px;font-size:16px; letter-spacing:-1px;}
101/* ============================================================================== */
102/* Tabs                                                                       */
103/* ============================================================================== */
104.tabselected    {       
105                                        padding:3px;
106                                        border-bottom-width:0px;
107                                        -moz-border-radius-topleft:8px;
108                                        -moz-border-radius-topright:8px;
109                                        font-weight:bold;
110                                }
111.tabs   {       padding:3px;
112                        font-size:11px;
113                        background-color:#EEEEEE; 
114                        color:#242872; 
115                        border-top-width:1px; 
116                        border-left-width:1px; 
117                        border-right-width:1px; 
118                        -moz-border-radius-topleft:8px;
119                        -moz-border-radius-topright:8px;
120                }
121.tabs a:hover {background-color: #242872; color:white;}
122.tabbottoms     {       
123                                border-top-width:0px; 
124                                border-left-width:0px; 
125                                border-right-width:0px; 
126                        }
127
128
129/* ============================================================================== */
130/* Query Results                                                                  */
131/* ============================================================================== */
132
133.row1{background-color:#E5E5E5;}
134.row2{background-color:#EEEEEE;}
135
136
137.dottedline { border-bottom: 2px #AAAAAA dotted;}
138
139.buttonSectionTitles{border: 1px #242872 solid; border-bottom: 0; font-size:11px; padding:1px; padding-bottom:0px;}
140.buttonSection{border: 1px #242872 solid; border-top:0; border-bottom:0; padding-left:1px; padding-right:1px; padding-bottom:1px;}
141
142.recordbottom{margin-bottom:3px;}
143.norecords {background-color:#DDDDDD; font-size:16px; padding:50px; font-weight:bold; }
144
145
146/* ============================================================================== */
147/* Searches                                                                       */
148/* ============================================================================== */
149.querytable{ border: 2px #242872 outset;}
150.querytable td, .queryrow1 td, .queryrow2 td{ 
151                                border-top:0px;
152                                border-right: 1px #666666 solid; 
153                                border-bottom: 1px #E5E5E5 solid; 
154                                font-size: 11px;
155                                padding-top:1px;
156                                padding-left:3px;
157                                padding-right:3px;
158                        }
159
160.queryheader{
161        font-weight:bold;
162        background-color:#242872;
163        color:white; 
164        border-right:1px inset white;
165        padding:4px;
166        background-image:url(tableheader.gif);
167}
168
169.queryheader A{color: white;}
170.queryheader A:hover{color: white;}
171.queryheader A:active{color: white;}
172.queryheader A:visited{color: white;}
173.querytable td.queryfooter, .queryfooter{background-color:#FCF1DB; font-weight:bold; border-top: 3px black double; border-right:0}
174
175.qr1 td,.qr2 td{background-color:#E5E5E5;
176                        cursor: pointer; 
177            cursor: hand;
178}
179
180.qr2 td{background-color:white;}
181tr.qr1:Hover, tr.qr2:Hover{background-color:#FCF1DB;}
182
183.qh1, .qh2{background-color:black; cursor: pointer; cursor: hand;}
184.qh1 td, .qh2 td{color:white; border-right-color: white; border-bottom-color: white;}
185
186
187/* ============================================================================== */
188/* Auto Fill                                                                      */
189/* ============================================================================== */
190
191        .autofillField{
192                background-image:url(magnify.gif);
193                background-repeat:no-repeat;
194                background-position:right;
195                background-origin: border;
196        }
197        .autofillDropDown{
198                border: 1px solid black;
199                padding:1px;
200                position:absolute;
201                background-color:white;         
202        }
203        .autofillDropDown td{font-size:11px; padding:1px;}
204        .af-choice{font-weight:bold}
205        .af-extra{color:red;}
206        .af-highlighted{background-color:blue;}
207        .af-highlighted td{color:white;}
208
209
210/* ============================================================================== */
211/* Menu Navigation                                                                */
212/* ============================================================================== */
213        #appname{
214                float:left;
215                padding-top:6px;
216                font-weight:bold;
217                font-size:16px;
218        }
219
220        #menu{
221                margin-bottom:3px;
222                background-color:#242872;
223                border:2px solid #242872;
224                color:white;
225        }
226        #menu td,#menu form{color:white;}
227       
228          .mainmenuitems {
229                font-weight: bold; 
230                cursor: pointer; 
231                cursor: hand;
232                padding:0px;                   
233                background-color:#595CA6;
234         }
235        .mainmenuitems a{
236                color:white;
237                display:block;
238                padding:3px;
239                padding-left:7px;
240                border: 1px solid #242872;
241        }
242        .mainmenuitems a:hover{border: 1px solid white;}
243       
244        .submenuitems {
245                position:absolute;
246                background-color:white;
247                padding:2px;                                   
248                line-height:11px;
249                border:1px solid black;
250        }
251        .submenuitems a{display:block; 
252                margin-bottom:1px;
253                padding:2px;
254                font-size:11px;
255                font-weight:normal;
256                color:black;
257        }
258        .submenuitems a:hover{color:white}
259       
260/* ============================================================================== */
261/* Calendar                                                                       */
262/* ============================================================================== */
263        .calendartable {
264                border: 2px #242872 outset;
265        }
266       
267        .calendartable td a{
268                padding-top:4px;
269                padding-bottom:4px;
270                display:block;
271        }
272
273        .calendartable td a:hover{
274                background-color:black;
275                color:white;
276        }
277
278        .today{background-color:#FFFFCC;}
279        .weekend{background-color:#E5E5E5;}
280        .othermonths{background-color:#999999;color:white; font-weight:normal;}
281        .dayofweek{
282                font-weight:bold;
283                background-color:#242872;
284                color:white; 
285                border-right:1px inset white;
286                padding:4px;
287                background-image:url(tableheader.gif);
288        }
289        .regulardays{background-color:white;}
290        .regulardays,.today,.dayofweek,.weekend{
291                border-right: 1px #666666 solid; 
292                border-bottom: 1px #E5E5E5 solid; 
293                font-size: 11px;
294        }                       
Note: See TracBrowser for help on using the browser.
Copyright © 2010 Kreotek, LLC. All Rights reserved.