@charset "UTF-8";
/* CSS Document */
/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
html {
background: center center no-repeat;
height:100%;
width:100%;
margin:0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/* overflow:hidden; */
}
.moveUp{
margin-top:-500px;
}
#container{
z-index:2;
background-width:100%;
background-height:100%;
}
#logo{
position: absolute;
background-image:url(img/page8logo.png);
background-repeat:no-repeat;
background-size:contain;
top: 50%;
left: 50%;
width: 200px;
height: 280px;
margin-top: -250px; /* Half the height */
margin-left: -100px; /* Half the width */
}
#search{
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 50px;
margin-top: -20px;
margin-left: -200px; /* Half the width */
}
#submit{
float: right;
height: 50px;
width: 50px;
background-image:url(img/search.jpg);
background-repeat:no-repeat;
background-size:contain;
cursor: pointer;
margin:0;
border: none;
padding:0;
}
#query{
background: white;
width: 300px;
height: 20px;
padding: 15px 15px 15px 20px;
margin: 0;
border:none;
font-family: 'Droid Sans', sans-serif;
font-size: 14pt;
font-weight: 400;
color:#444;
}
#query:focus{
outline:none;
}
::-webkit-input-placeholder {
color: #CCC;
text-align:center;
}
:-moz-placeholder { /* Firefox 18- */
color: #CCC;
text-align:center;
}
::-moz-placeholder { /* Firefox 19+ */
color: ##CCC;
text-align:center;
}
:-ms-input-placeholder {
color: #F4F4F4;
text-align:center;
}
#like_tweet{
position: absolute;
width:210px;
top:50%;
left:50%;
margin-top: 60px;
margin-left: -90px;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
vertical-align:top;
zoom:1;
*display:inline;
z-index: 1000;
}
.fb-like{
float:right;
margin-right:10px;
width:100px !important;
}
.tweet{
float:left;
width:60px !important;
margin-left:0px;
}
#footer{
z-index:1;
position: absolute;
display: block;
width: 100%;
height: auto;
padding-top:14px;
background-color: white;
background-image:url(img/page8_bg.png);
top:100%;
margin-top:0px;
text-align:center;
}
.back_up_shown{
z-index:1;
position: absolute;
background:url(img/up_arrow.png) center center no-repeat ;
background-size:contain;
width:300px;
height:80px;
left:50%;
top:100%;
margin-left:-150px;
margin-top: -150px;
cursor:pointer;
display: none; /*Hiermee starten we verborgen*/
}
h1.whatis{
position: relative;
width:240px;
height:50px;
left:50%;
margin-top: -50px;
margin-left:-120px;
color: #333;
background-color: #FFF;
padding:5px 0px 10px 0px;
font-family: 'Droid Sans', sans-serif;
font-size: 1.1em;
font-weight:700;
letter-spacing:0.2em;
line-height:2em;
text-decoration:none;
}
h1.whatis:hover{
cursor:pointer;
}
hr.hr_styled {
position:relative;
border: 0;
margin-top:0;
height: 1px;
width:400px;
left:50%;
margin-left:-200px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
p.about{
position: relative;
display:block;
width: 550px;
left: 50%;
margin-left:-275px;
color:#666;
padding: 10px 20px 20px 10px;
text-align: left;
font-family: 'Droid Sans', sans-serif;
font-size: 1.1em;
line-height:1.7em;
}
.about_title{
font-size:1em;
font-weight:700;
}
p.about a{
color:#297077;
text-decoration:none;
}
.up_to_search{
text-decoration:none;
cursor:pointer;
color:#297077;
}
.share{
font-size:.8em;
}
.cornyfy{
position:relative;
float: right;
padding: 10px 0px 20px 10px;
width: 150px;
}
a.credits{
text-decoration:none;
position: relative;
display:block;
width: 220px;
left: 50%;
margin-left:-110px;
color:#CCC;
padding: 10px 20px 20px 10px;
font-family: 'Droid Sans', sans-serif;
font-size: 0.8em;
line-height:1.7em;
text-transform:;
letter-spacing:0.2em;
cursor:pointer;
}
a.credits:hover{
color: #297077;
}
/* Smartphones */
@media all and (max-width : 560px) {
#logo{
width:100px;
height:100px;
margin-top: -150px;
margin-left:-50px;
}
#search{
left: 50%;
width: 300px;
height: 40px;
margin-left: -150px; /* Half the width */
}
#submit{
float: right;
height: 40px;
width: 40px;
}
#query{
width: 225px;
height: 20px;
padding: 10px 15px 10px 15px;
font-size: 14pt;
font-weight: 400;
}
#footer{
height: auto;
margin-top:-50px;
}
.back_up_shown{
width:300px;
height:40px;
left:50%;
top:100%;
margin-left:-150px;
margin-top: -100px;
}
hr.hr_styled {
width: 300px;
margin-left:-150px;
}
p.about{
width:250px;
padding: 10px 10px 10px 10px;
border:none;
margin-left:-125px;
font-size: 0.8em;
line-height:2em;
}
}
@media all and (min-width:480px) and (max-height: 600px) {
#logo{
width:200px;
height:140px;
margin-top: -180px;
margin-left:-70px;
}
#search{
left: 50%;
width: 400px;
height: 50px;
margin-left: -200px; /* Half the width */
}
#submit{
float: right;
height: 50px;
width: 50px;
}
#query{
width: 300px;
height: 20px;
padding: 15px 15px 15px 30px;
font-size: 14pt;
font-weight: 400;
}
#footer{
height: auto;
margin-top:-50px;
}
.back_up_shown{
width:300px;
height:40px;
left:50%;
top:100%;
margin-left:-150px;
margin-top: -100px;
}
p.about{
font-size: 1em;
line-height:2em;
}
}
@media all and (max-height: 350px) {
#logo{
visibility:hidden;
}
#search{
margin-top:-35px;
margin-left: -200x; /* Half the width */
}
}
@media all and (min-width:480px) and (max-height: 350px) {
#logo{
visibility:hidden;
}
#search{
margin-top:-35px;
margin-left: -200x; /* Half the width */
}
#like_tweet{
margin-top: 20px;
}
}
Page8