keep default and personal css

This commit is contained in:
fanyx 2020-12-26 14:55:00 +01:00
parent 87d2d8cf51
commit 519aa612a7
2 changed files with 137 additions and 0 deletions

137
fanyx.css Normal file
View File

@ -0,0 +1,137 @@
* {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body{
padding: 3px 3px 3px 3px;
background-color: #D8DBE2;
font-family: Monospace;
font-size: 10pt;
text-align: center;
}
main {
position: relative;
display: grid;
grid-template-columns: 2fr 7fr;
grid-template-rows: auto;
grid-template-areas: "header header"
"nav main";
grid-gap: 3px 3px;
justify-items: stretch;
align-items: stretch;
width: 65%;
margin-left: auto;
margin-right: auto;
padding: 4px;
border-width: 2px;
border-color: #212738;
border-style: solid;
background-color: #FFFFFF;
text-align: left;
}
header {
grid-area: header;
text-align: center;
}
header > #encrypt {
color: white;
}
nav {
grid-area: nav;
}
nav.content_section_text {
}
article {
grid-area: main;
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-auto-flow: row;
}
div.content_section_text {
margin: 4px;
padding: 8px;
border-width: 1px;
border-style: dotted;
border-color: #000000;
background-color: #F5F6F7;
color: #000000;
font-size: 100%;
font-style: italic;
}
div.content_section_text a {
text-decoration: none;
font-weight: bold;
}
div.content_section_text a:link,
div.content_section_text a:visited,
div.content_section_text a:active {
background-color: #DCDFE6;
color: #000000;
}
div.content_section_text a:hover {
background-color: #000000;
color: #DCDFE6;
}
div.section_header {
margin: 0px 0px 0px 0px;
padding: 3px 6px 3px 6px;
background-color: #8E9CB2;
color: #FFFFFF;
font-weight: bold;
font-size: 112%;
text-align: center;
border-style: solid;
border-color: #000000;
border-width: 1px;
}
div.section_header_red {
background-color: #CD214F;
}
div.section_header_grey {
background-color: #9F9386;
}
@media (max-width: 1510px) {
main {
grid-template-columns: auto;
grid-template-rows: auto;
grid-auto-flow: row;
grid-template-areas: "header"
"nav"
"main";
width: auto;
}
}