/*--------------------- Layout ----------------------------*/
body {
font-family: 'aller-light', sans-serif;
+ position: relative;
+ display: inline-block;
+ min-height: 100%;
+ min-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
padding-left: 35px;
}
#background {
+ position: absolute;
+ height: 100%;
left: 640px;
}
div.code {
margin-left: 640px;
}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 20px;
+}
+div.docs p {
+ margin-bottom: 5px;
+}
+div.code {
+ padding-top: 5px;
+ padding-bottom: 3px;
+}
+
@media print {
#background {
background: none;
border: none;
}
- h1, h2, h3, h4, h5, h6 {
- margin-top: 20px;
- }
div.docs {
max-width: 99%;
padding-left: 0px;
padding-right: 0px;
}
- div.docs p {
- margin-bottom: 5px;
+ div.code {
+ margin: 0px;
+ clear: both;
+ }
+}
+
+@media screen and (max-width:1200px) {
+ #background {
+ background: none;
+ border: none;
+ }
+ div.docs {
+ max-width: 99%;
}
div.code {
margin: 0px;
- padding-top: 2px;
- padding-bottom: 5px;
clear: both;
+ background: #EEEEEE;
+ border-top: #BBBBBB 1px solid;
+ border-bottom: #BBBBBB 1px solid;
}
}