jan/miniflux-legacy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update hello theme with the patched version

Browse Source
This commit is contained in:
Frederic Guillot 2015-01-10 18:42:47 -05:00
parent 67d3beb5cc
commit 8f9c957f2f
5 changed files with 109 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
themes/hello/css/app.css
View File

@ -47,7 +47,7 @@ a img {
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
.alert.alert-normal h3, .page-header h2, .page-section h2, .items article h2 a, #current-item > h1 { .alert.alert-normal h3, .page-header h2, .page-section h2, .items article h2 a, .item > h1 {
font-family: "Montserrat", sans-serif; font-family: "Montserrat", sans-serif;
font-weight: 700; font-weight: 700;
font-size: 1rem; } font-size: 1rem; }
@ -62,9 +62,24 @@ 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, #current-item .item-infos li a.bookmark-icon { header nav li > a:before, .page-header ul li a, .items .item-menu li a:before, .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; }
@ -301,11 +316,11 @@ section.page {
margin-bottom: 15px; margin-bottom: 15px;
margin-top: 15px; } margin-top: 15px; }
#page-counter, #nav-counter { #page-counter, #nav-counter, .items-count {
margin: 0 3px; } margin: 0 3px; }
#page-counter:before, #nav-counter:before { #page-counter:not(:empty):before, #nav-counter:not(:empty):before, .items-count:not(:empty):before {
content: " ("; } content: " ("; }
#page-counter:after, #nav-counter:after { #page-counter:not(:empty):after, #nav-counter:not(:empty):after, .items-count:not(:empty):after {
content: ") "; } content: ") "; }
.items article { .items article {
@ -315,6 +330,10 @@ section.page {
background-color: #fFFFFF; background-color: #fFFFFF;
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px 20px; } padding: 10px 20px; }
.items article[data-item-bookmark="0"] .bookmark:before {
content: "\f005"; }
.items article[data-item-bookmark="1"] .bookmark:before {
content: "\f006"; }
.items article[data-item-status="read"] { .items article[data-item-status="read"] {
background-color: rgba(153, 153, 153, 0.7); } background-color: rgba(153, 153, 153, 0.7); }
.items article h2 { .items article h2 {
@ -327,8 +346,6 @@ section.page {
.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 { .items article h2 .favicon {
height: 16px; height: 16px;
width: 16px; } width: 16px; }
@ -352,13 +369,13 @@ section.page {
padding-left: 5px; } padding-left: 5px; }
.items .item-menu li:first-child:before { .items .item-menu li:first-child:before {
display: none; } display: none; }
.items .item-menu li:first-child a:before {
content: "\f09e"; }
.items .item-menu li a { .items .item-menu li a {
color: #008055; color: #008055;
text-decoration: none; } text-decoration: none; }
.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 {
content: "\f09e"; }
.items .item-menu li a.original:before { .items .item-menu li a.original:before {
content: "\f0ac"; } content: "\f0ac"; }
.items .item-menu li a[href*="action=confirm-remove-feed"]:before { .items .item-menu li a[href*="action=confirm-remove-feed"]:before {
@ -367,10 +384,6 @@ section.page {
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; }
@ -382,8 +395,6 @@ section.page {
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 {
@ -413,20 +424,24 @@ section.page {
#items-paging #next-page { #items-paging #next-page {
float: right; } float: right; }
#current-item { .item {
position: relative; } position: relative; }
#current-item > nav { .item[data-item-bookmark="0"] .bookmark-icon:before {
content: "\f006"; }
.item[data-item-bookmark="1"] .bookmark-icon:before {
content: "\f005"; }
.item > nav {
*zoom: 1; } *zoom: 1; }
#current-item > nav:after { .item > nav:after {
content: ""; content: "";
display: table; display: table;
clear: both; } clear: both; }
#current-item > nav.top { .item > nav.top {
display: block; display: block;
float: right; } float: right; }
#current-item > nav.bottom { .item > nav.bottom {
display: none; } display: none; }
#current-item > nav span { .item > nav span {
-moz-box-shadow: 0 3px 0 #009966; -moz-box-shadow: 0 3px 0 #009966;
-webkit-box-shadow: 0 3px 0 #009966; -webkit-box-shadow: 0 3px 0 #009966;
box-shadow: 0 3px 0 #009966; box-shadow: 0 3px 0 #009966;
@ -437,31 +452,31 @@ section.page {
display: block; display: block;
padding: 5px 10px; padding: 5px 10px;
color: #7f7f7f; } color: #7f7f7f; }
#current-item > nav span a { .item > nav span a {
text-decoration: none; text-decoration: none;
color: #009966; } color: #009966; }
#current-item > nav span.nav-left { .item > nav span.nav-left {
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
#current-item > nav span.nav-right { .item > nav span.nav-right {
float: right; } float: right; }
#current-item > h1 { .item > h1 {
display: inline-block; display: inline-block;
float: left; float: left;
line-height: 25px; line-height: 25px;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 82%; } max-width: 82%; }
#current-item > h1 a { .item > h1 a {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
vertical-align: middle; } vertical-align: middle; }
#current-item .item-infos { .item .item-infos {
border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;
border-top: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2;
clear: both; clear: both;
display: block; display: block;
padding: 0; } padding: 0; }
#current-item .item-infos li { .item .item-infos li {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
*vertical-align: auto; *vertical-align: auto;
@ -469,30 +484,26 @@ section.page {
*display: inline; *display: inline;
font-size: 0.9rem; font-size: 0.9rem;
margin: 10px 0; } margin: 10px 0; }
#current-item .item-infos li:before { .item .item-infos li:before {
content: " / "; } content: " / "; }
#current-item .item-infos li:first-child:before { .item .item-infos li:first-child:before {
display: none; } display: none; }
#current-item .item-infos li a { .item .item-infos li a {
color: #009966; color: #009966;
font-size: 0.9rem; font-size: 0.9rem;
text-decoration: none; } text-decoration: none; }
#current-item .item-infos li a:hover { .item .item-infos li a:hover {
text-decoration: underline; } text-decoration: underline; }
#current-item .item-infos li a.bookmark-icon:before { .item .item-infos li a.bookmark-icon:hover {
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; } text-decoration: none; }
#current-item #item-content { .item #item-content {
padding: 10px 0; padding: 10px 0;
*zoom: 1; } *zoom: 1; }
#current-item #item-content:after { .item #item-content:after {
content: ""; content: "";
display: table; display: table;
clear: both; } clear: both; }
#current-item #item-content #item-content-enclosure { .item #item-content #item-content-enclosure {
display: none; } display: none; }
#item-content h1, #item-content h2, #item-content h3, #item-content h4 { #item-content h1, #item-content h2, #item-content h3, #item-content h4 {

