avinal/avinal.github.io
1
0
Fork 0
mirror of https://github.com/avinal/avinal.github.io.git synced 2026-07-04 07:40:09 +05:30
Code Packages Releases Activity

remove submodule and apply theme

Browse Source
This commit is contained in:
Morumotto
2023-07-19 15:51:46 +05:30
parent f4c5db16d2
commit 047aeb0b86
24 changed files with 904 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html-only/static/css/common.css
+258
View File
@@ -0,0 +1,258 @@
/* fonts */
@font-face {
font-display: swap;
font-family: 'Latin Modern Mono';
font-style: normal;
font-weight: bold;
src: url('../font/lmmono-bold.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Mono';
font-style: italic;
font-weight: bold;
src: url('../font/lmmono-bolditalic.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Mono';
font-style: italic;
font-weight: normal;
src: url('../font/lmmono-italic.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Mono';
font-style: normal;
font-weight: normal;
src: url('../font/lmmono-normal.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Roman';
font-style: normal;
font-weight: bold;
src: url('../font/lmroman-bold.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Roman';
font-style: italic;
font-weight: bold;
src: url('../font/lmroman-bolditalic.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Roman';
font-style: italic;
font-weight: normal;
src: url('../font/lmroman-italic.woff');
}
@font-face {
font-display: swap;
font-family: 'Latin Modern Roman';
font-style: normal;
font-weight: normal;
src: url('../font/lmroman-normal.woff');
}
/* global */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
a {
color: inherit;
text-decoration: none;
}
time {
color: gray;
margin-left: 1rem;
min-width: 5rem;
}
#wrapper {
background-color: #FAFAFA;
display: flex;
flex-direction: column;
font-family: 'Latin Modern Roman', 'Times New Roman', serif;
min-height: 100vh;
overflow-wrap: break-word;
padding: 1rem;
}
.link {
color: #AA0000;
text-decoration: underline;
}
.paginator {
align-items: flex-end;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 2rem;
}
::-webkit-scrollbar {
background-color: #FAFAFA;
height: 8px;
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #AAAAAA;
}
::-webkit-scrollbar-thumb:hover {
background-color: #888888;
}
/* header */
#header {
align-items: center;
display: flex;
flex-direction: column;
}
#header>h1 {
text-align: center;
max-width: 768px;
overflow-wrap: break-word;
}
#header img,
#header nav {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
#header>h1 {
font-size: 2.5rem;
}
}
#header>nav {
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
max-width: 768px;
width: 100%;
}
#header>nav>span>a {
font-size: 1.2rem;
}
#header>div>p {
text-align: center;
max-width: 768px;
overflow-wrap: break-word;
border-style: solid;
border-color: #AA0000;
border-width: 2px;
margin-bottom: 1rem;
padding-left: 5px;
padding-right: 5px
}
#header>h2 {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
#header>h2>div {
align-items: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#header>h2>div>time {
font-size: 1rem;
font-weight: normal;
justify-self: flex-end;
margin-left: 0.5rem
}
#header>h2>div>span {
font-size: 1rem;
font-weight: normal;
color: gray;
margin-left: 0.5rem
}
/* main */
#main {
align-self: center;
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: 768px;
padding: 2rem 0;
width: calc(100% - 2rem);
}
/* footer */
#footer {
align-items: center;
display: flex;
font-size: .9rem;
flex-direction: column;
;
}
#footer>.footnote {
text-align: center;
}
#footer>nav {
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
max-width: 768px;
width: 100%;
}
#sharingbuttons {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1rem;
flex-wrap: wrap;
}
#searchbox {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1rem;
}
#searchbox>#search>input {
font-size: 1.2rem;
}