jon
/
jk_na
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

stylesheet conflicts
continuous-integration/drone/push Build is passing
Details

master
jk 4 years ago
parent
46053d58bb
commit
94dfdceb51
1 changed files with 101 additions and 80 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 181
      content/css/style.css

181
content/css/style.css
View File

@ -35,7 +35,7 @@ html { font-family: 'Inter', sans-serif; height:100%;}
}
/* Switched mode */
.theme-switch:checked ~ *,
.theme-switch:checked + *,
.theme-switch:checked + * + *{
--text-colour:var(--light-text);
@ -74,7 +74,7 @@ body {
.main, .content {
background: var(--bg-colour);
color: var(--text-colour);
height:100%;
height:95%;
display:block;
}
p {
@ -149,7 +149,7 @@ a:hover, a:active {
left:30%;
height: 100%;
float: right;
width: 70%;
width: 80%;
margin-top: 60px;
overflow:auto;
-ms-overflow-style:none;
@ -167,11 +167,12 @@ a:hover, a:active {
background: var(--bg-colour);
}
.page-top .nav {
width:90%;
width:95%;
list-style: none;
padding: 18px 30px;
float: left;
font-size: 14px;
display:inline-block;
}
.page-top .nav li{
position: relative;
@ -184,55 +185,34 @@ width:90%;
.page-top .nav a:hover {
color: var(--link-colour);
}
.page-top .information{
float: right;
padding-top: 12px;
padding-right: 20px;
}
.page-top .information .avatar {
float: right;
}
.page-top .information .avatar img {
width: 48px;
height: 48px;
border-radius: 300px;
}
.page-top .information .back_btn {
float: left;
padding-top: 5px;
margin-right: -10px;
}
.page-top .information .back_btn li {
display: initial;
padding-right: 40px;
}
.page-top .language-selector {
float:right;
position:relative;
display:inline-flex;
top:-11px;
display:inline;
float:right;
vertical-align:top;
}
.page-top .language-selector ul{
list-style:none;
padding-bottom:0;
padding:0;
margin:0;
display:inline;
}
.page-top .language-selector li{
vertical-align:top;
margin:0;
padding:0;
padding-bottom:22px;
}
.page-top .language-selector li div{
position:relative;
height:50px;
.page-top .language-selector i{
vertical-align:top;
display:inline;
top:-5px;
left:-5px;
margin-right:5px;
padding:0px 10px;
}
.page-top .language-selector i{
padding-bottom:15px;
margin-top:5px;
.page-top .language-selector label{
margin:0px;
padding:0px;
display:inline;
}
.sidebar {
width: 30%;
@ -301,7 +281,7 @@ width:90%;
.sidebar .social-links a:hover {
color: var(--link-colour);
}
.post {
.post, .h-entry {
background: var(--bg-colour);
margin: 30px;
width:80%;
@ -336,34 +316,32 @@ width:90%;
font-size: 22px;
margin: 0;
}
.post .post-title a {
.post .post-title a, .h-entry .post-title a {
text-decoration: none;
letter-spacing: 1px;
color: var(--text-colour);
}
.post .post-title a:hover {
.post .post-title a:hover, .h-entry .post-title a:hover {
text-decoration: underline;
}
.post .post-content a {
.post .post-content a, .h-entry p a {
text-decoration: none;
color: var(--link-colour);
}
.post .post-content table {
.post .post-content table, .h-entry table {
border-collapse:collapse;
}
.post .post-content table,.post .post-content table td, .post .post-content table th{
.post .post-content table,.post .post-content table td, .post .post-content table th,
.h-entry table,.h-entry table td, .h-entry table th{
border: 1px dashed var(--text-colour);
}
.post .post-content table tr:nth-child(even) {
background-color: #f2f2f2;
}
.post .post-content table td, .post .post-content table th{
.post .post-content table td, .post .post-content table th,.h-entry table td, .h-entry table th{
padding: 15px
}
.post .post-content a:hover {
.post .post-content a:hover, .h-entry a:hover {
color: var(--link-colour);
}
.post .post-content h3 {
@ -375,7 +353,7 @@ width:90%;
color: var(--text-colour);
font-size: 16px;
}
.post .post-content img {
.post .post-content img, .h-entry img {
max-width: 60%;
text-align: center;
margin: 0 auto;
@ -447,32 +425,6 @@ width:90%;
text-decoration: none;
}
.pagination {
margin: 30px;
padding: 0px 0 56px 0;
border-bottom: 1px solid var(--text-colour);
}
.pagination ul {
list-style: none;
margin: 0;
padding: 0;
height: 13px;
}
.pagination ul li {
margin: 0 2px 0 2px;
display: inline;
line-height: 1;
}
.pagination ul li a {
text-decoration: none;
}
.pagination .pre {
float: left;
}
.pagination .next {
float: right;
}
.like-reblog-buttons {
float: right;
}
@ -735,6 +687,60 @@ a.btn {
margin:0 auto;
display:block;
}
.contents hr {
color: var(--text-colour);
}
.contents .note, .contents .article {
background-color: var(--bg-colour);
border-radius:10px;
padding:10px;
width: 80%;
margin: 10px;
display:block;
}
.contents .note .author, .contents .article .author{
width: 60px;
display:block;
float:left;
height:100%;
margin:0px;
padding:0px;
}
.contents .note .author img, .contents .article .author img{
max-width:50px;
vertical-align: top;
margin:0px;
padding:0px;
}
.contents aside {
width:95%;
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
}
.contents aside time{
font-size:11px;
}
.pagination {
list-style:none;
margin: 0 auto;
border:0px;
padding-top:20px;
display:block;
max-width: 1000px;
width:100%;
}
.pagination li{
display:inline-block;
padding:10px 80px;
height: 80px;
}
.page-top .nav #Photos, .page-top .nav #Likes, .page-top .nav #Replies, .page-top .nav #Re-posts{
display:none;
}
@media screen and (max-width: 960px) {
.sidebar {
@ -758,7 +764,15 @@ a.btn {
.page-top {
width: 100%;
}
.page-top .nav{
width: 90%;
}
.page-top .nav #Likes, .page-top .nav #Replies, .page-top .nav #Re-posts{
display:none;
}
.page-top .language-selector i{
padding:0 5px;
}
.post-title h3 {
line-height: 1.6;
}
@ -770,10 +784,11 @@ a.btn {
position: absolute;
left:0;
height:100%;
border-top: 1px solid var(--text-colour);
}
.about, .post{
width:90%;
.about, .post, .archive, .contents{
width:95%;
margin-left:15px;
}
.footer {
@ -783,4 +798,10 @@ a.btn {
.share {
display: grid;
}
.pagination li{
display:inline-block;
padding:0px 30px;
height: 30px;
}
}