Make a better use of Hugo theme
This commit is contained in:
parent
d29e5bbdb3
commit
20c01b8868
11 changed files with 787 additions and 5 deletions
171
static/css/custom.css
Normal file
171
static/css/custom.css
Normal file
|
|
@ -0,0 +1,171 @@
|
|||
body {
|
||||
background-size: 100% 100%;
|
||||
background-image: linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
||||
background-image: -o-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
||||
background-image: -moz-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
||||
background-image: -webkit-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
||||
background-image: -ms-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
|
||||
font-family: "Libertinus", "Linux Libertine", 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
font-family: "Fantasque Sans Mono";
|
||||
}
|
||||
|
||||
hr.small {
|
||||
border-width: 5px;
|
||||
border-color: #00a185;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: "Linux Biolinum", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
p a, li a {
|
||||
color: #00a185;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
a:hover,
|
||||
a:focus,
|
||||
.colored {
|
||||
color: #00a185;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: #00a185;
|
||||
}
|
||||
::selection {
|
||||
background: #00a185;
|
||||
}
|
||||
|
||||
.about-icon {
|
||||
margin-top: 5px;
|
||||
position: absolute;
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.navbar-custom {
|
||||
background-color: #000000;
|
||||
background-image: linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
|
||||
border-bottom: 5px #00a185 solid;
|
||||
color: #fafafa;
|
||||
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.navbar-custom .nav li a {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand,
|
||||
.navbar-custom .nav li a {
|
||||
font-weight: 800;
|
||||
color: #fafafa;
|
||||
}
|
||||
|
||||
.navbar-custom .navbar-brand:hover,
|
||||
.navbar-custom .navbar-brand:focus ,
|
||||
.navbar-custom .nav li a:hover,
|
||||
.navbar-custom .nav li a:focus {
|
||||
color: #00a185;
|
||||
}
|
||||
|
||||
.navbar-custom .nav .navlinks-container .navlinks-children a {
|
||||
background: #232323;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.navbar-custom .nav .navlinks-container.show-children {
|
||||
background: #131313;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.navbar-custom .nav .navlinks-container:hover {
|
||||
background: #131313;
|
||||
}
|
||||
.navbar-custom .nav .navlinks-container .navlinks-children a {
|
||||
border: 1px solid #323232;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: black;
|
||||
background-image: linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
||||
background-image: -o-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
||||
background-image: -moz-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
||||
background-image: -webkit-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
||||
background-image: -ms-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
|
||||
}
|
||||
footer a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.pager li a:hover,
|
||||
.pager li a:focus {
|
||||
background: #00a185;
|
||||
border: 1px solid #00a185;
|
||||
}
|
||||
|
||||
.post-preview {
|
||||
border-bottom: 5px solid #00a185;
|
||||
}
|
||||
.post-preview .post-entry {
|
||||
font-family: inherit;
|
||||
}
|
||||
.blog-tags {
|
||||
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
footer .copyright {
|
||||
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.thumbApp {
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
border-radius: 15px 1px 15px 1px;
|
||||
box-shadow: 0px 0px 10px #555;
|
||||
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
height: 200px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 0.5%;
|
||||
margin-bottom: 20px;
|
||||
width: 24.5%;
|
||||
min-width: 149px;
|
||||
}
|
||||
|
||||
.thumbApp p {
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
border-bottom: solid 4px #00a185;
|
||||
color: white;
|
||||
font-weight: bolder;
|
||||
margin-top: 123px;
|
||||
padding: 10px;
|
||||
}
|
||||
.thumbApp:hover p {
|
||||
color: #00a185;
|
||||
border-color: #0085a1;
|
||||
}
|
||||
.thumbApp p span{
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
line-height: 0.9;
|
||||
height: 1.8em;
|
||||
text-indent: -0.3em;
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
.thumbApp img {
|
||||
border-radius: inherit;
|
||||
width: 100%;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue