Template:Team:Technion-Israel/Technion-Israel-style-desktop.css
From 2014.igem.org
(Difference between revisions)
m |
m |
||
(36 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 404: | Line 409: | ||
display: inline-block; | display: inline-block; | ||
text-align: center; | text-align: center; | ||
- | padding: 0 1. | + | padding: 0 1.0em 0 1.0em; |
} | } | ||
Line 412: | Line 417: | ||
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 432: | Line 437: | ||
#nav > ul > li > ul > li:hover > a | #nav > ul > li > ul > li:hover > a | ||
{ | { | ||
- | color: #e5e2af; /*color when | + | color: #e5e2af; /*color when mouse is on link*/ |
} | } | ||
Line 446: | Line 451: | ||
#nav ul .sub1 { | #nav ul .sub1 { | ||
- | background: #fff url(' | + | 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 460: | Line 464: | ||
border-top-left-radius: 0; | border-top-left-radius: 0; | ||
border-top-right-radius: 0; | border-top-right-radius: 0; | ||
+ | z-index: 1000; | ||
+ | |||
} | } | ||
Line 488: | Line 494: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*location of the menu that opens*/ | /*location of the menu that opens*/ | ||
#nav ul ul.sub1 { | #nav ul ul.sub1 { | ||
display: none; | display: none; | ||
- | position: | + | position: absolute; |
} | } | ||
Line 510: | Line 508: | ||
/*display only when on parent*/ | /*display only when on parent*/ | ||
- | #nav ul | + | #nav ul li:hover .sub1{ |
display: block; | display: block; | ||
} | } | ||
Line 631: | Line 629: | ||
#copyright | #copyright | ||
{ | { | ||
- | margin: | + | margin: 0em 0 -8em 0; |
} | } | ||
Line 646: | Line 644: | ||
padding-left: 1em; | padding-left: 1em; | ||
border-left: solid 1px #333; | border-left: solid 1px #333; | ||
- | |||
} | } | ||
Line 657: | Line 654: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.captain { | .captain { | ||
Line 734: | 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