source: extensions/stripped_black_bloc/theme.css @ 21344

Last change on this file since 21344 was 21344, checked in by flop25, 11 years ago

navigation bar improved
404 errors avoid with a simple blank gif
File size: 7.1 KB
Line 
1/**/
2/**** Isotope CSS3 transitions ****/
3
4.isotope,
5.isotope .isotope-item {
6  -webkit-transition-duration: 0.8s;
7     -moz-transition-duration: 0.8s;
8       -o-transition-duration: 0.8s;
9          transition-duration: 0.8s;
10}
11
12.isotope {
13  -webkit-transition-property: height, width;
14     -moz-transition-property: height, width;
15       -o-transition-property: height, width;
16          transition-property: height, width;
17}
18
19.isotope .isotope-item {
20  -webkit-transition-property: -webkit-transform, opacity;
21     -moz-transition-property:    -moz-transform, opacity;
22       -o-transition-property:         top, left, opacity;
23          transition-property:         transform, opacity;
24}
25/**** disabling Isotope CSS3 transitions ****/
26.isotope.no-transition,
27.isotope.no-transition .isotope-item,
28.isotope .isotope-item.no-transition {
29  -webkit-transition-duration: 0s;
30     -moz-transition-duration: 0s;
31       -o-transition-duration: 0s;
32          transition-duration: 0s;
33}
34.isotope .isotope-item { border-radius: 5px 5px 5px 5px; }
35#theCategoryPage #content, #content, #subcontent, #the_page, #thumbnails_block1, #thePicturePage #content, #content_cell {
36    max-width: none;
37}
38#theCommentsPage #content,
39#theUploadPage #content,
40#theRegisterPage #content,
41#theIdentificationPage #content,
42#theProfilePage #content,
43#theSearchPage #content,
44#theAboutPage #content,
45#thePopuphelpPage #content,
46#thePasswordPage #content,
47#theNotificationPage #content,
48#theTagsPage #content,
49#theNBMPage #content
50{
51        width:100%;
52}
53/*
54#menubar_container {
55    display: inline-block;
56} 
57
58 #subcontent {
59    display: inline-block;
60                width:100%;
61} 
62*/
63 #footer {
64    position: relative;
65}
66#the_page
67{
68        padding-bottom: 20px;
69}
70.categoryActions .menuf .flags {
71    margin-top: 5px;
72}
73.titrePage {
74    height: 32px;
75}
76.titrePage img {
77    max-height: 16px;
78    max-width: 16px;
79}
80 #content_cell {
81    min-height: 490px;
82                display:block;
83                width:auto;
84}
85 #subcontent {
86                display:block;
87                width:auto;
88}
89.subcontent .stuffs_block, .content_block {
90    max-width:none;
91}
92.content_block {
93    border:none;
94}
95.content_block #comments ul {
96    display: block;
97}
98
99#menubar {
100    display: inline;
101    float: left;
102    margin: 0 10px 10px 0;
103    padding: 0;
104    width: 18em;
105} 
106.stuffs_thumbnails .bloc {
107        position:relative !important;
108        top:auto !important;
109        left:auto !important;
110}
111.stuffs_thumbnails .bloc {
112    display: inline-block !important;
113}
114.stuffs_thumbnails #thumbnails {
115        margin:0;
116}
117.stuffs_thumbnails .bloc {
118        margin-left:auto;
119        margin-right:auto;
120        padding:0;
121       
122}
123.bloc_stuff {
124        z-index:50;
125}
126#thePicturePage .stuffs_thumbnails {
127        width:auto;
128}
129.gmapsMarkup {
130width: auto !important;
131}
132.bloc {
133    display: inline-block;
134    margin-top: 3px;
135                margin-bottom:3px;
136    padding: 5px;
137                z-index:50;
138}
139.content_block, .bloc_stuff, #subcontent .middle_block {
140    margin: 3px !important;
141}
142.content_block {
143        z-index:50;
144}
145.menuf ul li ul {
146    z-index: 100;
147}
148.bloc * {
149    position: relative;
150}
151.bloc .title {
152    left: 6px;
153    max-width: 138px;
154    padding: 7px 10px 6px;
155    position: absolute;
156    top: 6px;
157    z-index: 1;
158    cursor: pointer;
159    display: block;
160    float: left;
161    margin-right: 5px;
162    padding: 7px 10px 8px;
163}
164.bloc a {
165    display: block;
166    overflow: hidden;
167    position: relative;
168    text-indent: -9999px;
169    width: 160px;
170}
171.nav_bulle {
172    font-size: 9px;
173    font-weight: bold;
174    margin-right: 5px;
175    padding: 7px 10px 8px;
176}
177.titrePage .categoryActionsContainer {
178 /*   float: none; */
179}
180.categoryActions {
181    display: inline;
182    float: right;
183}
184.nav_bulle {
185  position: relative;
186  display: inline-block !important;
187  overflow: auto! important;
188  text-indent: inherit !important;
189  width: auto !important;
190}
191#thumb_navbar {
192  display: inline-block
193}
194#thumb_navigation {
195        display:none
196}
197#subcontent .stuffs_block #comments ul.thumbnailCategories, #comments ul {
198        padding:5px;
199  display: inline-block;
200}
201#subcontent .stuffs_block, .content_block {
202        padding:0;
203}
204#theHeader h1 {
205        padding:0;
206}
207.calendarBar span {
208    float: left;
209}
210/****************
211 color backgroung etc
212 ************************/
213body {
214    background-color: #1E1E1E;
215    color: #FFFFFF;
216    font-family: Helvetica,Arial,sans-serif;
217    margin: 5px;
218}
219a {
220    color: #FFFFFF;
221    text-decoration: none;
222}
223.masonry-brick, .bloc .title, .nav_bulle {
224        color: #FFFFFF;
225        background-image: url("img/btn.png");
226        border-radius: 5px 5px 5px 5px;
227        font-family: Helvetica,Arial,sans-serif;
228        font-size: 9px;
229        font-weight: bold;
230        text-align: center;
231        text-decoration: none;
232        text-transform: uppercase;
233        white-space: normal;
234
235}
236.bloc a {
237  border-radius: 5px 5px 5px 5px;
238  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
239  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
240  -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
241}
242#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
243  background: transparent
244}
245#theHeader a, .titrePage a, .footer_login a, .navigationBar a {
246    color: #E6554F;
247}
248.album {
249        background-color:transparent;
250}
251
252.bloc_stuff {
253        border: 1px solid #424242;
254}
255#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
256        border:none;
257}
258#menubar {
259        color: #FFFFFF;
260        background-image: url("img/btn.png");
261        border-radius: 5px 5px 5px 5px;
262        font-family: Helvetica,Arial,sans-serif;
263        font-size: 12px;
264        font-weight: bold;
265        text-decoration: none;
266        white-space: normal;
267        border: 1px solid #424242;
268        padding:5px;
269}
270#menubar dd{
271        font-weight:normal;
272}
273.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
274        color: #FFFFFF;
275        background-image: url("img/btn.png");
276        background-color:transparent;
277        border-radius: 5px 5px 5px 5px;
278        font-family: Helvetica,Arial,sans-serif;
279        font-size: 9px;
280        font-weight: bold;
281        text-decoration: none;
282        text-transform: uppercase;
283        white-space: normal;
284        border: 1px solid #424242;
285        padding:5px;
286}
287.content_block .additional_info {
288        color: #FFFFFF;
289        background-image: url("img/btn.png");
290        background-color:transparent;
291        border-radius: 5px 5px 5px 5px;
292        font-family: Helvetica,Arial,sans-serif;
293        text-decoration: none;
294        white-space: normal;
295        border: 1px solid #424242;
296        padding:5px;
297}
298.bloc_stuff {
299        color: #FFFFFF;
300        background-image: url("img/btn.png");
301        background-color:transparent;
302        border-radius: 5px 5px 5px 5px;
303        font-family: Helvetica,Arial,sans-serif;
304        text-decoration: none;
305        white-space: normal;
306        border: 1px solid #424242;
307}
308.titrePage .categoryActions {
309        color: #FFFFFF;
310        background-image: url("img/btn.png");
311        background-color:transparent;
312        border-radius: 5px 5px 5px 5px;
313        font-family: Helvetica,Arial,sans-serif;
314        font-size: 9px;
315        font-weight: bold;
316        text-decoration: none;
317        text-transform: uppercase;
318        white-space: normal;
319        border: 1px solid #424242;
320}
321.categoryActions li {
322        padding:5px;
323}
324
325#tabZone {
326        color: #FFFFFF;
327        background-image: url("img/btn.png");
328        border-radius: 5px 5px 5px 5px;
329        font-family: Helvetica,Arial,sans-serif;
330        font-size: 9px;
331        font-weight: bold;
332        text-decoration: none;
333        text-transform: uppercase;
334        white-space: normal;
335        border: 1px solid #424242;
336        padding:5px;
337        background-color:transparent;
338}
339#tabZone * {
340        color: #FFFFFF;
341        background-color:transparent;
342}
Note: See TracBrowser for help on using the repository browser.