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

From 2013.igem.org

(Difference between revisions)
 
(121 intermediate revisions not shown)
Line 1: Line 1:
-
@import url(http://fonts.googleapis.com/css?family=Bevan|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,greek);
+
@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 */
/* RESET ORIGINAL WIKI STYLES */
#bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{
#bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6{
Line 125: Line 125:
#header_wrapper{
#header_wrapper{
background:url('https://static.igem.org/mediawiki/2013/3/34/Header_bg.png') repeat-x;
background:url('https://static.igem.org/mediawiki/2013/3/34/Header_bg.png') repeat-x;
-
height:144px;
+
height:169px;
-
padding-top:30px;
+
padding-top:5px;
}
}
#header_container{
#header_container{
Line 132: Line 132:
margin-bottom: 20px;
margin-bottom: 20px;
text-align:center;
text-align:center;
-
height:75px;
+
height:100px;
 +
}
 +
#logo{
 +
        width:555px;
 +
overflow:hidden;
 +
        min-height:25px;
 +
        float:left;
}
}
#top_menu_wrapper{
#top_menu_wrapper{
Line 155: Line 161:
height:50px;
height:50px;
text-align:center;
text-align:center;
 +
font-size:14px;
}
}
#top_menu li{
#top_menu li{
display:inline;
display:inline;
-
margin-right:20px;
+
margin-right:12px;
line-height:50px;
line-height:50px;
}
}
Line 181: Line 188:
margin:0 auto;
margin:0 auto;
         margin-top:20px;
         margin-top:20px;
 +
text-align:justify;
}
}
/* new clearfix */
/* new clearfix */
Line 276: Line 284:
color:#fff;
color:#fff;
}
}
-
.btn, #bodyContent a[href^="mailto:"].btn {
+
.btn, a.btn, #bodyContent a[href^="mailto:"].btn {
    display: inline-block;
    display: inline-block;
    padding: 8px 12px !important;
    padding: 8px 12px !important;
Line 291: Line 299:
    color:#fff;
    color:#fff;
}
}
-
.btn-default, .btn-primary:link, #bodyContent a[href^="mailto:"].btn-primary {
+
.btn-default, .btn-default:link, .btn-default:visited, #bodyContent a[href^="mailto:"].btn-default {
    color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background-color: rgb(71, 73, 73);
    background-color: rgb(71, 73, 73);
    border-color: rgb(71, 73, 73);
    border-color: rgb(71, 73, 73);
}
}
-
.btn-primary, .btn-primary:link, #bodyContent a[href^="mailto:"].btn-primary {
+
.btn-primary, .btn-primary:link, .btn-primary:visited, #bodyContent a[href^="mailto:"].btn-primary {
    color: #fff;
    color: #fff;
    background-color: rgb(66, 139, 202);
    background-color: rgb(66, 139, 202);
Line 309: Line 317:
.btn-primary:link:focus,
.btn-primary:link:focus,
.btn-primary:link:active,
.btn-primary:link:active,
-
.btn-primary:link.active {
+
.btn-primary:link.active,
 +
        .btn-primary:visited:hover{
  background-color: #357ebd;
  background-color: #357ebd;
  border-color: #3071a9;
  border-color: #3071a9;
  color: #fff;
  color: #fff;
 +
#bodyContent a.btn:hover
}
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.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:hover:link, .btn-default:focus:link, .btn-default:active:link, .btn-default.active:link,.btn-default:visited:hover  {
     background-color: rgb(58, 60, 60);
     background-color: rgb(58, 60, 60);
     border-color: rgb(46, 47, 47);
     border-color: rgb(46, 47, 47);
 +
color:#fff;
}
}
#contactForm{
#contactForm{
Line 341: Line 352:
z-index:52;
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;
 +
}
 +
#slider-id {
 +
background:#fff;
 +
}
 +
#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;
 +
}
 +
 +
#slider-id-nav-ul a{
 +
color:#fff;
 +
text-shadow:1px 1px 1px #777;
 +
 +
}
 +
#slider-id-nav-ul .tab1 a{
 +
background: rgb(191, 208, 93);
 +
}
 +
#slider-id-nav-ul .tab2 a{
 +
background: #7bcfe5;
 +
}
 +
#slider-id-nav-ul .tab3 a{
 +
background: #6492ed;
 +
}
 +