7
themes/hello/scss/_core.scss
View File

@ -291,10 +291,10 @@ section {
&-counter { &-counter {
margin: 0 3px; margin: 0 3px;
&:before { &:not(:empty):before {
content: " ("; content: " (";
} }
&:after { &:not(:empty):after {
content: ") "; content: ") ";
} }
} }
@ -302,3 +302,6 @@ section {
#nav-counter { #nav-counter {
@extend #page-counter; @extend #page-counter;
} }
.items-count {
@extend #page-counter;
}

13
themes/hello/scss/_icons.scss
View File

@ -8,3 +8,16 @@
%awesome { %awesome {
font-family: "FontAwesome"; font-family: "FontAwesome";
} }
// Loading
.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 */
}

51
themes/hello/scss/_items.scss
View File

@ -6,6 +6,22 @@
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px 20px; padding: 10px 20px;
&[data-item-bookmark="0"] {
.bookmark {
&:before {
content: "\f005";
}
}
}
&[data-item-bookmark="1"] {
.bookmark {
&:before {
content: "\f006";
}
}
}
&[data-item-status="read"] { &[data-item-status="read"] {
// &[data-item-status="feed-items"] { // &[data-item-status="feed-items"] {
background-color: rgba(lighten(black,60%), .7); background-color: rgba(lighten(black,60%), .7);
@ -32,10 +48,6 @@
text-decoration: none; text-decoration: none;
} }
.bookmark-icon {
display: none;
}
.favicon { .favicon {
height: 16px; height: 16px;
width: 16px; width: 16px;
@ -68,6 +80,12 @@
&:before { &:before {
display: none; display: none;
} }
a {
&:before {
content: "\f09e";
}
}
} }
a { a {
color: darken($theme-background-highlight, 5%); color: darken($theme-background-highlight, 5%);
@ -77,12 +95,6 @@
margin-right: 2px; margin-right: 2px;
@extend %awesome; @extend %awesome;
} }
&:first-child {
&:before {
content: "\f09e";
}
}
&.original { &.original {
&:before { &:before {
content: "\f0ac"; content: "\f0ac";
@ -104,20 +116,6 @@
} }
} }
// 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";
@ -148,11 +146,6 @@
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";

28
themes/hello/scss/_single.scss
View File

@ -1,5 +1,22 @@
#current-item { .item {
position: relative; position: relative;
&[data-item-bookmark="0"] {
.bookmark-icon {
&:before {
content: "\f006";
}
}
}
&[data-item-bookmark="1"] {
.bookmark-icon {
&:before {
content: "\f005";
}
}
}
> nav { > nav {
@include pie-clearfix; @include pie-clearfix;
@ -82,15 +99,6 @@
&.bookmark-icon { &.bookmark-icon {
@extend %awesome; @extend %awesome;
&:before {
content: "\f006";
}
&[data-reverse-title*="remove"] {
&:before {
content: "\f005";
}
}
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }