Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
 
(61 intermediate revisions not shown)
Line 106: Line 106:
}
}
-
/*#spon-ibmcp
 
-
{
 
-
width: 300px;
 
-
}*/
 
.link-page{
.link-page{
Line 129: Line 125:
.normal-link-page
.normal-link-page
{
{
 +
color: blue;
 +
font-weight: bold;
text-decoration: none;
text-decoration: none;
}
}
Line 186: Line 184:
.results
.results
{
{
-
height: 150px;
+
height: 180px;
-
width: 150px;
+
width: 180px;
padding: 10px;
padding: 10px;
/*border: 2px solid yellow;*/
/*border: 2px solid yellow;*/
Line 207: 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 365: Line 351:
padding:3px 5px;
padding:3px 5px;
text-decoration:none;
text-decoration:none;
-
font-size:1.3em;
+
font-size:1.5em;
}
}
Line 449: Line 435:
{
{
list-style-type: initial;
list-style-type: initial;
-
margin-left: 25px;
+
margin-left: 20px;
padding: initial;
padding: initial;
}
}
Line 640: Line 626:
}
}
-
.modules
 
-
{
 
-
height: 175px;
 
-
width: 175px;
 
-
margin: 15px;
 
-
}
 
.footer-img
.footer-img
Line 942: 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 1,062: Line 1,035:
-
/*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,236: Line 1,105:
             font-weight:600;
             font-weight:600;
             color:#4c4c4c;
             color:#4c4c4c;
-
             transition:all linear 0.15s;
+
             transition:all linear 1s;
         }
         }
   
   
Line 1,269: Line 1,138:
height: 25px;
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