} /* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { height : 50% ; background-image: url("https://scontent.fblj1-1.fna.fbcdn.net/v/t39.30808-6/404387616_689379223345464_8483201144211809346_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=5f2048&_nc_ohc=tWfwXmx-YboAX95Euvr&_nc_ht=scontent.fblj1-1.fna&oh=00_AfCc0idQq0DAuvWyq7ZmvVHZNWcM6z6VOQKA8kFmkw2niQ&oe=65646B48"); background-size: cover; background-position: top; background-repeat:no-repeat; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11 { font-size:70%; font-weight:normal; } q:before,q:after { content:´; } abbr,acronym { border:0; } /* General Demo Style */ body{ } .ie7 body{ overflow:hidden; } a{ color: #333; text-decoration: none; } .container{ position: relative; text-align: center; } .clr{ clear: both; } .container > header{ padding: 25px 25px 10px 10px; margin: 15px 15px 15px 15px; position: center; display: block; text-shadow: 2px 2px 2px rgba(0,0,0,0.2); text-align: center; } .container > header h1{ font-family: BebasNeueRegular, Arial Narrow´, Arial, sans-serif´; font-size: 20px; line-height: 20px; position: center; font-weight: 300; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px } .container > header h1 span{ } .container > header h2, p.info{ font-size: 20px; font-style: italic; color: #f8f8f8; text-shadow: 2px 2px 2px rgba(0,0,0,0.6); } /* Header Style */ .codrops-top{ font-family: Arial, sans-serif; line-height: 20px; font-size: 20px; width: 100%; background: #061978; opacity: 0.9; text-transform: uppercase; z-index: 9999; position: center; -moz-box-shadow: 1px 0px 2px #000; -webkit-box-shadow: 1px 0px 2px #000; box-shadow: 2px 2px 2px #000; } .codrops-top a{ padding: 0px 10px; letter-spacing: 1px; color: #ddd; display: block; float: left; } .codrops-top a:hover{ color: #fff; } .codrops-top span.right{ float: center; } .codrops-top span.right a{ float: none; display: inline; } p.codrops-demos{ display: block; padding: 15px 0px; } p.codrops-demos a, p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{ display: inline-block; border: 1px solid #6d0019; padding: 4px 10px 3px; font-size: 13px; line-height: 18px; margin: 2px 3px; font-weight: 800; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #061978; background: -moz-linear-gradient(top, #061978 0%, #061978 44%, #061978 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(70%,#6d0019)); background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 70%); background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 70%); background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 70%); background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 70%); } p.codrops-demos a:hover{ background: #061978; } p.codrops-demos a:active{ background: #061978; background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(70%,#a90329)); background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 70%); background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 70%); background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 70%); background: linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 70%); -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9); -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9); box-shadow: 0px 1px 1px rgba(255,255,255,0.9); } p.codrops-demos a.current-demo, p.codrops-demos a.current-demo:hover{ color: #061978; background: #061978; } /* Media Queries */ @media screen and (max-width: 700px) { .container > header{ text-align: center; } p.codrops-demos { position: fixed; top: auto; left: auto; } }