source: extensions/stripped_black_bloc/theme.css @ 17843

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

code simplification
margin and width adjusted for stuff blocs and descriptions
shadow added for stuffs_thumbnails.tpl
managment of pictures which have a smaller width than the wanted block
no more grey border for album thumbnails : colored border
etc

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 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.gmapsMarkup {
133width: auto !important;
134}
135.bloc {
136    display: block;
137    margin-top: 3px;
138                margin-bottom:3px;
139    padding: 5px;
140                z-index:999;
141}
142.content_block, .bloc_stuff, #subcontent .middle_block {
143    margin: 3px !important;
144}
145.content_block {
146        z-index:999;
147}
148.menuf ul li ul {
149    z-index: 1100;
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.