|
|
|
@ -104,6 +104,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI |
|
|
|
.fa-share:before { |
|
|
|
content: "\f064"; |
|
|
|
} |
|
|
|
.fa-calendar:before { |
|
|
|
content: "\f073"; |
|
|
|
} |
|
|
|
.fa-comment:before { |
|
|
|
content: "\f075"; |
|
|
|
} |
|
|
|
@ -113,9 +116,15 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI |
|
|
|
.fa-link:before { |
|
|
|
content: "\f0c1"; |
|
|
|
} |
|
|
|
.fa-beer:before { |
|
|
|
content: "\f0fc"; |
|
|
|
} |
|
|
|
.fa-gamepad:before { |
|
|
|
content: "\f11b"; |
|
|
|
} |
|
|
|
.fa-graduation-cap:before { |
|
|
|
content: "\f19d"; |
|
|
|
} |
|
|
|
.fa-language:before { |
|
|
|
content: "\f1ab"; |
|
|
|
} |
|
|
|
@ -180,6 +189,7 @@ html { font-family: 'Inter', sans-serif;} |
|
|
|
--opacity-img: var(--dark-opacity); |
|
|
|
--border-colour: var(--light-border); |
|
|
|
--shadow-colour: var(--light-shadow); |
|
|
|
--current-bg-colour: rgba(150,150,150,0.8); |
|
|
|
} |
|
|
|
|
|
|
|
@media (prefers-color-scheme: light) { |
|
|
|
@ -338,7 +348,7 @@ main{ |
|
|
|
grid-template-rows: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.about .h-feed, .archive-listing, .stream, .post, .bookmarks, #response, .response, .resume{ |
|
|
|
.about .h-feed, .archive, .stream, .post, .bookmarks, #response, .response, .resume{ |
|
|
|
grid-column: 1; |
|
|
|
vertical-align:top; |
|
|
|
width: 99%; |
|
|
|
@ -417,23 +427,29 @@ main{ |
|
|
|
display:inline-block; |
|
|
|
margin:2px; |
|
|
|
} |
|
|
|
.profile .doing{ |
|
|
|
margin-top: 10px; |
|
|
|
font-weight:bolder; |
|
|
|
.panel{ |
|
|
|
width:185px; |
|
|
|
border-radius: 15px; |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
.watching, .playing, .reading{ |
|
|
|
padding:5px; |
|
|
|
.panel-heading{ |
|
|
|
border-bottom: 1px solid var(--border-colour); |
|
|
|
text-align:center; |
|
|
|
padding:10px; |
|
|
|
display:block; |
|
|
|
font-weight:bold; |
|
|
|
font-size: 1.2em; |
|
|
|
} |
|
|
|
|
|
|
|
.watching img, .playing img{ |
|
|
|
max-height:100px; |
|
|
|
object-fit:cover; |
|
|
|
object-position:top; |
|
|
|
.panel-heading a{ |
|
|
|
color: var(--text-colour); |
|
|
|
} |
|
|
|
#category-cloud{ |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
#category-cloud a{ |
|
|
|
padding: 2px; |
|
|
|
} |
|
|
|
.reading img{ |
|
|
|
object-fit:contain; |
|
|
|
} |
|
|
|
|
|
|
|
.site-info{ |
|
|
|
font-size:13px; |
|
|
|
} |
|
|
|
@ -454,7 +470,7 @@ main{ |
|
|
|
.resume{ |
|
|
|
width:97%; |
|
|
|
} |
|
|
|
.index-article, .index-photo, .list-article, .list-blog, .list-category{ |
|
|
|
.index-article, .index-photo, .list-article, .list-blog, .list-category, .index-current{ |
|
|
|
box-shadow: 0 2px 3px var(--shadow-colour); |
|
|
|
border: 1px solid var(--border-colour); |
|
|
|
border-radius: 15px; |
|
|
|
@ -487,7 +503,7 @@ main{ |
|
|
|
.index-article .e-content, .list-article .e-content{ |
|
|
|
padding:5px; |
|
|
|
} |
|
|
|
.index-photo img{ |
|
|
|
.index-photo img, .index-current img{ |
|
|
|
width:100%; |
|
|
|
height:220px; |
|
|
|
object-fit:cover; |
|
|
|
@ -495,7 +511,34 @@ main{ |
|
|
|
margin:0; |
|
|
|
padding:0; |
|
|
|
} |
|
|
|
.latest_photos{ |
|
|
|
.index-current{ |
|
|
|
position:relative; |
|
|
|
} |
|
|
|
.index-current i{ |
|
|
|
position:absolute; |
|
|
|
z-index:10; |
|
|
|
top: 80%; |
|
|
|
left: 82%; |
|
|
|
font-size: 2em; |
|
|
|
} |
|
|
|
.index-current .p-name{ |
|
|
|
position:absolute; |
|
|
|
z-index:10; |
|
|
|
top:0; |
|
|
|
text-align:center; |
|
|
|
width:100%; |
|
|
|
color: var(--link-colour); |
|
|
|
font-weight: bold; |
|
|
|
padding-top: 5px; |
|
|
|
background: var(--current-bg-colour); |
|
|
|
border-radius: 15px 15px 0 0; |
|
|
|
border: 1px solid var(--border-colour); |
|
|
|
min-height:40px; |
|
|
|
} |
|
|
|
.currently_study_brew_planning{ |
|
|
|
padding-bottom: 10px; |
|
|
|
} |
|
|
|
.currently_reading_playing_watching{ |
|
|
|
padding-bottom: 50px; |
|
|
|
} |
|
|
|
.info i{ |
|
|
|
@ -1035,7 +1078,7 @@ nav{ |
|
|
|
padding:10px 6px; |
|
|
|
height: 30px; |
|
|
|
} |
|
|
|
.index-article, .index-photo, .list-article, .list-blog, .list-category{ |
|
|
|
.index-article, .index-photo, .inndex-current, .list-article, .list-blog, .list-category{ |
|
|
|
width:100%; |
|
|
|
margin-bottom:10px; |
|
|
|
} |
|
|
|
|
jk
3 years ago
