source: extensions/stripped_black_bloc/theme.css @ 13211

Last change on this file since 13211 was 13211, checked in by flop25, 12 years ago

masonry changed for isotope.js
enhanced compat. with stuffs_thumbnails.tpl

File size: 6.2 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.nav_bulle {
71  position: relative;
72}
73.categoryActions .menuf .flags {
74    margin-top: 5px;
75}
76.titrePage {
77    height: 32px;
78}
79.titrePage img {
80    max-height: 16px;
81    max-width: 16px;
82}
83 #content_cell {
84    min-height: 490px;
85                display:block;
86                width:auto;
87}
88 #subcontent {
89                display:block;
90                width:auto;
91}
92.subcontent .stuffs_block, .content_block {
93    max-width:none;
94}
95.content_block {
96    border:none;
97}
98.content_block #comments ul {
99    display: block;
100}
101
102#menubar {
103    display: inline;
104    float: left;
105    margin: 0 10px 10px 1em;
106    padding: 0;
107    width: 18em;
108} 
109.stuffs_thumbnails .bloc {
110        position:relative !important;
111        top:auto !important;
112        left:auto !important;
113}
114.stuffs_thumbnails .bloc {
115    display: inline-block !important;
116}
117.stuffs_thumbnails #thumbnails {
118        margin:0;
119}
120.stuffs_thumbnails .bloc {
121        margin-left:auto;
122        margin-right:auto;
123        padding:0;
124       
125}
126.bloc_stuff {
127        z-index:999;
128}
129#thePicturePage .stuffs_thumbnails {
130        width:auto;
131}
132.bloc, .bloc_big {
133    display: block;
134    margin-top: 3px;
135                margin-bottom:3px;
136    padding: 5px;
137                z-index:999;
138}
139.content_block, .bloc_stuff, #subcontent .middle_block {
140    margin: 3px !important;
141}
142.content_block {
143        z-index:999;
144}
145.bloc *, .bloc_big * {
146    position: relative;
147}
148.bloc .title, .bloc_big .title {
149    left: 6px;
150    max-width: 138px;
151    padding: 7px 10px 6px;
152    position: absolute;
153    top: 6px;
154    z-index: 1;
155    cursor: pointer;
156    display: block;
157    float: left;
158    margin-right: 5px;
159    padding: 7px 10px 8px;
160}
161.bloc a, .bloc_big a {
162    display: block;
163    overflow: hidden;
164    position: relative;
165    text-indent: -9999px;
166    width: 160px;
167}
168.nav_bulle {
169    font-size: 9px;
170    font-weight: bold;
171    margin-right: 5px;
172    padding: 7px 10px 8px;
173}
174.titrePage .categoryActionsContainer {
175 /*   float: none; */
176}
177.categoryActions {
178    display: inline;
179    float: right;
180}
181#thumb_navigation {
182        display:none
183}
184#subcontent .stuffs_block #comments ul.thumbnailCategories, #comments ul {
185        padding:20px;
186    display: inline-block;
187}
188#subcontent .stuffs_block, .content_block {
189        padding:0;
190}
191#theHeader h1 {
192        padding:0;
193}
194       
195/****************
196 color backgroung etc
197 ************************/
198body {
199    background-color: #1E1E1E;
200    color: #FFFFFF;
201    font-family: Helvetica,Arial,sans-serif;
202    margin: 5px;
203}
204a {
205    color: #FFFFFF;
206    text-decoration: none;
207}
208.masonry-brick, .bloc .title, .nav_bulle {
209        color: #FFFFFF;
210        background-image: url("img/btn.png");
211        border-radius: 5px 5px 5px 5px;
212        font-family: Helvetica,Arial,sans-serif;
213        font-size: 9px;
214        font-weight: bold;
215        text-align: center;
216        text-decoration: none;
217        text-transform: uppercase;
218        white-space: normal;
219
220}
221.bloc a {
222    border-radius: 5px 5px 5px 5px;
223}
224#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
225  background: transparent
226}
227#theHeader a, .titrePage a, .footer_login a, .navigationBar a {
228    color: #E6554F;
229}
230.album {
231        background-color:#595959;
232}
233
234.content_block .additional_info {
235        color:inherit;
236        background: none;
237        border:none;
238}
239.bloc_stuff {
240        border: 1px solid #424242;
241}
242#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
243        border:none;
244}
245#menubar {
246        color: #FFFFFF;
247        background-image: url("img/btn.png");
248        border-radius: 5px 5px 5px 5px;
249        font-family: Helvetica,Arial,sans-serif;
250        font-size: 12px;
251        font-weight: bold;
252        text-decoration: none;
253        white-space: normal;
254        border: 1px solid #424242;
255        padding:5px;
256}
257#menubar dd{
258        font-weight:normal;
259}
260.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
261        color: #FFFFFF;
262        background-image: url("img/btn.png");
263        background-color:transparent;
264        border-radius: 5px 5px 5px 5px;
265        font-family: Helvetica,Arial,sans-serif;
266        font-size: 9px;
267        font-weight: bold;
268        text-decoration: none;
269        text-transform: uppercase;
270        white-space: normal;
271        border: 1px solid #424242;
272        padding:5px;
273}
274.titrePage .categoryActions {
275        color: #FFFFFF;
276        background-image: url("img/btn.png");
277        background-color:transparent;
278        border-radius: 5px 5px 5px 5px;
279        font-family: Helvetica,Arial,sans-serif;
280        font-size: 9px;
281        font-weight: bold;
282        text-decoration: none;
283        text-transform: uppercase;
284        white-space: normal;
285        border: 1px solid #424242;
286}
287.categoryActions li {
288        padding:5px;
289}
290
291#tabZone {
292        color: #FFFFFF;
293        background-image: url("img/btn.png");
294        border-radius: 5px 5px 5px 5px;
295        font-family: Helvetica,Arial,sans-serif;
296        font-size: 9px;
297        font-weight: bold;
298        text-decoration: none;
299        text-transform: uppercase;
300        white-space: normal;
301        border: 1px solid #424242;
302        padding:5px;
303        background-color:transparent;
304}
305#tabZone * {
306        color: #FFFFFF;
307        background-color:transparent;
308}
Note: See TracBrowser for help on using the repository browser.