From ce063a55770f5384b8201942853e8e1a41e60b59 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Thu, 5 Jun 2014 22:44:02 +0200 Subject: Update themes Dark and Flat (notifications and icons) --- p/themes/Dark/freshrss.css | 39 +++++++++++---------------- p/themes/Flat/freshrss.css | 53 ++++++++++++++----------------------- p/themes/Flat/icons/view-global.svg | 1 + p/themes/Flat/icons/view-normal.svg | 1 + p/themes/Flat/icons/view-reader.svg | 1 + 5 files changed, 38 insertions(+), 57 deletions(-) create mode 100644 p/themes/Flat/icons/view-global.svg create mode 100644 p/themes/Flat/icons/view-normal.svg create mode 100644 p/themes/Flat/icons/view-reader.svg (limited to 'p/themes') diff --git a/p/themes/Dark/freshrss.css b/p/themes/Dark/freshrss.css index cd51b1a06..9e58855dc 100644 --- a/p/themes/Dark/freshrss.css +++ b/p/themes/Dark/freshrss.css @@ -564,7 +564,7 @@ } /*** NOTIFICATION ***/ -#notification { +.notification { position: absolute; top: 10px; left: 25%; right: 25%; @@ -580,10 +580,10 @@ font-weight: bold; z-index: 10; } - #notification.closed { + .notification.closed { display: none; } - #notification a.close { + .notification a.close { position: absolute; top: -10px; right: -10px; display: inline-block; @@ -600,25 +600,16 @@ display: none; } -.actualizeProgress { +#actualizeProgress { position: fixed; - top: 10px; - left: 25%; right: 25%; - padding: 5px; - background: #1a1a1a; - text-align: center; - border: 1px solid #2f2f2f; - border-radius: 5px; } - .actualizeProgress progress { - max-width: 100%; - vertical-align: middle; - } - .actualizeProgress .progress { - color: #888; - font-size: 90%; - vertical-align: middle; - } +#actualizeProgress progress { + max-width: 100%; + vertical-align: middle; +} +#actualizeProgress .progress { + vertical-align: middle; +} .logs { border: 1px solid #aaa; @@ -776,8 +767,8 @@ select.number option { text-shadow: none; } - #notification, - .actualizeProgress { + .notification, + #actualizeProgress { top: 0; left: 0; right: 0; @@ -785,7 +776,7 @@ select.number option { border: none; border-bottom: 1px solid #f4f899; } - #notification a.close { + .notification a.close { left: 0; right: 0; top: 0; bottom: 0; width: auto; @@ -793,7 +784,7 @@ select.number option { background: transparent; border: none; } - #notification a.close .icon { + .notification a.close .icon { display: none; } } diff --git a/p/themes/Flat/freshrss.css b/p/themes/Flat/freshrss.css index 91da094be..061bd4a84 100644 --- a/p/themes/Flat/freshrss.css +++ b/p/themes/Flat/freshrss.css @@ -567,7 +567,7 @@ body { } /*** NOTIFICATION ***/ -#notification { +.notification { position: absolute; top: 10px; left: 25%; right: 25%; @@ -581,18 +581,18 @@ body { font-weight: bold; z-index: 10; } - #notification.closed { + .notification.closed { display: none; } - #notification.good { + .notification.good { background: #1abc9c; color: #fff; } - #notification.bad { + .notification.bad { background: #e74c3c; color: #fff; } - #notification a.close { + .notification a.close { position: absolute; top: -6px; right: -6px; display: inline-block; @@ -602,10 +602,10 @@ body { border-radius: 3px; line-height: 16px; } - #notification.good a.close { + .notification.good a.close { background: #1abc9c; } - #notification.bad a.close { + .notification.bad a.close { background: #e74c3c; } @@ -613,28 +613,16 @@ body { display: none; } -.actualizeProgress { +#actualizeProgress { position: fixed; - top: 10px; - left: 25%; right: 25%; - padding: 5px; - background: #3498db; - color: #fff; - text-align: center; - border-radius: 3px; - font-weight: bold; } - .actualizeProgress progress { - max-width: 100%; - width: 250px; - height: 15px; - vertical-align: middle; - background: #fff; - border: none; - } - .actualizeProgress .progress { - color: #ecf0f1; - } +#actualizeProgress progress { + max-width: 100%; + vertical-align: middle; +} +#actualizeProgress .progress { + vertical-align: middle; +} .logs { border: 1px solid #34495e; @@ -794,16 +782,15 @@ select.number option { text-shadow: none; } - #notification, - .actualizeProgress { + .notification { top: 0; left: 0; right: 0; border-radius: 0; } - #notification a.close, - #notification.good a.close, - #notification.bad a.close { + .notification a.close, + .notification.good a.close, + .notification.bad a.close { left: 0; right: 0; top: 0; bottom: 0; width: auto; @@ -811,7 +798,7 @@ select.number option { background: transparent; border: none; } - #notification a.close .icon { + .notification a.close .icon { display: none; } } diff --git a/p/themes/Flat/icons/view-global.svg b/p/themes/Flat/icons/view-global.svg new file mode 100644 index 000000000..9d2cd0f32 --- /dev/null +++ b/p/themes/Flat/icons/view-global.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/p/themes/Flat/icons/view-normal.svg b/p/themes/Flat/icons/view-normal.svg new file mode 100644 index 000000000..8eda2047e --- /dev/null +++ b/p/themes/Flat/icons/view-normal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/p/themes/Flat/icons/view-reader.svg b/p/themes/Flat/icons/view-reader.svg new file mode 100644 index 000000000..0e4f60a1a --- /dev/null +++ b/p/themes/Flat/icons/view-reader.svg @@ -0,0 +1 @@ + \ No newline at end of file -- cgit v1.2.3