Chris Josten
63f177475b
It still looks terrible, but I suppose that was the entire idea of this optional style
69 lines
1.1 KiB
CSS
69 lines
1.1 KiB
CSS
body {
|
|
background-image: url(old/chip.jpg);
|
|
cursor: url(old/cursor.gif), auto;
|
|
justify-content: flex-start;
|
|
grid-column-gap: 0em;
|
|
grid-template-columns: 200px 600px;
|
|
grid-template-rows: min-content min-content 1fr;
|
|
grid-template-areas:
|
|
"header main"
|
|
"menu main"
|
|
"footer main";
|
|
}
|
|
|
|
.main-sidebar {
|
|
display: none;
|
|
}
|
|
|
|
header {
|
|
border-bottom: solid 40px;
|
|
border-image: url(old/flames.gif) 0 0 200 0 round round;
|
|
}
|
|
|
|
footer {
|
|
border-top: solid 40px;
|
|
border-image: url(old/flames.gif) 200 0 0 round round;
|
|
}
|
|
|
|
a:hover {
|
|
cursor: url(old/cursor-over.gif), auto;
|
|
color: red;
|
|
}
|
|
|
|
body > nav, body > header, body > footer {
|
|
background-color: cyan;
|
|
color: black;
|
|
}
|
|
|
|
body > nav ul {
|
|
padding-left: 2em;
|
|
list-style-image: url(old/bullet.gif);
|
|
}
|
|
|
|
body main {
|
|
background-color: green;
|
|
color: white;
|
|
border-image: url(old/skull-border.gif) 33% / 2em round;
|
|
/*border-left-width: 10px !important;
|
|
border-right-width: 10px !important;*/
|
|
}
|
|
|
|
.title {
|
|
width: 100%;
|
|
color: orange;
|
|
}
|
|
|
|
pre {
|
|
background-color: blue;
|
|
}
|
|
|
|
blockquote, .screenshots, code{
|
|
background: darkgreen;
|
|
border-left: #0000cc 6px solid;
|
|
}
|
|
|
|
a {
|
|
color: blue;
|
|
text-decoration: underline;
|
|
}
|