lugo/static/style.css
2023-01-09 12:05:27 -07:00

150 lines
2.2 KiB
CSS

body {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: large;
background: rgb(71, 71, 71);
color: black;
}
main {
max-width: 75%;
margin: auto;
}
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
h4 {
text-align: center;
}
header h1 {
color: white;
}
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 {
background-color: burlywood;
outline: cadetblue solid 5px;
padding: 3%;
border-radius: 10px;
}
hr {
border-top: 2px solid cadetblue;
border-radius: 4px;
}
br {
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;
}
article img {
max-width: 100%;
max-height: 100%;
outline: cadetblue solid 3px;
}
figure {
margin: 2%;
}
footer {
padding-top: 2%;
text-align: center;
clear: both;
}
footer a:any-link {
color: white;
}
/* For NEXTPREV.HTML */
#nextprev {
/* The container for both the previous and next articles. */
color: black;
}
#nextprev a:any-link {
color: black;
}
#nextart {
float: left ;
text-align: left ;
}
#prevart {
float: right ;
text-align: right ;
}
#nextart,#prevart {
max-width: 33% ;
}
/* For TAGLIST.HTML */
.taglist {
text-align: center;
clear: both;
color: rgb(64, 64, 64);
}
/* For putting right / left boxes next to each other */
.left {
width: 45%;
padding-right: 5%;
float: left;
clear: both;
}
.right {
width: 45%;
padding-left: 5%;
float: right;
}
.subtext {
color: rgb(69, 69, 69);
font-style: italic;
}