source: extensions/stripped_black_bloc/theme.css @ 17911

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

small fix for album : if "no big thumbnails" is selected, generate big thumbnails only for panoramas
less margin for the menu

File size: 6.9 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 0;
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:50;
128}
129#thePicturePage .stuffs_thumbnails {
130        width:auto;
131}
132.gmapsMarkup {
133width: auto !important;
134}
135.bloc {
136    display: block;
137    margin-top: 3px;
138                margin-bottom:3px;
139    padding: 5px;
140                z-index:50;
141}
142.content_block, .bloc_stuff, #subcontent .middle_block {
143    margin: 3px !important;
144}
145.content_block {
146        z-index:50;
147}
148.menuf ul li ul {
149    z-index: 100;
150}
151.bloc * {
152    position: relative;
153}
154.bloc .title {
155    left: 6px;
156    max-width: 138px;
157    padding: 7px 10px 6px;
158    position: absolute;
159    top: 6px;
160    z-index: 1;
161    cursor: pointer;
162    display: block;
163    float: left;
164    margin-right: 5px;
165    padding: 7px 10px 8px;
166}
167.bloc a {
168    display: block;
169    overflow: hidden;
170    position: relative;
171    text-indent: -9999px;
172    width: 160px;
173}
174.nav_bulle {
175    font-size: 9px;
176    font-weight: bold;
177    margin-right: 5px;
178    padding: 7px 10px 8px;
179}
180.titrePage .categoryActionsContainer {
181 /*   float: none; */
182}
183.categoryActions {
184    display: inline;
185    float: right;
186}
187#thumb_navigation {
188        display:none
189}
190#subcontent .stuffs_block #comments ul.thumbnailCategories, #comments ul {
191        padding:5px;
192  display: inline-block;
193}
194#subcontent .stuffs_block, .content_block {
195        padding:0;
196}
197#theHeader h1 {
198        padding:0;
199}
200.calendarBar span {
201    float: left;
202}
203/****************
204 color backgroung etc
205 ************************/
206body {
207    background-color: #1E1E1E;
208    color: #FFFFFF;
209    font-family: Helvetica,Arial,sans-serif;
210    margin: 5px;
211}
212a {
213    color: #FFFFFF;
214    text-decoration: none;
215}
216.masonry-brick, .bloc .title, .nav_bulle {
217        color: #FFFFFF;
218        background-image: url("img/btn.png");
219        border-radius: 5px 5px 5px 5px;
220        font-family: Helvetica,Arial,sans-serif;
221        font-size: 9px;
222        font-weight: bold;
223        text-align: center;
224        text-decoration: none;
225        text-transform: uppercase;
226        white-space: normal;
227
228}
229.bloc a {
230  border-radius: 5px 5px 5px 5px;
231  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.75);
232  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
233  -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.75);
234}
235#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
236  background: transparent
237}
238#theHeader a, .titrePage a, .footer_login a, .navigationBar a {
239    color: #E6554F;
240}
241.album {
242        background-color:transparent;
243}
244
245.bloc_stuff {
246        border: 1px solid #424242;
247}
248#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
249        border:none;
250}
251#menubar {
252        color: #FFFFFF;
253        background-image: url("img/btn.png");
254        border-radius: 5px 5px 5px 5px;
255        font-family: Helvetica,Arial,sans-serif;
256        font-size: 12px;
257        font-weight: bold;
258        text-decoration: none;
259        white-space: normal;
260        border: 1px solid #424242;
261        padding:5px;
262}
263#menubar dd{
264        font-weight:normal;
265}
266.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
267        color: #FFFFFF;
268        background-image: url("img/btn.png");
269        background-color:transparent;
270        border-radius: 5px 5px 5px 5px;
271        font-family: Helvetica,Arial,sans-serif;
272        font-size: 9px;
273        font-weight: bold;
274        text-decoration: none;
275        text-transform: uppercase;
276        white-space: normal;
277        border: 1px solid #424242;
278        padding:5px;
279}
280.content_block .additional_info {
281        color: #FFFFFF;
282        background-image: url("img/btn.png");
283        background-color:transparent;
284        border-radius: 5px 5px 5px 5px;
285        font-family: Helvetica,Arial,sans-serif;
286        text-decoration: none;
287        white-space: normal;
288        border: 1px solid #424242;
289        padding:5px;
290}
291.bloc_stuff {
292        color: #FFFFFF;
293        background-image: url("img/btn.png");
294        background-color:transparent;
295        border-radius: 5px 5px 5px 5px;
296        font-family: Helvetica,Arial,sans-serif;
297        text-decoration: none;
298        white-space: normal;
299        border: 1px solid #424242;
300}
301.titrePage .categoryActions {
302        color: #FFFFFF;
303        background-image: url("img/btn.png");
304        background-color:transparent;
305        border-radius: 5px 5px 5px 5px;
306        font-family: Helvetica,Arial,sans-serif;
307        font-size: 9px;
308        font-weight: bold;
309        text-decoration: none;
310        text-transform: uppercase;
311        white-space: normal;
312        border: 1px solid #424242;
313}
314.categoryActions li {
315        padding:5px;
316}
317
318#tabZone {
319        color: #FFFFFF;
320        background-image: url("img/btn.png");
321        border-radius: 5px 5px 5px 5px;
322        font-family: Helvetica,Arial,sans-serif;
323        font-size: 9px;
324        font-weight: bold;
325        text-decoration: none;
326        text-transform: uppercase;
327        white-space: normal;
328        border: 1px solid #424242;
329        padding:5px;
330        background-color:transparent;
331}
332#tabZone * {
333        color: #FFFFFF;
334        background-color:transparent;
335}
Note: See TracBrowser for help on using the repository browser.