css: Refactor and improve

This commit is contained in:
George Cushen 2016-09-22 01:57:22 +01:00
commit c397cd7ce2

View file

@ -3,7 +3,6 @@
* https://github.com/gcushen/hugo-academic
**************************************************/
/*************************************************
* Core
**************************************************/
@ -38,6 +37,7 @@ body {
margin-top: 71px;
padding-top: 0;
}
@media screen and (max-width: 768px) {
body {
/* Offset body content by navbar height. */
@ -73,7 +73,8 @@ h4 {
font-weight: 700;
}
a, a:visited,
a,
a:visited,
h3.article-title a:hover {
color: #0095eb;
text-decoration: none;
@ -131,6 +132,7 @@ pre {
.space-below {
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.space-below {
margin-bottom: 10px;
@ -145,6 +147,7 @@ pre {
background-color: rgb(255, 255, 255);
padding: 110px 0 110px 0;
}
@media screen and (max-width: 768px) {
.home-section {
padding: 60px 0 60px 0;
@ -309,7 +312,7 @@ ul.share li:hover .fa {
font-size: 1.75rem;
}
h3.article-title a {
.article-title a {
color: #151515;
transition: color 0.6s ease;
}
@ -319,16 +322,17 @@ h3.article-title a {
line-height: 30px; /* Match share bar line height. */
font-size: 14px;
letter-spacing: 0.03em;
}
.article-metadata a:hover {
color: #0095eb;
color: #888;
}
.article-metadata a {
color: #888;
}
.article-metadata a:hover {
color: #0095eb;
}
.article-list-item {
margin-bottom: 40px;
}
@ -344,7 +348,6 @@ h3.article-title a {
.article-metadata .article-date,
.article-metadata .article-tags {
margin-right: 10px;
color: #888;
}
.article-banner {
@ -373,6 +376,14 @@ h3.article-title a {
margin-bottom: 0;
}
.article-style blockquote {
padding: 1.857em;
padding-bottom: 0;
border-left: 3px solid #d9d9d9;
border-bottom: 1px solid transparent;
background: #f2f2f2;
}
#comments {
padding: 20px;
}
@ -589,40 +600,50 @@ nav#navbar-main li {
.navbar {
min-height: 50px !important;
}
.navbar-header {
float: none;
min-height: inherit;
}
.navbar-left,
.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-nav {
float: none !important;
margin-top: 7.5px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: normal;
}
.collapse.in {
display: block !important;
}
@ -673,7 +694,6 @@ table table {
background-color: #fff;
}
/* Table Striped */
table > tbody > tr:nth-child(odd) > td,
table > tbody > tr:nth-child(odd) > th {