Team:Peking/modules

From 2010.igem.org

Revision as of 12:49, 19 September 2010 by Evamonlight (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

/*//////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////*/ /*//// ////*/ /*//// CLASS LEGEND - MODULE COLUMNS AND BORDERS AND NO BORDER ////*/ /*//// ////*/ /*//// - module-bucket-container-oneCol-gradient ////*/ /*//// * one column with gradient fill. ////*/ /*//// - module-bucket-container-twoCols-border ////*/ /*//// * two columns with border. ////*/ /*//// - module-bucket-container-threeCols-gradientrule ////*/ /*//// * three columns with gradient rule. ////*/ /*//// ////*/ /*//// - One to three columns. ////*/ /*//// - Border, gradient fill or gradient rule. ////*/ /*//// ////*/ /*//// - Updated by Amit Gaur ////*/ /*//// ////*/ /*//////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////*/

/*-------- RULES FOR COLUMN NUMBER AND WIDTH (MIDDLE MODULES) --------*/

/* shared metric styles for columnar styling */ .module-bucket { padding: 20px 34px 20px 17px; line-height:1.2em; } .module-bucket-Noborder { padding: 20px 25px 20px 17px; line-height:1.2em; } .module-bucket-container-inner { position: relative; } .module-contain-moved-arrows { padding-bottom: 16px; } /* styling for two-across modules */ .module-bucket-container-twoCols-gradient .module-bucket-container-inner, .module-bucket-container-twoCols-gradientrule .module-bucket-container-inner, .module-bucket-container-twoCols-border .module-bucket-container-inner { margin-right: -70px; } .module-bucket-container-twoCols-gradient .module-bucket, .module-bucket-container-twoCols-gradientrule .module-bucket, .module-bucket-container-twoCols-border .module-bucket { width:214px; float:left; padding: 20px 55px 20px 17px; } .module-bucket-container-twoCols-Noborder .module-bucket-container-inner { margin-right: -90px; } .module-bucket-container-twoCols-Noborder .module-bucket-Noborder { width:229px; float:left; padding: 20px 55px 20px 17px; } /* styling for three-across modules */ .module-bucket-container-threeCols-gradient .module-bucket-container-inner, .module-bucket-container-threeCols-gradientrule .module-bucket-container-inner, .module-bucket-container-threeCols-border .module-bucket-container-inner { margin-right: -50px; } .module-bucket-container-threeCols-gradient .module-bucket, .module-bucket-container-threeCols-gradientrule .module-bucket, .module-bucket-container-threeCols-border .module-bucket { width:130px; float:left; padding: 20px 33px 20px 17px; }

/* styling for three-across Large modules - Added by SPI */ .module-bucket-container-threeCols_lrg-gradient .module-bucket-container-inner, .module-bucket-container-threeCols_lrg-gradientrule .module-bucket-container-inner, .module-bucket-container-threeCols_lrg-border .module-bucket-container-inner { margin-right: -50px; } .module-bucket-container-threeCols_lrg-gradient .module-bucket, .module-bucket-container-threeCols_lrg-gradientrule .module-bucket, .module-bucket-container-threeCols_lrg-border .module-bucket { width:205px; float:left; padding: 20px 33px 20px 17px; } .module-bucket-container-threeCols_lrg-gradient .module-bucket img { align: right; text-align: right; display: block; clear: left; float: right; width: 95px; }

/*-------- RULES FOR COLUMNAR BORDER STYLE, BY COLUM NUMBER AND WIDTH (MIDDLE MODULES) --------*/

/* shared background styles for columnar border styling */ .module-bucket-container-oneCol-gradient, .module-bucket-container-twoCols-gradient, .module-bucket-container-threeCols-gradient, .module-bucket-container-oneCol-gradientrule, .module-bucket-container-twoCols-gradientrule, .module-bucket-container-threeCols-gradientrule, .module-bucket-container-oneCol-border, .module-bucket-container-twoCols-border, .module-bucket-container-threeCols-border { background-repeat: no-repeat; zoom: 1; background-position: top left; } .module-bucket-container-inner { background-repeat: no-repeat; zoom: 1; background-position: 0 100%; } .module-bucket-container-twoCols-Noborder {} /* GRADIENT styling for one-across modules */ .module-bucket-container-oneCol-gradient { margin: 35px 0; background-image: url('/images/modules/module-middle-solid.gif'); } .module-bucket-container-oneCol-gradient2 { margin: 5px 0; background-image: url('/images/modules/module-middle-solid.gif'); } .module-bucket-container-oneCol-gradient .module-bucket-container-inner { background-image: none; } /* GRADIENT styling for two-across modules */ .module-bucket-container-twoCols-gradient { background-image: url('/images/modules/module-middle-two-bg.gif'); } .module-bucket-container-twoCols-gradient .module-bucket-container-inner { background-image: none; } /* GRADIENT styling for three-across modules */ .module-bucket-container-threeCols-gradient { background-image: url('/images/modules/module-middle-three-bg.gif'); } .module-bucket-container-threeCols-gradient .module-bucket-container-inner { background-image: none; } /* GRADIENT styling for three-large-across modules - Added by SPI */ .module-bucket-container-threeCols_lrg-gradient { background-image: url('/images/modules/module-middle-three-large-bg.gif'); } .module-bucket-container-threeCols_lrg-gradient .module-bucket-container-inner { background-image: none; } /* GRADIENT RULE styling for one-across modules */ .module-bucket-container-oneCol-gradientrule, .module-bucket-container-oneCol-gradientrule .module-bucket-container-inner { background-image: url('/images/modules/module-middle-gradientrule.gif'); } /* GRADIENT RULE styling for two-across modules */ .module-bucket-container-twoCols-gradientrule, .module-bucket-container-twoCols-gradientrule .module-bucket-container-inner { background-image: url('/images/modules/module-middle-gradientrule.gif'); } /* GRADIENT RULE styling for three-across modules */ .module-bucket-container-threeCols-gradientrule, .module-bucket-container-threeCols-gradientrule .module-bucket-container-inner { background-image: url('/images/modules/module-middle-gradientrule.gif'); } /* GRADIENT RULE styling for three-large-across modules - Added by SPI */ .module-bucket-container-threeCols_lrg-gradientrule, .module-bucket-container-threeCols_lrg-gradientrule .module-bucket-container-inner { background-image: url('/images/modules/module-middle-gradientrule.gif'); } /* BORDER styling for one-across modules */ .module-bucket-container-oneCol-border { background-image: url('/images/modules/module-middle-frame.gif'); } .module-bucket-container-oneCol-border .module-bucket-container-inner { background-image: url('/images/modules/module-middle-frame-bottom.gif'); } /* BORDER styling for two-across modules */ .module-bucket-container-twoCols-border { background-image: url('/images/modules/module-middle-two-frame.gif'); } .module-bucket-container-twoCols-border .module-bucket-container-inner { background-image: url('/images/modules/module-middle-two-frame-bottom.gif'); }

/* BORDER styling for three-across modules */ .module-bucket-container-threeCols-border { background-image: url('/images/modules/module-middle-three-frame.gif'); } .module-bucket-container-threeCols-border .module-bucket-container-inner { background-image: url('/images/modules/module-middle-three-frame-bottom.gif'); }

/* BORDER styling for three-large-across modules - Added by SPI */ .module-bucket-container-threeCols_lrg-border { background-image: url('/images/modules/module-middle-three-large-frame.gif'); } .module-bucket-container-threeCols_lrg-border .module-bucket-container-inner { background-image: url('/images/modules/module-middle-three-large-frame-bottom.gif'); } .module-bucket-container-threeCols_lrg-gradient .module-bucket-container-inner { background-image: url('/images/modules/module-middle-three-large-frame-bottom.gif'); }

/* NO-BORDER styling for two-across modules (added by Redesign Team 2009)*/ .module-bucket-container-twoCols-Noborder { } .module-bucket-container-twoCols-Noborder .module-bucket-container-inner { }

.module-bucket-container-oneCol-border-new { background-image: url('/images/modules/module-middle-frame-upper.GIF'); } .module-bucket-container-oneCol-border-new .module-bucket-container-inner-repeat-one { background-image: url('/images/modules/module-middle-one-frame-middle-gradient.GIF'); margin-top:5px;} .module-bucket-container-oneCol-border-new .module-bucket-container-inner { background-image: url('/images/modules/module-middle-frame-bottom.gif'); }

.broad-module-bucket-container-oneCol-border-new { background-image: url('/images/modules/broad-module-middle-frame-upper.GIF');} .broad-module-bucket-container-oneCol-border-new .module-bucket-container-inner-repeat-one { background-image: url('/images/modules/broad-module-middle-one-frame-middle-gradient.GIF'); margin-top:0px; width:700px;} .broad-module-bucket-container-oneCol-border-new .module-bucket-container-inner { background-image: url('/images/modules/broad-module-middle-frame-bottom.GIF'); } .broad-module-bucket { padding: 0px 34px 20px 17px; line-height:1.2em; }

.module-bucket-container-twoCols-border-new { background-image: url('/images/modules/module-middle-two-frame-upper.GIF');} .module-bucket-container-twoCols-border-new .module-bucket-container-inner-repeat { background-image: url('/images/modules/module-middle-two-frame-middle-gradient.GIF'); margin-top:5px;} .module-bucket-container-twoCols-border-new .module-bucket-container-inner { background-image: url('/images/modules/module-middle-two-frame-bottom.gif'); }

/*-------- MODULE CONTENT STYLING RULES (MIDDLE MODULES) --------*/

/* shared typographic rules for modules */ .module-bucket-container-inner a.arrow-moved, .module-bucket-container-inner a.arrow-moved { position: absolute; bottom: 16px; } .ie6 .module-bucket-container-inner a.arrow-moved { margin-left: 18px;}

/* 1.5.7 table */ table.module-center-table {width:100%;} table.module-center-table tr th, table.module-center-table tr td { padding:5px 5px; vertical-align:top; width:25%; background:url(/images/global/dashed-line.gif) repeat-x bottom; zoom: 1; } table.module-center-table tr th { color:#768dc1; font-weight:bold; padding-top:0; } .executive-committee tr td { vertical-align:top; padding:12px;} .ie6 .executive-committee tr td li{margin-left: 0px ;} .executive-committee tr td li{ margin-left: 11px ;} .ie6 table.module-center-table li {margin:0px; margin-bottom:10px;} table.module-center-table li {margin:12px;}

table.worldwide-alliance-table {width:100%;} table.worldwide-alliance-table tr th, table.worldwide-alliance-table tr td{ padding:0px 0px 13px; background:url() repeat-x ;}

table.module-center-table_wa {width:100%;} table.module-center-table_wa tr th, table.module-center-table_wa tr td { padding:5px 5px; width:33%; background:url(/images/global/dashed-line.gif) repeat-x bottom; zoom: 1; } table.module-center-table_wa tr th { color:#768dc1; font-weight:bold; padding-top:0; } table.module-center-table_wa td { display: table-cell; vertical-align: middle; height: 50px;}

table.newContactUsTable {width:650px;} table.newContactUsTable tbody tr td {height:0px;padding-bottom:0px;padding-top:0px;}

.overview tr td { vertical-align:top; padding:0px;} .overview tr td li{margin-left: 0px ;}

/* 1.4.5 linklist - for single column layout */ .module-bucket-container-oneCol-border ul.linkList li, .module-bucket-container-oneCol-gradientrule ul.linkList li, .module-bucket-container-oneCol-gradient ul.linkList li { } .module-bucket-container-oneCol-border ul.linkList, .module-bucket-container-oneCol-gradientrule ul.linkList, .module-bucket-container-oneCol-gradient ul.linkList { }

/* spacing for tabbed content in the center column */ #columnCenter .tabbed-content-js .tabbed-content-active { padding-top: 10px; margin-bottom: 40px; }

/*-------- (SIDE MODULES) --------*/

#columnRight .module { background: url('/images/global/dashed-line.gif') repeat-x scroll bottom left; padding: 28px 0px 23px 0px; } #columnRight .module h4 { text-transform: uppercase; line-height: 1em; font-size: 12px; } #columnRight .module img { margin-bottom: 7px; } #columnRight .module p { line-height: 1.5em; } #columnRight .module .linkList li a, #columnRight .module a.pdf, #columnRight .module a.baseArrow, #columnRight .module a.arrow { font-size: 11px; background-position: 0px 2px; }

       #columnRight .module blockquote { color: #BBB; font-size: 15px; padding-bottom: 9px; }

#columnRight .module span.byline { float: right; text-align: right; font-size: 9px; font-style: italic; color: #AAA; }

/*-------- DEV CLASSES. NOT FOR PRODUCTION USE. --------*/

/* FOR DEV PURPOSES ONLY */ p.devComment { padding-top: 50px; padding-bottom: 10px; /*display: none;*/ } #columnRight p.devComment { width:180px !important; display:inline-block; line-height:1em; font-size:9px; }