]>
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);
195 padding: 0.5em 2em 0.5em 1em;
198 text-transform: uppercase
;
199 text-decoration: none
;
201 font-family: 'PT Sans', sans-serif
;
202 -webkit-transition: all
0.5s ease
;
203 -moz-transition: all
0.5s ease
;
204 -ms-transition: all
0.5s ease
;
205 -o-transition: all
0.5s ease
;
206 transition: all
0.5s ease
;
209 #links a:hover
, #links
a:focus
{
214 #links .current:after
{
221 border-color: transparent
#EEE transparent transparent
;
227 #links li:last-child
{
233 #links li:last-child
a:before
{
240 /* ==========================================================================
242 ========================================================================== */
269 .list-entries + .results {
280 .estimatedTime small {
287 letter-spacing:normal
;
288 box-shadow: 0 3px 7px rgba
(0,0,0,0.3);
289 display: inline-block
;
291 margin-bottom: 1.5em;
296 padding: 1.5em 1.5em 3em 1.5em;
297 -webkit-transition: all
0.5s ease
;
298 -moz-transition: all
0.5s ease
;
299 -ms-transition: all
0.5s ease
;
300 -o-transition: all
0.5s ease
;
301 transition: all
0.5s ease
;
309 border-color: transparent transparent
#000 transparent
;
315 -webkit-transition: all
0.5s ease
;
316 -moz-transition: all
0.5s ease
;
317 -ms-transition: all
0.5s ease
;
318 -o-transition: all
0.5s ease
;
319 transition: all
0.5s ease
;
330 -webkit-transition: all
0.5s ease
;
331 -moz-transition: all
0.5s ease
;
332 -ms-transition: all
0.5s ease
;
333 -o-transition: all
0.5s ease
;
334 transition: all
0.5s ease
;
338 box-shadow: 0 3px 10px rgba
(0,0,0,1);
341 .entrie:hover:after {
345 .entrie:hover:before {
354 text-transform: none
;
364 text-decoration: none
;
366 word-wrap: break-word
;
367 -webkit-transition: all
0.5s ease
;
368 -moz-transition: all
0.5s ease
;
369 -ms-transition: all
0.5s ease
;
370 -o-transition: all
0.5s ease
;
371 transition: all
0.5s ease
;
389 .entrie h2 a:first-letter {
390 text-transform: uppercase
;
393 .entrie:hover .tools {
403 padding-right: 0.5em;
405 -webkit-transition: all
0.5s ease
;
406 -moz-transition: all
0.5s ease
;
407 -ms-transition: all
0.5s ease
;
408 -o-transition: all
0.5s ease
;
409 transition: all
0.5s ease
;
414 text-decoration: none
;
419 .entrie .tools a:hover {
424 display: inline-block
;
427 .entrie:nth-child(3n+1) {
432 letter-spacing: -5px;
437 display: inline-block
;
439 letter-spacing: normal
;
455 display: inline-block
;
461 text-decoration: none
;
464 .pagination a:hover, .pagination a:focus {
465 text-decoration: underline
;
468 .pagination .disabled {
472 /* ==========================================================================
474 ========================================================================== */
477 font-family: 'icomoon';
478 src:url
('../fonts/icomoon.eot?-s0mcsx');
479 src:url
('../fonts/icomoon.eot?#iefix-s0mcsx') format
('embedded-opentype'),
480 url
('../fonts/icomoon.woff?-s0mcsx') format
('woff'),
481 url
('../fonts/icomoon.ttf?-s0mcsx') format
('truetype'),
482 url
('../fonts/icomoon.svg?-s0mcsx#icomoon') format
('svg');
492 [class^
="icon-"]:before
, [class
*=" icon-"]:before
{
493 font-family: 'icomoon';
497 font-variant: normal
;
498 text-transform: none
;
501 /* Better Font Rendering =========== */
502 -webkit-font-smoothing: antialiased
;
503 -moz-osx-font-smoothing: grayscale
;
506 .icon-flattr:before {
512 .icon-up-open:before {
533 .icon-twitter:before {
536 .icon-down-open:before {
542 .icon-delete:before {
548 .icon-arrow-up-thick:before {
555 /* ==========================================================================
557 ========================================================================== */
559 .icon-star.fav:before {
563 /* ==========================================================================
565 ========================================================================== */
572 .messages > * { display: inline-block
;}
577 padding: 0.2em 0.5em;
578 text-decoration: none
;
581 .closeMessage:hover, .closeMessage:focus {
599 /* ==========================================================================
601 ========================================================================== */
617 border:1px solid
#999;
623 #article h2
, #article h3
, #article h4
{
624 text-transform: none
;
642 #article_toolbar li
{
643 display: inline-block
;
648 padding: 0.3em 0.5em 0.2em;
650 text-decoration: none
;
653 #article_toolbar a:hover
, #article_toolbar
a:focus
{
662 text-decoration: none
;
679 padding: 0.2em 0.5em;
688 margin-bottom: 0.5em;
691 .list-tags .icon-rss:hover, .list-tags .icon-rss:focus {
694 text-decoration: none
;
698 text-decoration: none
;
701 .list-tags a:hover, .list-tags a:focus {
702 text-decoration: underline
;
705 /* ==========================================================================
707 ========================================================================== */
709 @media screen and
(max-width: 1050px) {
713 .entrie:nth-child(3n+1) {
716 .entrie:nth-child(2n+1) {
721 @media screen and
(max-width: 900px) {
730 @media screen and
(max-width: 700px) {
737 @media screen and
(max-width: 500px) {
750 #links li:last-child
{
754 #links li:last-child
a:before
{
777 margin-left: -37.5px;
792 .desktopHide:hover, .desktopHide:focus {
807 padding-right: 1.5em;
810 #article_toolbar .topPosF
{
822 padding: 0.3em 0.4em 0.2em;