Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
 
(192 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
@import url(http://fonts.googleapis.com/css?family=Bevan|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,cyrillic);
+
@import url(http://fonts.googleapis.com/css?family=Coda:400,800|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,cyrillic);
body
body
{
{
Line 48: Line 48:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
position: relative;
position: relative;
-
width: 82%;
+
width: 850px;
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 63: Line 63:
height: auto;
height: auto;
background-color: #C00000;
background-color: #C00000;
 +
max-width: 300px;
 +
text-decoration: none;
 +
}
 +
 +
.button-content-trans{
 +
padding: 7px;
 +
height: auto;
 +
width: 120px;
 +
background-color: transparent;
max-width: 300px;
max-width: 300px;
text-decoration: none;
text-decoration: none;
Line 97: Line 106:
}
}
-
/*#spon-ibmcp
 
-
{
 
-
width: 300px;
 
-
}*/
 
.link-page{
.link-page{
Line 120: Line 125:
.normal-link-page
.normal-link-page
{
{
 +
color: blue;
 +
font-weight: bold;
text-decoration: none;
text-decoration: none;
}
}
Line 132: Line 139:
{
{
float: left;
float: left;
 +
color: #FFFFFF;
 +
}
 +
 +
#goto-middle
 +
{
color: #FFFFFF;
color: #FFFFFF;
}
}
Line 141: Line 153:
}
}
 +
.coda
 +
{
 +
    font-family: 'Coda', sans-serif;
 +
    font-weight:bold;
 +
    font-size: 2em;
 +
    color: white;
 +
    text-shadow:
 +
      -1px -1px 0 #000, 
 +
      1px -1px 0 #000,
 +
      -1px 1px 0 #000,
 +
      1px 1px 0 #000;
 +
}
 +
 +
roja
 +
{
 +
    font-style:normal;
 +
    color: rgb(255, 0, 0);
 +
 +
}
.modules
.modules
{
{
-
height: 215px;
+
height: 150px;
-
width: 215px;
+
width: 150px;
padding: 10px;
padding: 10px;
/*border: 2px solid yellow;*/
/*border: 2px solid yellow;*/
-
margin: 25px;
+
margin: 15px;
 +
}
 +
 
 +
.results
 +
{
 +
height: 180px;
 +
width: 180px;
 +
padding: 10px;
 +
/*border: 2px solid yellow;*/
 +
margin: 15px;
}
}
Line 155: Line 195:
.example  
.example  
{
{
-
background: url(https://static.igem.org/mediawiki/2014/d/d8/VUPV_Header2.png) no-repeat center center; /* METER EL FONDO */
+
background: url(https://static.igem.org/mediawiki/2014/b/bc/VUPVHeader_Sin_hoja_2.png) no-repeat center center; /* METER EL FONDO */
background-size: cover;
background-size: cover;
height:200px;
height:200px;
Line 165: Line 205:
-moz-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-border-radius:3px;
-
}
 
-
 
-
#example_short
 
-
{
 
-
background: transparent;
 
-
height:40px;
 
-
}
 
-
 
-
#menu_short
 
-
{
 
-
position: absolute;
 
-
top: 0px;
 
}
}
Line 323: Line 351:
padding:3px 5px;
padding:3px 5px;
text-decoration:none;
text-decoration:none;
-
font-size:1.3em;
+
font-size:1.5em;
}
}
Line 372: Line 400:
background:url(https://static.igem.org/mediawiki/2014/0/07/VUPVTeam_logo.png) no-repeat center center;  
background:url(https://static.igem.org/mediawiki/2014/0/07/VUPVTeam_logo.png) no-repeat center center;  
background-size: cover;
background-size: cover;
-
width:100px;
+
width:120px;
-
height:100px;
+
height:120px;
z-index: 100;
z-index: 100;
position: fixed;
position: fixed;
-
top: 3%;
+
top: 2%;
-
left: 3%;
+
left: 1%;
}
}
Line 397: Line 425:
}
}
-
.colored-bold
+
.method li ul li
 +
{
 +
list-style-type: circle;
 +
margin-left: 25px;
 +
padding: 0px 0px 0px 5px;
 +
}
 +
 
 +
.method > li
 +
{
 +
list-style-type: initial;
 +
margin-left: 20px;
 +
padding: initial;
 +
}
 +
 
 +
 
 +
 
 +
.italic
 +
{
 +
font-style: italic;
 +
color: inherit;
 +
}
 +
 
 +
.italic:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 
 +
.black-bold
 +
{
 +
color: black;
 +
font-weight: bold;
 +
}
 +
 
 +
.green-bold
 +
{
 +
color: green;
 +
font-weight: bold;
 +
}
 +
 
 +
.red-bold
 +
{
 +
color: #C00000;
 +
font-weight: bold;
 +
}
 +
 
 +
.blue-bold
{
{
color: blue;
color: blue;
Line 403: Line 476:
}
}
-
.colored-bold:hover
+
.purple-bold
 +
{
 +
color: purple;
 +
font-weight: bold;
 +
}
 +
 
 +
.fucsia-bold
 +
{
 +
color: #FF00FF;
 +
font-weight: bold;
 +
}
 +
 
 +
.marron-bold
 +
{
 +
color: #61210B;
 +
font-weight: bold;
 +
}
 +
 
 +
 
 +
.fucsia-bold:hover, .marron-bold:hover, .purple-bold:hover, .blue-bold:hover, .red-bold:hover, .green-bold:hover, .black-bold:hover
{
{
text-decoration: none;
text-decoration: none;
-
color: #00BFFF;
 
}
}
 +
 +
.subpart
 +
{
 +
color: #006400;
 +
font-weight: bold;
 +
font-size: 1.15em;
 +
}
 +
#igem-link
#igem-link
Line 521: Line 620:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 85%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 527: Line 626:
}
}
-
.modules
 
