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,11 +73,12 @@ h4 {
font-weight: 700;
}
a, a:visited,
a,
a:visited,
h3.article-title a:hover {
color: #0095eb;
text-decoration:none;
transition:color 0.6s ease;
text-decoration: none;
transition: color 0.6s ease;
}
a:hover {
@ -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 {
@ -354,7 +357,7 @@ h3.article-title a {
.article-style img,
.article-style video {
box-shadow: 1px 1px 0px #edefed,-1px -1px 0px #edefed,1px -1px 0px #edefed,-1px 1px 0px #edefed;
box-shadow: 1px 1px 0px #edefed, -1px -1px 0px #edefed, 1px -1px 0px #edefed, -1px 1px 0px #edefed;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
@ -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;
}
@ -546,13 +557,13 @@ footer a#back_to_top i {
**************************************************/
.navbar {
min-height:60px !important;
min-height: 60px !important;
}
.navbar-default {
background: #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
nav#navbar-main li {
@ -589,42 +600,52 @@ 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);
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;
display: none !important;
}
.navbar-nav {
float: none!important;
float: none !important;
margin-top: 7.5px;
}
.navbar-nav>li {
.navbar-nav > li {
float: none;
}
.navbar-nav>li>a {
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: normal;
}
.collapse.in{
display:block !important;
.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 {