153 lines
2.5 KiB
CSS
153 lines
2.5 KiB
CSS
body
|
|
{
|
|
color: #201511;
|
|
background-image: linear-gradient(104deg, rgb(232, 198, 169) 0%, rgb(240, 237, 201) 23%, rgb(227, 208, 163) 50%, rgb(248, 255, 221) 77%, rgb(225, 186, 135) 100%);
|
|
text-align: justify;
|
|
text-shadow: -1px -1px 0 #fff, 1px 1px 0 #46433121;
|
|
padding: 30px;
|
|
}
|
|
|
|
i, em
|
|
{
|
|
color: #20777b;
|
|
}
|
|
|
|
p:first-letter
|
|
{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
i:hover, em:hover
|
|
{
|
|
background-color: #ddd;
|
|
}
|
|
|
|
h1:first-of-type:after
|
|
{
|
|
content: ": PREMIUM $ ";
|
|
}
|
|
|
|
.nav
|
|
{
|
|
display: block;
|
|
margin: 30px 30px 0;
|
|
}
|
|
|
|
.nav:before
|
|
{
|
|
content: "[>>> ";
|
|
color: brown;
|
|
}
|
|
|
|
.nav:after
|
|
{
|
|
content: " <<<]";
|
|
color: brown;
|
|
}
|
|
|
|
h1:before, h2:before, h3:before, h1:after, h2:after, h3:after
|
|
{
|
|
content: " $ ";
|
|
}
|
|
|
|
p
|
|
{
|
|
margin: 20px;
|
|
}
|
|
|
|
b, strong
|
|
{
|
|
color: #772828;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
code, pre
|
|
{
|
|
color: #572b27;
|
|
font-family: monospace;
|
|
text-shadow: -1px 1px 0 #ffffff75;
|
|
font-weight: bold;
|
|
}
|
|
|
|
pre
|
|
{
|
|
border-radius: 10px;
|
|
border-right: 4px solid #c4a8a8;
|
|
border-left: 4px solid #e3dcb5;
|
|
padding: 15px 0 15px 20px;
|
|
border-top: 2px solid rgb(230, 212, 169);
|
|
border-bottom: 2px solid rgb(179, 143, 98);
|
|
background-image: linear-gradient(90deg, rgb(162, 124, 76) 0%, rgb(217, 190, 155) 2%, rgb(255, 243, 214) 49%, rgb(187, 167, 133) 98%, rgb(247, 213, 157) 100%);
|
|
}
|
|
|
|
h1, h2, h3
|
|
{
|
|
border-top: 1px solid #f0e7c2;
|
|
text-shadow: -1px -1px 0 #fff, 1px 1px 0 #370b0b;
|
|
color: #dfc485;
|
|
margin: 50px 0px 20px;
|
|
border-bottom: 4px solid #665d44;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
text-align: center;
|
|
background-image: linear-gradient(180deg, rgb(236, 220, 136) 0%, rgb(183, 149, 120) 36%, rgb(244, 220, 165) 69%, rgb(183, 138, 80) 100%)
|
|
}
|
|
|
|
h1:hover, h2:hover, h3:hover
|
|
{
|
|
background-image: linear-gradient(119deg, rgb(236, 220, 136) 0%,
|
|
rgb(183, 149, 120) 36%, rgb(244, 220, 165) 69%, rgb(183, 138, 80) 100%);
|
|
|
|
color: #ba7;
|
|
/* text-shadow: 1px 1px 0 #fff, -1px -1px 0 #370b0b; */
|
|
}
|
|
|
|
table
|
|
{
|
|
text-shadow: none;
|
|
background-image: linear-gradient(304deg, rgba(238, 208, 118, 0.5) 0%, rgba(234, 212, 189, 0.5) 100%);
|
|
border-spacing: 0;
|
|
border: 3px solid #601f1f;
|
|
border-radius: 10px;
|
|
margin: 40px 30px;
|
|
}
|
|
|
|
td
|
|
{
|
|
border: 1px solid #c84545;
|
|
padding: 3px;
|
|
}
|
|
|
|
th
|
|
{
|
|
padding: 3px;
|
|
color: #ece9d7;
|
|
text-align: left;
|
|
background-color: #4f463b;
|
|
}
|
|
|
|
a
|
|
{
|
|
border-bottom: 2px dotted black;
|
|
color: #2c9310;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
color: blue;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.dead
|
|
{
|
|
color: #ff2121;
|
|
}
|
|
|
|
hr
|
|
{
|
|
margin: 30px 20px;
|
|
border-top: 1px dotted brown;
|
|
border-bottom: 1px solid white;
|
|
}
|