|
|
Line 11: |
Line 11: |
| margin: 0 auto; | | margin: 0 auto; |
| width: 965px;} | | width: 965px;} |
- | #header {
| + | /* Removing wiki-like stuff */ |
- | /* background: url("https://static.igem.org/mediawiki/2011/2/2d/Warsaw2011-5element.png") no-repeat right -30px #990000; | + | /****************************/ |
- | background: url("https://static.igem.org/mediawiki/2011/2/2d/Warsaw2011-5element.png") no-repeat right -30px #61A0E8;
| + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
- | */ | + | display:none;} |
- | background: url("https://static.igem.org/mediawiki/2011/2/2d/Warsaw2011-5element.png") no-repeat right -30px #48A6E0;
| + | |
- | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| + | |
- | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* for the Safari browser */
| + | |
- | height: 100px;
| + | |
- | width: 100%;
| + | |
- | border-top: 1px solid #660000;
| + | |
- | border-bottom: 1px solid #660000;}
| + | |
- | #header .centering {
| + | |
- | background: url("https://static.igem.org/mediawiki/2011/3/3a/Warsaw2011-temp-header2.png") no-repeat top left transparent;
| + | |
- | /*background: url("https://static.igem.org/mediawiki/2011/5/54/Warsaw2011-temp-header.png") no-repeat top left transparent;*/
| + | |
- | height: 100px;}
| + | |
- | #heading {
| + | |
- | height: 50px;
| + | |
- | border-top: 1px solid #FFFFFF;}
| + | |
- | #innercontent {
| + | |
- | padding: 1px;} /* Important!*/
| + | |
- | .whitebox {
| + | |
- | background: url("https://static.igem.org/mediawiki/2011/e/ed/Warsaw2011-innercontent-bg.png") repeat-x #FFFFFF;
| + | |
- | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| + | |
- | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| + | |
- | border: 1px solid #FFFFFF;
| + | |
- | /*text-align: justify;*/
| + | |
- | margin: 14px 0;}
| + | |
- | .article {
| + | |
- | padding: 0 20px 10px 270px; | + | |
- | width: 673px;}
| + | |
- | .whitebox a {
| + | |
- | font-weight: bold;}
| + | |
- | #toc a {
| + | |
- | font-weight: normal;}
| + | |
| | | |
- | /* Frontpage only */ | + | /* Redesigning the topmenu */ |
- | /******************/ | + | /***************************/ |
- | .smallBox {
| + | body { |
- | width: 270px; | + | margin: 10px 0 0 0; |
- | padding: 0 20px 10px; | + | padding: 0;} |
| + | #top-section { |
| + | width: 965px; |
| + | height: 0; |
| + | margin: 0 auto; |
| + | padding: 0; |
| + | border: none;} |
| + | #menubar { |
| + | font-size: 120%; /* 65% */ |
| + | top: -14px;} |
| + | .left-menu:hover { |
| + | background-color: transparent;} |
| + | #menubar li a { |
| + | background-color: transparent;} |
| + | #menubar:hover { |
| + | color: white;} |
| + | #menubar li a { |
| + | color: transparent;} |
| + | #menubar:hover li a { |
| + | color: white;} |
| + | #menubar > ul > li:last-child { |
| + | display:none;} |
| + | |
| + | /* Redesigning Table Of Content */ |
| + | /********************************/ |
| + | table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { |
| + | text-align: left;} |
| + | #toctitle { |
| + | margin: 5px 0;} |
| + | .toc, #toc { |
| + | background-color: #F6F6F6; |
| + | border: 1px solid #CCCCCC; |
| + | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); |
| + | -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ |
| float: left; | | float: left; |
- | margin-right: 15px;} | + | width: 228px; |
- | .lastSmallBox { | + | display: block; |
- | width: 269px; | + | overflow: hidden; |
- | margin-right: 0;} | + | padding: 0;} |
- | body.page-Team_Warsaw div.whitebox:first-child {
| + | #toc ul, .toc ul { |
- | display: none;} | + | margin: 0 5px 5px 5px;} |
- | | + | .toc ul li { |
- | /* For overview pages */
| + | padding-left: 12px; |
- | /**********************/
| + | text-indent: -12px; |
- | .overviewPage { | + | /*width: 200px;*/} |
| + | .toc ul li ul li { |
| + | padding-left: 30px; |
| + | text-indent: -24px; |
| + | /*width: 170px;*/} |
| + | #toc ul ul, .toc ul ul { |
| + | margin: 0;} |
| + | .toc { |
| + | margin-left: -250px; |
| + | margin-top: 20px;} |
| + | .stickBelowNavigation { |
| + | position: fixed; |
| + | top: 35px; |
| + | left: 50%; |
| + | margin-left: -462px;} |
| + | .tochidden { |
| + | position: static; |
| margin-left: -250px;} | | margin-left: -250px;} |
- | .overviewBox {
| |
- | width: 450px;}
| |
- | .left {
| |
- | float: left;}
| |
- | .right {
| |
- | float:right;}
| |
| | | |
- | /* Footer */ | + | /* Font style and general */ |
- | /**********/ | + | /**************************/ |
- | #footer-panel { | + | #content { |
- | background: #333333; | + | font-family: 'Lucida Sans Unicode',sans-serif; |
- | border-top: 1px solid #D9D9D9;} | + | font-size: 14px; |
- | #bodyContent {
| + | color: #444444;} |
- | background: #333333;} | + | p { |
- | #footer-panel h4 { | + | margin: 0;} |
- | color: #999999; | + | #innercontent p { |
| + | margin: 0.6em 0;} |
| + | h2, h3, h4, h5, h6 { |
| + | border: none; |
| + | font-weight: lighter; |
| + | color: #444444;} |
| + | h1 { |
| + | border: none; |
| + | color: #383838; |
| + | text-shadow: 0 1px rgba(255, 255, 255, 0.5); |
| + | font-size: 35px; |
| + | margin: 5px 0 0 0; |
| font-weight: bold;} | | font-weight: bold;} |
- | #footer-panel p {
| + | h2 { |
- | color: #CCCCCC;} | + | background: url("https://static.igem.org/mediawiki/2011/f/f0/Horisontal-line.png") repeat-x scroll 0 100% transparent; |
- | div.footerBox {
| + | border: none; |
- | border-right: 1px solid; | + | padding: 20px 0 5px; |
- | float: left; | + | font-family: Arial; |
- | margin: 10px 20px 10px 0; | + | font-size: 24px; |
- | padding: 0 20px 0 0; | + | font-weight: bold; |
- | width: 294px; | + | clear: right; |
- | min-height: 270px;} | + | margin-bottom: 0;} |
- | div.footerBox:last-child { | + | #bodyContent h1, #bodyContent h2 { |
| + | margin-bottom: 0;} |
| + | h3 { |
| + | font-size: 30px; |
| + | padding: 15px 0 5px 0;} |
| + | h4 { |
| + | font-weight: bold;} |
| + | ul { |
| + | list-style-position: inside; |
| + | margin: 0;} |
| + | a, a:visited, a:active { |
| + | color: #3366CC;} |
| + | pre { |
| + | overflow: auto; |
| + | font-size: 12px;} |
| + | div.tright, div.floatright { |
| border: none; | | border: none; |
- | margin: 10px 0; | + | margin: 10px 0 10px 20px;} |
- | padding: 0;} | + | div.tleft, div.floatleft { |
- | img.sponsorImage{
| + | border: none; |
- | float: left; | + | margin: 10px 20px 10px 0;} |
- | width: 84px; | + | div.tnone { |
| + | border: none;} |
| + | iframe { |
| + | margin: 1px;} |
| + | hr { |
| + | height: 0; |
| + | border-top: 1px solid #AAA; |
| + | border-bottom: 1px solid #FFF;} |
| + | .clear { |
| + | clear: both; |
| + | height: 0; |
| padding: 0; | | padding: 0; |
| margin: 0; | | margin: 0; |
- | border: 0px solid #444444;} | + | border: none; |
- | img.hasPicOnRight {
| + | visibility: hidden;} |
- | padding-right: 10px; | + | .superscript { |
- | border-right-width: 1px;} | + | font-size: 80%; |
- | img.hasPicOnLeft {
| + | position: relative; |
- | padding-left: 10px;}
| + | top: -5px;} |
- | img.hasPicOnTop {
| + | .subscript { |
- | margin-top: 20px; | + | font-size: 80%; |
- | } | + | position: relative; |
| + | top: 5px;} |
| + | .farve1 { |
| + | background-color: #FFCC00;} |
| + | .farve2 { |
| + | background-color: #FF9900;} |
| + | .farve3 { |
| + | background-color: #FF6600;} |
| + | .farve4 { |
| + | background-color: #FF0000;} |
| + | .farve5 { |
| + | background-color: #990000;} |
| + | .farve6 { |
| + | background-color: #FF0099;} |
| + | .farve7 { |
| + | background-color: #CC3399;} |
| + | .farve8 { |
| + | background-color: #990066;} |
| + | .farve9 { |
| + | background-color: #660066;} |
| + | .farve10 { |
| + | background-color: #990099;} |
| + | .farve11 { |
| + | background-color: #3366CC;} |
| + | .farve12 { |
| + | background-color: #33CCFF;} |
| + | .farve13 { |
| + | background-color: #99CC33;} |
| + | .farve14 { |
| + | background-color: #66CC00;} |
| + | .coloredBg { |
| + | font-size: 12px; |
| + | font-weight: normal; |
| + | color: #FFFFFF; |
| + | padding: 5px;} |
| | | |
- | /* Slider (thanks to flowplayer.org) */
| |
- | /*************************************/
| |
- | .scrollable {
| |
- | /* required settinsg */
| |
- | position: relative;
| |
- | overflow :hidden;
| |
- | margin-top: 14px;
| |
- | width: 963px;
| |
- | height: 370px;
| |
- | border: 1px solid #FFFFFF;
| |
- | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| |
- | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| |
- | background: #FFFFFF;}
| |
- | .scrollable .items {
| |
- | /* this cannot be too large */
| |
- | width: 50000px;
| |
- | position: absolute;}
| |
- | .items div {
| |
- | float: left;
| |
- | width: 963px;
| |
- | height: 370px;}
| |
- | .prev {
| |
- | background: url(https://static.igem.org/mediawiki/2011/8/81/Warsaw2011-slider-prev.png) no-repeat;
| |
- | height: 74px;
| |
- | width: 74px;
| |
- | position: absolute;
| |
- | left: -518px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */
| |
- | top: 310px;
| |
- | margin-left: 50%;
| |
- | cursor: pointer;}
| |
- | .next {
| |
- | background: url(https://static.igem.org/mediawiki/2011/5/56/Warsaw2011-slider-next.png) no-repeat;
| |
- | height: 74px;
| |
- | width: 74px;
| |
- | margin-right: 50%;
| |
- | position: absolute;
| |
- | right: -519px; /* floor(963/2) + 74/2 = 481 + 37 = 518 */
| |
- | top: 310px;
| |
- | cursor: pointer;}
| |
- | .disabled {
| |
- | visibility: hidden;}
| |
- | /* position and dimensions of the navigator */
| |
- | .navi {
| |
- | left: -56px;
| |
- | margin-left: 50%;
| |
- | position: absolute;
| |
- | top: 505px;
| |
- | width: 112px;}
| |
- | .navi a {
| |
- | width: 8px;
| |
- | height: 80px;
| |
- | float: left;
| |
- | margin: 3px;
| |
- | background: url(https://static.igem.org/mediawiki/2011/7/7e/Warsaw2011-slider-navigator-red.png) 0 0 no-repeat;
| |
- | /*background: url(https://static.igem.org/mediawiki/2011/2/22/Warsaw2011-slider-navigator-dark.png) 0 0 no-repeat;*/
| |
- | display: block;
| |
- | font-size: 1px;}
| |
- | .navi a:hover {
| |
- | background-position: 0 -8px;}
| |
- | .navi a.active {
| |
- | background-position: 0 -16px;}
| |
| | | |
- | /* Tooltips (thanks to flowplayer.org) */
| |
- | /*********************************************/
| |
- | /*.tooltip {
| |
- | z-index: 2;
| |
- | display:none;
| |
- | background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
| |
- | font-size:14px;
| |
- | height:70px;
| |
- | width:160px;
| |
- | padding:25px;
| |
- | color:#fff;}
| |
- | */
| |
- |
| |
- | /* Sexy Drop Down Menu (thanks to sohtanaka.com) */
| |
- | /*********************************************/
| |
- | li.navitem1 > a, li.navitem1 > span {
| |
- | border-bottom: 1px solid #660066;}
| |
- | li.navitem2 > a, li.navitem2 > span {
| |
- | border-bottom: 1px solid #990099;}
| |
- | li.navitem3 > a, li.navitem3 > span {
| |
- | border-bottom: 1px solid #3366CC;}
| |
- | li.navitem4 > a, li.navitem4 > span {
| |
- | border-bottom: 1px solid #33CCFF;}
| |
- | li.navitem5 > a, li.navitem5 > span {
| |
- | border-bottom: 1px solid #99CC33;}
| |
- | li.navitem6 > a, li.navitem6 > span {
| |
- | border-bottom: 1px solid #FFCC00;}
| |
- |
| |
- | .page-Team_Warsaw li.home a,
| |
- |
| |
- | .page-Team_Warsaw_Vision li.vision a,
| |
- |
| |
- | .page-Team_Warsaw_Project li.project a,
| |
- | .page-Team_Warsaw_Bioinformatic li.project a,
| |
- | .page-Team_Warsaw_Project_testing_sRNA li.project a,
| |
- | .page-Team_Warsaw_Project_improving_araBAD li.project a,
| |
- | .page-Team_Warsaw_Modeling li.project a,
| |
- | .page-Team_Warsaw_Data li.project a,
| |
- | .page-Team_Warsaw_Attributions li.project a,
| |
- |
| |
- | .page-Team_Warsaw_Technical_stuff li.technical_stuff a,
| |
- | .page-Team_Warsaw_Parts li.technical_stuff a,
| |
- | .page-Team_Warsaw_Notebook li.technical_stuff a,
| |
- | .page-Team_Warsaw_Protocols li.technical_stuff a,
| |
- | .page-Team_Warsaw_Technical_stuff_math li.technical_stuff a,
| |
- | .page-Team_Warsaw_Matlab li.technical_stuff a,
| |
- | .page-Team_Warsaw_Safety li.technical_stuff a,
| |
- |
| |
- | .page-Team_Warsaw_Background li.background a,
| |
- | .page-Team_Warsaw_Background_sRNA li.background a,
| |
- | .page-Team_Warsaw_Background_the_natural_system li.background a,
| |
- | .page-Team_Warsaw_Background_synthetic_biology li.background a,
| |
- |
| |
- | .page-Team_Warsaw_Team li.team a,
| |
- |
| |
- | ul.topnav > li > a:hover {
| |
- | /*background: url(https://static.igem.org/mediawiki/2011/f/f5/Topnav_hover.gif) no-repeat center -1px;*/
| |
- | padding-bottom: 1px;
| |
- | border-bottom-width: 5px;}
| |
- |
| |
- | #navigation,.navigation {
| |
- | height: 35px;}
| |
- | .navigation {
| |
- | background: url("https://static.igem.org/mediawiki/2011/1/1b/Topnav_bg.gif") repeat-x scroll 0 -1px #222222;
| |
- | z-index: 1;
| |
- | box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
| |
- | -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */
| |
- | position: relative;
| |
- | border-bottom: 1px solid #000000;}
| |
- | .stickToTop {
| |
- | position: fixed;
| |
- | top:0;
| |
- | width:100%;}
| |
- | ul.topnav {
| |
- | list-style: none;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | float: left;
| |
- | width: 100%;
| |
- | font-size: 15px;
| |
- | }
| |
- | ul.topnav li {
| |
- | float: left;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | position: relative; /*--Declare X and Y axis base for sub navigation--*/
| |
- | }
| |
- | ul.topnav li a {
| |
- | padding: 6px 20px 5px 20px;
| |
- | color: #fff;
| |
- | display: block;
| |
- | text-decoration: none;
| |
- | float: left;
| |
- | }
| |
- | ul.topnav > li > a {
| |
- | height: 23px;
| |
- | overflow: hidden;}
| |
- | ul.topnav li:first-child a{
| |
- | padding-left: 0;
| |
- | }
| |
- | ul.topnav li span { /*--Drop down trigger styles--*/
| |
- | /*width: 17px;*/
| |
- | /*height: 34px;*/
| |
- | /*float: left;*/
| |
- | /*background: url(https://static.igem.org/mediawiki/2011/4/45/Subnav_btn.gif) no-repeat center top;*/
| |
- | color: #CCCCCC;
| |
- | }
| |
- | ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
| |
- | ul.topnav li ul.subnav {
| |
- | z-index: 1; //Stay on top of slider
| |
- | list-style: none;
| |
- | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
| |
- | left: 0; top: 35px;
| |
- | background: #333;
| |
- | margin: 0; padding: 0;
| |
- | display: none;
| |
- | float: left;
| |
- | border: 1px solid #111;
| |
- | border-radius: 0 0 5px 5px;
| |
- | }
| |
- | ul.topnav li ul.subnav li {
| |
- | margin: 0; padding: 0;
| |
- | border-top: 1px solid #252525; /*--Create bevel effect--*/
| |
- | border-bottom: 1px solid #444; /*--Create bevel effect--*/
| |
- | clear: both;
| |
- | list-style: none outside none;
| |
- | }
| |
- | ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
| |
- | width: 160px;
| |
- | }
| |
- | ul.topnav li ul.subnav li:last-child{
| |
- | border-radius: 0 0 5px 5px;
| |
- | }
| |
- | html ul.topnav li ul.subnav li a {
| |
- | float: left;
| |
- | /*background: #333 url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center;*/
| |
- | padding-left: 10px;
| |
- | padding-right: 10px;
| |
- | width: 140px;
| |
- | }
| |
- | html ul.topnav li ul.subnav li a:last-child{
| |
- | border-radius: 0 0 5px 5px;
| |
- | }
| |
- | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
| |
- | background: #222 /*url(https://static.igem.org/mediawiki/2011/4/4b/Dropdown_linkbg.gif) no-repeat 10px center*/;
| |
- | }
| |
| </style> | | </style> |
| <script type="text/javascript"> | | <script type="text/javascript"> |