X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=themes%2Fbaggy%2Fcss%2Fmain.css;h=ce30cb5a8445da502a362d95802f11fbf06325ef;hb=4fae3b0a859c9a8974a5b19a3f5a3691cc60b9c1;hp=9a45544beedb147dc2599f508f05dc52e260b7f7;hpb=a4585f7eaa74d5f705c1622ac2419ea1198a7aba;p=github%2Fwallabag%2Fwallabag.git diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 9a45544b..ce30cb5a 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -89,9 +89,10 @@ form fieldset { margin: 0; } -form input[type="text"], select, form input[type="password"], form input[type="url"] { +form input[type="text"], select, form input[type="password"], form input[type="url"], form input[type="email"] { border: 1px solid #999; padding: 0.5em 1em; + margin-left: 5px; min-width: 12em; color: #666; } @@ -180,7 +181,7 @@ h2:after { padding-top: 9.5em; height: 100%; box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); - z-index: 10; + z-index: 15; } #main { @@ -191,7 +192,7 @@ h2:after { padding-bottom: 1em; } - #links a { + #links > li > a { display: block; padding: 0.5em 2em 0.5em 1em; color: #FFF; @@ -207,7 +208,7 @@ h2:after { transition: all 0.5s ease; } - #links a:hover, #links a:focus { + #links > li > a:hover, #links > li > a:focus { background: #999; color: #000; } @@ -327,10 +328,6 @@ footer a { margin-left: 0!important; } -.listmode .entrie p { - display: none; -} - .list-entries + .results { margin-bottom: 2em; } @@ -352,18 +349,22 @@ footer a { letter-spacing:normal; box-shadow: 0 3px 7px rgba(0,0,0,0.3); display: inline-block; - width: 32%!important; + width: 32%; margin-bottom: 1.5em; vertical-align: top; - margin-left: 1.5%!important; + margin-left: 1.5%; position: relative; overflow: hidden; padding: 1.5em 1.5em 3em 1.5em; - -webkit-transition: all 0.5s ease; - -moz-transition: all 0.5s ease; - -ms-transition: all 0.5s ease; - -o-transition: all 0.5s ease; - transition: all 0.5s ease; + + /* Removing CSS transitions because they make the switch from list view to + * table view jerky + */ + /* -webkit-transition: all 0.5s ease; */ + /* -moz-transition: all 0.5s ease; */ + /* -ms-transition: all 0.5s ease; */ + /* -o-transition: all 0.5s ease; */ + /* transition: all 0.5s ease; */ } .entrie:before { @@ -424,6 +425,7 @@ footer a { content: none; } + .entrie h2 a { display: block; text-decoration: none; @@ -435,7 +437,7 @@ footer a { -o-transition: all 0.5s ease; transition: all 0.5s ease; } - +/* .entrie h2 a:after { content: ""; position: absolute; @@ -444,6 +446,7 @@ footer a { height: 100%; left: 0; } +*/ .entrie p { color: #666; @@ -490,7 +493,7 @@ footer a { } .entrie:nth-child(3n+1) { - margin-left: 0!important; + margin-left: 0; } .results { @@ -535,10 +538,10 @@ footer a { } /* ========================================================================== - 2.1 = "save a link" popup div related styles + 2.1 = "save a link" related styles ========================================================================== */ -#bagit-form { +#bagit-form, #search-form { background: rgba(0,0,0,0.5); position: absolute; top: 0; @@ -553,7 +556,7 @@ footer a { border-left: 1px #EEE solid; } -#bagit-form form { +#bagit-form form, #search-form form { background: #FFF; position: absolute; top: 0; @@ -566,19 +569,28 @@ footer a { padding: 2em; } -a#bagit-form-close { +#bagit-form-form .addurl { + margin-left: 0; +} + +.popup-close { background: #000; color: #FFF; - padding: 0.2em 0.5em; + font-size: 1.4em; + line-height: 1.6em; + width: 1.6em; + height: 1.6em; + text-align: center; text-decoration: none; - display: inline-block; - float: right; - font-size: 0.6em; -} -a#bagit-form-close:hover { - background: #999; - color: #000; + display: inline-block; + position: absolute; + top: 0; + right: 0; } + .popup-close:hover { + background: #999; + color: #000; + } .active-current { background-color: #999; @@ -607,9 +619,28 @@ a#bagit-form-close:hover { padding: 0 3px 2px 3px; } +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 { font-weight: bold; - margin-top: 10px; + font-size: 0.9em; } /* ========================================================================== @@ -643,20 +674,6 @@ a#bagit-form-close:hover { padding: 2em; } -a#search-form-close { - background: #000; - color: #FFF; - padding: 0.2em 0.5em; - text-decoration: none; - display: inline-block; - float: right; - font-size: 1.2em; -} -a#search-form-close:hover { - background: #999; - color: #000; -} - #submit-search{ margin-left: 4em; margin-top:1em; @@ -744,6 +761,9 @@ margin-top:1em; .icon-rss:before { content: "\e808"; } +.icon-print:before { + content: "\e80d"; +} /* ========================================================================== Icon selected @@ -753,6 +773,10 @@ margin-top:1em; color: #FFF; } +.icon-check.archive:before { + color: #FFF; +} + /* ========================================================================== 4 = Messages ========================================================================== */ @@ -899,6 +923,13 @@ blockquote { text-decoration: underline; } +pre code { + font-family: "Courier New", Courier, monospace; + border: 1px solid #ccc; + font-size: 0.96em; +} + + /* ========================================================================== 6 = Media Queries ========================================================================== */ @@ -955,8 +986,8 @@ blockquote { content: none; } .logo { - width: 1.5em; - height: 1.5em; + width: 1.25em; + height: 1.25em; left: 0; top: 0; } @@ -1006,6 +1037,7 @@ blockquote { margin-left: 1.5em; padding-right: 1.5em; position: static; + margin-top: 3em; } #article_toolbar .topPosF { display: none; @@ -1026,7 +1058,8 @@ blockquote { display: none; } - #bagit-form { + #bagit-form, #search-form { left: 0; } } +