Template:Team:Valencia Biocampus/Templates/css/main

From 2013.igem.org

(Difference between revisions)
Line 528: Line 528:
}
}
#slider-id-nav-ul li.active a{
#slider-id-nav-ul li.active a{
-
   padding-bottom:12px;
+
   border-bottom:3px solid rgb(221, 221, 221);
}
}
#slider-id-nav-ul{
#slider-id-nav-ul{

Revision as of 20:41, 28 October 2013

@import url(http://fonts.googleapis.com/css?family=Bevan|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,cyrillic); /* RESET ORIGINAL WIKI STYLES */

  1. bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{

margin:0; border:0; line-height:normal; }

  1. globalWrapper{

font-size:135%; } h1, h2, h3, h4, h5, h6 { border:0; } h2{ font-weight:lighter; color:rgb(44, 83, 130); }

  1. contentSub{

margin:0; }

  1. siteSub{

display:none; } p{ padding:0; margin:0; }

  1. globalWrapper{

padding:0; }

  1. top-section{

position:fixed; top:40px; left:50%; width:205px; margin:0; margin-left:280px; border:0; background:rgba(33, 76, 111, 1); padding:0; z-index:50; height:auto; font-size:14px; padding-top:15px; box-shadow:0 0 10px #fff; display:none; }

  1. menubar{

position:relative; display:block; width:100px; float:left; background: transparent; } .right-menu{ text-align:right; }

  1. menubar:hover{

background:transparent; }

  1. menubar li{

display:block;

}

  1. menubar li a{

background: transparent; color:rgb(144, 149, 150); padding-right:0; }

  1. menubar li a:hover{

text-decoration:none; color: #fff; }

  1. p-logo{

display:none; }

  1. search-controls{

display:none; }

  1. content h1.firstHeading{

display:none; }

  1. content{

width:100%; padding:0; border:0; }

  1. catlinks{

display:none; }

  1. footer-box{

margin:0; margin-top:45px; padding:0; padding-top:45px; border:0; width:100%; border-top:1px solid #ddd; }

  1. footer-box #footer{

width:950px; margin:0 auto; }

  1. bodyContent a[href^="mailto:"]{

background:none; } /* END RESET ORIGINAL WIKI STYLES */


html, body{ padding:0; margin:0; font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif;

       background: #fff;

} a, a:active, a:link, a:visited{ text-decoration: none; color: #2c5382; } a:hover, a:active:hover, a:link:hover, a:visited:hover{ text-decoration: none; color: #011f42;

       outline: 0;

}

  1. header_wrapper{

background:url('https://static.igem.org/mediawiki/2013/3/34/Header_bg.png') repeat-x; height:169px; padding-top:5px; }

  1. header_container{

margin:0 auto; margin-bottom: 20px; text-align:center; height:100px; }

  1. logo{
       width:555px;

overflow:hidden;

       min-height:25px;
       float:left;

}

  1. top_menu_wrapper{

background:rgba(175, 184, 70, 0.9); box-shadow: 0 0 10px #777; height:50px; width:100%; }

  1. top_menu_wrapper.fixedBar{

position: fixed; z-index:26; top: 0px; margin:0; }

  1. top_menu_wrapperFake{

height:50px; display:none; }

  1. top_menu{

margin:0 auto; list-style:none; height:50px; text-align:center; font-size:14px; }

  1. top_menu li{

display:inline; margin-right:12px; line-height:50px; }

  1. top_menu li a{

color: rgb(33, 76, 111); padding:5px 12px; border-radius: 4px; background: rgba(33, 76, 111, 0.0); transition: 0.5s; -webkit-transition: 0.5s; /* Safari */ }

  1. top_menu li a:hover, #top_menu li a.active{

color: #fff; background: rgba(33, 76, 111, 0.9); }

  1. top_menu li a.active{

cursor: default; }

.container{ width:950px; margin:0 auto;

       margin-top:20px;

text-align:justify; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

  • html .clearfix { zoom: 1; } /* IE6 */
    first-child+html .clearfix { zoom: 1; } /* IE7 */

.team_members{ list-style:none; display:block; padding:0px; margin:0; } .team_members li{ display:inline; float:left;

               margin:0;

} .team_members li a{ position: relative; margin:0; padding:0; display:block; width:475px; height:150px; overflow: hidden; color:#fff; } .team_members li a:hover{ color: #d8d81a; } .team_members li a img{ display:block; width:475px; position:absolute; top:0; left:0; z-index:4; } .team_members li a img.colored{ z-index:3; } .team_members li h4.member_name{ position:absolute; background:rgba(0, 0, 0, 0.6); padding:5px; border-radius:4px; font-weight:700; font-size:11.5pt; z-index:11; bottom:10px; } .team_members li:nth-child(odd) h4.member_name{ right:10px;

               color:#d8d81a;

} .team_members li:nth-child(even) h4.member_name{ left:10px; } .team_members li:nth-child(odd) .member_description{ position:absolute; top:50px; right:-250px; display:block; width:200px; font-weight: lighter; font-size:9pt; z-index:11; line-height:30px; text-align:right; } .team_members li:nth-child(even) .member_description{ position:absolute; top:50px; left:-250px; display:block; width:200px; font-weight: lighter; font-size:9pt; z-index:11; line-height:30px; text-align:left; } .team_members span{ background:rgba(0, 0, 0, 0.6); padding: 4px; border-radius: 4px; color:#fff; } #bodyContent .team_members .member_name{ color:#d8d81a; margin-bottom:0px;

} #bodyContent .team_members .member_name:hover{ color:#fff; } .btn, a.btn, #bodyContent a[href^="mailto:"].btn { display: inline-block; padding: 8px 12px !important; margin-bottom: 0px; font-size: 14px; font-weight: 300; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px 4px 4px 4px; color:#fff; } .btn-default, .btn-default:link, .btn-default:visited, #bodyContent a[href^="mailto:"].btn-default { color: rgb(255, 255, 255); background-color: rgb(71, 73, 73); border-color: rgb(71, 73, 73); } .btn-primary, .btn-primary:link, .btn-primary:visited, #bodyContent a[href^="mailto:"].btn-primary { color: #fff; background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); }

  1. bodyContent a[href^="mailto:"].btn-primary:hover,#bodyContent a[href^="mailto:"].btn-primary:focus,#bodyContent a[href^="mailto:"].btn-primary:active,#bodyContent a[href^="mailto:"].btn-primary.active,

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:link:hover, .btn-primary:link:focus, .btn-primary:link:active, .btn-primary:link.active,

       .btn-primary:visited:hover{

background-color: #357ebd; border-color: #3071a9; color: #fff;

  1. bodyContent a.btn:hover

} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default:hover:link, .btn-default:focus:link, .btn-default:active:link, .btn-default.active:link,.btn-default:visited:hover {

   background-color: rgb(58, 60, 60);
   border-color: rgb(46, 47, 47);

color:#fff; } #contactForm{ display:none; } .text-green{ color:rgb(191, 221, 10); }

  1. toggleWikiMenu{

background:transparent; border:0; padding:3px; color:rgb(191, 221, 10); position:fixed; top:7px; left:50%; margin-left:453px; display:block; width:22px; height:22px; text-align:center; z-index:52; } .advisor-size{ width:164px; float: left; margin-top:5px; margin-right:5px; height:auto; min-height:360px; display:block; } .advisor-size p{ max-height:160px; overflow: auto; } .instructor-size{ width:164px; float: left; margin-top:5px; margin-right:5px; } .instructor-size img, .advisor-size img{ width:155px; height:155px; } .instructor-size h3, .advisor-size h3{ color: rgb(33, 76, 111); font-size:16px; } .instructor-size p, .advisor-size p{ font-size:11px; }


/* Project --> Results */ .panel-wrapper{ min-height:500px; } .panel-wrapper ul{ padding-left:20px; }

  1. slider-id {

background:#fff; }

  1. slider-id-nav-ul .title-icon{

width:35px; vertical-align:middle; margin-right:10px } .panel-wrapper img.title2-icon{ width:65px; vertical-align:middle; margin-right:20px; background:#7bcfe5; border-radius:65px; } .panel-wrapper h1.title2{ font-family:'Bevan'; font-weight:lighter; color:#7bcfe5; font-size:35px; }

  1. slider-id-nav-ul a{

color:#fff; text-shadow:1px 1px 1px #777;

}

  1. slider-id-nav-ul .tab1 a{

background: rgb(191, 208, 93); }

  1. slider-id-nav-ul .tab2 a{

background: #7bcfe5; }

  1. slider-id-nav-ul .tab3 a{

background: #6492ed; }

  1. slider-id-nav-ul .tab4 a{

background: #d6424c; }

  1. slider-id-nav-ul .tab5 a{

background: #003845; }


  1. calling-list-blue{

width: 420px; background:#a6d7e9; border-radius:10px; color:#fff; padding:15px; padding-bottom:25px; position:relative; height:auto; }

  1. calling-list-blue-descr{

position:absolute;bottom:-20px;left:0;border:1px solid #a6d7e9;border-radius:4px;color:#444;z-index:6;background:#fff; }

.panel-wrapper img.riding-bg{ background:rgb(191, 208, 93); } .panel-wrapper h1.title2.riding-color{ color:rgb(191, 208, 93); } .panel-wrapper img.clumping-bg{ background:#4952a9; } .panel-wrapper h1.title2.clumping-color{ color:#4952a9; } .panel-wrapper img.building-bg{ background:#b8484b; } .panel-wrapper h1.title2.building-color{ color:#b8484b; } .panel-wrapper img.finalresult-bg{ background:#003845; } .panel-wrapper h1.title2.finalresult-color{ color:#003845; }

/* Project --> Results (Update for Boston) */

  1. results_section{

min-height:500px; }

  1. results_section ul{

padding-left:20px; }

  1. slider-id {

background:#fff; }

  1. slider-id-nav-ul .title-icon{

width:35px; vertical-align:middle; margin-right:10px }

  1. results_section img.title2-icon{

width:65px; vertical-align:middle; margin-right:20px; background:#7bcfe5; border-radius:65px; }

  1. results_section h1.title2{

font-family:'Bevan'; font-weight:lighter; color:#7bcfe5; font-size:35px; }

  1. slider-id-nav-ul a{

color:#fff; text-shadow:1px 1px 1px #777;

}

  1. slider-id-nav-ul .tab1 a{

background: rgb(191, 208, 93); }

  1. slider-id-nav-ul .tab2 a{

background: #7bcfe5; }

  1. slider-id-nav-ul .tab3 a{

background: #6492ed; }

  1. slider-id-nav-ul .tab4 a{

background: #d6424c; }

  1. slider-id-nav-ul .tab5 a{

background: #003845; }

  1. slider-id-nav-ul a h2{

color:#fff; }

  1. slider-id-nav-ul li.active a{
 border-bottom:3px solid rgb(221, 221, 221);

}

  1. slider-id-nav-ul{

border-bottom: 0px; }

  1. calling-list-blue{

width: 420px; background:#a6d7e9; border-radius:10px; color:#fff; padding:15px; padding-bottom:25px; position:relative; height:auto; }

  1. calling-list-blue-descr{

position:absolute;bottom:-20px;left:0;border:1px solid #a6d7e9;border-radius:4px;color:#444;z-index:6;background:#fff; }

  1. results_section img.riding-bg{

background:rgb(191, 208, 93); }

  1. results_section h1.title2.riding-color{

color:rgb(191, 208, 93); }

  1. results_section img.clumping-bg{

background:#4952a9; }

  1. results_section h1.title2.clumping-color{

color:#4952a9; }

  1. results_section img.building-bg{

background:#b8484b; }

  1. results_section h1.title2.building-color{

color:#b8484b; }

  1. results_section img.finalresult-bg{

background:#003845; }

  1. results_section h1.title2.finalresult-color{

color:#003845; }


/* Ocultar cabeceras de sección pero dejar el [edit] == Titulo == */ h2 .editsection{ font-size:11px; font-weight:normal; }

  1. Team_-_Students, #Team_-_Advisors, #Team_-_Instructors, #Team_-_Universities, #Devices_-_Devices_Overview, #Devices_-_Hardware, #Safety_forms, #Caenorhabditis_elegans, #Human_Practices_Section, #Attributions {

display:none; clear:both; }