Difference between revisions of "Team:iTesla-SoundBio/design"

(Created page with "I love science")
 
Line 1: Line 1:
I love science
+
 
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
* {
 +
    box-sizing: border-box;
 +
}
 +
 
 +
body {
 +
    font-family: Arial, Helvetica, sans-serif;
 +
    height: 100h;
 +
    width: 100w;
 +
}
 +
 
 +
/* Style the header */
 +
.header {
 +
    background-color: #f1f1f1;
 +
    padding: 30px;
 +
    text-align: center;
 +
    font-size: 35px;
 +
}
 +
 
 +
 
 +
}
 +
 
 +
/* Clear floats after the columns */
 +
.row:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both;
 +
}
 +
 
 +
/* Style the footer */
 +
.footer {
 +
    background-color: #f1f1f1;
 +
    padding: 10px;
 +
    text-align: center;
 +
}
 +
/* Make the text over image*/
 +
.container {
 +
    position: relative;
 +
    text-align: center;
 +
    color: black
 +
}
 +
.container1 {
 +
    position: relative;
 +
    text-align: center;
 +
    color: white
 +
}
 +
 
 +
.centered {
 +
    position: absolute;
 +
    bottom: 8px;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
}
 +
 
 +
/* Style the top navigation bar */
 +
.topnav {
 +
    overflow: hidden;
 +
    background-color: #333;
 +
}
 +
 
 +
/* Style the topnav links */
 +
.topnav a {
 +
    float: left;
 +
    display: block;
 +
    color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 
 +
/* Change color on hover */
 +
.topnav a:hover {
 +
    background-color: #ddd;
 +
    color: black;
 +
}
 +
 
 +
 
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="topnav">
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home Page</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/OldMainPage.html">Old Main Page</a>
 +
</div>

Revision as of 03:43, 2 August 2018

<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>

  • {
   box-sizing: border-box;

}

body {

   font-family: Arial, Helvetica, sans-serif;
   height: 100h;
   width: 100w;

}

/* Style the header */ .header {

   background-color: #f1f1f1;
   padding: 30px;
   text-align: center;
   font-size: 35px;

}


}

/* Clear floats after the columns */ .row:after {

   content: "";
   display: table;
   clear: both;

}

/* Style the footer */ .footer {

   background-color: #f1f1f1;
   padding: 10px;
   text-align: center;

} /* Make the text over image*/ .container {

   position: relative;
   text-align: center;
   color: black

} .container1 {

   position: relative;
   text-align: center;
   color: white

}

.centered {

   position: absolute;
   bottom: 8px;
   left: 50%;
   transform: translate(-50%, -50%);

}

/* Style the top navigation bar */ .topnav {

   overflow: hidden;
   background-color: #333;

}

/* Style the topnav links */ .topnav a {

   float: left;
   display: block;
   color: #f2f2f2;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;

}

/* Change color on hover */ .topnav a:hover {

   background-color: #ddd;
   color: black;

}


} </style> </head> <body>