source: extensions/stripped_black_bloc/theme.css @ 21210

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

compatibility 2.5: navigation bar
File size: 7.0 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
192#thumb_navigation {
193        display:none
194}
195#subcontent .stuffs_block #comments ul.thumbnailCategories, #comments ul {
196        padding:5px;
197  display: inline-block;
198}
199#subcontent .stuffs_block, .content_block {
200        padding:0;
201}
202#theHeader h1 {
203        padding:0;
204}
205.calendarBar span {
206    float: left;
207}
208/****************
209 color backgroung etc
210 ************************/
211body {
212    background-color: #1E1E1E;
213    color: #FFFFFF;
214    font-family: Helvetica,Arial,sans-serif;
215    margin: 5px;
216}
217a {
218    color: #FFFFFF;
219    text-decoration: none;
220}
221.masonry-brick, .bloc .title, .nav_bulle {
222        color: #FFFFFF;
223        background-image: url("img/btn.png");
224        border-radius: 5px 5px 5px 5px;
225        font-family: Helvetica,Arial,sans-serif;
226        font-size: 9px;
227        font-weight: bold;
228        text-align: center;
229        text-decoration: none;
230        text-transform: uppercase;
231        white-space: normal;
232
233}
234.bloc a {
235  border-radius: 5px 5px 5px 5px;
236  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
237  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
238  -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
239}
240#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
241  background: transparent
242}
243#theHeader a, .titrePage a, .footer_login a, .navigationBar a {
244    color: #E6554F;
245}
246.album {
247        background-color:transparent;
248}
249
250.bloc_stuff {
251        border: 1px solid #424242;
252}
253#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
254        border:none;
255}
256#menubar {
257        color: #FFFFFF;
258        background-image: url("img/btn.png");
259        border-radius: 5px 5px 5px 5px;
260        font-family: Helvetica,Arial,sans-serif;
261        font-size: 12px;
262        font-weight: bold;
263        text-decoration: none;
264        white-space: normal;
265        border: 1px solid #424242;
266        padding:5px;
267}
268#menubar dd{
269        font-weight:normal;
270}
271.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
272        color: #FFFFFF;
273        background-image: url("img/btn.png");
274        background-color:transparent;
275        border-radius: 5px 5px 5px 5px;
276        font-family: Helvetica,Arial,sans-serif;
277        font-size: 9px;
278        font-weight: bold;
279        text-decoration: none;
280        text-transform: uppercase;
281        white-space: normal;
282        border: 1px solid #424242;
283        padding:5px;
284}
285.content_block .additional_info {
286        color: #FFFFFF;
287        background-image: url("img/btn.png");
288        background-color:transparent;
289        border-radius: 5px 5px 5px 5px;
290        font-family: Helvetica,Arial,sans-serif;
291        text-decoration: none;
292        white-space: normal;
293        border: 1px solid #424242;
294        padding:5px;
295}
296.bloc_stuff {
297        color: #FFFFFF;
298        background-image: url("img/btn.png");
299        background-color:transparent;
300        border-radius: 5px 5px 5px 5px;
301        font-family: Helvetica,Arial,sans-serif;
302        text-decoration: none;
303        white-space: normal;
304        border: 1px solid #424242;
305}
306.titrePage .categoryActions {
307        color: #FFFFFF;
308        background-image: url("img/btn.png");
309        background-color:transparent;
310        border-radius: 5px 5px 5px 5px;
311        font-family: Helvetica,Arial,sans-serif;
312        font-size: 9px;
313        font-weight: bold;
314        text-decoration: none;
315        text-transform: uppercase;
316        white-space: normal;
317        border: 1px solid #424242;
318}
319.categoryActions li {
320        padding:5px;
321}
322
323#tabZone {
324        color: #FFFFFF;
325        background-image: url("img/btn.png");
326        border-radius: 5px 5px 5px 5px;
327        font-family: Helvetica,Arial,sans-serif;
328        font-size: 9px;
329        font-weight: bold;
330        text-decoration: none;
331        text-transform: uppercase;
332        white-space: normal;
333        border: 1px solid #424242;
334        padding:5px;
335        background-color:transparent;
336}
337#tabZone * {
338        color: #FFFFFF;
339        background-color:transparent;
340}
Note: See TracBrowser for help on using the repository browser.