source: extensions/floOS/OS_glass/theme.css @ 9109

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

first commit : update for 2.1 and higher
the features in picture.tpl are in reverse : the floating box disappeared

File size: 7.0 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:#000033;
14}
15
16/* backgrounds */
17H3, .throw {
18  background-color: #ffffff;    /* white */
19}
20body {
21        background-image: url(images/bg.jpg);
22        background-repeat: no-repeat;
23        background-position: center center;
24        background-attachment:fixed;
25        font-size:0.7em;
26        font-family: Verdana,Arial,Helvetica,sans-serif;
27        background-color: #104088;
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#comments {
52background: transparent url(images/section_in.png) repeat top center;
53}
54#comments H3, .titrePage h2 {
55        background-image: url(images/boutton.png);
56        background-repeat:repeat-x;
57        background-color:#FFFFFF;
58        color: #000000;
59        border: 1px solid #FFFFFF;
60}
61
62.content DIV.thumbnailCategory {
63        background-image: url(../../icon/menu/folder.png);
64        background-position: left bottom;
65        background-repeat:no-repeat;
66}
67/* header */
68#theHeader {
69        background-image: url(images/header3.jpg);
70        background-position:center top;
71        background-repeat:no-repeat;
72        background-color: #000000;
73        color:#FFFFFF;
74        font-size:1.2em;
75        font-weight:bold;
76}
77#theHeader H1 {
78        color:#FFFFFF;
79        font-weight:bold;
80}
81
82/* contenu "section" */
83#section_up_left{
84        background-image: url(images/section_up_left.png);
85        background-position:right bottom;
86        background-repeat:no-repeat;
87 height:50px;
88}
89#section_up {
90 background-image: url(images/section_up.png);
91 background-position:bottom;
92 background-repeat:repeat-x;
93 height:50px;
94}
95#section_up_right{
96 background-image: url(images/section_up_right.png);
97 background-position:left bottom;
98 background-repeat:no-repeat;
99 height:50px;
100}
101#section_left{
102 background-image: url(images/section_left.png);
103 background-position:right;
104 background-repeat:repeat-y;
105}
106#section_bottom_left{
107 background-image: url(images/section_bottom_left.png);
108 background-position:top right;
109 background-repeat:no-repeat;
110}
111#section_bottom {
112 background-image: url(images/section_bottom.png);
113 background-position:top;
114 background-repeat:repeat-x;
115}
116#section_bottom_right{
117 background-image: url(images/section_bottom_right.png);
118 background-position:left top;
119 background-repeat:no-repeat;
120}
121#section_right{
122 background-image: url(images/section_right.png);
123 background-repeat:repeat-y;
124 background-position:left;
125}
126
127
128/* menu Haut*/
129#div_Menu {
130        background-image: url(images/fondMenu2.gif);
131        background-repeat:repeat-x;
132}
133
134ul#Menu, ul#Menu li
135{
136        background:transparent;
137}
138ul#Menu li:hover
139{
140color: #fff;
141background-image: url(images/fondMenuSurvol.gif);
142background-repeat:repeat-x;
143background-position:center;
144background-color:transparent;
145        text-decoration: none;
146    border-bottom: none;
147}
148/* menubar */
149#menubar DL, #section_in{
150background: transparent url(images/section_in.png) repeat top center;
151}
152#menubar DT{
153        background-image: url(images/boutton.png);
154        background-repeat:repeat-x;
155        background-color:#FFFFFF;
156        }
157
158/* borders */
159#menubar DL, #comments DIV.comment BLOCKQUOTE {
160  border: 1px solid #fff;
161}
162
163#theImage IMG {
164  border-color: #fff;
165}
166#linkNext, #linkPrev {
167  border: 2px solid #fff;
168}
169
170.content UL.thumbnail IMG {
171    border: 1px solid #a0a0a0;
172}
173
174FIELDSET, INPUT, SELECT, TEXTAREA,
175.content DIV.comment  A.illustration IMG,
176.content DIV.thumbnailCategory {
177  border: 1px solid #fff;
178}
179
180#comments DIV.comment BLOCKQUOTE {
181  border-left: 2px solid #696969;
182  background-color: #eee;
183}
184
185.content UL.thumbnails SPAN.wrap2 {
186  border: 1px solid #fff;       /* thumbnails border color and style */
187  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
188}
189
190.content UL.thumbnails SPAN.wrap2:hover,
191.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
192.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
193  background-color: #FFFFFF;
194  border-color: #0066CC;                /* thumbnails border color when mouse cursor is over it */
195  color: #0066CC;
196}
197.thumbnailCategory IMG {
198        border: 2px solid #FFFFFF;
199}
200/* links */
201A, INPUT.rateButton {
202    color: #000033;
203    background: transparent;
204}
205
206A:hover, INPUT.rateButton:hover {
207    color: #000000;
208}
209
210#imageToolBar A, #imageToolBar A:hover {
211    border-bottom: none;
212}
213
214A.navThumb, A.navThumb:hover {
215    border-bottom: none;
216}
217#div_Menu A {
218        color:#FFFFFF;
219        text-decoration: none;
220}
221#div_Menu A:hover {
222        text-decoration: none;
223    border-bottom: none;
224}
225/* Picture */
226#imageHeaderBar {
227        background-image: url(images/fondblack2.png);
228        background-repeat:repeat-x;
229        background-position: center top;
230        background-color: #000000;
231}
232#imageHeaderBar h2 {
233background:transparent;
234color:#FFFFFF
235}
236#imageHeaderBar, #imageHeaderBar A {
237color:#FFFFFF;
238}
239#imageToolBar .randomButtons, #imageToolBar .navButtons {
240background:transparent;
241}
242#imageToolBar .navButtons {
243background:transparent;
244
245}
246#imageToolBar {
247        background-image: url(images/fondblack_bas.png);
248        background-repeat:repeat-x;
249        background-position: center bottom;
250        background-color: #000000;
251}
252#imageToolBar A:hover {
253background-image: url(images/fondMenuSurvol.gif);
254background-repeat:repeat-x;
255background-position:center;
256background-color:transparent;
257}
258#action_pict {
259        border: 2px solid #FFFFFF;
260    background: transparent url(images/section_in.png) repeat top center;
261    color:#000;
262    font-weight:bold;
263}
264#imageToolBar {
265    height: 60px;
266}
267#imageToolBar #thumbPrev, #imageToolBar #thumbNext {
268        margin-left:5px;
269        margin-right:5px;
270        display:inline;
271        width:auto;
272}
273#imageToolBar #thumbCurrent {
274        margin-left:5px;
275        margin-right:5px;
276        display:inline;
277        width:auto;
278}
279#imageToolBar #linkPrev, #imageToolBar #thumbCurrent, #imageToolBar #linkNext {
280        border:#FFF solid 2px;
281        width:auto;
282}
283/*calendar elements*/
284SPAN.calItem, SPAN.calItemEmpty
285{
286  border: 1px solid silver;
287}
288
289.virtual_cat { background: #fff !important; }
290#mbMenu #quicksearch > p { text-align: left; }
291form p { text-align:center; }
292#qsearchInput { color: #000; }
293#qsearchInput:focus { color: #000; }
294
295UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
296UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
297
298UL.tabsheet, UL.tabsheet LI {border-color: gray;}
299UL.tabsheet LI.normal_tab:hover { border-color: black; }
300
301/*______________-------------------___________________________---------*/
302/* $Id: picture.css 2295 2008-04-02 00:51:08Z rvelices $ */
Note: See TracBrowser for help on using the repository browser.