Smalls fixes and improvements for the two versions of the theme

This commit is contained in:
silvus 2013-09-19 19:54:14 +02:00
parent d29653f121
commit 9d40ebca54
6 changed files with 199 additions and 138 deletions

File diff suppressed because one or more lines are too long

View File

@ -117,13 +117,46 @@ body > header > nav > ul a {
// Page footer
// --------------------------------------
#bottom-menu a {
&:extend(.btn all, .btn-primary all, .pull-right);
margin-bottom: 10px;
#bottom-menu,
#items-paging {
float: right;
}
#bottom-menu a,
#items-paging a {
&:extend(.btn all, .btn-primary all);
margin: 10px;
}
// item pagination
.item nav {
&:extend(.pager all);
margin-bottom: 0;
}
.item nav > span {
border-radius: 15px;
display: inline-block;
padding: 5px 14px;
border-radius: 4px;
}
.item nav .nav-left {
float: left;
}
.item nav .nav-right {
float: right;
}
// Articles
// --------------------------------------
.item h2 {font-size:18px}
.item h3 {font-size:16px}
.item h4 {font-size:15px}
.item h5 {font-size:14px}
.item h6 {font-size:12px}
.item blockquote p {font-size: 15px;}
article img {
max-width: 100%;
}
@ -168,33 +201,6 @@ article p.infos a,
&:extend(.text-muted all);
}
// Pagination
.item nav {
&:extend(.pager all);
margin-bottom: 0;
}
.item nav > span {
border-radius: 15px 15px 15px 15px;
display: inline-block;
padding: 5px 14px;
border-radius: 4px;
}
.item nav .nav-left {
float: left;
}
.item nav .nav-right {
float: right;
}
.item h2 {font-size:18px}
.item h3 {font-size:16px}
.item h4 {font-size:15px}
.item h5 {font-size:14px}
.item h6 {font-size:12px}
.item blockquote p {font-size: 15px;}
// Subscriptions
// --------------------------------------
.feed-last-checked {
@ -230,6 +236,12 @@ section .alert ul {
&:extend(.btn-block all);
}
// Help
// --------------------------------------
#help-page .page {
padding-left: 0;
}
// Responsive
// --------------------------------------
@media (max-width: @screen-lg) {
@ -309,4 +321,16 @@ section .alert ul {
float: none;
margin-top: 3px;
}
}
#items-paging,
#bottom-menu {
float: none;
max-height: 20px;
}
#bottom-menu a,
#items-paging a {
display: block;
margin: 5px 0;
}
}

View File

@ -24,6 +24,11 @@ article.item,
background: @gray-lighter;
}
#current-item {
border-color: @brand-primary;
background-color: darken(@gray-lighter, 10%);
}
.item nav > span {
background: @btn-primary-bg;
border: 1px solid @btn-primary-border;

File diff suppressed because one or more lines are too long

View File

@ -117,13 +117,46 @@ body > header > nav > ul a {
// Page footer
// --------------------------------------
#bottom-menu a {
&:extend(.btn all, .btn-primary all, .pull-right);
margin-bottom: 10px;
#bottom-menu,
#items-paging {
float: right;
}
#bottom-menu a,
#items-paging a {
&:extend(.btn all, .btn-primary all);
margin: 10px;
}
// item pagination
.item nav {
&:extend(.pager all);
margin-bottom: 0;
}
.item nav > span {
border-radius: 15px;
display: inline-block;
padding: 5px 14px;
border-radius: 4px;
}
.item nav .nav-left {
float: left;
}
.item nav .nav-right {
float: right;
}
// Articles
// --------------------------------------
.item h2 {font-size:18px}
.item h3 {font-size:16px}
.item h4 {font-size:15px}
.item h5 {font-size:14px}
.item h6 {font-size:12px}
.item blockquote p {font-size: 15px;}
article img {
max-width: 100%;
}
@ -168,33 +201,6 @@ article p.infos a,
&:extend(.text-muted all);
}
// Pagination
.item nav {
&:extend(.pager all);
margin-bottom: 0;
}
.item nav > span {
border-radius: 15px 15px 15px 15px;
display: inline-block;
padding: 5px 14px;
border-radius: 4px;
}
.item nav .nav-left {
float: left;
}
.item nav .nav-right {
float: right;
}
.item h2 {font-size:18px}
.item h3 {font-size:16px}
.item h4 {font-size:15px}
.item h5 {font-size:14px}
.item h6 {font-size:12px}
.item blockquote p {font-size: 15px;}
// Subscriptions
// --------------------------------------
.feed-last-checked {
@ -230,6 +236,12 @@ section .alert ul {
&:extend(.btn-block all);
}
// Help
// --------------------------------------
#help-page .page {
padding-left: 0;
}
// Responsive
// --------------------------------------
@media (max-width: @screen-lg) {
@ -309,4 +321,16 @@ section .alert ul {
float: none;
margin-top: 3px;
}
}
#items-paging,
#bottom-menu {
float: none;
max-height: 20px;
}
#bottom-menu a,
#items-paging a {
display: block;
margin: 5px 0;
}
}

View File

@ -3,6 +3,12 @@
@btn-info-bg: @brand-success;
// Alert
.alert.alert-normal a {
color: @alert-success-text;
text-decoration: underline;
}
// Logo
.logo {
color: @gray-light;
@ -26,6 +32,11 @@ article.item,
background: darken(@body-bg, 10%);
}
#current-item {
border-color: @brand-primary;
background-color: @body-bg;
}
.item nav > span {
background: @btn-primary-bg;
border: 1px solid @btn-primary-border;
@ -37,11 +48,3 @@ article.item,
// Pagination
.item nav > span { }
// Preferences
section .alert {
background: @btn-primary-bg;
}
section .alert a {
color: @gray;
}