source: extensions/floOS/OS_glass_clear/theme.css @ 9673

Last change on this file since 9673 was 9673, checked in by flop25, 13 years ago

on the rep :
compat. for trunk/2.2

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