Team:Penn/css/columns

From 2012.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 17: Line 17:
.box {
.box {
-
   height: 185px;background :url(https://static.igem.org/mediawiki/2012/0/0e/Box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4); font-size: 14px; font-color: white;
+
   height: 500px;background :url(https://static.igem.org/mediawiki/2012/0/0e/Box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4); font-size: 12px; font-color: white;
}
}
.box > div {
.box > div {
Line 23: Line 23:
}
}
.box h2 {
.box h2 {
-
   text-align: center;color:#fff;padding:15px 0 12px 10px; font-weight: bold;
+
   font-size:14px; text-align: center;color:#fff;padding:5px 0 5px 10px; font-weight: bold; /*15 0 12 10 */
}
}
.box h2 span {
.box h2 span {
-
   color:#faf3ed; font-weight: bold;}
+
   color:#01256e; font-weight: bold;}
.box figure {
.box figure {
   padding-bottom:13px
   padding-bottom:13px
Line 43: Line 43:
#right {
#right {
   width: 200px;
   width: 200px;
-
   height: 300px;
+
   height: 250px;
   padding-left: 10px;
   padding-left: 10px;
   padding-right:10px;
   padding-right:10px;
Line 50: Line 50:
}
}
#right1 {
#right1 {
-
  margin-top: 10px;
 
   text-align:center;
   text-align:center;
   width: 200px;
   width: 200px;
-
   height: 300px;
+
   height: 200px;
 +
 
   padding-left: 10px;
   padding-left: 10px;
   padding-right:10px;
   padding-right:10px;
   margin-left: 55px;
   margin-left: 55px;
   margin-right: 10px;
   margin-right: 10px;
-
+
 
}
}
Line 68: Line 68:
#rightcol {
#rightcol {
-
   float:left;
+
   float:right;
   width:200px;
   width:200px;
   background:#c9c;
   background:#c9c;
 +
 +
.colacross {
 +
  width: 960px; margin-top:10px;
 +
}
 +
 +
 +
.leftcolumn {
 +
  width: 450px;
 +
  float: left;
 +
  position:relative;
 +
  text-align: center;
 +
  margin-left: 10px;
 +
 +
 +
}
 +
 +
.rightcolumn {
 +
  width:450px;
 +
  float: right;
 +
  position:relative;
 +
  text-align: center;
 +
  margin-right: 0px;
 +
 +
}

Latest revision as of 05:32, 15 September 2012

  1. topcolumns { 
 width:1000px; margin-top: 0px; padding-top: 0px;

}

  1. topcolumns .column { 
 position:relative;

}

  1. topcolumns .left { 
 float: left;
 width: 70%;

}

  1. topcolumns .right { 
 float: right;

}

.box { 

 height: 500px;background :url(Box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4); font-size: 12px; font-color: white;

} .box > div { 

 background: url(Box_top.png) 0 top repeat-x;padding:30px;padding-top:0px;overflow:hidden

} .box h2 { 

 font-size:14px; text-align: center;color:#fff;padding:5px 0 5px 10px; font-weight: bold; /*15 0 12 10 */

} .box h2 span { 

 color:#01256e; font-weight: bold;}

.box figure { 

 padding-bottom:13px

}

  1. content { 
 padding-bottom:40px; padding-top:20px;

}

.button1 { 

 display:inline-block;font-size:20px;color:#fff;line-height:34px;padding:0 15px;
 background-image: url(Box_bg.png); letter-spacing:-1px; margin-bottom: 11px;

}

  1. right { 
 width: 200px;
 height: 250px;
 padding-left: 10px;
 padding-right:10px;
 margin-left: 65px;
 margin-right: 10px;

}

  1. right1 { 
 text-align:center;
 width: 200px;
 height: 200px;

 padding-left: 10px;
 padding-right:10px;
 margin-left: 55px;
 margin-right: 10px;

}

  1. leftcol { 
 float: left;
 width:800px;
 background:#9c9p

}

  1. rightcol { 
 float:right;
 width:200px;
 background:#c9c;

.colacross { 

 width: 960px; margin-top:10px;

}


.leftcolumn { 

  width: 450px;
 float: left;
 position:relative;
 text-align: center;
 margin-left: 10px;


}

.rightcolumn { 

 width:450px;
 float: right;
 position:relative;
 text-align: center;
 margin-right: 0px;

}

Retrieved from "http://2012.igem.org/Team:Penn/css/columns"