129 lines
1.7 KiB
CSS
129 lines
1.7 KiB
CSS
.copy:hover {
|
|
color: #344a70;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0;
|
|
}
|
|
|
|
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, h2, h3, h4 {
|
|
text-align: center;
|
|
flex: 100%;
|
|
}
|
|
|
|
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;
|
|
margin: 0;
|
|
}
|
|
|
|
figcaption {
|
|
color: rgb(69, 69, 69);
|
|
font-style: italic;
|
|
text-align: center;
|
|
}
|
|
|
|
figure {
|
|
margin: 2%;
|
|
}
|
|
|
|
footer {
|
|
padding-top: 2%;
|
|
text-align: center;
|
|
clear: both;
|
|
}
|
|
|
|
footer a:any-link {
|
|
color: white;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
main {
|
|
max-width: 90%;
|
|
}
|
|
}
|
|
|