]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - themes/baggy/css/main.css
1 /* ==========================================================================
11 ========================================================================== */
33 box-shadow: 0 1px 8px rgba
(0,0,0,0.9);
48 /* ==========================================================================
50 ========================================================================== */
69 font-family: 'PT Sans', sans-serif
;
70 text-transform: uppercase
;
83 text-decoration: none
;
92 form input
[type
="text"], select
, form input
[type
="password"], form input
[type
="url"] {
93 border: 1px solid
#999;
99 @media screen and
(-webkit-min-device-pixel-ratio:0){
101 -webkit-appearance: none
;
103 background: #FFF url
(../img
/bg-select
.png
) no-repeat right center
;
112 display: inline-block
;
121 display: inline-block
;
127 margin-bottom: 0.5em;
130 form button
, input
[type
="submit"] {
136 display: inline-block
;
137 border:1px solid
#000;
140 form
button:hover
, form
button:focus
, input
[type
="submit"]:hover
, input
[type
="submit"]:focus
{
143 -webkit-transition: all
0.5s ease
;
144 -moz-transition: all
0.5s ease
;
145 -ms-transition: all
0.5s ease
;
146 -o-transition: all
0.5s ease
;
147 transition: all
0.5s ease
;
182 box-shadow:inset
-4px 0 20px rgba
(0,0,0,0.6);
196 padding: 0.5em 2em 0.5em 1em;
199 text-transform: uppercase
;
200 text-decoration: none
;
202 font-family: 'PT Sans', sans-serif
;
203 -webkit-transition: all
0.5s ease
;
204 -moz-transition: all
0.5s ease
;
205 -ms-transition: all
0.5s ease
;
206 -o-transition: all
0.5s ease
;
207 transition: all
0.5s ease
;
210 #links a:hover
, #links
a:focus
{
215 #links .current:after
{
222 border-color: transparent
#EEE transparent transparent
;
228 #links li:last-child
{
234 #links li:last-child
a:before
{
243 list-style-type: none
;
245 display: inline-block
;
259 vertical-align: middle
;
263 vertical-align: baseline
;
271 vertical-align: middle
;
278 display: inline-block
;
279 text-decoration: none
;
285 background-image: url
("../img/baggy/table.png");
286 background-repeat: no-repeat
;
287 background-position: bottom
;
290 background-image: url
("../img/baggy/list.png");
291 background-repeat: no-repeat
;
292 background-position: bottom
;
296 /* ==========================================================================
298 ========================================================================== */
325 .list-entries + .results {
336 .estimatedTime small {
343 letter-spacing:normal
;
344 box-shadow: 0 3px 7px rgba
(0,0,0,0.3);
345 display: inline-block
;
347 margin-bottom: 1.5em;
352 padding: 1.5em 1.5em 3em 1.5em;
353 -webkit-transition: all
0.5s ease
;
354 -moz-transition: all
0.5s ease
;
355 -ms-transition: all
0.5s ease
;
356 -o-transition: all
0.5s ease
;
357 transition: all
0.5s ease
;
365 border-color: transparent transparent
#000 transparent
;
371 -webkit-transition: all
0.5s ease
;
372 -moz-transition: all
0.5s ease
;
373 -ms-transition: all
0.5s ease
;
374 -o-transition: all
0.5s ease
;
375 transition: all
0.5s ease
;
386 -webkit-transition: all
0.5s ease
;
387 -moz-transition: all
0.5s ease
;
388 -ms-transition: all
0.5s ease
;
389 -o-transition: all
0.5s ease
;
390 transition: all
0.5s ease
;
394 box-shadow: 0 3px 10px rgba
(0,0,0,1);
397 .entrie:hover:after {
401 .entrie:hover:before {
410 text-transform: none
;
420 text-decoration: none
;
422 word-wrap: break-word
;
423 -webkit-transition: all
0.5s ease
;
424 -moz-transition: all
0.5s ease
;
425 -ms-transition: all
0.5s ease
;
426 -o-transition: all
0.5s ease
;
427 transition: all
0.5s ease
;
445 .entrie h2 a:first-letter {
446 text-transform: uppercase
;
449 .entrie:hover .tools {
459 padding-right: 0.5em;
461 -webkit-transition: all
0.5s ease
;
462 -moz-transition: all
0.5s ease
;
463 -ms-transition: all
0.5s ease
;
464 -o-transition: all
0.5s ease
;
465 transition: all
0.5s ease
;
470 text-decoration: none
;
475 .entrie .tools a:hover {
480 display: inline-block
;
483 .entrie:nth-child(3n+1) {
488 letter-spacing: -5px;
493 display: inline-block
;
495 letter-spacing: normal
;
510 display: inline-block
;
516 text-decoration: none
;
519 .pagination a:hover, .pagination a:focus {
520 text-decoration: underline
;
523 .pagination .disabled {
527 /* ==========================================================================
529 ========================================================================== */
532 font-family: 'icomoon';
533 src:url
('../fonts/icomoon.eot?-s0mcsx');
534 src:url
('../fonts/icomoon.eot?#iefix-s0mcsx') format
('embedded-opentype'),
535 url
('../fonts/icomoon.woff?-s0mcsx') format
('woff'),
536 url
('../fonts/icomoon.ttf?-s0mcsx') format
('truetype'),
537 url
('../fonts/icomoon.svg?-s0mcsx#icomoon') format
('svg');
547 [class^
="icon-"]:before
, [class
*=" icon-"]:before
{
548 font-family: 'icomoon';
552 font-variant: normal
;
553 text-transform: none
;
556 /* Better Font Rendering =========== */
557 -webkit-font-smoothing: antialiased
;
558 -moz-osx-font-smoothing: grayscale
;
561 .icon-flattr:before {
567 .icon-up-open:before {
588 .icon-twitter:before {
591 .icon-down-open:before {
597 .icon-delete:before {
603 .icon-arrow-up-thick:before {
610 /* ==========================================================================
612 ========================================================================== */
614 .icon-star.fav:before {
618 /* ==========================================================================
620 ========================================================================== */
627 .messages > * { display: inline-block
;}
632 padding: 0.2em 0.5em;
633 text-decoration: none
;
636 .closeMessage:hover, .closeMessage:focus {
654 /* ==========================================================================
656 ========================================================================== */
672 border:1px solid
#999;
678 #article h2
, #article h3
, #article h4
{
679 text-transform: none
;
697 #article_toolbar li
{
698 display: inline-block
;
703 padding: 0.3em 0.5em 0.2em;
705 text-decoration: none
;
708 #article_toolbar a:hover
, #article_toolbar
a:focus
{
717 text-decoration: none
;
734 padding: 0.2em 0.5em;
743 margin-bottom: 0.5em;
746 .list-tags .icon-rss:hover, .list-tags .icon-rss:focus {
749 text-decoration: none
;
753 text-decoration: none
;
756 .list-tags a:hover, .list-tags a:focus {
757 text-decoration: underline
;
760 /* ==========================================================================
762 ========================================================================== */
764 @media screen and
(max-width: 1050px) {
768 .entrie:nth-child(3n+1) {
771 .entrie:nth-child(2n+1) {
776 @media screen and
(max-width: 900px) {
785 @media screen and
(max-width: 700px) {
795 @media screen and
(max-width: 500px) {
808 #links li:last-child
{
812 #links li:last-child
a:before
{
835 margin-left: -37.5px;
850 .desktopHide:hover, .desktopHide:focus {
865 padding-right: 1.5em;
868 #article_toolbar .topPosF
{
880 padding: 0.3em 0.4em 0.2em;