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

Line 1: Line 1:
−
 
 
<html>
 
<html>
−
<body>
+
<style>  
−
 
+
/*STYLE FOR ALL PAGES*/
−
<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 */
 
/* Style the top navigation bar */
 
.topnav {
 
.topnav {
 
     overflow: hidden;
 
     overflow: hidden;
 
     background-color: #333;
 
     background-color: #333;
 +
    font-family: Bahnschrift;
 +
    font-size: 14px;
 +
    width: 100vw;
 +
    margin-top: 20px;
 
}
 
}
  
 
/* Style the topnav links */
 
/* Style the topnav links */
 
.topnav a {
 
.topnav a {
−
     float: left;
+
     float: right;
 
     display: block;
 
     display: block;
 
     color: #f2f2f2;
 
     color: #f2f2f2;
Line 73: Line 20:
 
     padding: 14px 16px;
 
     padding: 14px 16px;
 
     text-decoration: none;
 
     text-decoration: none;
 +
/*for transitions when hovering*/
 +
  -o-transition:color .2s ease-out, background 1s ease-in;
 +
  -ms-transition:color .2s ease-out, background 1s ease-in;
 +
  -moz-transition:color .2s ease-out, background 1s ease-in;
 +
  -webkit-transition:color .2s ease-out, background 1s ease-in
 +
}
 +
.topnav a img {
 +
    height: 10%;
 +
    width: 10%;
 +
}
 +
.topnav a.logo {
 +
    float: left;
 
}
 
}
  
Line 80: Line 39:
 
     color: black;
 
     color: black;
 
}
 
}
 +
HTML {
 +
    width: 100vw;
 +
    height: 100vh;
 +
    background-size:cover;
 +
    background-repeat:no-repeat;
  
−
 
+
    background-color: black; #blue
 +
   
 +
}
 +
body {
 +
    width: 100vw;
 +
    height: 100vh;
 +
    background-size:cover;
 +
    background-repeat:no-repeat;
 +
    /*background-image:url("https://raddinteractive.com/wp-content/uploads/Chalkboard-background-e1463542024446.jpg");
 +
    */
 +
    background-color: #4286f4; /*blue*/
 +
   
 +
}
 +
#root {
 +
    top: 8px;
 +
position: absolute;
 +
font-size: 16px;
 +
width: 100vw;
 +
height: 100vh;
 +
margin-left: -35px;
 +
margin-top: -30px;
 +
background-color: WhiteSmoke;
 +
}
 +
#wrapper
 +
{
 +
height: 90%;
 +
width: 90%;
 +
background-color: white;
 +
/*border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
 +
border-radius: 10px;*/
 +
margin: auto;
 +
display: table;
 
}
 
}
 
</style>
 
</style>
−
</head>
+
 
 
<body>
 
<body>
 +
<div id="root">
 
<div class="topnav">
 
<div class="topnav">
−
   <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home Page</a>
+
  <a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a>
 +
 
 +
   <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
 +
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
 
   <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</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">Home</a>
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
+
</div>
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
+
<div id="wrapper">
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
+
</div>
−
  <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>
+
 
</div>
 
</div>
−
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 21:01, 2 August 2018