Difference between revisions of "Team:TecMonterrey GDL/Constructs"

(Replaced content with "{{:Template:TecMonterrey_GDL}}")
Line 1: Line 1:
 
{{:Template:TecMonterrey_GDL}}
 
{{:Template:TecMonterrey_GDL}}
 +
  <style>
 +
        .smart-headers{
 +
            font-family: 'Code Caption', sans-serif;
 +
        }
 +
 +
        .smart-headers h1{
 +
            margin-top: 3rem;
 +
            margin-bottom: 3rem;
 +
            color: #a36996;
 +
            text-shadow: 5px 0px 0px #723f66;
 +
            font-size: 5vw;
 +
            font-weight: 900;
 +
            letter-spacing: -5px;
 +
            position: relative;
 +
        }
 +
 +
        .img-decorator{
 +
            width: 2vw;
 +
            top: 0;
 +
            position: absolute;
 +
        }
 +
        .img-decorator2{
 +
            width: 2vw;
 +
            bottom: 0;
 +
            transform: translateX(-2vw) rotate(160deg);
 +
            position: absolute;
 +
        }
 +
 +
        .smart-headers h3{
 +
            font-weight: 100;
 +
            color: #0c605c;
 +
            font-size: 130%;
 +
        }
 +
 +
        .smart-headers h3 span{
 +
            font-weight: 900;
 +
            font-size: 140%;
 +
            letter-spacing: -3px;
 +
        }
 +
 +
        .cool-container{
 +
            height: 40em;
 +
        }
 +
        .internal-wrapper{
 +
            padding: 0 4rem 0 4rem;
 +
        }
 +
 +
        .proyect-container{
 +
            margin-top: 2rem;
 +
            padding: 2rem;
 +
            background-color: #d1d1d1a9;
 +
        }
 +
 +
        .proyect-subtitle{
 +
            font-family: 'Code Caption', sans-serif;
 +
            font-weight: 900;
 +
            margin-top: 1rem;
 +
            margin-bottom: 1rem;
 +
            letter-spacing: -2px;
 +
        }
 +
        .symbol{
 +
            font-size: 80px;
 +
            font-weight: 700;
 +
            color: rgb(224, 143, 143);
 +
        }
 +
        .microbes-img{
 +
            width: 6rem;
 +
        }
 +
    </style>
 +
 +
 +
 +
 +
 +
<div class="clear"></div>
 +
 +
 +
<div class="column full_size">
 +
<div class="container">
 +
    <div class="smart-headers text-center">
 +
        <h1><img class="img-decorator2" alt="decoration2" src="https://static.igem.org/mediawiki/2018/3/3a/T--TecMonterrey_GDL--decoration1.png">Construct Design <img class="img-decorator" alt="decoration1" src="https://static.igem.org/mediawiki/2018/3/3a/T--TecMonterrey_GDL--decoration1.png"></h1>
 +
    </div>

Revision as of 18:56, 4 October 2018

 <style>
       .smart-headers{
           font-family: 'Code Caption', sans-serif;
       }

       .smart-headers h1{
           margin-top: 3rem;
           margin-bottom: 3rem;
           color: #a36996;
           text-shadow: 5px 0px 0px #723f66;
           font-size: 5vw;
           font-weight: 900;
           letter-spacing: -5px;
           position: relative;
       }

       .img-decorator{
           width: 2vw;
           top: 0;
           position: absolute;
       }
       .img-decorator2{
           width: 2vw;
           bottom: 0;
           transform: translateX(-2vw) rotate(160deg);
           position: absolute;
       }

       .smart-headers h3{
           font-weight: 100;
           color: #0c605c;
           font-size: 130%;
       }

       .smart-headers h3 span{
           font-weight: 900;
           font-size: 140%;
           letter-spacing: -3px;
       }

       .cool-container{
           height: 40em;
       }
       .internal-wrapper{
           padding: 0 4rem 0 4rem;
       }

       .proyect-container{
           margin-top: 2rem;
           padding: 2rem;
           background-color: #d1d1d1a9;
       }

       .proyect-subtitle{
           font-family: 'Code Caption', sans-serif;
           font-weight: 900;
           margin-top: 1rem;
           margin-bottom: 1rem;
           letter-spacing: -2px;
       }
       .symbol{
           font-size: 80px;
           font-weight: 700;
           color: rgb(224, 143, 143);
       }
       .microbes-img{
           width: 6rem;
       }
   </style>




<img class="img-decorator2" alt="decoration2" src="T--TecMonterrey_GDL--decoration1.png">Construct Design <img class="img-decorator" alt="decoration1" src="T--TecMonterrey_GDL--decoration1.png">