Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
Line 970: Line 970:
.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{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);}
.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);}
 +
 +
/*----- Tabs -----*/
 +
.tabs {
 +
    width:100%;
 +
    display:inline-block;
 +
}
 +
 +
    /*----- Tab Links -----*/
 +
    /* Clearfix */
 +
    .tab-links:after {
 +
        display:block;
 +
        clear:both;
 +
        content:'';
 +
    }
 +
 +
    .tab-links li {
 +
        margin:0px 5px;
 +
        float:left;
 +
        list-style:none;
 +
    }
 +
 +
        .tab-links a {
 +
            padding:9px 15px;
 +
            display:inline-block;
 +
            border-radius:3px 3px 0px 0px;
 +
            background:#7FB5DA;
 +
            font-size:16px;
 +
            font-weight:600;
 +
            color:#4c4c4c;
 +
            transition:all linear 0.15s;
 +
        }
 +
 +
        .tab-links a:hover {
 +
            background:#a7cce5;
 +
            text-decoration:none;
 +
        }
 +
 +
    li.active a, li.active a:hover {
 +
        background:#fff;
 +
        color:#4c4c4c;
 +
    }
 +
 +
    /*----- Content of Tabs -----*/
 +
    .tab-content {
 +
        padding:15px;
 +
        border-radius:3px;
 +
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
 +
        background:#fff;
 +
    }
 +
 +
        .tab {
 +
            display:none;
 +
        }
 +
 +
        .tab.active {
 +
            display:block;
 +
        }
</style>
</style>
</html>
</html>

Revision as of 17:48, 13 September 2014

Retrieved from "http://2014.igem.org/Team:Valencia_UPV/style_css"