source: extensions/floOs/theme/glass_dark/theme.css @ 3334

Last change on this file since 3334 was 3334, checked in by flop25, 15 years ago

first commit

File size: 6.6 KB
Line 
1/* ---------------------------------------------------------------------------
2Thème glass
3
4pour le template floOS
5
6by flop25(.free.fr)
7------------------------------------------------------------------------------ */
8
9
10/* text color */
11BODY, H1, H2, H3, DT,
12INPUT.rateButtonSelected  {
13  color:#fff;
14}
15
16/* backgrounds */
17H3, .throw {
18  background-color: #ffffff;    /* white */
19}
20body {
21        background-image: url(images/back1.jpg);
22        background-repeat: no-repeat;
23        background-position: bottom center;
24        background-attachment:fixed;
25        font-size:0.7em;
26        font-family: Verdana,Arial,Helvetica,sans-serif;
27        background-color: #000;
28}
29BODY#theCommentsPage .content,
30BODY#theUploadPage .content,
31BODY#theRegisterPage .content,
32BODY#theIdentificationPage .content,
33BODY#theProfilePage .content,
34BODY#theSearchPage .content,
35BODY#theAboutPage .content,
36BODY#thePopuphelpPage .content,
37BODY#thePasswordPage .content,
38BODY#theNotificationPage .content,
39BODY#theTagsPage .content,
40BODY#theNBMPage .content
41{
42background: transparent url(images/section_in.png) repeat top center;
43}
44H2, .row1 {
45  background-color: #d3d3d3;
46}
47
48.header_notes {
49  background-color: #eeeeee;
50}
51#the_page > #comments {
52background: transparent url(images/section_in.png) repeat top center;
53}
54#comments H3, .titrePage h2 {
55        background-image: url(images/fondMenu2.gif);
56        background-repeat:repeat-x;
57        background-color:#000;
58        color: #fff;
59}
60
61.content DIV.thumbnailCategory {
62        background-image: url(../../icon/menu/folder.png);
63        background-position: left bottom;
64        background-repeat:no-repeat;
65}
66.content ul.thumbnails span.wrap2 {
67background: transparent url(images/vignette.png) no-repeat top left;
68width:144px;
69height:144px;
70}
71.content ul.thumbnails span.wrap1 {
72        width:144px;
73        margin: 5px;
74}
75/* header */
76#theHeader {
77        background-image: url(images/header3.jpg);
78        background-position:center top;
79        background-repeat:no-repeat;
80        background-color: #000000;
81        color:#FFFFFF;
82        font-size:1.2em;
83        font-weight:bold;
84        height:105px;
85}
86#theHeader H1 {
87        color:#FFFFFF;
88        font-weight:bold;
89}
90
91/* contenu "section" */
92#section_up_left{
93        background-image: url(images/section_up_left.png);
94        background-position:right bottom;
95        background-repeat:no-repeat;
96        height:18px;
97        width:18px;
98}
99#section_up {
100 background-image: url(images/section_up.png);
101 background-position:bottom;
102 background-repeat:repeat-x;
103 height:18px;
104}
105#section_up_right{
106 background-image: url(images/section_up_right.png);
107 background-position:left bottom;
108 background-repeat:no-repeat;
109 height:18px;
110 width:20px;
111}
112#section_left{
113 background-image: url(images/section_left.png);
114 background-position:right;
115 background-repeat:repeat-y;
116 width:18px;
117}
118#section_bottom_left{
119 background-image: url(images/section_bottom_left.png);
120 background-position:top right;
121 background-repeat:no-repeat;
122 height:20px;
123 width:18px;
124}
125#section_bottom {
126 background-image: url(images/section_bottom.png);
127 background-position:top;
128 background-repeat:repeat-x;
129 height:20px;
130}
131#section_bottom_right{
132 background-image: url(images/section_bottom_right.png);
133 background-position:left top;
134 background-repeat:no-repeat;
135 height:20px;
136 width:20px;
137}
138#section_right{
139 background-image: url(images/section_right.png);
140 background-repeat:repeat-y;
141 background-position:left;
142 width:18px;
143}
144
145
146/* menu Haut*/
147#div_Menu {
148        background-image: url(images/fondMenu2.gif);
149        background-repeat:repeat-x;
150}
151
152ul#Menu, ul#Menu li
153{
154        background:transparent;
155}
156ul#Menu li:hover
157{
158color: #fff;
159background-image: url(images/fondMenuSurvol.gif);
160background-repeat:repeat-x;
161background-position:center;
162background-color:transparent;
163        text-decoration: none;
164    border-bottom: none;
165}
166/* menubar */
167#menubar DL, #section_in{
168background: transparent url(images/section_in.png) repeat top center;
169}
170#menubar DT{
171        background-image: url(images/fondMenu2.gif);
172        background-repeat:repeat-x;
173        background-color:#002024;
174        }
175
176/* borders */
177#menubar DL {
178  border: 2px solid #002024;
179}
180
181#theImage IMG {
182  border-color: #fff;
183}
184#linkNext, #linkPrev {
185  border: 2px solid #fff;
186}
187
188.content UL.thumbnail IMG {
189    border: 1px solid #a0a0a0;
190}
191
192FIELDSET, INPUT, SELECT, TEXTAREA,
193.content DIV.comment  A.illustration IMG {
194  border: 1px solid #fff;
195}
196
197#comments DIV.comment BLOCKQUOTE {
198  border-left: 2px solid #696969;
199}
200
201/*
202.content UL.thumbnails SPAN.wrap2:hover,*/
203.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
204.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
205  border-color: #002024;
206  color: #0066CC;
207}
208.thumbnailCategory IMG {
209        border: 2px solid #FFFFFF;
210}
211/* links */
212A, INPUT.rateButton {
213    color: #fff;
214    background: transparent;
215}
216
217A:hover, INPUT.rateButton:hover {
218    color: #0066CC;
219    border-bottom: none;
220        font-weight:bold;
221}
222
223#imageToolBar A, #imageToolBar A:hover {
224    border-bottom: none;
225}
226
227A.navThumb, A.navThumb:hover {
228    border-bottom: none;
229}
230#div_Menu A {
231        color:#FFFFFF;
232        text-decoration: none;
233}
234#div_Menu A:hover {
235        text-decoration: none;
236    border-bottom: none;
237}
238/* Picture */
239#imageHeaderBar {
240        background-image: url(images/fondblack2.png);
241        background-repeat:repeat-x;
242        background-position: center top;
243        background-color: #000000;
244}
245#imageHeaderBar h2 {
246background:transparent;
247color:#FFFFFF
248}
249#imageHeaderBar, #imageHeaderBar A {
250color:#FFFFFF;
251}
252#imageToolBar .randomButtons, #imageToolBar .navButtons {
253background:transparent;
254}
255#imageToolBar .navButtons {
256background:transparent;
257
258}
259#imageToolBar {
260        background-image: url(images/fondblack_bas.png);
261        background-repeat:repeat-x;
262        background-position: center bottom;
263        background-color: #000000;
264}
265#imageToolBar A:hover {
266background-image: url(images/fondMenuSurvol.gif);
267background-repeat:repeat-x;
268background-position:center;
269background-color:transparent;
270}
271#action_pict {
272        border: 2px solid #FFFFFF;
273    background: transparent url(images/section_in.png) repeat top center;
274    color:#fff;
275    font-weight:bold;
276}
277/*calendar elements*/
278SPAN.calItem, SPAN.calItemEmpty
279{
280  border: 1px solid silver;
281}
282
283.virtual_cat { background: #fff !important; }
284#mbMenu #quicksearch > p { text-align: left; }
285form p { text-align:center; }
286#qsearchInput { color: #d3d3d3; }
287#qsearchInput:focus { color: #005e89; }
288
289UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
290UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
291
292UL.tabsheet, UL.tabsheet LI {border-color: gray;}
293UL.tabsheet LI.normal_tab:hover { border-color: black; }
294
295/*______________-------------------___________________________---------*/
Note: See TracBrowser for help on using the repository browser.