-
{
 
-
height: 175px;
 
-
width: 175px;
 
-
margin: 15px;
 
-
}
 
.footer-img
.footer-img
Line 588: Line 681:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 85%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
 +
}
 +
 +
.modules
 +
{
 +
height: 130px;
 +
width: 130px;
 +
}
 +
 +
.results
 +
{
 +
height: 130px;
 +
width: 130px;
}
}
Line 692: Line 797:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 82%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 755: Line 860:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 80%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 817: Line 922:
@media only screen and (min-width : 1601px)
@media only screen and (min-width : 1601px)
{
{
-
 
-
.modules
 
-
{
 
-
height: 255px;
 
-
width: 255px;
 
-
margin: 15px;
 
-
}
 
#nav > li > a  
#nav > li > a  
Line 831: Line 929:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 82%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 893: Line 991:
{
{
text-decoration: none;
text-decoration: none;
 +
font-size: 0.80em;
}
}
Line 929: Line 1,028:
}
}
 +
 +
.encabezado:hover
 +
{
 +
text-decoration: none;
 +
}
 +
-
/*Wormboy's Css*/
 
-
/*.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";line-height:0;}
 
-
.nav-tabs:after,.nav-pills:after{clear:both;}
 
-
.nav-tabs>li,.nav-pills>li{float:left;}
 
-
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
 
-
.nav-tabs{border-bottom:1px solid #ddd;}
 
-
.nav-tabs>li{margin-bottom:-1px;}
 
-
.nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd;}
 
-
.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
 
-
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 
-
.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus{color:#ffffff;background-color:#2c5382;}
 
-
.nav-stacked>li{float:none;}
 
-
.nav-stacked>li>a{margin-right:0;}
 
-
.nav-tabs.nav-stacked{border-bottom:0;}
 
-
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 
-
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
 
-
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
 
-
.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus{border-color:#ddd;z-index:2;}
 
-
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
 
-
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
 
-
.nav-tabs .dropdown-menu{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
 
-
.nav-pills .dropdown-menu{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
 
-
.nav .dropdown-toggle .caret{border-top-color:#2c5382;border-bottom-color:#2c5382;margin-top:6px;}
 
-
.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret{border-top-color:#192f49;border-bottom-color:#192f49;}
 
-
.nav-tabs .dropdown-toggle .caret{margin-top:8px;}
 
-
.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
 
-
.nav-tabs .active .dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}
 
-
.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus{cursor:pointer;}
 
-
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus{color:#ffffff;background-color:#999999;border-color:#999999;}
 
-
.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
 
-
.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999999;}
 
-
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
 
-
.tabbable:after{clear:both;}
 
-
.tab-content{overflow:auto;}
 
-
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
 
-
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
 
-
.tab-content>.active,.pill-content>.active{display:block;}
 
-
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
 
-
.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
 
-
.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
 
-
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
 
-
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
 
-
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
 
-
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
 
-
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
 
-
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
 
-
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
 
-
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
 
-
.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
 
-
.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
 
-
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
 
-
.nav>.disabled>a{color:#999999;}
 
-
.nav>.disabled>a:hover,.nav>.disabled>a:focus{text-decoration:none;background-color:transparent;cursor:default;}
 
-
.breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.breadcrumb>li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;}.breadcrumb>li>.divider{padding:0 5px;color:#ccc;}
 
-
.breadcrumb>.active{color:#999999;}
 
-
.pagination{margin:20px 0;}
 
-
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
 
-
.pagination ul>li{display:inline;}
 
-
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
 
-
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
 
-
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
 
-
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
 
-
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
 
-
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
 
-
.pagination-centered{text-align:center;}
 
-
.pagination-right{text-align:right;}
 
-
.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
 
-
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
 
-
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
 
-
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
 
-
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
 
-
.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
 
-
.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
 
-
.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
 
-
.pager:after{clear:both;}
 
-
.pager li{display:inline;}
 
-
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
 
-
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
 
-
.pager .next>a,.pager .next>span{float:right;}
 
-
.pager .previous>a,.pager .previous>span{float:left;}
 
-
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}
 
-
.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;}
 
-
.thumbnails:after{clear:both;}
 
-
.row-fluid .thumbnails{margin-left:0;}
 
-
.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px;}
 
-
.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);box-shadow:0 1px 3px rgba(0, 0, 0, 0.055);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
 
-
a.thumbnail:hover,a.thumbnail:focus{border-color:#2c5382;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
 
-
.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
 
-
.thumbnail .caption{padding:9px;color:#555555;}
 
-
.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
-
.alert,.alert h4{color:#c09853;}
 
-
.alert h4{margin:0;}
 
-
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
 
-
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
 
-
.alert-success h4{color:#468847;}
 
-
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
 
-
.alert-danger h4,.alert-error h4{color:#b94a48;}
 
-
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
 
-
.alert-info h4{color:#3a87ad;}
 
-
.alert-block{padding-top:14px;padding-bottom:14px;}
 
-
.alert-block>p,.alert-block>ul{margin-bottom:0;}
 
-
.alert-block p+p{margin-top:5px;}
 
-
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
 
-
.progress .bar{width:0%;height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
 
-
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);}*/
 
