source: extensions/stripped_black_bloc/theme.css @ 14166

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

updated for 2.4 :
-deleted timthumb
-deleted config for auto-generation

features added :
-representative thumbs can be big : always, as the "Every x thumb" config or never

bug corrected :
-big thumbs didn't have rounded corners

Translations uk_UA needed for new keys

File size: 6.3 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#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
228  background: transparent
229}
230#theHeader a, .titrePage a, .footer_login a, .navigationBar a {
231    color: #E6554F;
232}
233.album {
234        background-color:#595959;
235}
236
237.content_block .additional_info {
238        color:inherit;
239        background: none;
240        border:none;
241}
242.bloc_stuff {
243        border: 1px solid #424242;
244}
245#thePicturePage .left_block, #thePicturePage .right_block, #thePicturePage .middle_block, #content {
246        border:none;
247}
248#menubar {
249        color: #FFFFFF;
250        background-image: url("img/btn.png");
251        border-radius: 5px 5px 5px 5px;
252        font-family: Helvetica,Arial,sans-serif;
253        font-size: 12px;
254        font-weight: bold;
255        text-decoration: none;
256        white-space: normal;
257        border: 1px solid #424242;
258        padding:5px;
259}
260#menubar dd{
261        font-weight:normal;
262}
263.browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright {
264        color: #FFFFFF;
265        background-image: url("img/btn.png");
266        background-color:transparent;
267        border-radius: 5px 5px 5px 5px;
268        font-family: Helvetica,Arial,sans-serif;
269        font-size: 9px;
270        font-weight: bold;
271        text-decoration: none;
272        text-transform: uppercase;
273        white-space: normal;
274        border: 1px solid #424242;
275        padding:5px;
276}
277.titrePage .categoryActions {
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}
290.categoryActions li {
291        padding:5px;
292}
293
294#tabZone {
295        color: #FFFFFF;
296        background-image: url("img/btn.png");
297        border-radius: 5px 5px 5px 5px;
298        font-family: Helvetica,Arial,sans-serif;
299        font-size: 9px;
300        font-weight: bold;
301        text-decoration: none;
302        text-transform: uppercase;
303        white-space: normal;
304        border: 1px solid #424242;
305        padding:5px;
306        background-color:transparent;
307}
308#tabZone * {
309        color: #FFFFFF;
310        background-color:transparent;
311}
Note: See TracBrowser for help on using the repository browser.