Oliver/lugo
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

old style

Browse Source
This commit is contained in:
Oliver Atkinson 2024-04-01 08:44:38 -06:00
parent eb988203b7
commit d6a3c84806
1 changed files with 78 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

176
static/style.css
View File

@ -7,122 +7,102 @@
} }
body { body {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; background-color: #222222;
font-size: large; color: #ffffff;
background: rgb(71, 71, 71); font-family: Arial, Helvetica, sans-serif;
color: black; margin: 0;
font-size: x-large;
} }
main { header {
max-width: 75%; background-color: #344a70;
margin: auto; margin-top: 0;
margin-left: 0;
text-align: center;
padding: 0.75rem;
font-size: xx-large;
} }
h1, h2, h3, h4 { .article-header {
text-align: center; background-color: #454545;
flex: 100%; color: #707070;
margin: 2rem;
margin-bottom: 0;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
} }
header h1 { .spaced {
color: white; margin: 0;
} padding: 1rem;
header h4 {
/*
The color half-way between the
background color and pure white
*/
color: rgb(163, 163, 163);
}
a:link {
color: white;
}
a:visited{
color: rgb(174, 174, 174);
}
article a:link {
color: rgb(0, 0, 0);
}
article a:visited {
color: rgb(64, 64, 64);
} }
article { article {
background-color: burlywood; background-color: #303030;
outline: cadetblue solid 5px; padding: 1.5rem;
padding: 3%; margin-left: 2rem;
border-radius: 10px; margin-right: 2rem;
text-align: left;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5em;
} }
hr { hr {
border-top: 2px solid cadetblue; margin: 2rem;
border-radius: 4px; height: 1px;
} border: 0;
border-top: 1px solid #454545;
br { height: 1px;
clear: both;
}
pre {
/*
This has to be flagged important because somewhere in hugo a style
is being directly applied to pre blocks. Ill have to find it later.
*/
background-color: rgb(59, 59, 59) !important;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
border-radius: 8px;
outline: cadetblue solid 3px;
}
code {
font-size: large;
color: white;
/*
we need to re-define these
for times when a single backtick is used
*/
background-color: rgb(59, 59, 59);
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
border-radius: 4px;
}
img {
border-radius: 4px;
margin: 0;
}
figcaption {
color: rgb(69, 69, 69);
font-style: italic;
text-align: center;
}
figure {
margin: 2%;
} }
footer { footer {
padding-top: 2%; color: #606060;
text-align: center; text-align: center;
clear: both;
} }
footer a:any-link { p {
color: white; margin-left: 1rem;
margin-right: 1rem;
margin-top: 0;
} }
@media only screen and (max-width: 600px) { h1,h2,h3,h4,h5,h6 {
main { margin: 0;
max-width: 90%; text-align: center;
}
} }
article h1 {
margin-bottom: 1rem;
}
a {
color: #3e765d;
}
a:hover {
color: #344a70;
text-decoration-line: none;
}
header a {
color: inherit;
text-decoration-line: none;
font-weight: bold;
}
header a:hover {
font-weight: bold;
color: inherit
}
main {
max-width: 80%;
margin: auto;
}
@media screen and (max-width: 900px) {
main {
max-width: 100%;
margin: auto;
}
}