diff options
| author | 2013-11-03 22:03:31 +0100 | |
|---|---|---|
| committer | 2013-11-04 23:32:47 +0100 | |
| commit | 123f8dd164d073e13011430e4eb03619925e88fe (patch) | |
| tree | 1dd960e9d15dba359b6166315e145ebb0b037ffb | |
| parent | adc9a958afa5fb9f6f2dab4ae8abac1f932a7db4 (diff) | |
Encore du nettoyage CSS
Suppression des sélecteurs inutiles pour de meilleures performances
| -rw-r--r-- | public/themes/default/freshrss.css | 16 | ||||
| -rw-r--r-- | public/themes/default/global.css | 74 | ||||
| -rw-r--r-- | public/themes/flat-design/freshrss.css | 20 | ||||
| -rw-r--r-- | public/themes/flat-design/global.css | 94 |
4 files changed, 102 insertions, 102 deletions
diff --git a/public/themes/default/freshrss.css b/public/themes/default/freshrss.css index 168417312..1e48f9f3d 100644 --- a/public/themes/default/freshrss.css +++ b/public/themes/default/freshrss.css @@ -167,10 +167,10 @@ .feed:not([data-unread="0"]):before { content: "(" attr(data-unread) ") "; } - .categories .feeds .dropdown .dropdown-menu { + .categories .feeds .dropdown-menu { left: 0; } - .categories .feeds .dropdown .dropdown-menu:after { + .categories .feeds .dropdown-menu:after { left: 2px; } .categories .feeds .item .dropdown-toggle i { @@ -627,7 +627,7 @@ .logs { border: 1px solid #aaa; } - .logs .log { + .log { padding: 5px 2%; overflow: auto; background: #fafafa; @@ -635,18 +635,18 @@ color: #333; font-size: 90%; } - .logs .log .date { + .log .date { display: block; } - .logs .log.error { + .log.error { background: #fdd; color: #844; } - .logs .log.warning { + .log.warning { background: #ffe; color: #c95; } - .logs .log.notice { + .log.notice { background: #f4f4f4; color: #aaa; } @@ -806,7 +806,7 @@ background: -ms-linear-gradient(top, #D14641 0%, #BD362F 100%); } -.dropdown .dropdown-menu:after { +.dropdown-menu:after { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); diff --git a/public/themes/default/global.css b/public/themes/default/global.css index f6fb1bcf2..5ec40eb7a 100644 --- a/public/themes/default/global.css +++ b/public/themes/default/global.css @@ -12,7 +12,7 @@ html, body { height: 100%; font-size: 95%; - font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "sans-serif"; + font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif; } /* LIENS */ @@ -246,56 +246,56 @@ input, select, textarea { } /* NAVIGATION */ -.nav.nav-list .nav-header, -.nav.nav-list .item { +.nav-list .nav-header, +.nav-list .item { display: block; height: 35px; line-height: 35px; } - .nav.nav-list .item:hover { + .nav-list .item:hover { background: #fafafa; } - .nav.nav-list .item:hover a { + .nav-list .item:hover a { color: #003388; } - .nav.nav-list .item.active { + .nav-list .item.active { background: #0062BE; color: #fff; } - .nav.nav-list .item.active a { + .nav-list .item.active a { color: #fff; } - .nav.nav-list .disable { + .nav-list .disable { color: #aaa; background: #fafafa; text-align: center; } - .nav.nav-list .item > * { + .nav-list .item > * { display: block; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - .nav.nav-list a:hover { + .nav-list a:hover { text-decoration: none; } - .nav.nav-list .item.error a { + .nav-list .item.error a { color: #BD362F; } - .nav.nav-list .item.active.error a { + .nav-list .item.active.error a { color: #fff; background: #BD362F; } - .nav.nav-list .item.empty a { + .nav-list .item.empty a { color: #f39c12; } - .nav.nav-list .item.active.empty a { + .nav-list .item.active.empty a { color: #fff; background: #f39c12; } - .nav.nav-list .nav-header { + .nav-list .nav-header { padding: 0 10px; color: #888; background: #f4f4f4; @@ -303,14 +303,14 @@ input, select, textarea { font-weight: bold; text-shadow: 0 0 1px #ddd; } - .nav.nav-list .separator { + .nav-list .separator { display: block; height: 0; margin: 5px 0; border-bottom: 1px solid #ddd; } - .nav.nav-list .nav-form { + .nav-list .nav-form { padding: 3px; text-align: center; } @@ -345,11 +345,11 @@ input, select, textarea { position: relative; display: inline-block; } - .dropdown .dropdown-target { + .dropdown-target { display: none; } - .dropdown .dropdown-menu { + .dropdown-menu { display: none; min-width: 200px; margin: 5px 0 0; @@ -362,7 +362,7 @@ input, select, textarea { text-align: left; box-shadow: 3px 3px 3px #ddd; } - .dropdown .dropdown-menu:after { + .dropdown-menu:after { content: ""; position: absolute; top: -6px; @@ -375,7 +375,7 @@ input, select, textarea { z-index: -10; transform: rotate(45deg); } - .dropdown .dropdown-menu .dropdown-header { + .dropdown-header { display: block; padding: 0 5px; color: #888; @@ -383,33 +383,33 @@ input, select, textarea { font-size: 14px; line-height: 30px; } - .dropdown .dropdown-menu .item { + .dropdown-menu .item { display: block; height: 30px; font-size: 90%; line-height: 30px; } - .dropdown .dropdown-menu .item > * { + .dropdown-menu .item > * { display: block; padding: 0 25px; line-height: 30px; } - .dropdown .dropdown-menu .item:hover { + .dropdown-menu .item:hover { background: #0062BE; color: #fff; } - .dropdown .dropdown-menu .item:hover > * { + .dropdown-menu .item:hover > * { color: #fff; text-decoration: none; } - .dropdown .dropdown-menu .input { + .dropdown-menu .input { display: block; height: 40px; font-size: 90%; line-height: 30px; } - .dropdown .dropdown-menu .input select, - .dropdown .dropdown-menu .input input { + .dropdown-menu .input select, + .dropdown-menu .input input { display: block; height: 20px; width: 95%; @@ -417,24 +417,24 @@ input, select, textarea { padding: 2px 5px; border-radius: 3px; } - .dropdown .dropdown-menu .input select { + .dropdown-menu .input select { width: 70%; height: auto; } - .dropdown .dropdown-menu .separator { + .dropdown-menu .separator { display: block; height: 0; margin: 5px 0; border-bottom: 1px solid #ddd; } - .dropdown .dropdown-target:target ~ .dropdown-menu { + .dropdown-target:target ~ .dropdown-menu { display: block; z-index: 10; } - .dropdown .dropdown-close { + .dropdown-close { display: inline; } - .dropdown .dropdown-close a { + .dropdown-close a { position: fixed; top: 0; bottom: 0; left: 0; right: 0; @@ -456,22 +456,22 @@ input, select, textarea { color: #aaa; text-shadow: 0 0 1px #eee; } - .alert .alert-head { + .alert-head { margin: 0; font-weight: bold; font-size: 110%; } - .alert.alert-warn { + .alert-warn { background: #ffe; border: 1px solid #eeb; color: #c95; } - .alert.alert-success { + .alert-success { background: #dfd; border: 1px solid #cec; color: #484; } - .alert.alert-error { + .alert-error { background: #fdd; border: 1px solid #ecc; color: #844; diff --git a/public/themes/flat-design/freshrss.css b/public/themes/flat-design/freshrss.css index 81a5d684b..8d42d709a 100644 --- a/public/themes/flat-design/freshrss.css +++ b/public/themes/flat-design/freshrss.css @@ -64,10 +64,10 @@ body { .aside.aside_feed .nav-form input { width: 140px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu { + .aside.aside_feed .nav-form .dropdown-menu { right: -20px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu:after { + .aside.aside_feed .nav-form .dropdown-menu:after { right: 33px; } @@ -157,10 +157,10 @@ body { .feed:not([data-unread="0"]):before { content: "(" attr(data-unread) ") "; } - .categories .feeds .dropdown .dropdown-menu { + .categories .feeds .dropdown-menu { left: 0; } - .categories .feeds .dropdown .dropdown-menu:after { + .categories .feeds .dropdown-menu:after { left: 2px; } .categories .feeds .item .dropdown-toggle i { @@ -632,7 +632,7 @@ body { .logs { border: 1px solid #34495e; } - .logs .log { + .log { margin: 10px 0; padding: 5px 2%; overflow: auto; @@ -640,19 +640,19 @@ body { color: #666; font-size: 90%; } - .logs .log .date { + .log .date { margin: 0 10px 0 0; padding: 5px 10px; border-radius: 20px; } - .logs .log.error .date { + .log.error .date { background: #e74c3c; color: #fff; } - .logs .log.warning .date { + .log.warning .date { background: #f39c12; } - .logs .log.notice .date { + .log.notice .date { background: #ecf0f1; } @@ -772,7 +772,7 @@ body { } /*** FALLBACK ***/ -.dropdown .dropdown-menu:after { +.dropdown-menu:after { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); diff --git a/public/themes/flat-design/global.css b/public/themes/flat-design/global.css index ef4b96e82..3afee2f46 100644 --- a/public/themes/flat-design/global.css +++ b/public/themes/flat-design/global.css @@ -12,7 +12,7 @@ html, body { height: 100%; font-size: 95%; - font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "sans-serif"; + font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif; } /* LIENS */ @@ -211,93 +211,93 @@ input, select, textarea { text-decoration: none; } - .btn.btn-important { + .btn-important { background: #e67e22; color: #fff; border-bottom: 3px solid #d35400; } - .btn.btn-important:active, - .btn.btn-important:hover { + .btn-important:active, + .btn-important:hover { background: #d35400; } - .btn.btn-attention { + .btn-attention { background: #e74c3c; color: #fff; border-bottom: 3px solid #c0392b; } - .btn.btn-attention:hover, - .btn.btn-attention:active { + .btn-attention:hover, + .btn-attention:active { background: #c0392b; } /* NAVIGATION */ -.nav.nav-list { +.nav-list { border-right: 1px solid #ecf0f1; } -.nav.nav-list .nav-header, -.nav.nav-list .item { +.nav-list .nav-header, +.nav-list .item { display: block; height: 35px; line-height: 35px; margin: 5px 0; } - .nav.nav-list .item:hover, - .nav.nav-list .item.active { + .nav-list .item:hover, + .nav-list .item.active { background: #2980b9; color: #fff; } - .nav.nav-list .item:hover a, - .nav.nav-list .item.active a { + .nav-list .item:hover a, + .nav-list .item.active a { color: #fff; } - .nav.nav-list .disable { + .nav-list .disable { color: #aaa; background: #fafafa; text-align: center; } - .nav.nav-list .item > * { + .nav-list .item > * { display: block; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - .nav.nav-list a:hover { + .nav-list a:hover { text-decoration: none; } - .nav.nav-list .item.error a { + .nav-list .item.error a { color: #BD362F; } - .nav.nav-list .item:hover.error a, - .nav.nav-list .item.active.error a { + .nav-list .item:hover.error a, + .nav-list .item.active.error a { color: #fff; background: #BD362F; } - .nav.nav-list .item.empty a { + .nav-list .item.empty a { color: #f39c12; } - .nav.nav-list .item:hover.empty a, - .nav.nav-list .item.active.empty a { + .nav-list .item:hover.empty a, + .nav-list .item.active.empty a { color: #fff; background: #f39c12; } - .nav.nav-list .nav-header { + .nav-list .nav-header { padding: 0 10px; margin: 0; color: #fff; background: #34495e; font-weight: bold; } - .nav.nav-list .separator { + .nav-list .separator { display: block; height: 0; margin: 5px 0; border-bottom: 1px solid #ddd; } - .nav.nav-list .nav-form { + .nav-list .nav-form { padding: 3px; text-align: center; } @@ -335,11 +335,11 @@ input, select, textarea { position: relative; display: inline-block; } - .dropdown .dropdown-target { + .dropdown-target { display: none; } - .dropdown .dropdown-menu { + .dropdown-menu { display: none; min-width: 200px; margin: 5px 0 0; @@ -351,7 +351,7 @@ input, select, textarea { border-radius: 3px; text-align: left; } - .dropdown .dropdown-menu:after { + .dropdown-menu:after { content: ""; position: absolute; top: -6px; @@ -364,7 +364,7 @@ input, select, textarea { z-index: -10; transform: rotate(45deg); } - .dropdown .dropdown-menu .dropdown-header { + .dropdown-header { display: block; padding: 0 5px; color: #34495e; @@ -372,36 +372,36 @@ input, select, textarea { font-size: 14px; line-height: 30px; } - .dropdown .dropdown-menu .item { + .dropdown-menu .item { display: block; height: 30px; font-size: 90%; line-height: 30px; } - .dropdown .dropdown-menu .item > * { + .dropdown-menu .item > * { display: block; padding: 0 25px; line-height: 30px; } - .dropdown .dropdown-menu .item:hover { + .dropdown-menu .item:hover { background: #2980b9; color: #fff; } - .dropdown .dropdown-menu .item:hover > * { + .dropdown-menu .item:hover > * { color: #fff; text-decoration: none; } - .dropdown .dropdown-menu .input { + .dropdown-menu .input { display: block; height: 40px; font-size: 90%; line-height: 30px; } - .dropdown .dropdown-menu label { + .dropdown-menu label { font-weight: normal; } - .dropdown .dropdown-menu .input select, - .dropdown .dropdown-menu .input input { + .dropdown-menu .input select, + .dropdown-menu .input input { display: block; height: 20px; width: 95%; @@ -409,24 +409,24 @@ input, select, textarea { padding: 2px 5px; border-radius: 3px; } - .dropdown .dropdown-menu .input select { + .dropdown-menu .input select { width: 70%; height: auto; } - .dropdown .dropdown-menu .separator { + .dropdown-menu .separator { display: block; height: 0; margin: 5px 0; border-bottom: 1px solid #95a5a6; } - .dropdown .dropdown-target:target ~ .dropdown-menu { + .dropdown-target:target ~ .dropdown-menu { display: block; z-index: 10; } - .dropdown .dropdown-close { + .dropdown-close { display: inline; } - .dropdown .dropdown-close a { + .dropdown-close a { position: fixed; top: 0; bottom: 0; left: 0; right: 0; @@ -448,22 +448,22 @@ input, select, textarea { color: #aaa; text-shadow: 0 0 1px #eee; } - .alert .alert-head { + .alert-head { margin: 0; font-weight: bold; font-size: 110%; } - .alert.alert-warn { + .alert-warn { background: #ffe; border: 1px solid #eeb; color: #c95; } - .alert.alert-success { + .alert-success { background: #dfd; border: 1px solid #cec; color: #484; } - .alert.alert-error { + .alert-error { background: #fdd; border: 1px solid #ecc; color: #844; |
