source: extensions/stripped_black_bloc/theme.css @ 16789

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

gmap compatibility

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.gmapsMarkup {
133width: auto !important;
134}
135.bloc, .bloc_big {
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 *, .bloc_big * {
152    position: relative;
153}
154.bloc .title, .bloc_big .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, .bloc_big 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:20px;
192    display: inline-block;
193}
194#subcontent .stuffs_block, .content_block {
195        padding:0;
196}
197#theHeader h1 {
198        padding:0;
199}
200       
201/****************
202 color backgroung etc
203 ************************/
204body {
205    background-color: #1E1E1E;
206    color: #FFFFFF;
207    font-family: Helvetica,Arial,sans-serif;
208    margin: 5px;
209}
210a {
211    color: #FFFFFF;
212    text-decoration: none;
213}
214.masonry-brick, .bloc .title, .bloc_big .title, .nav_bulle {
215        color: #FFFFFF;
216        background-image: url("img/btn.png");
217        border-radius: 5px 5px 5px 5px;
218        font-family: Helvetica,Arial,sans-serif;
219        font-size: 9px;
220        font-weight: bold;
221        text-align: center;
222        text-decoration: none;
223        text-transform: uppercase;
224        white-space: normal;
225
226}
227.bloc a, .bloc_big a {
228    border-radius: 5px 5px 5px 5px;
229}
230.thumbnails .bloc a, .thumbnails .bloc_big a {
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:#595959;
243}
244
245.content_block .additional_info {
246        color:inherit;
247        background: none;
248        border:none;
249}
250.bloc_stuff {
251        border: 1px solid #424242;
252}
253#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
254        border:none;
255}
256#menubar {
257        color: #FFFFFF;
258        background-image: url("img/btn.png");
259        border-radius: 5px 5px 5px 5px;
260        font-family: Helvetica,Arial,sans-serif;
261        font-size: 12px;
262        font-weight: bold;
263        text-decoration: none;
264        white-space: normal;
265        border: 1px solid #424242;
266        padding:5px;
267}
268#menubar dd{
269        font-weight:normal;
270}
271.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
272        color: #FFFFFF;
273        background-image: url("img/btn.png");
274        background-color:transparent;
275        border-radius: 5px 5px 5px 5px;
276        font-family: Helvetica,Arial,sans-serif;
277        font-size: 9px;
278        font-weight: bold;
279        text-decoration: none;
280        text-transform: uppercase;
281        white-space: normal;
282        border: 1px solid #424242;
283        padding:5px;
284}
285.titrePage .categoryActions {
286        color: #FFFFFF;
287        background-image: url("img/btn.png");
288        background-color:transparent;
289        border-radius: 5px 5px 5px 5px;
290        font-family: Helvetica,Arial,sans-serif;
291        font-size: 9px;
292        font-weight: bold;
293        text-decoration: none;
294        text-transform: uppercase;
295        white-space: normal;
296        border: 1px solid #424242;
297}
298.categoryActions li {
299        padding:5px;
300}
301
302#tabZone {
303        color: #FFFFFF;
304        background-image: url("img/btn.png");
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        padding:5px;
314        background-color:transparent;
315}
316#tabZone * {
317        color: #FFFFFF;
318        background-color:transparent;
319}
Note: See TracBrowser for help on using the repository browser.