font-size: 0.8em;
}
-
-.contentwrapper{
- width: 960px;
+.page{
+ max-width: 60em;
margin: 0 auto;
+}
+.contentwrapper{
+ overflow: auto;
}
.column-left{
float: left;
- width: 450px;
+ width: 45%;
}
.column-right{
float: right;
- width: 450px;
+ width: 45%;
+}
+
+#footer{
+ width: 60em;
+ padding: 1em;
+ margin: 0 auto;
+ margin-top: 1.0em;
+}
+
+@media (max-width: 60em) {
+ .column-left { float: none; width: auto; }
+ .column-right { float: none; width: auto; }
+ #footer { width: auto; }
}
-.columns{
- border-radius: 10px;
+#content{
+ border-radius: 1em;
background-color: white;
- padding: 10px;
+ padding: 1em;
}
/*Adjustment of textAdjustment of text */
h1, h2, h3, .title{
- color: #D70A53;
+ color: #C70036;
}
.pageheader {
- border-radius: 10px;
- background-color: white;
- padding: 10px;
- width: 960px;
- margin: 20px auto;
- height: 100px;
+ margin: 1.0em auto;
}
.pageheader .title{
- background-image: url('debian_swirl-75.png');
+ background-image: url('swirl_and_vienna.png');
background-repeat: no-repeat;
- padding-left: 100px;
- margin: auto 10;
- height: 95px;
+ padding-left: 7em;
+ margin-top: 0.6em;
+ height: 4em;
display: block;
- font-size: 2em;
- padding-top: 30px;
+ font-size: 150%;
+ padding-top: 1.8em;
}
-#footer{
- width: 960px;
- padding: 10px;
- margin: 0 auto;
- margin-top: 20px;
+.pageheader .header{
+ border-radius: 1em;
+ background-color: white;
+ padding: 1em;
+ height: 6.0em;
+}
+
+.pageheader .actions{
+ padding: 1em;
+ height: 1.5em;
+}
+
+.pagebody{
+ max-width: 60em;
}
a{
text-decoration: none;
}
-a:link, a:vistited {
+a:link, a:visited {
color: #1888A4;
text-decoration: none;
}
color: #23C7F0;
text-decoration: none;
}
+
+.parentlinks a:link, .parentlinks a:visited{
+ color: #C70036;
+ padding-right: 0.5em;
+}