added responsive layout with groups

This commit is contained in:
Rushabh Mehta
2013-02-21 14:25:30 +05:30
parent 1e037fbe29
commit 78db3ec2dd
15 changed files with 256 additions and 277 deletions

View File

@@ -1,19 +1,21 @@
.content, div#body_div {
width: 780px;
}
div#body_div {
padding: 0px;
min-height: 400px;
margin: 40px auto 10px auto;
box-shadow: 1px 1px 3px 3px #bbb;
div.outer {
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
background-color: #fff;
border-radius: 5px;
padding: 15px;
margin: 30px -15px 10px -15px;
min-height: 400px;
overflow: hidden;
}
.outer .navbar {
margin: -15px -15px 0 -15px;
}
footer {
text-align: left;
width: 720px;
margin: auto;
}
@@ -39,6 +41,14 @@ p, li {
padding: 30px;
}
.missing-image {
background-color: #eee;
padding: 40px;
width: 32px;
font-size: 32px;
color: #888;
}
.social-icons {
font-size: 120%;
float: right;
@@ -67,11 +77,6 @@ p, li {
margin: 0px;
}
.two-column {
width: 50%;
float: left;
}
.clear {
clear: both;
}