#slider-id-nav-ul .tab4 a{
 +
background: #d6424c;
 +
}
 +
#slider-id-nav-ul .tab5 a{
 +
background: #003845;
 +
}
 +
 +
 +
#calling-list-blue{
 +
width: 420px;
 +
background:#a6d7e9;
 +
border-radius:10px;
 +
color:#fff;
 +
padding:15px;
 +
padding-bottom:25px;
 +
position:relative;
 +
height:auto;
 +
}
 +
 +
#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) */
 +
#results_section{
 +
min-height:500px;
 +
}
 +
#results_section ul{
 +
padding-left:20px;
 +
}
 +
#slider-id {
 +
background:#fff;
 +
}
 +
#slider-id-nav-ul .title-icon{
 +
width:35px;
 +
vertical-align:middle;
 +
margin-right:10px
 +
}
 +
#results_section img.title2-icon{
 +
width:65px;
 +
vertical-align:middle;
 +
margin-right:20px;
 +
background:#7bcfe5;
 +
border-radius:65px;
 +
}
 +
#results_section h1.title2{
 +
font-family:'Bevan';
 +
font-weight:lighter;
 +
color:#7bcfe5;
 +
font-size:35px;
 +
}
 +
 +
#slider-id-nav-ul a{
 +
color:#fff;
 +
text-shadow:1px 1px 1px #777;
 +
 +
}
 +
#slider-id-nav-ul .tab1 a{
 +
background: rgb(191, 208, 93);
 +
}
 +
#slider-id-nav-ul .tab2 a{
 +
background: #7bcfe5;
 +
}
 +
#slider-id-nav-ul .tab3 a{
 +
background: #4952a9;
 +
}
 +
#slider-id-nav-ul .tab4 a{
 +
background: #d6424c;
 +
}
 +
#slider-id-nav-ul .tab5 a{
 +
background: #003845;
 +
}
 +
#slider-id-nav-ul a h2{
 +
color:#fff;
 +
}
 +
#slider-id-nav-ul li.active a{
 +
  border-bottom:3px solid rgb(221, 221, 221);
 +
}
 +
#slider-id-nav-ul{
 +
border-bottom: 0px;
 +
}
 +
#calling-list-blue{
 +
width: 420px;
 +
background:#a6d7e9;
 +
border-radius:10px;
 +
color:#fff;
 +
padding:15px;
 +
padding-bottom:25px;
 +
position:relative;
 +
height:auto;
 +
}
 +
 +
#calling-list-blue-descr{
 +
position:absolute;bottom:-20px;left:0;border:1px solid #a6d7e9;border-radius:4px;color:#444;z-index:6;background:#fff;
 +
}
 +
 +
#results_section img.riding-bg{
 +
background:rgb(191, 208, 93);
 +
}
 +
#results_section h1.title2.riding-color{
 +
color:rgb(191, 208, 93);
 +
}
 +
#results_section img.clumping-bg{
 +
background:#4952a9;
 +
}
 +
#results_section h1.title2.clumping-color{
 +
color:#4952a9;
 +
}
 +
#results_section img.building-bg{
 +
background:#b8484b;
 +
}
 +
#results_section h1.title2.building-color{
 +
color:#b8484b;
 +
}
 +
#results_section img.finalresult-bg{
 +
background:#003845;
 +
}
 +
#results_section h1.title2.finalresult-color{
 +
color:#003845;
 +
}
 +
 +
/* Ocultar cabeceras de sección pero dejar el [edit] == Titulo == */
/* Ocultar cabeceras de sección pero dejar el [edit] == Titulo == */
Line 347: Line 580:
font-weight:normal;
font-weight:normal;
}
}
-
#Team_-_Students, #Team_-_Universities, #Devices_-_Software, #Devices_-_Hardware, #Devices_-_Devices_Overall {
+
#Team_-_Students, #Team_-_Advisors,  #Team_-_Instructors, #Team_-_Universities, #Devices_-_Devices_Overview, #Devices_-_Hardware, #Safety_forms, #Caenorhabditis_elegans, #Human_Practices_Section, #Attributions {
display:none;
display:none;
clear:both;
clear:both;
}
}

Latest revision as of 20:51, 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: #4952a9; }

  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; }

Retrieved from "http://2013.igem.org/Template:Team:Valencia_Biocampus/Templates/css/main"