124 lines
1.9 KiB
CSS
124 lines
1.9 KiB
CSS
|
/* Background and text */
|
||
|
|
body {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: cover;
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-color: #313131;
|
||
|
|
background-image: url('files/images/background.gif');
|
||
|
|
image-rendering: high-quality;
|
||
|
|
font-family: monospace;
|
||
|
|
font-size: 1.50em;
|
||
|
|
line-height: 1.6;
|
||
|
|
color: #e1e1e1;
|
||
|
|
text-shadow: 1px 1px 3px #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Headers */
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Links */
|
||
|
|
a {
|
||
|
|
color: #ffffff;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #eaa08f;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Paragraphs */
|
||
|
|
p {
|
||
|
|
width: 74%;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
ol, ul, li {
|
||
|
|
text-align: left;
|
||
|
|
width: 84%;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
padding: 0%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Code */
|
||
|
|
code {
|
||
|
|
font-family: monospace;
|
||
|
|
background-color: rgba(75, 75, 75, 0.8);
|
||
|
|
padding: 1px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Quote blocks */
|
||
|
|
blockquote {
|
||
|
|
text-align: left;
|
||
|
|
width: 70%;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
padding: 0.65em;
|
||
|
|
background-color: rgba(30, 30, 30, 0.8);
|
||
|
|
border-radius: 3px;
|
||
|
|
box-shadow: 2px 2px 3px #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
hr {
|
||
|
|
width: 95%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Images */
|
||
|
|
img {
|
||
|
|
max-width: 74%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Custom Classes */
|
||
|
|
|
||
|
|
/* Webring links */
|
||
|
|
.webring {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Center-aligned text */
|
||
|
|
.center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Background and Menu */
|
||
|
|
.bg, .menu {
|
||
|
|
margin-left: 2%;
|
||
|
|
margin-right: 2%;
|
||
|
|
padding: 0.65em;
|
||
|
|
background: rgba(30, 30, 30, 0.90);
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 5px;
|
||
|
|
box-shadow: 2px 2px 3px #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Code block */
|
||
|
|
.codeblock {
|
||
|
|
margin-left: 2%;
|
||
|
|
margin-right: 2%;
|
||
|
|
padding: 0.65em;
|
||
|
|
background: rgba(50, 50, 50, 0.5);
|
||
|
|
border-radius: 5px;
|
||
|
|
text-align: left;
|
||
|
|
overflow: auto;
|
||
|
|
box-shadow: 2px 2px 3px #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menu links */
|
||
|
|
.menu a {
|
||
|
|
margin-right: 0.6em;
|
||
|
|
margin-left: 0.6em;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|