Template:Team:Berkeley/css

From 2011.igem.org

(Difference between revisions)
 
(80 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/*
+
/* grid layout with 4 columns */
-
978 Grid System CSS Framework
+
div.layout-1000{ width: 1000px; margin: 10px auto;}
-
http://978.gs
+
-
 
+
-
Copyright (c) 2011 Brothers Roloff
+
-
http://www.brothersroloff.com
+
-
 
+
-
Permission is hereby granted, free of charge, to any person obtaining a copy
+
-
of this software and associated documentation files (the "Software"), to deal
+
-
in the Software without restriction, including without limitation the rights
+
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+
-
copies of the Software, and to permit persons to whom the Software is
+
-
furnished to do so, subject to the following conditions:
+
-
 
+
-
The above copyright notice and this permission notice shall be included in
+
-
all copies or substantial portions of the Software.
+
-
 
+
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+
-
THE SOFTWARE.
+
-
 
+
-
*/
+
-
 
+
-
div.layout-978 { width: 1000px; margin: 10px auto; padding-left: 10px; padding-right:10px }
+
div.row { height: 1%; }
div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
 +
div.col1, div.col2, div.col3, div.col4,div.col4-2, div.col5, div.col6, div.col6-2, div.col7, div.col8, div.col8-2, div.col8-4, div.col9, div.col10, div.col11, div.col12, div.col12-2, div.col2-2,div.col12-3, div.col13, div.col14 { float: left; margin-left: 20px; }
 +
div.col3-2 { float: left; margin-left: 20px; }
 +
div.col1:first-child, div.col2:first-child, div.col2-2:first-child, div.col3:first-child, div.col3-2:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child, div.col12-2:first-child, div.col13:first-child { margin-left: 10px; }
 +
div.col4-2:first-child, div.col6-2:first-child, div.col8-2:first-child,div.col8-3:first-child, div.col12-3:first-child, div.col8-4:first-child {margin-left: 15px;}
 +
-
div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12 { float: left; margin-left: 20px; }
+
div.col2 {width: 150px;}
-
div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child { margin-left: 5px; }
+
div.col2-2 {width: 180px;}
-
div.col3 { width: 230px; }
+
div.col3 {width: 232px;}
 +
div.col3-2 {width: 230px;}
 +
div.col4 { width: 303px; }
 +
div.col4-2 { width: 293px; }
div.col6 { width: 480px; }
div.col6 { width: 480px; }
 +
div.col6-2 { width: 470px; }
 +
div.col8 {width: 620px;}
 +
div.col8-2 {width: 610px;}
 +
div.col8-3 {width: 650px;}
 +
div.col8-4 {width: 620px;}
div.col9 { width: 730px; }
div.col9 { width: 730px; }
div.col12 { width: 1000px; }
div.col12 { width: 1000px; }
 +
div.col12-2 {width: 980px;}
 +
div.col12-3 {width: 970px;}
 +
div.col13 {width: 20px;}
 +
div.col14 {width: 10px;}
</style>
</style>
</html>
</html>

Latest revision as of 01:13, 28 September 2011