body {
font-family: "Open Sans", sans-serif;
font-size: 15px;
background: #031200 url("/code/css/more/another cairovercoat one.png") fixed; /*Replace with your own background*/
color: #101000
}
a {
color: #0d8500;
}
/*Main text section*/
.main {
border-radius: 5px;
background: #fefefe;
border: 1px solid #0d8500;
width: 500px;
padding:15px;
margin: 20px 25px 25px 400px;
}
/*Prevent overflow of large images*/
.main img, .sidebar-left img {
max-width: 100%;
height: auto;
}
/*Sidebar*/
.sidebar-left {
background: #fefefe;
border: 1px solid #0d8500;
width: 250px;
margin-left:75px;
padding:15px;
margin-top:-25px;
min-height:100%;
position:fixed;
overflow:auto;
text-align:center;
}
/*Use with to create a button section in the sidebar.*/
.buttons {
list-style-type:none;
padding:3px;
}
/*Use with - for individual buttons.*/
.button {
text-align:center;
border-radius: 5px;
border: 1px solid green;
padding: 10px;
margin:5px;
margin-top:10px;
margin-bottom:10px;
}
.sideimage { /*optional*/
max-width:1px;
right: 30px;
bottom:-20px;
position: fixed;
}
/*Tentative mobile support.*/
@media(orientation:portrait) {
.sidebar-left {
min-height:0px;
width: 100%;
margin: 0 auto;
top:0;
left: 0;
padding: 0;
font-size: 0.9em;
position: relative;
border-radius: 5px;
}
.main {
width: 90%;
margin: 0 auto;
margin-top: 1em;
}
}