Difference between revisions of "Team:Cologne-Duesseldorf/PartyHard"

(Created page with "<html> <head> <style> /************************************************************************ Wiki Overrides ***************************************************************...")
 
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template:Cologne-Duesseldorf/css}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
 
<style>
 
<style>
−
 
+
.flr{
−
/************************************************************************
+
   display:flex;
−
Wiki Overrides
+
   justify-content: center;
−
************************************************************************/
+
   align-items: center;
−
#top_menu_under {
+
−
   display: none;
+
−
   position: relative;
+
−
  width: 100%;
+
−
  height: 0;
+
−
}
+
−
#top_menu_14 {
+
−
  position: fixed;
+
−
  width: 100%;
+
−
  top: 0px;
+
−
  left: 0px;
+
−
  height: 16px;
+
−
  background-color: #383838;
+
−
   border-bottom: 2px solid black;
+
−
  z-index: 50;
+
−
}
+
−
#top_title {
+
−
  display: none;
+
−
}
+
−
#sideMenu {
+
−
  display: none;
+
−
  width: 170px;
+
 
   position: absolute;
 
   position: absolute;
−
  top: 20px;
+
   left: 0;
−
   left: 1020px;
+
   right: 0;
−
   z-index: 10;
+
   top: 0;
−
   padding-top: 0px;
+
   bottom: 0;
−
   padding-bottom: 15px;
+
−
  padding-left: 15px;
+
−
  padding-right: 15px;
+
−
  background-color: white;
+
−
  text-align: left;
+
 
}
 
}
−
#bodyContent a[href ^="https://"],
+
 
−
.link-https {
+
#party-dove {
−
  background: none;
+
   max-width:100%;   
−
  padding: 0
+
   z-index:100;
−
}
+
−
#bodyContent a[href ^="mailto:"], .link-mailto {
+
−
   padding:0;
+
−
}
+
−
.pop_why_cover {
+
−
  display: none;
+
−
  z-index: 50;
+
−
  margin-top: -65px;
+
−
  margin-left: -40px;
+
−
  width: 980px;
+
−
   height: 2100px;
+
−
  float: left;
+
−
  position: absolute;
+
−
  opacity: 0.5;
+
−
  background-color: #b2b2b2;
+
−
}
+
−
.pop_why_box {
+
−
  display: none;
+
−
  left: 250px;
+
−
  top: 0px;
+
−
  background-color: white;
+
−
  padding: 15px;
+
−
  width: 500px;
+
−
  position: absolute;
+
−
  border: 3px solid #4e606e;
+
−
  border-radius: 3px;
+
−
   z-index: 50;
+
 
}
 
}
  
 
#party-overlay{
 
#party-overlay{
−
   position: absolute;
+
   position: fixed;
 
   top: 0;
 
   top: 0;
 
   bottom: 0;
 
   bottom: 0;
Line 79: Line 27:
 
   right: 0;
 
   right: 0;
 
   background: black;
 
   background: black;
−
   animation: p-p-p-party 0.3s infinite;
+
   animation: p-p-p-party 1s infinite;
 
}
 
}
  
 
@keyframes p-p-p-party{
 
@keyframes p-p-p-party{
−
   0% {background:#952ADE;}
+
   0% {background: #04FF40;}
−
   100% {background: #200177;}
+
  25% {background: #EB79AF;}
 +
  50% {background: #09D1FF;}
 +
  75% {background: #FF5916;}
 +
   100% {background: #691EBF;}
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
−
 
 
<body>
 
<body>
 +
  
  
 
<div id="party-overlay"></div>
 
<div id="party-overlay"></div>
 +
<div class="flr">
 +
<img id="party-dove" src="https://static.igem.org/mediawiki/2017/c/c8/T--Cologne-Duesseldorf--trash_dove.jpeg">
 +
</div>
 
<iframe style="display:none" width="560" height="315" src="https://www.youtube.com/embed/OiJKuQtAz3A?autoplay=1" frameborder="0" allowfullscreen></iframe>
 
<iframe style="display:none" width="560" height="315" src="https://www.youtube.com/embed/OiJKuQtAz3A?autoplay=1" frameborder="0" allowfullscreen></iframe>
 +
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 21:53, 7 December 2017