Template:Team:Technion-Israel/Technion-Israel-style-desktop.css

From 2014.igem.org

(Difference between revisions)
m
m
 
(66 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
/*
 
-
Escape Velocity by HTML5 UP
 
-
html5up.net | @n33co
 
-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 
-
*/
 
/*********************************************************************************/
/*********************************************************************************/
Line 35: Line 30:
article
article
{
{
-
margin: 0 0 4em 0;
+
margin: 0 0 0em 0;
}
}
Line 53: Line 48:
header.style1 p
header.style1 p
{
{
-
display: block;
+
display: block;
margin: 1.15em 0 0 0;
margin: 1.15em 0 0 0;
font-size: 1.3em;
font-size: 1.3em;
Line 62: Line 57:
header.style1info p
header.style1info p
{
{
-
display: block;
 
margin: 1.15em 0 0 0;
margin: 1.15em 0 0 0;
font-size: 1em;
font-size: 1em;
Line 195: Line 189:
.feature-list p
.feature-list p
{
{
-
margin: 0 0 -2em 0em;
+
margin: 0 0 0em 0em;
}
}
Line 294: Line 288:
{
{
padding: 0;
padding: 0;
 +
height: 615px;
 +
}
}
 +
#header-wrapperP
 +
{
 +
padding: 0;
 +
height: 615px;
 +
 +
}
#intro-wrapper
#intro-wrapper
{
{
Line 327: Line 329:
/*********************************************************************************/
/*********************************************************************************/
 +
        .homepage
 +
        {
 +
    border:none;
 +
    padding:0;
 +
    margin:0;
 +
    z-index:1;
 +
    width:100%;
 +
    height:auto;
 +
    background:#ffffff;
 +
        }
#header
#header
{
{
Line 336: Line 348:
{
{
padding: 18em 0;
padding: 18em 0;
 +
                        width: 100%;
}
}
Line 375: Line 388:
/* Nav                                                                          */
/* Nav                                                                          */
/*********************************************************************************/
/*********************************************************************************/
-
 
+
#nav {
-
#nav
+
-
{
+
position: absolute;
position: absolute;
display: block;
display: block;
Line 385: Line 396:
text-align: center;
text-align: center;
}
}
-
 
+
-
#nav > ul > li > ul
+
#nav > ul
-
{
+
-
display: none;
+
-
}
+
-
 
+
-
#nav > ul
+
{
{
display: inline-block;
display: inline-block;
Line 398: Line 404:
padding: 0 1.5em 0 1.5em;
padding: 0 1.5em 0 1.5em;
}
}
-
 
+
-
#nav > ul > li
+
#nav > ul > li
{
{
display: inline-block;
display: inline-block;
text-align: center;
text-align: center;
-
padding: 0 1.5em 0 1.5em;
+
padding: 0 1.0em 0 1.0em;
-
}
+
}
-
+
 
-
#nav > ul > li > a,
+
#nav > ul > li > a,
#nav > ul > li > span
#nav > ul > li > span
{
{
display: block;
display: block;
color: #eee;
color: #eee;
-
color: rgba(255,255,255,0.75); /*color of text in manu*/
+
color: rgba(255,255,255,0.75); /*color of text in menu*/
text-transform: uppercase;
text-transform: uppercase;
text-decoration: none;
text-decoration: none;
Line 417: Line 423:
letter-spacing: 0.25em;
letter-spacing: 0.25em;
height: 5em;
height: 5em;
-
line-height: 5em;
+
line-height: 4.5em;
-moz-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
Line 425: Line 431:
outline: 0;
outline: 0;
}
}
-
+
 
-
#nav > ul > li:hover > a,
+
#nav > ul > li:hover > a,
#nav > ul > li.active > a,
#nav > ul > li.active > a,
-
#nav > ul > li.active > span
+
#nav > ul > li.active > span,
 +
#nav > ul > li > ul > li:hover > a
{
{
-
color: #e5e2af; /*color when maouse is on link*/
+
color: #e5e2af; /*color when mouse is on link*/
}
}
 +
 +
#nav ul, ul.sub1 {
 +
list-style-type: none;
 +
}
 +
 +
 +
#nav ul li {
 +
text-align: center;
 +
background: none;
 +
}
-
.dropotron
+
#nav ul .sub1 {
-
{
+
background: #fff url('https://static.igem.org/mediawiki/2014/7/7c/Technion-Israel-overlay.png');
-
background: #fff url('Technion-Israel-overlay.png');
+
-
background-color: rgba(4,99,129,0.925);
+
padding: 1.25em 1em 1.25em 1em;
padding: 1.25em 1em 1.25em 1em;
border-radius: 0.35em;
border-radius: 0.35em;
Line 443: Line 458:
min-width: 12em;
min-width: 12em;
text-align: left;
text-align: left;
-
margin-top: -1.25em;
+
margin-top: -1.5em;
margin-left: -1px;
margin-left: -1px;
-
}
 
-
 
-
.dropotron.level-0
 
-
{
 
margin-top: -1px;
margin-top: -1px;
margin-left: 0;
margin-left: 0;
border-top-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-right-radius: 0;
-
}
+
z-index: 1000;
 +
 
 +
}
-
.dropotron a,
+
#nav ul .sub1 a {
-
.dropotron span
+
-
{
+
display: block;
display: block;
color: #eee;
color: #eee;
Line 466: Line 477:
letter-spacing: 0.25em;
letter-spacing: 0.25em;
border-top: solid 1px rgba(255,255,255,0.15);
border-top: solid 1px rgba(255,255,255,0.15);
-
line-height: 3em;
+
border-bottom: solid 1px rgba(255,255,255,0.15);
 +
line-height: 2em;
-moz-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
Line 472: Line 484:
-ms-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-
}
+
}
-
+
-
.dropotron li:first-child a,
+
#nav ul a {
-
.dropotron li:first-child span
+
text-decoration: none;
-
{
+
color: #e5e2af;
-
border-top: 0;
+
display: block;
-
}
+
background-color: none;
-
+
padding: 5px;
-
.dropotron li:hover > a,
+
}
-
.dropotron li:hover > span
+
-
{
+
-
color: #e5e2af;
+
-
}
+
 +
 +
/*location of the menu that opens*/
 +
#nav ul ul.sub1 {
 +
display: none;
 +
position: absolute;
 +
}
 +
 +
#nav ul .sub1 a{
 +
margin-top: 0px;
 +
background-color: none;
 +
}
 +
 +
 +
/*display only when on parent*/
 +
#nav ul li:hover .sub1{
 +
display: block;
 +
}
 +
 +
/*********************************************************************************/
/*********************************************************************************/
/* Intro                                                                        */
/* Intro                                                                        */
Line 567: Line 594:
#main
#main
{
{
-
margin-top: 1em;
+
margin-top: 0em;
-
margin-bottom: 1em;
+
margin-bottom: 0em;
}
}
Line 602: Line 629:
#copyright
#copyright
{
{
-
margin: 6em 0 -8em 0;
+
margin: 0em 0 -8em 0;
}
}
Line 617: Line 644:
padding-left: 1em;
padding-left: 1em;
border-left: solid 1px #333;
border-left: solid 1px #333;
-
border-left-color: rgba(255,255,255,0.05);
 
}
}
Line 628: Line 654:
-
/*.igemlogo img
 
-
{
 
-
float: right;
 
-
margin-right: 3em;
 
-
margin-left: -7em;
 
-
margin-top: -1em;
 
-
}*/
 
-
 
-
/*.igem10 img
 
-
{
 
-
float: left;
 
-
margin-left: 1em;
 
-
margin-top: -17em;
 
-
}*/
 
.captain {
.captain {
Line 707: Line 719:
}
}
-
</style>
+
div #bronze{
-
</head>
+
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 6; /* Firefox */
 +
    column-count: 6;
 +
margin-left: 20px;
 +
}
 +
div #proto{
 +
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 5; /* Firefox */
 +
    column-count: 5;
 +
margin-left: 20px;
 +
}
 +
div #thanksto{
 +
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 2; /* Firefox */
 +
    column-count: 2;
 +
-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
 +
    -moz-column-gap: 50px; /* Firefox */
 +
    column-gap: 50px;
 +
}
 +
div #azoimage{
 +
font-size: 0.75em;
 +
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
 +
    -moz-column-count: 3; /* Firefox */
 +
    column-count: 3;
 +
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 +
    -moz-column-gap: 30px; /* Firefox */
 +
    column-gap: 30px;
 +
-webkit-column-rule: 1px outset #00ff00; /* Chrome, Safari, Opera */
 +
    -moz-column-rule: 1px outset #00ff00; /* Firefox */
 +
    column-rule: 1px outset #00ff00;
 +
}
 +
 +
</style>
 +
</head>
</html>
</html>

Latest revision as of 10:27, 14 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Technion-Israel/Technion-Israel-style-desktop.css"