Update hello theme with the patched version
This commit is contained in:
Frederic Guillot
parent
67d3beb5cc
commit
8f9c957f2f
@ -47,7 +47,7 @@ a img {
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||||
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-weight: 700;
|
||||
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");
|
||||
font-weight: 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"; }
|
||||
|
||||
.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 {
|
||||
background-color: #fFFFFF;
|
||||
padding: 10px; }
|
||||
@ -301,11 +316,11 @@ section.page {
|
||||
margin-bottom: 15px;
|
||||
margin-top: 15px; }
|
||||
|
||||
#page-counter, #nav-counter {
|
||||
#page-counter, #nav-counter, .items-count {
|
||||
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: " ("; }
|
||||
#page-counter:after, #nav-counter:after {
|
||||
#page-counter:not(:empty):after, #nav-counter:not(:empty):after, .items-count:not(:empty):after {
|
||||
content: ") "; }
|
||||
|
||||
.items article {
|
||||
@ -315,6 +330,10 @@ section.page {
|
||||
background-color: #fFFFFF;
|
||||
margin-bottom: 15px;
|
||||
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"] {
|
||||
background-color: rgba(153, 153, 153, 0.7); }
|
||||
.items article h2 {
|
||||
@ -327,8 +346,6 @@ section.page {
|
||||
.items article h2 a {
|
||||
color: #000;
|
||||
text-decoration: none; }
|
||||
.items article h2 .bookmark-icon {
|
||||
display: none; }
|
||||
.items article h2 .favicon {
|
||||
height: 16px;
|
||||
width: 16px; }
|
||||
@ -352,13 +369,13 @@ section.page {
|
||||
padding-left: 5px; }
|
||||
.items .item-menu li:first-child:before {
|
||||
display: none; }
|
||||
.items .item-menu li:first-child a:before {
|
||||
content: "\f09e"; }
|
||||
.items .item-menu li a {
|
||||
color: #008055;
|
||||
text-decoration: none; }
|
||||
.items .item-menu li a:before {
|
||||
margin-right: 2px; }
|
||||
.items .item-menu li a:first-child:before {
|
||||
content: "\f09e"; }
|
||||
.items .item-menu li a.original:before {
|
||||
content: "\f0ac"; }
|
||||
.items .item-menu li a[href*="action=confirm-remove-feed"]:before {
|
||||
@ -367,10 +384,6 @@ section.page {
|
||||
content: "\f044"; }
|
||||
.items .item-menu li a[href*="action=refresh-feed"]:before {
|
||||
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 {
|
||||
content: "\f014";
|
||||
margin-right: 2px; }
|
||||
@ -382,8 +395,6 @@ section.page {
|
||||
content: "\f057"; }
|
||||
.items .item-menu li a[href*="action=enable-grabber-feed"]:before {
|
||||
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 {
|
||||
content: "\f05d"; }
|
||||
.items #bottom-menu {
|
||||
@ -413,20 +424,24 @@ section.page {
|
||||
#items-paging #next-page {
|
||||
float: right; }
|
||||
|
||||
#current-item {
|
||||
.item {
|
||||
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; }
|
||||
#current-item > nav:after {
|
||||
.item > nav:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
#current-item > nav.top {
|
||||
.item > nav.top {
|
||||
display: block;
|
||||
float: right; }
|
||||
#current-item > nav.bottom {
|
||||
.item > nav.bottom {
|
||||
display: none; }
|
||||
#current-item > nav span {
|
||||
.item > nav span {
|
||||
-moz-box-shadow: 0 3px 0 #009966;
|
||||
-webkit-box-shadow: 0 3px 0 #009966;
|
||||
box-shadow: 0 3px 0 #009966;
|
||||
@ -437,31 +452,31 @@ section.page {
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
color: #7f7f7f; }
|
||||
#current-item > nav span a {
|
||||
.item > nav span a {
|
||||
text-decoration: none;
|
||||
color: #009966; }
|
||||
#current-item > nav span.nav-left {
|
||||
.item > nav span.nav-left {
|
||||
float: left;
|
||||
margin-right: 10px; }
|
||||
#current-item > nav span.nav-right {
|
||||
.item > nav span.nav-right {
|
||||
float: right; }
|
||||
#current-item > h1 {
|
||||
.item > h1 {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
line-height: 25px;
|
||||
margin-bottom: 20px;
|
||||
max-width: 82%; }
|
||||
#current-item > h1 a {
|
||||
.item > h1 a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
vertical-align: middle; }
|
||||
#current-item .item-infos {
|
||||
.item .item-infos {
|
||||
border-bottom: 1px solid #b2b2b2;
|
||||
border-top: 1px solid #b2b2b2;
|
||||
clear: both;
|
||||
display: block;
|
||||
padding: 0; }
|
||||
#current-item .item-infos li {
|
||||
.item .item-infos li {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
@ -469,30 +484,26 @@ section.page {
|
||||
*display: inline;
|
||||
font-size: 0.9rem;
|
||||
margin: 10px 0; }
|
||||
#current-item .item-infos li:before {
|
||||
.item .item-infos li:before {
|
||||
content: " / "; }
|
||||
#current-item .item-infos li:first-child:before {
|
||||
.item .item-infos li:first-child:before {
|
||||
display: none; }
|
||||
#current-item .item-infos li a {
|
||||
.item .item-infos li a {
|
||||
color: #009966;
|
||||
font-size: 0.9rem;
|
||||
text-decoration: none; }
|
||||
#current-item .item-infos li a:hover {
|
||||
.item .item-infos li a:hover {
|
||||
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 {
|
||||
.item .item-infos li a.bookmark-icon:hover {
|
||||
text-decoration: none; }
|
||||
#current-item #item-content {
|
||||
.item #item-content {
|
||||
padding: 10px 0;
|
||||
*zoom: 1; }
|
||||
#current-item #item-content:after {
|
||||
.item #item-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
#current-item #item-content #item-content-enclosure {
|
||||
.item #item-content #item-content-enclosure {
|
||||
display: none; }
|
||||
|
||||
#item-content h1, #item-content h2, #item-content h3, #item-content h4 {
|
||||
|
||||
@ -291,14 +291,17 @@ section {
|
||||
&-counter {
|
||||
margin: 0 3px;
|
||||
|
||||
&:before {
|
||||
&:not(:empty):before {
|
||||
content: " (";
|
||||
}
|
||||
&:after {
|
||||
&:not(:empty):after {
|
||||
content: ") ";
|
||||
}
|
||||
}
|
||||
}
|
||||
#nav-counter {
|
||||
@extend #page-counter;
|
||||
}
|
||||
.items-count {
|
||||
@extend #page-counter;
|
||||
}
|
||||
@ -8,3 +8,16 @@
|
||||
%awesome {
|
||||
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 */
|
||||
}
|
||||
@ -6,6 +6,22 @@
|
||||
margin-bottom: 15px;
|
||||
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="feed-items"] {
|
||||
background-color: rgba(lighten(black,60%), .7);
|
||||
@ -32,10 +48,6 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.bookmark-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.favicon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
@ -68,6 +80,12 @@
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
&:before {
|
||||
content: "\f09e";
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: darken($theme-background-highlight, 5%);
|
||||
@ -77,12 +95,6 @@
|
||||
margin-right: 2px;
|
||||
@extend %awesome;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
&:before {
|
||||
content: "\f09e";
|
||||
}
|
||||
}
|
||||
&.original {
|
||||
&:before {
|
||||
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"] {
|
||||
&:before {
|
||||
content: "\f014";
|
||||
@ -148,11 +146,6 @@
|
||||
content: "\f058";
|
||||
}
|
||||
}
|
||||
&[href*="action=confirm-disable-feed"] {
|
||||
&:before {
|
||||
content: "\f05c";
|
||||
}
|
||||
}
|
||||
&[href*="action=enable-feed"] {
|
||||
&:before {
|
||||
content: "\f05d";
|
||||
|
||||
@ -1,5 +1,22 @@
|
||||
#current-item {
|
||||
.item {
|
||||
position: relative;
|
||||
|
||||
&[data-item-bookmark="0"] {
|
||||
.bookmark-icon {
|
||||
&:before {
|
||||
content: "\f006";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[data-item-bookmark="1"] {
|
||||
.bookmark-icon {
|
||||
&:before {
|
||||
content: "\f005";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> nav {
|
||||
@include pie-clearfix;
|
||||
|
||||
@ -82,15 +99,6 @@
|
||||
&.bookmark-icon {
|
||||
@extend %awesome;
|
||||
|
||||
&:before {
|
||||
content: "\f006";
|
||||
}
|
||||
&[data-reverse-title*="remove"] {
|
||||
&:before {
|
||||
content: "\f005";
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user