Difference between revisions of "Team:Valencia UPV/main.css"
m |
|||
| (47 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"); | @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic"); | ||
| Line 110: | Line 111: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| + | |||
} | } | ||
.container.\31 25\25 { | .container.\31 25\25 { | ||
width: 100%; | width: 100%; | ||
| − | max-width: | + | max-width: 50em; |
| − | min-width: | + | min-width: 50em; |
} | } | ||
| Line 131: | Line 133: | ||
.container { | .container { | ||
| − | width: | + | width: 50em; |
} | } | ||
| Line 155: | Line 157: | ||
.container { | .container { | ||
| − | width: | + | width: 50em; |
} | } | ||
| Line 187: | 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 213: | 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 239: | 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 265: | 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,842: | Line 1,852: | ||
body { | body { | ||
background: #f5f5f5; | background: #f5f5f5; | ||
| + | text-align: justify; | ||
} | } | ||
| Line 1,859: | Line 1,870: | ||
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; | transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; | ||
border-bottom: dotted 1px; | border-bottom: dotted 1px; | ||
| − | color: # | + | color: #000; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 2,081: | 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,094: | 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,192: | 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,232: | Line 2,243: | ||
.box { | .box { | ||
| + | |||
background: #fff; | background: #fff; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Line 2,462: | Line 2,474: | ||
} | } | ||
| + | |||
| + | .ul_2 {list-style: disc; | ||
| + | margin: 0 0 2em 0; | ||
| + | padding-left: 1em; | ||
| + | margin-left:1.5em; | ||
| + | } | ||
ul li { | ul li { | ||
padding-left: 0.5em; | padding-left: 0.5em; | ||
| Line 2,796: | Line 2,814: | ||
#page-wrapper { | #page-wrapper { | ||
| − | padding-top: | + | padding-top: 0em; |
} | } | ||
| Line 2,844: | Line 2,862: | ||
#header { | #header { | ||
| − | background: # | + | background: #000; |
color: #bbb; | color: #bbb; | ||
cursor: default; | cursor: default; | ||
| Line 2,965: | 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 2,979: | Line 2,997: | ||
background: none; | background: none; | ||
color: rgba(255, 255, 255, 0.75); | color: rgba(255, 255, 255, 0.75); | ||
| − | position: | + | position: absoluted !important; |
} | } | ||
| Line 3,042: | 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,083: | Line 3,101: | ||
padding: 12em 0 20em 0; | padding: 12em 0 20em 0; | ||
text-align: center; | text-align: center; | ||
| + | |||
} | } | ||
| Line 3,098: | 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,284: | Line 3,305: | ||
@media screen and (max-width: 1680px) { | @media screen and (max-width: 1680px) { | ||
| + | #banner{ | ||
| + | margin-bottom: -14em; | ||
| + | } | ||
/* Basic */ | /* Basic */ | ||
| Line 3,302: | Line 3,326: | ||
@media screen and (max-width: 1280px) { | @media screen and (max-width: 1280px) { | ||
| − | + | #banner{ | |
| + | margin-bottom: -14em; | ||
| + | } | ||
/* Basic */ | /* Basic */ | ||
| Line 3,330: | Line 3,356: | ||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
| − | + | #banner{ | |
| + | margin-bottom: 0em; | ||
| + | } | ||
/* Basic */ | /* Basic */ | ||
| Line 3,338: | Line 3,366: | ||
} | } | ||
| + | |||
| + | |||
/* Narrower */ | /* Narrower */ | ||
| Line 3,346: | 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,360: | Line 3,395: | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
| + | |||
/* Section/Article */ | /* Section/Article */ | ||
| Line 3,434: | 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,455: | 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,465: | 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,475: | Line 3,512: | ||
top: 0.5em; | top: 0.5em; | ||
width: 3.5em; | width: 3.5em; | ||
| + | text-indent: 0em !important; | ||
} | } | ||
| Line 3,572: | 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,710: | 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,814: | 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