Difference between revisions of "Template:Greece/TeamIntro"

(Created page with "<html> <head> <link href="https://fonts.googleapis.com/css?family=Gochi+Hand" rel="stylesheet" /> <script src="https://code.highcharts.com/highcharts.js"></script> <script sr...")
 
Line 8: Line 8:
  
 
   <style>
 
   <style>
     .content_image{
+
     .content_image_teamintro{
 
       position: absolute;
 
       position: absolute;
 
       margin: -30px 0px 0px 0px;
 
       margin: -30px 0px 0px 0px;
 
       min-width: 300px;
 
       min-width: 300px;
 
       max-width: 600px;
 
       max-width: 600px;
       width: 40%;
+
       width: 48%;
 
       height: 100%;
 
       height: 100%;
 
       background-image: url(https://static.igem.org/mediawiki/2017/3/35/Greekom_roadmap.png);
 
       background-image: url(https://static.igem.org/mediawiki/2017/3/35/Greekom_roadmap.png);
Line 25: Line 25:
 
       -o-transition: 2s ease-in-out;
 
       -o-transition: 2s ease-in-out;
 
     }
 
     }
     .content_details{
+
     .content_details_teamintro{
 
       position:absolute;
 
       position:absolute;
 
       right: -15px;
 
       right: -15px;
Line 45: Line 45:
 
       margin: -70px 0px 0px 0px;
 
       margin: -70px 0px 0px 0px;
 
     }
 
     }
     .content_title{
+
     .content_title_teamintro{
 
       position: relative;
 
       position: relative;
 
       width: 100%;
 
       width: 100%;
Line 55: Line 55:
 
       font-size: 29px;
 
       font-size: 29px;
 
     }
 
     }
     .content_article{
+
     .content_article_teamintro{
 
       position: relative;
 
       position: relative;
 
       margin: 115px 0px 0px 0px;
 
       margin: 115px 0px 0px 0px;
Line 71: Line 71:
 
<body>
 
<body>
  
   <div class='content_image slide_out' data-av-animation="slideInRight"></div>
+
   <div class='content_image_teamintro slide_out' data-av-animation="slideInRight"></div>
  
   <div class='content_details'>
+
   <div class='content_details_teamintro'>
       <span class='content_title'><strong>Optimized Societal Impact and Risk Integration System</br>
+
       <span class='content_title_teamintro'><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>
 
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;(O.S.I.R.I.S.)</strong></span>
       <article class='content_article'>
+
       <article class='content_article_teamintro'>
 
         <section>
 
         <section>
           <div class='container' id="container"></div>
+
           <div class='container' id="container" style='position: absolute; right: -20px; border: 1px solid #fff'></div>
 
         </section>
 
         </section>
 
       </article>
 
       </article>

Revision as of 17:29, 29 October 2017

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