source: extensions/stripped_black_bloc/theme.css @ 14974

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

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