aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/baggy/css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/baggy/css')
-rwxr-xr-xthemes/baggy/css/main.css172
1 files changed, 164 insertions, 8 deletions
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 3e128b08..61e0b47e 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -173,21 +173,22 @@ h2:after {
173#links { 173#links {
174 position: fixed; 174 position: fixed;
175 top: 0; 175 top: 0;
176 width: 9em; 176 width: 10em;
177 left: 0; 177 left: 0;
178 text-align: right; 178 text-align: right;
179 background: #333; 179 background: #333;
180 padding-top: 9em; 180 padding-top: 9.5em;
181 height: 100%; 181 height: 100%;
182 box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); 182 box-shadow:inset -4px 0 20px rgba(0,0,0,0.6);
183 z-index: 10; 183 z-index: 10;
184} 184}
185 185
186#main { 186#main {
187 margin-left: 12em; 187 margin-left: 13em;
188 position: relative; 188 position: relative;
189 z-index: 10; 189 z-index: 10;
190 padding-right: 5%; 190 padding-right: 5%;
191 padding-bottom: 1em;
191} 192}
192 193
193 #links a { 194 #links a {
@@ -227,7 +228,7 @@ h2:after {
227 #links li:last-child { 228 #links li:last-child {
228 position: fixed; 229 position: fixed;
229 bottom: 1em; 230 bottom: 1em;
230 width: 10%; 231 width: 10em;
231 } 232 }
232 233
233 #links li:last-child a:before { 234 #links li:last-child a:before {
@@ -237,6 +238,61 @@ h2:after {
237 } 238 }
238 239
239 240
241#sort {
242 padding: 0;
243 list-style-type: none;
244 opacity: 0.5;
245 display: inline-block;
246}
247
248#sort li {
249 display: inline;
250 font-size: 0.9em;
251}
252
253#sort li + li {
254 margin-left: 10px;
255}
256
257#sort a {
258 padding: 2px 2px 0;
259 vertical-align: middle;
260}
261
262#sort img {
263 vertical-align: baseline;
264}
265#sort img:hover {
266 cursor: pointer;
267}
268
269#display-mode {
270 float: right;
271 vertical-align: middle;
272 margin-top: 10px;
273 margin-bottom: 10px;
274 opacity: 0.5;
275}
276#listmode {
277 width: 16px;
278 display: inline-block;
279 text-decoration: none;
280}
281#listmode a:hover {
282 opacity: 1;
283}
284.tablemode {
285 background-image: url("../img/baggy/table.png");
286 background-repeat: no-repeat;
287 background-position: bottom;
288}
289.listmode {
290 background-image: url("../img/baggy/list.png");
291 background-repeat: no-repeat;
292 background-position: bottom;
293}
294
295
240/* ========================================================================== 296/* ==========================================================================
241 2 = Layout 297 2 = Layout
242 ========================================================================== */ 298 ========================================================================== */
@@ -248,7 +304,7 @@ h2:after {
248 304
249footer { 305footer {
250 text-align: right; 306 text-align: right;
251 position: fixed; 307 position: relative;
252 bottom: 0; 308 bottom: 0;
253 right: 5em; 309 right: 5em;
254 color: #999; 310 color: #999;
@@ -266,6 +322,15 @@ footer a {
266 letter-spacing:-5px; 322 letter-spacing:-5px;
267} 323}
268 324
325.listmode .entrie {
326 width: 100%!important;
327 margin-left: 0!important;
328}
329
330.listmode .entrie p {
331 display: none;
332}
333
269.list-entries + .results { 334.list-entries + .results {
270 margin-bottom: 2em; 335 margin-bottom: 2em;
271} 336}
@@ -287,10 +352,10 @@ footer a {
287 letter-spacing:normal; 352 letter-spacing:normal;
288 box-shadow: 0 3px 7px rgba(0,0,0,0.3); 353 box-shadow: 0 3px 7px rgba(0,0,0,0.3);
289 display: inline-block; 354 display: inline-block;
290 width: 32%; 355 width: 32%!important;
291 margin-bottom: 1.5em; 356 margin-bottom: 1.5em;
292 vertical-align: top; 357 vertical-align: top;
293 margin-left: 1.5%; 358 margin-left: 1.5%!important;
294 position: relative; 359 position: relative;
295 overflow: hidden; 360 overflow: hidden;
296 padding: 1.5em 1.5em 3em 1.5em; 361 padding: 1.5em 1.5em 3em 1.5em;
@@ -425,7 +490,7 @@ footer a {
425 } 490 }
426 491
427.entrie:nth-child(3n+1) { 492.entrie:nth-child(3n+1) {
428 margin-left: 0; 493 margin-left: 0!important;
429} 494}
430 495
431.results { 496.results {
@@ -442,6 +507,7 @@ footer a {
442 507
443.pagination { 508.pagination {
444 text-align: right; 509 text-align: right;
510 margin-bottom:50px;
445} 511}
446 512
447.nb-results { 513.nb-results {
@@ -469,6 +535,84 @@ footer a {
469} 535}
470 536
471/* ========================================================================== 537/* ==========================================================================
538 2.1 = "save a link" popup div related styles
539 ========================================================================== */
540
541#bagit-form {
542 background: rgba(0,0,0,0.5);
543 position: absolute;
544 top: 0;
545 left: 10em;
546 z-index: 20;
547 height: 100%;
548 width: 100%;
549 margin: 0;
550 margin-top: -30%;
551 padding: 2em;
552 display: none;
553 border-left: 1px #EEE solid;
554}
555
556#bagit-form form {
557 background: #FFF;
558 position: absolute;
559 top: 0;
560 left: 0;
561 z-index: 20;
562 border: 10px solid #000;
563 width: 400px;
564 height: 200px;
565 /* margin: -150px 0 0 -300px; */
566 padding: 2em;
567}
568
569a#bagit-form-close {
570 background: #000;
571 color: #FFF;
572 padding: 0.2em 0.5em;
573 text-decoration: none;
574 display: inline-block;
575 float: right;
576 font-size: 0.6em;
577}
578a#bagit-form-close:hover {
579 background: #999;
580 color: #000;
581}
582
583.active-current {
584 background-color: #999;
585}
586
587.active-current:after {
588 content: "";
589 width: 0;
590 height: 0;
591 position: absolute;
592 border-style: solid;
593 border-width: 10px;
594 border-color: transparent #EEE transparent transparent;
595 right: 0;
596 top: 50%;
597 margin-top: -10px;
598}
599
600.opacity03 {
601 opacity: 0.3;
602}
603
604.add-to-wallabag-link-after {
605 background-color: #000;
606 color: #fff;
607 padding: 0 3px 2px 3px;
608}
609
610#add-link-result {
611 font-weight: bold;
612 margin-top: 10px;
613}
614
615/* ==========================================================================
472 3 = Pictos 616 3 = Pictos
473 ========================================================================== */ 617 ========================================================================== */
474 618
@@ -602,6 +746,7 @@ footer a {
602#article { 746#article {
603 width: 70%; 747 width: 70%;
604 margin-bottom: 3em; 748 margin-bottom: 3em;
749 text-align: justify;
605} 750}
606 751
607#article .tags { 752#article .tags {
@@ -731,6 +876,9 @@ blockquote {
731 width: 100%; 876 width: 100%;
732 margin-left: 0; 877 margin-left: 0;
733 } 878 }
879 #display-mode {
880 display: none;
881 }
734} 882}
735 883
736@media screen and (max-width: 500px) { 884@media screen and (max-width: 500px) {
@@ -820,4 +968,12 @@ blockquote {
820 #article_toolbar a { 968 #article_toolbar a {
821 padding: 0.3em 0.4em 0.2em; 969 padding: 0.3em 0.4em 0.2em;
822 } 970 }
971
972 #display-mode {
973 display: none;
974 }
975
976 #bagit-form {
977 left: 0;
978 }
823} 979}