Difference between revisions of "Template:UCL/Style"
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
| + | @import url('https://static.igem.org/mediawiki/2018/5/52/T--UCL--QuicksandReg.eot'); | ||
| + | @import url('https://fonts.googleapis.com/css?family=Quicksand'); | ||
| + | @import url("https://static.igem.org/mediawiki/2018/6/6a/T--UCL--futuramed.eot"); | ||
/*Futura*/ | /*Futura*/ | ||
| Line 36: | Line 39: | ||
font-size: inherit; | font-size: inherit; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
| − | padding-bottom:0 !important; | + | padding-bottom: 0 !important; |
} | } | ||
| Line 221: | Line 224: | ||
flex: 0 0 100%; | flex: 0 0 100%; | ||
max-width: 100%; | max-width: 100%; | ||
| − | padding: | + | padding: 4em 1em 5em; |
} | } | ||
| Line 228: | Line 231: | ||
{ | { | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top:12vh; |
left:10vw; | left:10vw; | ||
right:50vw; | right:50vw; | ||
| Line 336: | Line 339: | ||
font-family: "Quicksand", sans-serif; | font-family: "Quicksand", sans-serif; | ||
font-size:1rem; | font-size:1rem; | ||
| − | font-weight: | + | font-weight: 400; |
position: relative; | position: relative; | ||
line-height: 1.75; | line-height: 1.75; | ||
| Line 347: | Line 350: | ||
white-space: pre-wrap; /* current browsers */ | white-space: pre-wrap; /* current browsers */ | ||
width:40vw; | width:40vw; | ||
| + | top: 6vh; | ||
} | } | ||
| Line 358: | Line 362: | ||
animation-direction: alternate-reverse; | animation-direction: alternate-reverse; | ||
position: absolute; | position: absolute; | ||
| − | |||
| − | |||
text-decoration: none; | text-decoration: none; | ||
z-index:2; | z-index:2; | ||
| − | width: | + | width:1vw; |
| + | display: -webkit-flex; /* Safari */ | ||
| + | -webkit-align-items: center; /* Safari 7.0+ */ | ||
| + | display: flex; | ||
| + | margin-top: 10vh; | ||
| + | left: 87%; | ||
} | } | ||
| Line 368: | Line 375: | ||
text-decoration: inherit; | text-decoration: inherit; | ||
color: inherit; | color: inherit; | ||
| − | cursor: | + | cursor: pointer; |
} | } | ||
| Line 374: | Line 381: | ||
text-decoration: inherit; | text-decoration: inherit; | ||
color: inherit; | color: inherit; | ||
| − | cursor: | + | cursor: pointer; |
} | } | ||
| Line 408: | Line 415: | ||
height: 100vh; | height: 100vh; | ||
} | } | ||
| + | |||
| + | /* SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE========SUBPAGE===== */ | ||
| + | |||
| + | /*body { | ||
| + | background-image: url('resources/Images/5.png'); | ||
| + | height: 100%; | ||
| + | background-attachment: fixed; | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: cover; | ||
| + | } | ||
| + | */ | ||
| + | .card_igem_1 { | ||
| + | padding: 2rem 1rem; | ||
| + | background-color: #e9ecef; | ||
| + | border-radius: 0.3rem; | ||
| + | animation-duration: 1.5s; | ||
| + | animation-iteration-count: 1; | ||
| + | top: 20vh; | ||
| + | } | ||
| + | |||
| Line 4,037: | Line 4,065: | ||
</style> | </style> | ||
| − | <html> | + | </html> |
Revision as of 12:21, 26 September 2018