Difference between revisions of "Template:Greece/Results"

Line 1: Line 1:
 
<!-- {{Greece}} -->
 
<!-- {{Greece}} -->
 
<html>
 
<html>
 +
<head>
 +
  <style>
 +
    .content_image_results{
 +
      position: absolute;
 +
      margin: -30px 0px 0px 0px;
 +
      min-width: 300px;
 +
      max-width: 600px;
 +
      width: 40%;
 +
      height: 100%;
 +
      background-image: url(https://static.igem.org/mediawiki/2017/8/8c/Greekom_osiris_photo_for_content.png);
 +
      background-size: 100% 100%;
 +
      background-repeat: no-repeat;
 +
      overflow: hidden;
 +
      z-index: 1;
 +
    }
 +
    .content_details_results{
 +
      position:absolute;
 +
      right: -15px;
 +
      height: 940px;
 +
      width: 100%;
 +
      overflow: hidden;
 +
      overflow-y: scroll;
 +
      padding-right: 30px;
 +
      -webkit-box-shadow: 3px 0px 110px 0px rgba(150, 150, 150, 1);
 +
      -moz-box-shadow: 3px 0px 110px 0px rgba(150, 150, 150, 1);
 +
      box-shadow: 3px 0px 110px 0px rgba(150, 150, 150, 1);
 +
      background: linear-gradient(
 +
          to bottom,
 +
          rgba(150, 150, 150, 1) 0%,
 +
          rgba(150, 150, 150, 0) 10%,
 +
          rgba(150, 150, 150, 0) 90%,
 +
          rgba(150, 150, 150, 1) 100%
 +
      );
 +
      margin: -70px 0px 0px 0px;
 +
    }
 +
    .content_title_results{
 +
      position: relative;
 +
      width: 100%;
 +
      top: 100px;
 +
      left: 45%;
 +
      margin-right: -45%;
 +
      transform: translate(-50%, -45%);
 +
      /*padding: 10px 0px 10px 0px;*/
 +
      font-size: 29px;
 +
    }
 +
    .content_article_results{
 +
      position: relative;
 +
      margin: 115px 0px 0px 0px;
 +
      /*padding: 0px 0px 0px 15px;*/
 +
    }
 +
  </style>
 +
</head>
 +
<body>
 +
  <div class='content_image'></div>
 +
 +
  <div class='content_details'>
 +
      <span class='content_title'><strong>Optimized Societal Impact and Risk Integration System</br>
 +
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;(O.S.I.R.I.S.)</strong></span>
 +
      <article class='content_article'>
 +
 +
      </article>
 +
    </div>
 +
</body>
 +
</html>
 +
<!--
  
  
Line 58: Line 123:
  
 
</html>
 
</html>
 +
-->

Revision as of 09:30, 16 October 2017

Optimized Societal Impact and Risk Integration System
           (O.S.I.R.I.S.)