Difference between revisions of "Team:Valencia UPV/main.css"
m |
|||
(30 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | @import url("https://2015.igem.org/wiki/index.php?title=Team:Valencia_UPV/font-awesome.min.css?action=raw&ctype=text/css");; | ||
− | |||
− | |||
+ | @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic"); | ||
/* Redesigning the topmenu */ | /* Redesigning the topmenu */ | ||
Line 111: | Line 111: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
+ | |||
} | } | ||
Line 188: | Line 189: | ||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
− | + | #header{ | |
+ | font-size: 11.5px; | ||
+ | } | ||
.container.\31 25\25 { | .container.\31 25\25 { | ||
width: 100%; | width: 100%; | ||
Line 214: | Line 217: | ||
@media screen and (max-width: 840px) { | @media screen and (max-width: 840px) { | ||
− | + | #header{ | |
+ | font-size: 11.5px; | ||
+ | } | ||
.container.\31 25\25 { | .container.\31 25\25 { | ||
width: 100%; | width: 100%; | ||
Line 240: | Line 245: | ||
@media screen and (max-width: 736px) { | @media screen and (max-width: 736px) { | ||
− | + | #header{ | |
+ | font-size: 11.5px; | ||
+ | } | ||
.container.\31 25\25 { | .container.\31 25\25 { | ||
width: 100%; | width: 100%; | ||
Line 266: | Line 273: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
− | + | #header{ | |
+ | font-size: 11.5px; | ||
+ | } | ||
.container.\31 25\25 { | .container.\31 25\25 { | ||
width: 100%; | width: 100%; | ||
Line 1,843: | Line 1,852: | ||
body { | body { | ||
background: #f5f5f5; | background: #f5f5f5; | ||
+ | text-align: justify; | ||
} | } | ||
Line 2,082: | Line 2,092: | ||
select:focus, | select:focus, | ||
textarea:focus { | textarea:focus { | ||
− | border-color: # | + | border-color: #000000; /*#22919F*/ |
− | box-shadow: 0 0 0 2px # | + | box-shadow: 0 0 0 2px #000000; /*#22919F*/ |
} | } | ||
Line 2,095: | Line 2,105: | ||
-moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
− | font-family: | + | font-family: 'Arial'; |
font-style: normal; | font-style: normal; | ||
font-weight: normal; | font-weight: normal; | ||
Line 2,193: | Line 2,203: | ||
input[type="checkbox"]:focus + label:before, | input[type="checkbox"]:focus + label:before, | ||
input[type="radio"]:focus + label:before { | input[type="radio"]:focus + label:before { | ||
− | border-color: # | + | border-color: #000000; /*#22919F*/ |
− | box-shadow: 0 0 0 1px # | + | box-shadow: 0 0 0 1px #000000; /*#22919F*/ |
} | } | ||
Line 2,233: | Line 2,243: | ||
.box { | .box { | ||
+ | |||
background: #fff; | background: #fff; | ||
border-radius: 6px; | border-radius: 6px; | ||
Line 2,972: | Line 2,983: | ||
} | } | ||
− | #header.reveal { | + | /*#header.reveal { |
-moz-animation: reveal-header 0.5s; | -moz-animation: reveal-header 0.5s; | ||
-webkit-animation: reveal-header 0.5s; | -webkit-animation: reveal-header 0.5s; | ||
-ms-animation: reveal-header 0.5s; | -ms-animation: reveal-header 0.5s; | ||
animation: reveal-header 0.5s; | animation: reveal-header 0.5s; | ||
− | } | + | }*/ |
#header.alt { | #header.alt { | ||
Line 3,049: | Line 3,060: | ||
.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span { | .dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span { | ||
− | background: # | + | background: #000000; /*#22919F*/ |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
Line 3,106: | Line 3,117: | ||
margin: 0 0 0.5em 0; | margin: 0 0 0.5em 0; | ||
padding: 0; | padding: 0; | ||
+ | font-family: Helvetica, Sans-Serif; | ||
+ | font-style:italic; | ||
} | } | ||
Line 3,293: | Line 3,306: | ||
@media screen and (max-width: 1680px) { | @media screen and (max-width: 1680px) { | ||
#banner{ | #banner{ | ||
− | margin-bottom: | + | margin-bottom: -14em; |
} | } | ||
+ | |||
/* Basic */ | /* Basic */ | ||
Line 3,313: | Line 3,327: | ||
@media screen and (max-width: 1280px) { | @media screen and (max-width: 1280px) { | ||
#banner{ | #banner{ | ||
− | margin-bottom: | + | margin-bottom: -14em; |
} | } | ||
/* Basic */ | /* Basic */ | ||
Line 3,342: | Line 3,356: | ||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
− | + | #banner{ | |
+ | margin-bottom: 0em; | ||
+ | } | ||
/* Basic */ | /* Basic */ | ||
Line 3,360: | Line 3,376: | ||
@media screen and (max-width: 840px) { | @media screen and (max-width: 840px) { | ||
− | + | #banner{ | |
+ | margin-bottom: 0em; | ||
+ | } | ||
+ | #header nav { | ||
+ | display:none | ||
+ | } | ||
/* Basic */ | /* Basic */ | ||
Line 3,450: | Line 3,471: | ||
display: block; | display: block; | ||
height: 44px; | height: 44px; | ||
− | left: | + | left: 0em; |
position: fixed; | position: fixed; | ||
− | top: | + | top: 36px; |
width: 100%; | width: 100%; | ||
z-index: 10001; | z-index: 10001; | ||
Line 3,471: | Line 3,492: | ||
-moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
− | font-family: | + | font-family: "Source Sans Pro", sans-serif; |
font-style: normal; | font-style: normal; | ||
font-weight: normal; | font-weight: normal; | ||
Line 3,481: | Line 3,502: | ||
border-radius: 6px; | border-radius: 6px; | ||
color: #fff; | color: #fff; | ||
− | content: '\f0c9' | + | content: 'menu'; /*'\f0c9'*/ |
display: block; | display: block; | ||
font-size: 16px; | font-size: 16px; | ||
height: 2.25em; | height: 2.25em; | ||
− | left: | + | left: 1.1em; |
line-height: 2.25em; | line-height: 2.25em; | ||
position: absolute; | position: absolute; | ||
Line 3,491: | Line 3,512: | ||
top: 0.5em; | top: 0.5em; | ||
width: 3.5em; | width: 3.5em; | ||
+ | text-indent: 0em !important; | ||
} | } | ||
Line 3,588: | Line 3,610: | ||
@media screen and (max-width: 736px) { | @media screen and (max-width: 736px) { | ||
− | + | #banner{ | |
− | + | margin-bottom: 0em; | |
+ | } | ||
+ | #header nav { | ||
+ | display:none | ||
+ | } | ||
/* Basic */ | /* Basic */ | ||
Line 3,726: | Line 3,752: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
− | + | #banner{ | |
− | + | margin-bottom: 0em; | |
+ | } | ||
+ | #header nav { | ||
+ | display:none | ||
+ | } | ||
+ | /* Basic */ | ||
html, body { | html, body { | ||
Line 3,830: | Line 3,861: | ||
} | } | ||
+ | |||
+ | .medals-tick | ||
+ | { | ||
+ | margin-left: 8em; | ||
+ | margin-top: 1em; | ||
+ | } | ||
+ | |||
+ | #bronze | ||
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png'); | ||
+ | } | ||
+ | |||
+ | #silver | ||
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png'); | ||
+ | } | ||
+ | |||
+ | #gold | ||
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png'); | ||
+ | } | ||
+ | #green | ||
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png'); | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 15:04, 11 September 2015