154 lines
2.1 KiB
CSS
154 lines
2.1 KiB
CSS
body
|
|
{
|
|
background-color: #f2cef5;
|
|
font-family: serif;
|
|
color: #411c55;
|
|
max-width: 1280px;
|
|
margin: auto;
|
|
}
|
|
|
|
h1:before, h2:before, h3:before, h1:after, h2:after, h3:after
|
|
{
|
|
content: " <3 ";
|
|
}
|
|
|
|
p
|
|
{
|
|
margin: 30px;
|
|
}
|
|
|
|
i, em
|
|
{
|
|
color: #56ff52;
|
|
background-color: #bfa6ff;
|
|
}
|
|
|
|
b, strong
|
|
{
|
|
background-color: #f77;
|
|
color: #c5f6fa;
|
|
padding: 1px 1px 1px;
|
|
border-bottom: 2px dashed yellow;
|
|
}
|
|
|
|
h1
|
|
{
|
|
font-size: 50px;
|
|
}
|
|
|
|
h2
|
|
{
|
|
font-size: 40px;
|
|
}
|
|
|
|
h3
|
|
{
|
|
font-size: 30px;
|
|
}
|
|
|
|
h1, h2, h3
|
|
{
|
|
text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
|
|
text-decoration: wavy underline;
|
|
border-bottom: 3px solid blue;
|
|
border-right: 3px solid yellow;
|
|
border-left: 3px solid yellow;
|
|
font-style: italic;
|
|
padding: 10px;
|
|
background-image: linear-gradient(238deg, rgba(174,118,245,1) 0%, rgba(215,231,154,1) 30%, rgba(231,111,210,1) 70%, rgba(216,237,167,1) 100%);
|
|
color: #f22;
|
|
text-align: center;
|
|
font-family: cursive;
|
|
margin: 30px 40px 30px;
|
|
}
|
|
|
|
|
|
pre, code
|
|
{
|
|
font-weight: bold;
|
|
color: #154591;
|
|
font-size: 13px;
|
|
}
|
|
|
|
pre
|
|
{
|
|
padding: 20px;
|
|
background-image: linear-gradient(45deg, rgba(191,48,68,0.5) 0%, rgba(90,192,227,0.5) 34%, rgba(204,3,170,0.5) 67%, rgba(180,255,0,0.5) 100%);
|
|
}
|
|
|
|
table
|
|
{
|
|
background: linear-gradient(to top right, #ffccff 0%, #ff99cc 100%);
|
|
border-collapse: collapse;
|
|
margin: 30px auto;
|
|
|
|
}
|
|
|
|
table td, th
|
|
{
|
|
border: 5px solid #faa;
|
|
padding: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
th
|
|
{
|
|
text-shadow: 1px 1px 0 #111;
|
|
background-color: #c44dbc;
|
|
color: yellow;
|
|
font-family: italic;
|
|
font-style: italic;
|
|
border: 4px solid red;
|
|
}
|
|
|
|
a
|
|
{
|
|
color: #ea2dde;
|
|
text-decoration: wavy underline;
|
|
font-family: ui-monospace;
|
|
}
|
|
|
|
.dead
|
|
{
|
|
color: #9b794e;
|
|
text-decoration: wavy line-through;
|
|
}
|
|
|
|
ul
|
|
{
|
|
list-style: none;
|
|
}
|
|
|
|
ul li:before
|
|
{
|
|
content: "*";
|
|
margin: 0 5px;
|
|
color: red;
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
background-color: yellow;
|
|
}
|
|
|
|
hr
|
|
{
|
|
border-top: none;
|
|
width: 70%;
|
|
border-bottom: 3px dotted blue;
|
|
}
|
|
|
|
.nav
|
|
{
|
|
display: block;
|
|
margin: 40px auto;
|
|
width: 80%;
|
|
padding: 10px;
|
|
background-color: rgb(251, 227, 255);
|
|
}
|
|
|
|
.nav a:before
|
|
{
|
|
content: " \1F496 "
|
|
}
|