X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=themes%2Fdefault%2Fcss%2Fstyle.css;h=a122dc546b2d7f8e1fb80772cb750eb8901a704f;hb=1c91178932cd5b48d793261c6631697186853a93;hp=670eb50f4966581e6d0ffca4110343a11ce639e5;hpb=2502e1359c1a81c1f9a1822459c0d904c6a7da43;p=github%2Fwallabag%2Fwallabag.git diff --git a/themes/default/css/style.css b/themes/default/css/style.css old mode 100644 new mode 100755 index 670eb50f..a122dc54 --- a/themes/default/css/style.css +++ b/themes/default/css/style.css @@ -151,6 +151,16 @@ a:visited { text-indent: -9999px; } +.random { + display: inline-block; + width: 16px; + height: 16px; + overflow: hidden; + text-align: left; + text-indent: -9999px; + background-image: url('../img/default/dice.png'); +} + /*** ***/ /*** ARTICLE PAGE ***/ @@ -176,6 +186,12 @@ a:visited { text-decoration: none; } +#article .tags { + font-size: 0.8em; + color: #888; + padding-bottom: 5px; +} + .backhome { display: inline; } @@ -325,6 +341,117 @@ a.email span, a.delete span, a.link span, a.bad-display span, -a.reading-time span { +a.reading-time span, +a.print span { background-repeat: no-repeat; } + +.arrow-down { + width: 0px; + height: 0px; + border-style: solid; + border-width: 10px 10px 0 10px; + border-color: #000 transparent transparent transparent; + + position: absolute; + margin-top: 1.5em; + margin-left: -30px; +} + +.two-column { + display: block; + width: 50%; + paddig-right: 20px; + float: left; + vertical-align: top; +} + + +/* ========================================================================== + "save a link" popup div related styles + ========================================================================== */ + +#bagit-form { + display: none; + padding-left: 30px; + width: 450px; + +} + +a#bagit-form-close { + color: #FFF; + display: inline-block; + float: right; + background: url("../img/messages/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); + height: 16px; + margin: -14px -8px 0 0; + width: 16px; + text-decoration: none; +} + + +.add-to-wallabag-link-after { + background-color: #000; + color: #fff; + padding: 0 4px 1px 3px; + font-weight: bold; + font-size: 0.7em; + border-radius: 4px; +} +.add-to-wallabag-link-after:hover, .add-to-wallabag-link-after:active { + color: #fff; +} +.add-to-wallabag-link-after:visited { + color: #999; +} +a.add-to-wallabag-link-after { + visibility: hidden; + position: absolute; + opacity: 0; + transition-duration: 2s; + transition-timing-function: ease-out; +} +#article article a:hover + a.add-to-wallabag-link-after, a.add-to-wallabag-link-after:hover { + opacity: 1; + visibility: visible; + transition-duration: .3s; + transition-timing-function: ease-in; +} +a.add-to-wallabag-link-after:after { + content: "w"; +} + + +#add-link-result { + display: inline; + padding-left: 10px; +} + +/* ========================================================================== + "Search" popup div related styles + ========================================================================== */ + +/* Search form message needs a little more width, depending on translations */ +#search-form { + width: 420px; +} + +.opacity03 { + /*opacity: 0.3;*/ +} + +#readLeftPercent { + display: inline-block; + /* Show textual content */ + overflow: visible; + text-align: left; + text-indent: 0; + color: black; + width: 50px; +} + +pre code { + font-family: "Courier New", Courier, monospace; + border: 1px solid #ddd; + font-size: 0.96em; +}