Update Hello skin
This commit is contained in:
Frederic Guillot
parent
34def70106
commit
a45d69dee4
@ -80,6 +80,7 @@ External projects build around Miniflux:
|
|||||||
|
|
||||||
- [Miniflux embedded](https://github.com/repat/miniflux-embedded-android) is an Android app for Miniflux. It's basically an embedded WebView that saves your Miniflux URL and cookies. [Download on the Play Store](https://play.google.com/store/apps/details?id=de.repat.embeddedminiflux).
|
- [Miniflux embedded](https://github.com/repat/miniflux-embedded-android) is an Android app for Miniflux. It's basically an embedded WebView that saves your Miniflux URL and cookies. [Download on the Play Store](https://play.google.com/store/apps/details?id=de.repat.embeddedminiflux).
|
||||||
- [munin-miniflux](https://github.com/dewey/munin-plugins/tree/master/munin-miniflux) is a munin wildcard plugin to draw graphs of your miniflux read and unread count.
|
- [munin-miniflux](https://github.com/dewey/munin-plugins/tree/master/munin-miniflux) is a munin wildcard plugin to draw graphs of your miniflux read and unread count.
|
||||||
|
- [Hello Theme](https://github.com/meradoou/hello) Theme for Miniflux.
|
||||||
|
|
||||||
Todo and known bugs
|
Todo and known bugs
|
||||||
-------------------
|
-------------------
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
hello
|
hello
|
||||||
=====
|
=====
|
||||||
|
|
||||||
Un thème pour [Miniflux 1.1.3](http://miniflux.net/) avec utilisation de :
|
Un thème pour [Miniflux](http://miniflux.net/) avec utilisation de :
|
||||||
|
|
||||||
* Font Awesome 4 .1 [http://fortawesome.github.io/Font-Awesome/](http://fortawesome.github.io/Font-Awesome/)
|
* Font Awesome 4 .1 [http://fortawesome.github.io/Font-Awesome/](http://fortawesome.github.io/Font-Awesome/)
|
||||||
|
|
||||||
|
|||||||
@ -62,24 +62,9 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
|||||||
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
|
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal; }
|
font-style: normal; }
|
||||||
header nav li > a:before, .page-header ul li a, .items .item-menu li a:before {
|
header nav li > a:before, .page-header ul li a, .items .item-menu li a:before, #current-item .item-infos li a.bookmark-icon {
|
||||||
font-family: "FontAwesome"; }
|
font-family: "FontAwesome"; }
|
||||||
|
|
||||||
.loading-icon:before {
|
|
||||||
content: "☀";
|
|
||||||
animation-name: blinker;
|
|
||||||
-webkit-animation-name: blinker;
|
|
||||||
/* Chrome, Safari, Opera */
|
|
||||||
animation-duration: 500ms;
|
|
||||||
-webkit-animation-duration: 500ms;
|
|
||||||
/* Chrome, Safari, Opera */
|
|
||||||
animation-timing-function: ease-in-out;
|
|
||||||
-webkit-animation-timing-function: ease-in-out;
|
|
||||||
/* Chrome, Safari, Opera */
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
/* Chrome, Safari, Opera */ }
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
background-color: #fFFFFF;
|
background-color: #fFFFFF;
|
||||||
padding: 10px; }
|
padding: 10px; }
|
||||||
@ -227,15 +212,6 @@ header {
|
|||||||
header .logo span {
|
header .logo span {
|
||||||
color: #b3e6cc; }
|
color: #b3e6cc; }
|
||||||
|
|
||||||
span#nav-counter:not(:empty):before, span#page-counter:not(:empty):before {
|
|
||||||
content: " ("; }
|
|
||||||
span#nav-counter:not(:empty):after, span#page-counter:not(:empty):after {
|
|
||||||
content: ")"; }
|
|
||||||
span.items-count:before {
|
|
||||||
content: "("; }
|
|
||||||
span.items-count:after {
|
|
||||||
content: ")"; }
|
|
||||||
|
|
||||||
section.page {
|
section.page {
|
||||||
right: 0;
|
right: 0;
|
||||||
width: 81.69839%;
|
width: 81.69839%;
|
||||||
@ -289,50 +265,48 @@ section.page {
|
|||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
text-indent: 0; }
|
text-indent: 0; }
|
||||||
.page-header ul li a[href*="action=unread"][href*="direction=asc"]:after, .page-header ul li a[href*="action=feed-items"][href*="direction=asc"]:after {
|
.page-header ul li a[href*="action=unread"][href*="direction=asc"]:after, .page-header ul li a[href*="action=feed-items"][href*="direction=asc"]:after {
|
||||||
content: "\f162"; }
|
content: "\f162"; }
|
||||||
.page-header ul li a[href*="action=unread"][href*="direction=desc"]:after, .page-header ul li a[href*="action=feed-items"][href*="direction=desc"]:after {
|
.page-header ul li a[href*="action=unread"][href*="direction=desc"]:after, .page-header ul li a[href*="action=feed-items"][href*="direction=desc"]:after {
|
||||||
content: "\f163"; }
|
content: "\f163"; }
|
||||||
.page-header ul li a[href*="mark-as-read"]:after, .page-header ul li a[href*="mark-feed-as-read"]:after {
|
.page-header ul li a[href*="mark-as-read"]:after, .page-header ul li a[href*="mark-feed-as-read"]:after {
|
||||||
content: "\f058"; }
|
content: "\f058"; }
|
||||||
.page-header ul li a[href="?action=add"]:after {
|
.page-header ul li a[href="?action=add"]:after {
|
||||||
content: "\f067"; }
|
content: "\f067"; }
|
||||||
.page-header ul li a[href="?action=import"]:after {
|
.page-header ul li a[href="?action=import"]:after {
|
||||||
content: "\f093"; }
|
content: "\f093"; }
|
||||||
.page-header ul li a[href="?action=export"]:after {
|
.page-header ul li a[href="?action=export"]:after {
|
||||||
content: "\f019"; }
|
content: "\f019"; }
|
||||||
.page-header ul li a[href="?action=refresh-all"]:after {
|
.page-header ul li a[href="?action=refresh-all"]:after {
|
||||||
content: "\f021"; }
|
content: "\f021"; }
|
||||||
.page-header ul li a[href="?action=confirm-flush-history"]:after {
|
.page-header ul li a[href="?action=confirm-flush-history"]:after {
|
||||||
content: "\f014"; }
|
content: "\f014"; }
|
||||||
.page-header ul li a[href="?action=feeds"]:after {
|
.page-header ul li a[href="?action=feeds"]:after {
|
||||||
content: "\f143"; }
|
content: "\f09e"; }
|
||||||
.page-header ul li a[href="?action=config"]:after {
|
.page-header ul li a[href="?action=config"]:after {
|
||||||
content: "\f013"; }
|
content: "\f013"; }
|
||||||
.page-header ul li a[href="?action=help"]:after {
|
.page-header ul li a[href="?action=help"]:after {
|
||||||
content: "\f128"; }
|
content: "\f128"; }
|
||||||
.page-header ul li a[href="?action=services"]:after {
|
.page-header ul li a[href="?action=services"]:after {
|
||||||
content: "\f1e0"; }
|
content: "\f1e0"; }
|
||||||
.page-header ul li a[href="?action=about"]:after {
|
.page-header ul li a[href="?action=about"]:after {
|
||||||
content: "\f129"; }
|
content: "\f129"; }
|
||||||
.page-header ul li a[href="?action=database"]:after {
|
.page-header ul li a[href="?action=database"]:after {
|
||||||
content: "\f1b3"; }
|
content: "\f1c0"; }
|
||||||
.page-header ul li a[href="?action=api"]:after {
|
.page-header ul li a[href="?action=api"]:after {
|
||||||
content: "\f0ec"; }
|
content: "\f0ec"; }
|
||||||
.page-header ul li a[href*="action=refresh-feed"]:after {
|
.page-header ul li a[href*="action=refresh-feed"]:after {
|
||||||
content: "\f021"; }
|
content: "\f021"; }
|
||||||
|
|
||||||
.page-section h2 {
|
.page-section h2 {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
margin-top: 15px; }
|
margin-top: 15px; }
|
||||||
|
|
||||||
article[data-item-bookmark="1"] .bookmark-icon:before {
|
#page-counter, #nav-counter {
|
||||||
content: "★"; }
|
margin: 0 3px; }
|
||||||
article[data-item-bookmark="0"] .bookmark-icon:before {
|
#page-counter:before, #nav-counter:before {
|
||||||
content: "☆"; }
|
content: " ("; }
|
||||||
|
#page-counter:after, #nav-counter:after {
|
||||||
section.page[data-item-page="feed-items"] article[data-item-status="read"] {
|
content: ") "; }
|
||||||
background-color: rgba(153, 153, 153, 0.7); }
|
|
||||||
|
|
||||||
.items article {
|
.items article {
|
||||||
-moz-box-shadow: 0 3px 0 #006644;
|
-moz-box-shadow: 0 3px 0 #006644;
|
||||||
@ -341,18 +315,23 @@ section.page[data-item-page="feed-items"] article[data-item-status="read"] {
|
|||||||
background-color: #fFFFFF;
|
background-color: #fFFFFF;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
padding: 10px 20px; }
|
padding: 10px 20px; }
|
||||||
.items article[data-item-status="read"] .read-icon:before {
|
.items article[data-item-status="read"] {
|
||||||
content: "✔"; }
|
background-color: rgba(153, 153, 153, 0.7); }
|
||||||
.items article[data-item-bookmark="1"] .item-menu a.bookmark:before {
|
|
||||||
content: "\f088"; }
|
|
||||||
.items article[data-item-bookmark="0"] .item-menu a.bookmark:before {
|
|
||||||
content: "\f087"; }
|
|
||||||
.items article h2 {
|
.items article h2 {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px; }
|
margin-bottom: 5px; }
|
||||||
|
.items article h2 a,
|
||||||
|
.items article h2 .favicon {
|
||||||
|
@extends %commonChld;
|
||||||
|
vertical-align: middle; }
|
||||||
.items article h2 a {
|
.items article h2 a {
|
||||||
color: #000;
|
color: #000;
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.items article h2 .bookmark-icon {
|
||||||
|
display: none; }
|
||||||
|
.items article h2 .favicon {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px; }
|
||||||
.items article h2 .feed-last-checked {
|
.items article h2 .feed-last-checked {
|
||||||
font-size: .8em; }
|
font-size: .8em; }
|
||||||
.items article .preview {
|
.items article .preview {
|
||||||
@ -379,24 +358,32 @@ section.page[data-item-page="feed-items"] article[data-item-status="read"] {
|
|||||||
.items .item-menu li a:before {
|
.items .item-menu li a:before {
|
||||||
margin-right: 2px; }
|
margin-right: 2px; }
|
||||||
.items .item-menu li a:first-child:before {
|
.items .item-menu li a:first-child:before {
|
||||||
content: "\f0b0"; }
|
content: "\f09e"; }
|
||||||
.items .item-menu li a.original:before {
|
.items .item-menu li a.original:before {
|
||||||
content: "\f08e"; }
|
content: "\f0ac"; }
|
||||||
.items .item-menu li a[href*="action=confirm-remove-feed"]:before {
|
.items .item-menu li a[href*="action=confirm-remove-feed"]:before {
|
||||||
content: "\f014"; }
|
content: "\f014"; }
|
||||||
.items .item-menu li a[href*="action=edit-feed"]:before {
|
.items .item-menu li a[href*="action=edit-feed"]:before {
|
||||||
content: "\f044"; }
|
content: "\f044"; }
|
||||||
.items .item-menu li a[href*="action=refresh-feed"]:before {
|
.items .item-menu li a[href*="action=refresh-feed"]:before {
|
||||||
content: "\f021"; }
|
content: "\f021"; }
|
||||||
|
.items .item-menu li a.bookmark:before {
|
||||||
|
content: "\f005"; }
|
||||||
|
.items .item-menu li a.bookmark[data-reverse-label*="remove"]:before {
|
||||||
|
content: "\f006"; }
|
||||||
.items .item-menu li a[href*="action=mark-item-removed"]:before {
|
.items .item-menu li a[href*="action=mark-item-removed"]:before {
|
||||||
content: "\f014";
|
content: "\f014";
|
||||||
margin-right: 2px; }
|
margin-right: 2px; }
|
||||||
.items .item-menu li a.mark:before {
|
.items .item-menu li a.mark:before {
|
||||||
|
content: "\f05d"; }
|
||||||
|
.items .item-menu li a.mark[data-action="mark-read"]:before {
|
||||||
content: "\f058"; }
|
content: "\f058"; }
|
||||||
.items .item-menu li a[href*="action=disable-grabber-feed"]:before {
|
.items .item-menu li a[href*="action=disable-grabber-feed"]:before {
|
||||||
content: "\f057"; }
|
content: "\f057"; }
|
||||||
.items .item-menu li a[href*="action=enable-grabber-feed"]:before {
|
.items .item-menu li a[href*="action=enable-grabber-feed"]:before {
|
||||||
content: "\f058"; }
|
content: "\f058"; }
|
||||||
|
.items .item-menu li a[href*="action=confirm-disable-feed"]:before {
|
||||||
|
content: "\f05c"; }
|
||||||
.items .item-menu li a[href*="action=enable-feed"]:before {
|
.items .item-menu li a[href*="action=enable-feed"]:before {
|
||||||
content: "\f05d"; }
|
content: "\f05d"; }
|
||||||
.items #bottom-menu {
|
.items #bottom-menu {
|
||||||
@ -492,6 +479,12 @@ section.page[data-item-page="feed-items"] article[data-item-status="read"] {
|
|||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
#current-item .item-infos li a:hover {
|
#current-item .item-infos li a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
#current-item .item-infos li a.bookmark-icon:before {
|
||||||
|
content: "\f006"; }
|
||||||
|
#current-item .item-infos li a.bookmark-icon[data-reverse-title*="remove"]:before {
|
||||||
|
content: "\f005"; }
|
||||||
|
#current-item .item-infos li a.bookmark-icon:hover {
|
||||||
|
text-decoration: none; }
|
||||||
#current-item #item-content {
|
#current-item #item-content {
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
*zoom: 1; }
|
*zoom: 1; }
|
||||||
@ -517,6 +510,11 @@ section.page[data-item-page="feed-items"] article[data-item-status="read"] {
|
|||||||
#item-content h4 {
|
#item-content h4 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-left: 20px; }
|
margin-left: 20px; }
|
||||||
|
#item-content p {
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px; }
|
||||||
|
#item-content p:first-letter {
|
||||||
|
text-transform: uppercase; }
|
||||||
#item-content ul,
|
#item-content ul,
|
||||||
#item-content ol {
|
#item-content ol {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
|
|||||||
@ -30,12 +30,4 @@ $alert-info: #40bac8;
|
|||||||
$alert-sucess: #72c5a1;
|
$alert-sucess: #72c5a1;
|
||||||
|
|
||||||
// Logo
|
// Logo
|
||||||
$logo-basecolor: #339966;
|
$logo-basecolor: #339966;
|
||||||
|
|
||||||
// Icons
|
|
||||||
$icon-bracket-open: "(";
|
|
||||||
$icon-bracket-close: ")";
|
|
||||||
$icon-read: "✔";
|
|
||||||
$icon-bookmarked: "★";
|
|
||||||
$icon-not-bookmarked: "☆";
|
|
||||||
$icon-loading: "☀";
|
|
||||||
@ -1,6 +1,6 @@
|
|||||||
body {
|
body {
|
||||||
background-color: $theme-background-main;
|
background-color: $theme-background-main;
|
||||||
|
|
||||||
font: {
|
font: {
|
||||||
family: $ui-font-content;
|
family: $ui-font-content;
|
||||||
weight: normal;
|
weight: normal;
|
||||||
@ -9,7 +9,7 @@ body {
|
|||||||
|
|
||||||
> header,
|
> header,
|
||||||
> section {
|
> section {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -119,34 +119,6 @@ header {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Counter
|
|
||||||
span {
|
|
||||||
&#nav-counter,
|
|
||||||
&#page-counter {
|
|
||||||
&:not(:empty) {
|
|
||||||
&:before {
|
|
||||||
content: " " + $icon-bracket-open;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: $icon-bracket-close;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.items-count {
|
|
||||||
&:before {
|
|
||||||
content: $icon-bracket-open;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: $icon-bracket-close;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Main container
|
// Main container
|
||||||
section {
|
section {
|
||||||
&.page {
|
&.page {
|
||||||
@ -163,156 +135,170 @@ section {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Toolbar
|
.page {
|
||||||
.page-header {
|
// Toolbar
|
||||||
margin: 0 0 15px;
|
&-header {
|
||||||
@include pie-clearfix;
|
margin: 0 0 15px;
|
||||||
|
@include pie-clearfix;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
float: left;
|
float: left;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
@extend %title;
|
@extend %title;
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
@include inline-block;
|
@include inline-block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
a ,
|
a ,
|
||||||
a:after {
|
a:after {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: block;
|
display: block;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
background-color: $button-background-grey;
|
|
||||||
color: darken($theme-background-highlight, 5%);
|
|
||||||
position: relative;
|
|
||||||
text-indent: -999px;
|
|
||||||
@include border-radius(5px);
|
|
||||||
@include box-shadow(0 3px 0 $theme-background-highlight);
|
|
||||||
@extend %awesome;
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
line-height: 25px;
|
|
||||||
z-index: 999;
|
|
||||||
text-indent: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-color: $button-background-grey;
|
||||||
|
color: darken($theme-background-highlight, 5%);
|
||||||
|
position: relative;
|
||||||
|
text-indent: -999px;
|
||||||
|
@include border-radius(5px);
|
||||||
|
@include box-shadow(0 3px 0 $theme-background-highlight);
|
||||||
|
@extend %awesome;
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a{
|
|
||||||
&[href*="action=unread"],
|
|
||||||
&[href*="action=feed-items"] {
|
|
||||||
&[href*="direction=asc"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f162";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
&[href*="action=unread"],
|
|
||||||
&[href*="action=feed-items"] {
|
|
||||||
&[href*="direction=desc"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f163";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a{
|
|
||||||
&[href*="mark-as-read"],
|
|
||||||
&[href*="mark-feed-as-read"] {
|
|
||||||
&:after {
|
&:after {
|
||||||
content: "\f058";
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
line-height: 25px;
|
||||||
|
z-index: 999;
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[href*="action=unread"],
|
||||||
|
&[href*="action=feed-items"] {
|
||||||
|
&[href*="direction=asc"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f162";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href*="action=unread"],
|
||||||
|
&[href*="action=feed-items"] {
|
||||||
|
&[href*="direction=desc"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f163";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href*="mark-as-read"],
|
||||||
|
&[href*="mark-feed-as-read"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f058";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=add"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f067";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=import"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f093";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=export"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f019";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=refresh-all"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f021";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=confirm-flush-history"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f014";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=feeds"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f09e";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=config"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f013";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&[href="?action=help"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f128";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&[href="?action=services"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f1e0";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=about"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f129";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=database"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f1c0";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href="?action=api"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f0ec";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&[href*="action=refresh-feed"] {
|
||||||
|
&:after {
|
||||||
|
content: "\f021";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
a[href="?action=add"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f067";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=import"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f093";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=export"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f019";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=refresh-all"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f021";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=confirm-flush-history"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f014";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=feeds"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f143";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=config"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f013";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=help"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f128";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=services"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f1e0";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=about"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f129";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=database"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f1b3";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href="?action=api"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f0ec";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
a[href*="action=refresh-feed"] {
|
|
||||||
&:after {
|
|
||||||
content: "\f021";
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-section {
|
||||||
|
h2 {
|
||||||
|
@extend %title;
|
||||||
|
margin: {
|
||||||
|
bottom: 15px;
|
||||||
|
top: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.page-section {
|
// Counters
|
||||||
h2 {
|
#page {
|
||||||
@extend %title;
|
&-counter {
|
||||||
margin: {
|
margin: 0 3px;
|
||||||
bottom: 15px;
|
|
||||||
top: 15px;
|
&:before {
|
||||||
}
|
content: " (";
|
||||||
}
|
}
|
||||||
}
|
&:after {
|
||||||
|
content: ") ";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#nav-counter {
|
||||||
|
@extend #page-counter;
|
||||||
|
}
|
||||||
13
themes/hello/scss/_icons.scss
Normal file → Executable file
13
themes/hello/scss/_icons.scss
Normal file → Executable file
@ -8,16 +8,3 @@
|
|||||||
%awesome {
|
%awesome {
|
||||||
font-family: "FontAwesome";
|
font-family: "FontAwesome";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Loading
|
|
||||||
.loading-icon:before {
|
|
||||||
content: $icon-loading;
|
|
||||||
animation-name: blinker;
|
|
||||||
-webkit-animation-name: blinker; /* Chrome, Safari, Opera */
|
|
||||||
animation-duration: 500ms;
|
|
||||||
-webkit-animation-duration: 500ms; /* Chrome, Safari, Opera */
|
|
||||||
animation-timing-function: ease-in-out;
|
|
||||||
-webkit-animation-timing-function: ease-in-out; /* Chrome, Safari, Opera */
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
|
|
||||||
}
|
|
||||||
@ -1,29 +1,3 @@
|
|||||||
article {
|
|
||||||
&[data-item-bookmark="1"] {
|
|
||||||
.bookmark-icon:before {
|
|
||||||
content: $icon-bookmarked;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[data-item-bookmark="0"] {
|
|
||||||
.bookmark-icon:before {
|
|
||||||
content: $icon-not-bookmarked;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
&.page {
|
|
||||||
&[data-item-page="feed-items"] {
|
|
||||||
article {
|
|
||||||
&[data-item-status="read"] {
|
|
||||||
background-color: rgba(lighten(black,60%), .7);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.items {
|
.items {
|
||||||
article {
|
article {
|
||||||
|
|
||||||
@ -33,45 +7,39 @@ section {
|
|||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
|
|
||||||
&[data-item-status="read"] {
|
&[data-item-status="read"] {
|
||||||
.read-icon:before {
|
// &[data-item-status="feed-items"] {
|
||||||
content: $icon-read;
|
background-color: rgba(lighten(black,60%), .7);
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-item-bookmark="1"] {
|
|
||||||
.item-menu {
|
|
||||||
a {
|
|
||||||
&.bookmark {
|
|
||||||
&:before {
|
|
||||||
content: "\f088";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[data-item-bookmark="0"] {
|
|
||||||
.item-menu {
|
|
||||||
a {
|
|
||||||
&.bookmark {
|
|
||||||
&:before {
|
|
||||||
content: "\f087";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|
||||||
|
%commonChld {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
.favicon {
|
||||||
|
@extends %commonChld;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@extend %title;
|
@extend %title;
|
||||||
color: #000;
|
color: #000;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bookmark-icon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.favicon {
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
.feed-last-checked {
|
.feed-last-checked {
|
||||||
font-size: .8em;
|
font-size: .8em;
|
||||||
}
|
}
|
||||||
@ -112,12 +80,12 @@ section {
|
|||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f0b0";
|
content: "\f09e";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.original {
|
&.original {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f08e";
|
content: "\f0ac";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&[href*="action=confirm-remove-feed"] {
|
&[href*="action=confirm-remove-feed"] {
|
||||||
@ -136,6 +104,20 @@ section {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Add to bookmark
|
||||||
|
&.bookmark {
|
||||||
|
&:before {
|
||||||
|
content: "\f005";
|
||||||
|
}
|
||||||
|
// remove to bookmark
|
||||||
|
&[data-reverse-label*="remove"] {
|
||||||
|
&:before {
|
||||||
|
content: "\f006";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
&[href*="action=mark-item-removed"] {
|
&[href*="action=mark-item-removed"] {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f014";
|
content: "\f014";
|
||||||
@ -143,11 +125,19 @@ section {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Mark as Read
|
||||||
&.mark {
|
&.mark {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f058";
|
content: "\f05d";
|
||||||
}
|
}
|
||||||
|
// Mark as Unread
|
||||||
|
&[data-action="mark-read"] {
|
||||||
|
&:before {
|
||||||
|
content: "\f058";
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&[href*="action=disable-grabber-feed"] {
|
&[href*="action=disable-grabber-feed"] {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f057";
|
content: "\f057";
|
||||||
@ -158,6 +148,11 @@ section {
|
|||||||
content: "\f058";
|
content: "\f058";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&[href*="action=confirm-disable-feed"] {
|
||||||
|
&:before {
|
||||||
|
content: "\f05c";
|
||||||
|
}
|
||||||
|
}
|
||||||
&[href*="action=enable-feed"] {
|
&[href*="action=enable-feed"] {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f05d";
|
content: "\f05d";
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
#current-item {
|
#current-item {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
> nav {
|
> nav {
|
||||||
@include pie-clearfix;
|
@include pie-clearfix;
|
||||||
|
|
||||||
@ -80,6 +79,22 @@
|
|||||||
&:hover{
|
&:hover{
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
&.bookmark-icon {
|
||||||
|
@extend %awesome;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: "\f006";
|
||||||
|
}
|
||||||
|
&[data-reverse-title*="remove"] {
|
||||||
|
&:before {
|
||||||
|
content: "\f005";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -109,7 +124,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
|
margin: {
|
||||||
|
top: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-letter{
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
|
|||||||
0
themes/hello/scss/_utilities.scss
Normal file → Executable file
0
themes/hello/scss/_utilities.scss
Normal file → Executable file
Loading…
Reference in New Issue
Block a user