Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
Line 39: Line 39:
{
{
 +
 +
 +
/* demo page styles */
 +
 +
.example {
 +
    position:relative;
 +
    background:#fff url(../images/background.jpg);
 +
    width:670px;
 +
    height:470px;
 +
    border:1px #000 solid;
 +
    margin:20px auto;
 +
    padding:15px;
 +
    border-radius:3px;
 +
    -moz-border-radius:3px;
 +
    -webkit-border-radius:3px;
 +
}
 +
 +
/* main menu styles */
 +
 +
 +
.menuholder {
 +
    float:left;
 +
    font:normal bold 11px/35px verdana, sans-serif;
 +
    overflow:hidden;
 +
    position:relative;
 +
}
 +
.menuholder .shadow {
 +
    -moz-box-shadow:0 0 20px rgba(0, 0, 0, 1);
 +
    -o-box-shadow:0 0 20px rgba(0, 0, 0, 1);
 +
    -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 1);
 +
    background:#888;
 +
    box-shadow:0 0 20px rgba(0, 0, 0, 1);
 +
    height:10px;
 +
    left:5%;
 +
    position:absolute;
 +
    top:-9px;
 +
    width:90%;
 +
    z-index:100;
 +
}
 +
.menuholder .back {
 +
    -moz-transition-duration:.4s;
 +
    -o-transition-duration:.4s;
 +
    -webkit-transition-duration:.4s;
 +
    background-color:rgba(0, 0, 0, 0.5);
 +
    height:0;
 +
    width:100%;
 +
}
 +
.menuholder:hover div.back {
 +
    height:250px;
 +
}
 +
ul.menu {
 +
    display:block;
 +
    float:left;
 +
    list-style:none;
 +
    margin:0;
 +
    padding:0 125px;
 +
    position:relative;
 +
}
 +
ul.menu li {
 +
    float:left;
 +
    margin:0 5px 0 0;
 +
}
 +
ul.menu li > a {
 +
    -moz-border-radius:0 0 10px 10px;
 +
    -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
 +
    -moz-transition:all 0.2s ease-in-out;
 +
    -o-border-radius:0 0 10px 10px;
 +
    -o-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
 +
    -o-transition:all 0.2s ease-in-out;
 +
    -webkit-border-bottom-left-radius:10px;
 +
    -webkit-border-bottom-right-radius:10px;
 +
    -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
 +
    -webkit-transition:all 0.2s ease-in-out;
 +
    border-radius:0 0 10px 10px;
 +
    box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9);
 +
    color:#eee;
 +
    display:block;
 +
    padding:0 10px;
 +
    text-decoration:none;
 +
    transition:all 0.2s ease-in-out;
 +
}
 +
ul.menu li a.red {
 +
    background:#a00;
 +
}
 +
ul.menu li a.orange {
 +
    background:#da0;
 +
}
 +
ul.menu li a.yellow {
 +
    background:#aa0;
 +
}
 +
ul.menu li a.green {
 +
    background:#060;
 +
}
 +
ul.menu li a.blue {
 +
    background:#00a;
 +
}
 +
ul.menu li a.violet {
 +
    background:#682bc2;
 +
}
 +
.menu li div.subs {
 +
    left:0;
 +
    overflow:hidden;
 +
    position:absolute;
 +
    top:35px;
 +
    width:0;
 +
}
 +
.menu li div.subs dl {
 +
    -moz-transition-duration:.2s;
 +
    -o-transition-duration:.2s;
 +
    -webkit-transition-duration:.2s;
 +
    float:left;
 +
    margin:0 130px 0 0;
 +
    overflow:hidden;
 +
    padding:40px 0 5% 2%;
 +
    width:0;
 +
}
 +
.menu dt {
 +
    color:#fc0;
 +
    font-family:arial, sans-serif;
 +
    font-size:12px;
 +
    font-weight:700;
 +
    height:20px;
 +
    line-height:20px;
 +
    margin:0;
 +
    padding:0 0 0 10px;
 +
    white-space:nowrap;
 +
}
 +
.menu dd {
 +
    margin:0;
 +
    padding:0;
 +
    text-align:left;
 +
}
 +
.menu dd a {
 +
    background:transparent;
 +
    color:#fff;
 +
    font-size:12px;
 +
    height:20px;
 +
    line-height:20px;
 +
    padding:0 0 0 10px;
 +
    text-align:left;
 +
    white-space:nowrap;
 +
    width:80px;
 +
}
 +
.menu dd a:hover {
 +
    color:#fc0;
 +
}
 +
.menu li:hover div.subs dl {
 +
    -moz-transition-delay:0.2s;
 +
    -o-transition-delay:0.2s;
 +
    -webkit-transition-delay:0.2s;
 +
    margin-right:2%;
 +
    width:21%;
 +
}
 +
ul.menu li:hover > a,ul.menu li > a:hover {
 +
    background:#aaa;
 +
    color:#fff;
 +
    padding:10px 10px 0;
 +
}
 +
ul.menu li a.red:hover,ul.menu li:hover a.red {
 +
    background:#c00;
 +
}
 +
ul.menu li a.orange:hover,ul.menu li:hover a.orange {
 +
    background:#fc0;
 +
}
 +
ul.menu li a.yellow:hover,ul.menu li:hover a.yellow {
 +
    background:#cc0;
 +
}
 +
ul.menu li a.green:hover,ul.menu li:hover a.green {
 +
    background:#080;
 +
}
 +
ul.menu li a.blue:hover,ul.menu li:hover a.blue {
 +
    background:#00c;
 +
}
 +
ul.menu li a.violet:hover,ul.menu li:hover a.violet {
 +
background:#8a2be2;
 +
}
 +
.menu li:hover div.subs,.menu li a:hover div.subs {
 +
    width:100%;
 +
}
 +
 +
 +
 +
</style>
-
</style> /*Menu inferior*/
 
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

Revision as of 01:36, 21 August 2014

'

Welcome !

  • Home
  • University
  • Facebook
  • Twitter


Retrieved from "http://2013.igem.org/Template:Http://2014.igem.org/Team:Colombia"