arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Main content now mostly working again

Browse Source
This commit is contained in:
FreneticScribbler
2020-07-14 19:12:24 +01:00
parent 376897b7c0
commit 55db5e1be3
6 changed files with 42 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/css/custom.css
View File

@@ -1,3 +1,7 @@
*, *::before, *::after {
box-sizing: inherit;
}
/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
@@ -30,10 +34,6 @@ a:visited { color: #1756a9; }
a:hover { color: #111; text-decoration: underline; }
.social-media-list a:hover { text-decoration: none; }
.social-media-list a:hover .username { text-decoration: underline; }
/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
@@ -48,19 +48,6 @@ pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }
/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
/** Clearfix */
.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }
/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }
.social-media-list li + li { padding-top: 5px; }
/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }
@@ -77,6 +64,8 @@ html, body {
height: 100%;
overflow-x: hidden;
font-family: helvetica, arial;
font-size: 100%;
box-sizing: border-box;
}
header, footer {
background: #202226;
@@ -190,3 +179,13 @@ a.button {
margin-left: -50vw;
margin-right: -50vw;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 70%;
}
nav > * {
padding-left: 2em;
padding-right: 2em;
}