X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=themes%2Fbaggy%2Fcss%2Fmain.css;h=ce30cb5a8445da502a362d95802f11fbf06325ef;hb=4fae3b0a859c9a8974a5b19a3f5a3691cc60b9c1;hp=f8238744928be9f1c15d48d8178174bf19228074;hpb=f83ffc3ac3c843c17587827ad85f278818f69d78;p=github%2Fwallabag%2Fwallabag.git diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index f8238744..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; } @@ -359,11 +356,15 @@ footer a { 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 { @@ -568,19 +569,28 @@ footer a { padding: 2em; } -a#bagit-form-close, a#search-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, a#search-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; @@ -630,7 +640,7 @@ a.add-to-wallabag-link-after:after { #add-link-result { font-weight: bold; - margin-top: 10px; + font-size: 0.9em; } /* ========================================================================== @@ -664,20 +674,6 @@ a.add-to-wallabag-link-after:after { 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; @@ -777,6 +773,10 @@ margin-top:1em; color: #FFF; } +.icon-check.archive:before { + color: #FFF; +} + /* ========================================================================== 4 = Messages ========================================================================== */