Commit 45e70bf6 authored by sajolida's avatar sajolida
Browse files

Add some CSS for steps

parent 7614e4ad
......@@ -37,3 +37,85 @@ h1:before {
counter-increment: step;
margin-right: -2em;
}
/* Thiner border */
.step-image img {
outline: 3px solid white;
outline-offset: -4px;
position: relative;
}
/* Scaling images */
img.screenshot {
height: 70%;
transition-duration: 0.3s;
width: 70%;
}
img.screenshot:hover {
height: 100%;
opacity: 1;
width: 100%;
}
/* Give some room to the title and the sections */
h1 {
color: #56347C;
font-weight: 400;
margin-left: -150px;
margin-top: 100px;
}
/* Stronger introduction */
h1 + p, h1 + div + p{
color: black;
font-size: 18px;
}
/* Trophy is a trophy */
div.trophy {
border: 5px solid #56347C;
font-size: 17px;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 50px;
position: relative;
background-color: white;
}
div.trophy p {
color: black;
font-family: "Source Sans Pro Regular", "DejaVu Sans", "Verdana", "sans-serif";
font-weight: 200;
}
/* Some more room to the special tips and tricks */
div.note, div.bug, div.caution, div.tip {
background-color: white;
border-radius: 4px;
margin-left: 50px;
padding: 20px;
padding-left: 70px;
}
/* Links are _links_ */
#pagebody #content a {
color: #0a0 !important;
text-decoration: underline;
}
/* more room for the state */
.state-image {
margin-top: 50px;
}
p {
color: black;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment