"
Template:Team:Technion-Israel/Technion-Israel-style-desktop.css
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| (45 intermediate revisions not shown) | |||
| Line 48: | Line 48: | ||
header.style1 p | header.style1 p | ||
{ | { | ||
| - | + | display: block; | |
margin: 1.15em 0 0 0; | margin: 1.15em 0 0 0; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
| Line 57: | Line 57: | ||
header.style1info p | header.style1info p | ||
{ | { | ||
| - | |||
margin: 1.15em 0 0 0; | margin: 1.15em 0 0 0; | ||
font-size: 1em; | font-size: 1em; | ||
| Line 190: | Line 189: | ||
.feature-list p | .feature-list p | ||
{ | { | ||
| - | margin: 0 0 | + | margin: 0 0 0em 0em; |
} | } | ||
| Line 293: | Line 292: | ||
} | } | ||
| + | #header-wrapperP | ||
| + | { | ||
| + | padding: 0; | ||
| + | height: 615px; | ||
| + | |||
| + | } | ||
#intro-wrapper | #intro-wrapper | ||
{ | { | ||
| Line 383: | Line 388: | ||
/* Nav */ | /* Nav */ | ||
/*********************************************************************************/ | /*********************************************************************************/ | ||
| - | + | #nav { | |
| - | #nav | + | |
| - | + | ||
position: absolute; | position: absolute; | ||
display: block; | display: block; | ||
| Line 393: | Line 396: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| - | + | ||
| - | + | #nav > ul | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
{ | { | ||
display: inline-block; | display: inline-block; | ||
| Line 406: | 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. | + | padding: 0 1.0em 0 1.0em; |
| - | } | + | } |
| - | + | #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 | + | 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 425: | 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 434: | Line 432: | ||
} | } | ||
| - | + | #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 | + | color: #e5e2af; /*color when mouse is on link*/ |
} | } | ||
| + | |||
| + | #nav ul, ul.sub1 { | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | #nav ul li { | ||
| + | text-align: center; | ||
| + | background: none; | ||
| + | } | ||
| - | . | + | #nav ul .sub1 { |
| - | + | ||
background: #fff url('https://static.igem.org/mediawiki/2014/7/7c/Technion-Israel-overlay.png'); | background: #fff url('https://static.igem.org/mediawiki/2014/7/7c/Technion-Israel-overlay.png'); | ||
| - | |||
padding: 1.25em 1em 1.25em 1em; | padding: 1.25em 1em 1.25em 1em; | ||
border-radius: 0.35em; | border-radius: 0.35em; | ||
| Line 451: | Line 458: | ||
min-width: 12em; | min-width: 12em; | ||
text-align: left; | text-align: left; | ||
| - | margin-top: -1. | + | margin-top: -1.5em; |
margin-left: -1px; | margin-left: -1px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
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; | |
| + | |||
| + | } | ||
| - | . | + | #nav ul .sub1 a { |
| - | + | ||
| - | + | ||
display: block; | display: block; | ||
color: #eee; | color: #eee; | ||
| Line 474: | 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: | + | 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 480: | 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; | ||
| - | + | } | |
| - | + | ||
| - | + | #nav ul a { | |
| - | + | text-decoration: none; | |
| - | + | color: #e5e2af; | |
| - | + | display: block; | |
| - | + | background-color: none; | |
| - | + | padding: 5px; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| + | |||
| + | /*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 610: | Line 629: | ||
#copyright | #copyright | ||
{ | { | ||
| - | margin: | + | margin: 0em 0 -8em 0; |
} | } | ||
| Line 625: | Line 644: | ||
padding-left: 1em; | padding-left: 1em; | ||
border-left: solid 1px #333; | border-left: solid 1px #333; | ||
| - | |||
} | } | ||
| Line 636: | Line 654: | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
.captain { | .captain { | ||
| Line 713: | Line 717: | ||
color: white; | color: white; | ||
background-color: #FB4400; | background-color: #FB4400; | ||
| + | } | ||
| + | |||
| + | div #bronze{ | ||
| + | -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; | ||
} | } | ||
Latest revision as of 10:27, 14 October 2014
