source: extensions/stripped_black_bloc/theme.css @ 25515

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

bug correction
-no custom color on picture page
-the number of total pages was wrong in the navigation bar (will be improved on 2.5.1 piwigo update)

navigation bar for thumbs slightly improved

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