Difference between revisions of "Team:Rice/Model"

Line 2: Line 2:
 
{{Rice/Backdrop}}
 
{{Rice/Backdrop}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<style>
+
    <style>
−
* {
+
        * {
−
  box-sizing: border-box;
+
            box-sizing: border-box;
−
}
+
        }
 +
 
 
         #top_title {
 
         #top_title {
 
             display: none;
 
             display: none;
 
         }
 
         }
−
        #home_logo, #sideMenu { display:none; }
 
−
    #sideMenu, #top_title, .patrollink  {display:none;}
 
−
        #content {  margin-left:-7px; margin-top:-7px; padding:0px; width:100%;}
 
  
−
         #topbox{
+
        #home_logo,
−
             height:30vh;
+
        #sideMenu {
 +
            display: none;
 +
        }
 +
 
 +
        #sideMenu,
 +
        #top_title,
 +
        .patrollink {
 +
            display: none;
 +
        }
 +
 
 +
        #content {
 +
            margin-left: -7px;
 +
            margin-top: -7px;
 +
            padding: 0px;
 +
            width: 100%;
 +
        }
 +
 
 +
         #topbox {
 +
             height: 30vh;
 
             background-image: url(https://static.igem.org/mediawiki/2019/a/a9/T--Rice--Modeling.svg);
 
             background-image: url(https://static.igem.org/mediawiki/2019/a/a9/T--Rice--Modeling.svg);
 
             background-size: cover;
 
             background-size: cover;
Line 24: Line 41:
 
             background-color: #1f9ec1;
 
             background-color: #1f9ec1;
 
         }
 
         }
−
         #topbox h1{
+
 
 +
         #topbox h1 {
 
             font-size: 80px;
 
             font-size: 80px;
 
             color: white !important;
 
             color: white !important;
Line 35: Line 53:
 
         }
 
         }
  
−
#content {
+
        #content {
−
    left: 0px;
+
            left: 0px;
−
    height: 80%;
+
            height: 80%;
−
    padding: 0px;
+
            padding: 0px;
−
    width: 100%;
+
            width: 100%;
−
    margin-left: 0px;
+
            margin-left: 0px;
−
    margin-top: 0px;
+
            margin-top: 0px;
−
    margin-bottom: 0px;
+
            margin-bottom: 0px;
−
    background-color: #1f9ec1!important;
+
            background-color: #1f9ec1 !important;
−
    }
+
        }
−
.container {
+
−
    background-color:white !important;
+
−
}
+
−
/* Create two equal columns that floats next to each other */
+
−
.column {
+
−
  float: left;
+
−
  width: 50%;
+
−
  padding:10px;
+
−
}
+
  
−
/* Clear floats after the columns */
+
        .container {
−
.row:after {
+
            background-color: white !important;
−
  content: "";
+
        }
−
  display: table;
+
−
  clear: both;
+
  
−
}
+
        /* Create two equal columns that floats next to each other */
 +
        .column {
 +
            float: left;
 +
            width: 50%;
 +
            padding: 10px;
 +
        }
  
−
p {
+
        /* Clear floats after the columns */
−
         color:#000000!important;
+
         .row:after {
−
font-family: raleway!important;
+
            content: "";
−
font-size: 20px!important;
+
            display: table;
−
                padding: 40px!important;
+
            clear: both;
−
                margin-top:-10px!important;
+
−
       
+
−
    }
+
−
h1{
+
−
color:#000000 !important;
+
−
font-family: comfortaa !important;
+
−
font-size: 60px!important;
+
−
                text-align:center;
+
−
                color: #fff!important;
+
−
                padding:40px!important;
+
  
−
}
+
        }
−
h2{
+
 
−
color:#000000!important;
+
        p {
−
font-family: comfortaa !important;
+
            color: #000000 !important;
−
font-size: 30px!important;
+
            font-family: raleway !important;
−
                text-align:center;
+
            font-size: 20px !important;
−
    }
+
            padding: 40px !important;
−
body {
+
            margin-top: -10px !important;
−
        margin: 0;
+
 
−
        background-color: #1f9ec1!important;
+
        }
−
    }
+
 
−
</style>
+
        h1 {
 +
            color: #000000 !important;
 +
            font-family: comfortaa !important;
 +
            font-size: 60px !important;
 +
            text-align: center;
 +
            color: #fff !important;
 +
            padding: 40px !important;
 +
 
 +
        }
 +
 
 +
        h2 {
 +
            color: #000000 !important;
 +
            font-family: comfortaa !important;
 +
            font-size: 30px !important;
 +
            text-align: center;
 +
        }
 +
 
 +
        body {
 +
            margin: 0;
 +
            background-color: #1f9ec1 !important;
 +
        }
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div id="topbox">
+
    <div id="topbox">
 
         <h1></h1>
 
         <h1></h1>
 
     </div>
 
     </div>
−
     <br />
+
   
 +
     <div class="container">
 +
       
  
−
<div class="container">
+
    </div>
−
<h1>Heading</h1>
+
−
<p>sample text</p>
+
−
 
+
−
</div>
+
  
 
</body>
 
</body>
 +
 
</html>
 
</html>
 
{{Rice/footer}}
 
{{Rice/footer}}

Revision as of 21:02, 28 September 2019