.p_notebook {
.p_notebook {
Line 1,105: Line 1,105:
             font-weight:600;
             font-weight:600;
             color:#4c4c4c;
             color:#4c4c4c;
-
             transition:all linear 0.15s;
+
             transition:all linear 1s;
         }
         }
   
   
Line 1,133: Line 1,133:
             display:block;
             display:block;
         }
         }
 +
 +
#pinned-footer
 +
{
 +
height: 25px;
 +
}
 +
 +
dl {
 +
    margin-bottom:50px;
 +
}
 +
 +
dl dt {
 +
    background:#C00000;
 +
    color:#fff;
 +
    float:left;
 +
    font-weight:bold;
 +
    margin-right:10px;
 +
    padding:5px; 
 +
    width:100px;
 +
}
 +
 +
dl dd {
 +
    margin:2px 0;
 +
    padding:5px 0;
 +
}
 +
 +
.results_sli
 +
{
 +
background: #fff url(https://static.igem.org/mediawiki/2014/6/64/VUPVChromato_benta_off.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.results_sli:hover
 +
{
 +
background: #fff url(https://static.igem.org/mediawiki/2014/2/2b/VUPVChromato_bentha_on.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.normal-sangría
 +
{
 +
margin-left: 30px;
 +
}
 +
 +
.background_medal
 +
{
 +
color: #fff;
 +
position: relative;
 +
top: 15px;
 +
left: -30px;
 +
z-index: -10;
 +
padding: 5px 60px 5px 35px;
 +
background: url(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.medals-tick
 +
{
 +
margin-left: 130px;
 +
}
 +
 +
.medals-tick li ul li
 +
{
 +
list-style: square;
 +
margin-left: 35px;
 +
}
 +
 +
#bronze
 +
{
 +
list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png');
 +
}
 +
 +
#silver
 +
{
 +
list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png');
 +
}
 +
 +
#gold
 +
{
 +
list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png');
 +
}
 +
#green
 +
{
 +
list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png');
 +
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 02:33, 18 October 2014