changed col

This commit is contained in:
jeena 2013-07-18 13:06:49 +02:00
parent b46d2550ec
commit 850a925ae4

View file

@ -116,21 +116,22 @@ img { max-width: 100%; }
#stage { #stage {
clear: both; clear: both;
border-top: 3px solid #90cb93; border-top: 3px solid #90cb93;
padding: 2.5em 0 1.5em 0; padding: 2.5em 0 2em 0;
display: inline-block;
} }
#stage:before,
#stage:after {
content:"";
display:table;
}
#stage:after { #stage:after {
content: ".";
display: block;
clear:both; clear:both;
visibility: hidden;
line-height: 0;
height: 0;
} }
#header_image { #header_image {
vertical-align: middle; vertical-align: middle;
display: block;
margin-bottom: 2.5em;
} }
p.diagramm { p.diagramm {
@ -152,19 +153,20 @@ footer #social {
margin-top: 10px; margin-top: 10px;
} }
.col3 { .col3, .col2 {
display: table-row; clear: both;
} }
.col3 .box { .col3 .box {
display: table; width: 33%;
display: inline-block;
} }
.box { .box {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */ -moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */ box-sizing: border-box; /* Opera/IE 8+ */
vertical-align: middle; vertical-align: top;
padding-bottom: 0.1em; padding-bottom: 0.1em;
margin-bottom: 0.1em; margin-bottom: 0.1em;
} }
@ -195,7 +197,7 @@ footer #social {
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;
font-size: 2em; font-size: 2em;
min-height: 278px; min-height: 276px;
vertical-align: middle; vertical-align: middle;
} }
@ -203,7 +205,7 @@ footer #social {
border-top: 5px solid #993533; border-top: 5px solid #993533;
} }
.col2 .text { .col2 .first {
width: 33%; width: 33%;
vertical-align: top; vertical-align: top;
float: left; float: left;
@ -212,7 +214,7 @@ footer #social {
box-sizing: border-box; /* Opera/IE 8+ */ box-sizing: border-box; /* Opera/IE 8+ */
} }
.col2 .image { .col2 .second {
width: 66%; width: 66%;
vertical-align: top; vertical-align: top;
float: right; float: right;
@ -225,11 +227,11 @@ footer #social {
float: right; float: right;
} }
.col2.right .image { .col2.right .second {
float: right; float: right;
} }
.col2 .image p:first-child { .col2 .second p:first-child {
margin-top: 0; margin-top: 0;
padding-top: 0; padding-top: 0;
} }