X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=themes%2Fdefault%2Fcss%2Fstyle.css;h=b25373d6c98cef6da4e4c85ed9ac64b352d115a9;hb=eb365a01fb9b0fa29f88f4cdd0e09b8d4ec76dfd;hp=eb04f0c487b38149ca4c9d82e940a705f0c784d4;hpb=bf7516112f90ea0392918605acdb9167cf21e516;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 eb04f0c4..b25373d6 --- a/themes/default/css/style.css +++ b/themes/default/css/style.css @@ -1,3 +1,12 @@ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/Roboto.woff) format('woff'); +} + + + body { margin: 10px; font-family: 'Roboto',Verdana,Geneva,sans-serif; @@ -167,6 +176,12 @@ a:visited { text-decoration: none; } +#article .tags { + font-size: 0.8em; + color: #888; + padding-bottom: 5px; +} + .backhome { display: inline; } @@ -188,7 +203,7 @@ a:visited { bottom: 0; left: 0; width: 100%; - height: 50px; + min-height: 50px; padding-top: 17px; text-align: center; color: #fff; @@ -316,6 +331,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; -} \ No newline at end of file +} + +.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; +}