Difference between revisions of "Team:Czech Republic"
Line 2: | Line 2: | ||
{{:Team:Czech_Republic/Template:Menu}} | {{:Team:Czech_Republic/Template:Menu}} | ||
<html> | <html> | ||
+ | |||
+ | <div id="title"> | ||
<style> | <style> | ||
− | + | #title hr | |
− | + | { | |
− | + | border: 0; | |
− | + | height: 300px; | |
− | + | width: 100%; | |
+ | background-image: url(bubbles.svg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | margin: -100px 0; | ||
+ | position: relative; | ||
+ | z-index: 10; | ||
+ | background-color: white; | ||
} | } | ||
− | + | #title section | |
− | + | { | |
− | + | background-color: white; | |
− | + | width: 100%; | |
+ | position: relative; | ||
} | } | ||
− | .page | + | #title .page |
− | + | { | |
− | + | position: relative; | |
− | + | width: 1200px; | |
+ | margin: 0 auto; | ||
+ | background-color: white; | ||
} | } | ||
− | .page | + | #title .page h2, #title .page h3 |
− | + | { | |
− | + | padding: 0; | |
+ | margin: 0; | ||
+ | font-weight: normal; | ||
} | } | ||
− | + | .page p | |
− | + | { | |
− | + | padding: 0; | |
− | + | margin: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | </style> |
− | + | ||
− | + | <section> | |
+ | <style> | ||
+ | |||
+ | #title #page1 | ||
+ | { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | height: 100vh; | ||
} | } | ||
− | #page1 | + | #title #page1 > div.bg |
− | + | { | |
− | + | background-image: url(/wiki/images/2/23/Czech_Republic_home-bg.jpg); | |
− | + | background-position: center top; | |
− | + | background-size: cover; | |
+ | background-repeat: no-repeat; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | /*position: fixed;*/ | ||
+ | top: 0; | ||
} | } | ||
− | #page1 #sponsors { | + | #title #page1 #logo |
− | + | { | |
− | + | padding-top: calc(50vh - 200px); | |
− | + | height: 200px; | |
− | + | } | |
− | + | ||
− | + | #title #page1 h1 | |
+ | { | ||
+ | padding: 10px 0; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | background: linear-gradient(to right, rgba(48,48,48,0) 0%,rgba(48,48,48,1) 35%,rgba(48,48,48,1) 65%,rgba(48,48,48,0) 100%); | ||
+ | } | ||
+ | |||
+ | #title #page1 #sponsors | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: calc(100vh - 160px); | ||
+ | height: 140px; | ||
+ | width: 100%; | ||
+ | padding: 10px 0; | ||
+ | background-color: #303030; | ||
} | } | ||
Line 63: | Line 100: | ||
<div class="page" id="page1"> | <div class="page" id="page1"> | ||
− | + | <div class="bg" data-anchor-target="#page1" data--0p-top="height: 90%" data--100p-top="height: 0%"> | |
− | + | <div id="logo"data-anchor-target="#sponsors" data-200-top="opacity: 1" data-199-top="opacity: 0"> | |
− | + | <h1><img src="/wiki/images/1/15/Czech_Republic_home-logo.png" alt="The IOD Band" width="600" /></h1> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div id="sponsors"> | |
+ | <img src="/wiki/images/b/bd/Czech_Republic_sponsors.png" alt="Sponsors" width="700" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
</div> | </div> | ||
</html> | </html> | ||
{{:Team:Czech_Republic/Template:Scripts}} | {{:Team:Czech_Republic/Template:Scripts}} | ||
{{:Team:Czech_Republic/Template:Footer}} | {{:Team:Czech_Republic/Template:Footer}} |
Revision as of 07:36, 11 September 2015
![Sponsors](/wiki/images/b/bd/Czech_Republic_sponsors.png)