theme: format style
This commit is contained in:
parent
87b332ccd2
commit
38ba17019a
|
@ -1,14 +1,15 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300&display=swap');
|
||||
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300&display=swap");
|
||||
|
||||
/* Get rid of default padding */
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Fira Sans', sans-serif;
|
||||
font-family: "Fira Sans", sans-serif;
|
||||
font-size: 18px;
|
||||
text-shadow: 0 0 3px #dddddd;
|
||||
color: rgb(100, 100, 100);
|
||||
scrollbar-color: #E91E63 #00000000;
|
||||
scrollbar-color: #e91e63 #00000000;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
|
@ -34,7 +35,11 @@ html {
|
|||
display: none;
|
||||
}
|
||||
|
||||
a, a:link, a:visited, a:hover, a:active {
|
||||
a,
|
||||
a:link,
|
||||
a:visited,
|
||||
a:hover,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
|
@ -59,7 +64,7 @@ body {
|
|||
margin-top: 20px;
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
background-color: #E91E63;
|
||||
background-color: #e91e63;
|
||||
}
|
||||
|
||||
.with-divider.with-divider-wide-center::after {
|
||||
|
@ -77,7 +82,11 @@ body {
|
|||
}
|
||||
|
||||
/* Headings */
|
||||
h1, h2, h3, h4, h5 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
margin: 0 0 0.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -184,7 +193,7 @@ h5 {
|
|||
}
|
||||
|
||||
.sidebar .links a:hover {
|
||||
color: #F06292;
|
||||
color: #f06292;
|
||||
}
|
||||
|
||||
.sidebar .copyright {
|
||||
|
@ -201,7 +210,8 @@ h5 {
|
|||
}
|
||||
|
||||
/* Home page post list */
|
||||
.post-list, .content {
|
||||
.post-list,
|
||||
.content {
|
||||
margin-top: 15px;
|
||||
margin-left: 25%;
|
||||
width: 75%;
|
||||
|
@ -222,13 +232,13 @@ h5 {
|
|||
}
|
||||
|
||||
.post-list .post h1 a:hover {
|
||||
color: #E91E63;
|
||||
color: #e91e63;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-list .post .read-more::after {
|
||||
content: "......";
|
||||
color: #F06292;
|
||||
color: #f06292;
|
||||
}
|
||||
|
||||
.post-list .pagination {
|
||||
|
@ -237,13 +247,13 @@ h5 {
|
|||
|
||||
.post-list .pagination .page-older:after {
|
||||
content: "Older >";
|
||||
color: #E91E63;
|
||||
color: #e91e63;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.post-list .pagination .page-newer:after {
|
||||
content: "< Newer";
|
||||
color: #E91E63;
|
||||
color: #e91e63;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
@ -252,7 +262,7 @@ h5 {
|
|||
.post a:visited,
|
||||
.post a:hover,
|
||||
.post a:active {
|
||||
color: #E91E63;
|
||||
color: #e91e63;
|
||||
}
|
||||
|
||||
.post a:hover {
|
||||
|
@ -386,7 +396,8 @@ h5 {
|
|||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.post-list, .content {
|
||||
.post-list,
|
||||
.content {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -433,14 +444,19 @@ h5 {
|
|||
}
|
||||
|
||||
/* Add Animation - Zoom in the Modal */
|
||||
.modal-content, #caption {
|
||||
.modal-content,
|
||||
#caption {
|
||||
animation-name: zoom;
|
||||
animation-duration: 0.6s;
|
||||
}
|
||||
|
||||
@keyframes zoom {
|
||||
from {transform:scale(0)}
|
||||
to {transform:scale(1)}
|
||||
from {
|
||||
transform: scale(0);
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* The Close Button */
|
||||
|
|
Loading…
Reference in a new issue