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>
  
html, body {
+
#title hr
margin: 0;
+
{
padding: 0;
+
  border: 0;
font-family: 'Roboto', sans-serif;
+
  height: 300px;
position: relative;
+
  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;
 
}
 
}
  
.page {
+
#title section
position: relative;
+
{
width: 1170px;
+
  background-color: white;
margin: 0 auto;
+
  width: 100%;
 +
  position: relative;
 
}
 
}
  
.page h2, .page h3 {
+
#title .page  
padding: 0;
+
{
margin: 0;
+
  position: relative;
font-weight: normal;
+
  width: 1200px;
 +
  margin: 0 auto;
 +
  background-color: white;
 
}
 
}
  
.page p {
+
#title .page h2, #title .page h3
padding: 0;
+
{
margin: 0;
+
  padding: 0;
 +
  margin: 0;
 +
  font-weight: normal;
 
}
 
}
  
#page1 {
+
.page p
width: 100%;
+
{
background-image: url(/wiki/images/2/23/Czech_Republic_home-bg.jpg);
+
  padding: 0;
background-position: center center;
+
  margin: 0;
background-size: cover;
+
background-repeat: no-repeat;
+
text-align: center;
+
position: relative;
+
height: calc(100vh - 43px);
+
 
}
 
}
  
#page1 #logo {
+
</style>
padding-top: calc(50vh - 200px);
+
 
height: 200px;
+
<section>
 +
<style>
 +
 
 +
#title #page1
 +
{
 +
  width: 100%;
 +
  text-align: center;
 +
  position: relative;
 +
  height: 100vh;
 
}
 
}
  
#page1 h1 {
+
#title #page1 > div.bg
padding: 10px 0;
+
{
display: block;
+
  background-image: url(/wiki/images/2/23/Czech_Republic_home-bg.jpg);
text-align: center;
+
  background-position: center top;
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%);
+
  background-size: cover;
 +
  background-repeat: no-repeat;
 +
  height: 100%;
 +
  width: 100%;
 +
  /*position: fixed;*/
 +
  top: 0;
 
}
 
}
  
#page1 #sponsors {
+
#title #page1 #logo
position: absolute;
+
{
top: calc(100vh - 203px);
+
  padding-top: calc(50vh - 200px);
height: 140px;
+
  height: 200px;
width: 100%;
+
}
padding: 10px 0;
+
 
background-color: #303030;
+
#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 id="logo">
+
  <div class="bg" data-anchor-target="#page1" data--0p-top="height: 90%" data--100p-top="height: 0%">
<h1><img src="/wiki/images/1/15/Czech_Republic_home-logo.png" alt="The IOD Band" width="600" /></h1>
+
    <div id="logo"data-anchor-target="#sponsors" data-200-top="opacity: 1" data-199-top="opacity: 0">
</div>
+
      <h1><img src="/wiki/images/1/15/Czech_Republic_home-logo.png" alt="The IOD Band" width="600" /></h1>
<div id="sponsors">
+
    </div>
  <img src="/wiki/images/b/bd/Czech_Republic_sponsors.png" alt="Sponsors" width="700" />
+
  </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