Difference between revisions of "Team:UC Davis/AchalaTestPage"

Line 1: Line 1:
−
<html>
+
\<html>
 
     <head>
 
     <head>
 
         <script src=></script>
 
         <script src=></script>
Line 6: Line 6:
 
         <title> UC Davis iGEM 2018 </title>  
 
         <title> UC Davis iGEM 2018 </title>  
 
         <style>
 
         <style>
 +
       
 +
        #home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
        /* Random CSS */
 
−
                      body {background-color: #002855;}
 
−
                      a.white:link {color:#FFF;}      /* unvisited link */
 
−
                      a.white:visited {color:#FFF;}  /* visited link */
 
−
                      a.white:hover {color:#FFF;}  /* mouse over link */
 
−
                      a.white:active {color:#FFF;}  /* selected link */
 
  
−
                     
+
/* Random CSS */
−
                      /* Navigation bar CSS */
+
              body {background-color: #002855;}
 +
              a.white:link {color:#FFF;}      /* unvisited link */
 +
              a.white:visited {color:#FFF;}  /* visited link */
 +
              a.white:hover {color:#FFF;}  /* mouse over link */
 +
              a.white:active {color:#FFF;}  /* selected link */
 +
              a{color:#909090}
 +
              .brightlink {color:#00BA00 !important;
 +
                       
 +
              }
 +
              .centertext {text-align: center;
 +
              }
  
−
                                    .nav, .nav ul {
+
              a:visited{color:#909090}
−
                                    margin: 0;
+
              p {border:none;
−
                                            margin-bottom: 10px;  
+
                color:rgba(255,255,255,1);
−
                                    padding: 0;
+
                }
−
                                    list-style: none;
+
              .teampagetext {vertical-align:text-top; display:inline; width:740px; float:left;}
−
                                    line-height: 1;
+
              h1 {border-color:white;
−
                                    z-index: 9999999;
+
                  color:white;
−
                                    }
+
              }
 +
              h2 {color:white;}
 +
              h3 {margin-bottom:0px;
 +
                  font-size:140%;
 +
                  padding:0px;
 +
                  color:white;
 +
              }
 +
              .banner {border-radius:4px;
 +
                      background-color: rgba(255,255,255, .6);
 +
              }
 +
              .genpic { border-radius:4px;
 +
                      margin-right:20px;
 +
                      margin-bottom:20px;
 +
              }
 +
              .genpicfloatleft { border-radius:4px;
 +
                                margin-right:20px;
 +
                                margin-bottom:20px;
 +
                                float:left;
 +
              }
 +
              .genpicfloatright { border-radius:4px;
 +
                                  margin-left:20px;
 +
                                  float:right;
 +
                                  margin-bottom:20px;
 +
              }
  
−
                                    /* The top navigation menu */
+
              .horizontalCenteringDiv { float:left;
−
                                    .nav {
+
                                        height:100%;
−
                                    /* Layout & positioning */
+
              }
−
                                    display: block;
+
−
                                    position: relative;
+
−
                                    width: 967px; /*1000px*/
+
−
                                    height: 43px;
+
−
                                            border-radius:4px;
+
  
−
                                    /* Background & effects */
+
              img.pStatImage {
−
                                    background: #123b68; /* Background for Internet Explorer 9 and older browsers */
+
                            width: 300px;
 +
                            float: left;
 +
                           
 +
                            top: 0; bottom: 0; left: 0; right: 0;
 +
                            margin: auto;
 +
              }
  
−
                                    }
+
              img.leftpic {margin-right:15px;
 +
                            float:left;
 +
                            vertical-align:top;
 +
                            border-radius:4px;
 +
                            width:150px;
 +
                            border-collapse:separate;
 +
                           
 +
              }
 +
              img.rightpic {margin-left:15px;
 +
                            float:right;
 +
                            vertical-align:top;
 +
                            border-radius:4px;
 +
                            width:150px;
 +
                           
 +
              }
 +
              img.contactimage {
 +
                            width:100px;
 +
                            border-radius:5px;
 +
                            margin-right:10px;
 +
                            align:text-top;
 +
                            float:left;
 +
                            clear:both;
 +
              }
 +
              .clear {      clear:both;
 +
              }
  
−
                                    /* The link containers */
+
              /* END Random CSS */
−
                                    .nav>li {
+
−
                                    display: block;
+
−
                                    float:left;
+
−
                                    position: relative;
+
−
                                    margin: 0;
+
−
                                    padding: 0;
+
−
                     
+
−
                                    }
+
  
−
                                    /* The main navigation links */
+
              /* Begin Nav CSS */
−
                                    .nav>li>a, .nav>li>p {
+
−
                                    /* Layout & positioning */
+
−
                                    display: block;
+
−
                                    width: 159.1px; /* 198 */
+
−
                                            padding: 15px 0px;
+
  
−
                                    /* Typography */
+
                            .nav, .nav ul {
−
                                    font-family: Arial, san-serif;
+
                            margin: 0;
−
                                    font-size: 20px;
+
                                    margin-bottom: 10px;  
−
                                          font-weight: normal;
+
                            padding: 0;
−
                                    text-decoration: none;
+
                            list-style: none;
−
                                    color: rgba(255, 255, 255, .9);
+
                            line-height: 1;
−
                                    text-shadow: 0 1px 0 #2a2a2a;
+
                            z-index: 9999999;
−
                                    text-align: center;
+
                            }
  
−
                                    /* Chaning the background on hover with a smooth transition */
+
                            /* The top navigation menu */
−
                                    -webkit-transition: background .35s linear;
+
                            .nav {
−
                                    -moz-transition: background .35s linear;
+
                            /* Layout & positioning */
−
                                    -ms-transition: background .35s linear;
+
                            display: block;
−
                                    -o-transition: background .35s linear;
+
                            position: relative;
−
                                    transition: background .35s linear;
+
                            width: 967px; /*1000px*/
−
                                     }
+
                            height: 43px;
 +
                                     border-radius:4px;
  
−
                                    /* Centering dotted line dividers */
+
                            /* Background & effects */
−
                                    .leftbookend {
+
                            background: #123b68; /* Background for Internet Explorer 9 and older browsers */
−
                                            border-right: 1px dotted #393939;
+
−
                                    }
+
−
                                   
+
−
                                    .rightbookend {
+
−
                                            border-left: 1px dotted #595959;
+
−
                                    } 
+
  
−
                                    /* Chaning the background on hover */
+
                            }
−
                                    .nav>li>a:hover, .nav>li>p:hover .nav>li:hover>a {
+
−
                                    background: rgba(255, 255, 255, .9);
+
−
                                    color: #000;
+
−
                                    }
+
  
−
                                    .nav>li:first-child a, .nav>li:first-child p  {
+
                            /* The link containers */
−
                                    border-top-left-radius: 3px;
+
                            .nav>li {
−
                                    }
+
                            display: block;
 +
                            float:left;
 +
                            position: relative;
 +
                            margin: 0;
 +
                            padding: 0;
 +
             
 +
                            }
  
 +
                            /* The main navigation links */
 +
                            .nav>li>a, .nav>li>p {
 +
                            /* Layout & positioning */
 +
                            display: block;
 +
                            width: 159.1px; /* 198 */
 +
                                    padding: 15px 0px;
  
 +
                            /* Typography */
 +
                            font-family: Arial, san-serif;
 +
                            font-size: 20px;
 +
                                  font-weight: normal;
 +
                            text-decoration: none;
 +
                            color: rgba(255, 255, 255, .9);
 +
                            text-shadow: 0 1px 0 #2a2a2a;
 +
                            text-align: center;
  
−
                                    .arrow:hover {
+
                            /* Chaning the background on hover with a smooth transition */
−
                                        -moz-transition-duration: 3000s;
+
                            -webkit-transition: background .35s linear;
−
                                        -ms-transition-duration: 3000s;
+
                            -moz-transition: background .35s linear;
−
                                        -o-transition-duration: 3000s;
+
                            -ms-transition: background .35s linear;
−
                                        -webkit-transition-duration: 3000s;
+
                            -o-transition: background .35s linear;
−
                                        transition-duration: 3000s;
+
                            transition: background .35s linear;
−
                                    }
+
                            }
  
 +
                            /* Centering dotted line dividers */
 +
                            .leftbookend {
 +
                                    border-right: 1px dotted #393939;
 +
                            }
 +
                           
 +
                            .rightbookend {
 +
                                    border-left: 1px dotted #595959;
 +
                            } 
  
−
                                    /* General styling for the submenus */
+
                            /* Chaning the background on hover */
−
                                    .nav ul {
+
                            .nav>li>a:hover, .nav>li>p:hover .nav>li:hover>a {
−
                                    display: block;
+
                            background: rgba(255, 255, 255, .9);
−
                                    position: absolute;
+
                            color: #000;
−
                                    left: -9999px;
+
                            }
−
                                    text-align: center;
+
−
                                    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
+
−
                     
+
−
                                    }
+
  
−
                                    /* Level 1 submenus */
+
                            .nav>li:first-child a, .nav>li:first-child p  {
−
                                    .nav>li>ul {
+
                            border-top-left-radius: 3px;
−
                                    cursor: pointer;
+
                            }
−
                                    padding-top: 0px;
+
−
                                    z-index: 200;
+
−
                                    top: 43px;
+
−
                                    }
+
  
−
                                    /* Making the level 1 submenu to appear on hover */
 
−
                                    .nav>li:hover>ul {
 
−
                                    left: 0px;
 
−
                                    }
 
  
  
−
                                    /* The submenu link containers */
+
                            .arrow:hover {
−
                                    .nav ul li {
+
                                -moz-transition-duration: 3000s;
−
                                    position: relative;
+
                                -ms-transition-duration: 3000s;
−
                                    display: block;
+
                                -o-transition-duration: 3000s;
−
                     
+
                                -webkit-transition-duration: 3000s;
−
                                    /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
+
                                transition-duration: 3000s;
−
                                    height: 0px;
+
                            }
−
                                    -webkit-transition: height .2s;
+
−
                                    -moz-transition: height .2s;
+
−
                                    -o-transition: height .2s;
+
−
                                    -ms-transition: height .2s;
+
−
                                    }
+
  
−
                                    /* Expanding the list elements which contain the links */
 
−
                                    .nav li:hover>ul>li {
 
−
                                    height: 24px;
 
−
                                    }
 
  
−
                                    .nav>li:hover>ul>li:first-child {
+
                            /* General styling for the submenus */
−
                                    height: 27px;
+
                            .nav ul {
−
                                    }
+
                            display: block;
 +
                            position: absolute;
 +
                            left: -9999px;
 +
                            text-align: center;
 +
                            box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
 +
             
 +
                            }
  
−
                                    .nav>li>ul>li:first-child>a {
+
                            /* Level 1 submenus */
−
                                    border-top: 3px solid #fff;
+
                            .nav>li>ul {
−
                                    }
+
                            cursor: pointer;
 +
                            padding-top: 0px;
 +
                            z-index: 200;
 +
                            top: 43px;
 +
                            }
  
−
                                    .nav>li>ul>li.dropdown:first-child>ul {
+
                            /* Making the level 1 submenu to appear on hover */
−
                                          top: 3px;
+
                            .nav>li:hover>ul {
−
                                    }
+
                            left: 0px;
 +
                            }
  
−
                                    /* The links of the submenus */
 
−
                                    .nav ul li a {
 
−
                                    /* Layout */
 
−
                                    display: block;
 
−
                                    width: 127px; /* 169 */
 
−
                                    padding: 6px 12px 6px 20px;
 
  
−
                                    /* Typography */
+
                            /* The submenu link containers */
−
                                    font-size: 13px;
+
                            .nav ul li {
−
                                    color: #01406e;
+
                            position: relative;
−
                                    font-family: Arial, san-serif;
+
                            display: block;
−
                                    text-decoration: none;
+
             
−
                                    background: #f0f0f0;
+
                            /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
 +
                            height: 0px;
 +
                            -webkit-transition: height .2s;
 +
                            -moz-transition: height .2s;
 +
                            -o-transition: height .2s;
 +
                            -ms-transition: height .2s;
 +
                            }
  
−
                                    /* Every change to the links (background, color etc) will be made with a smooth transition */
+
                            /* Expanding the list elements which contain the links */
−
                                    -webkit-transition: all .2s;
+
                            .nav li:hover>ul>li {
−
                                    -moz-transition: all .2s;
+
                            height: 24px;
−
                                    -ms-transition: all .2s;
+
                            }
−
                                    -o-transition: all .2s;
+
−
                                    transition: all .2s;
+
−
                                    }
+
  
−
                                    .nav>li>ul>li:first-child>a::before {
+
                            .nav>li:hover>ul>li:first-child {
−
                                    content: "";
+
                            height: 27px;
−
                                    display: block;
+
                            }
−
                                    position: absolute;
+
−
                                    text-align: center;
+
−
                                    width: 100%;
+
−
                                    height: 12px;
+
−
                                    background: transparent;
+
−
                                    top: -8px;
+
−
                                    left: 0;
+
−
                                    z-index: 9999;
+
−
                                    }
+
  
−
                                    /* The hover state of the links */
+
                            .nav>li>ul>li:first-child>a {
−
                                    .nav ul li:hover>a, .nav ul li>a:hover, .nav ul li:hover>p, .nav ul li>p:hover  {
+
                            border-top: 3px solid #fff;
−
                                    background: #c8c8c8; /*e7e7e7 */
+
                            }
−
                                    color: #000000;
+
−
                                    }
+
  
−
                                    /* Changing the color of the arrow on hover */
+
                            .nav>li>ul>li.dropdown:first-child>ul {
−
                                    .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
+
                                  top: 3px;
−
                                    border-left-color: #fff;
+
                            }
−
                                    }
+
  
−
                                    .nav>li>ul>li  
+
                            /* The links of the submenus */
−
                                    {
+
                            .nav ul li a {
−
                                            margin-bottom: 0
+
                            /* Layout */
−
                                    }
+
                            display: block;
 +
                            width: 127px; /* 169 */
 +
                            padding: 6px 12px 6px 20px;
  
 +
                            /* Typography */
 +
                            font-size: 13px;
 +
                            color: #01406e;
 +
                            font-family: Arial, san-serif;
 +
                            text-decoration: none;
 +
                            background: #f0f0f0;
  
−
                                    .nav>li:first-child:hover>ul
+
                            /* Every change to the links (background, color etc) will be made with a smooth transition */
−
                                    {
+
                            -webkit-transition: all .2s;
−
                                            left:0px;
+
                            -moz-transition: all .2s;
−
                                    }
+
                            -ms-transition: all .2s;
 +
                            -o-transition: all .2s;
 +
                            transition: all .2s;
 +
                            }
  
−
                                    .nav>li:last-child:hover>ul
+
                            .nav>li>ul>li:first-child>a::before {
−
                                    {
+
                            content: "";
−
                                          left: 0px;
+
                            display: block;
−
                                    }
+
                            position: absolute;
 +
                            text-align: center;
 +
                            width: 100%;
 +
                            height: 12px;
 +
                            background: transparent;
 +
                            top: -8px;
 +
                            left: 0;
 +
                            z-index: 9999;
 +
                            }
  
−
                                    .tableCSS
+
                            /* The hover state of the links */
−
                                    {
+
                            .nav ul li:hover>a, .nav ul li>a:hover, .nav ul li:hover>p, .nav ul li>p:hover  {
−
                                          background-color:#ffffff;
+
                            background: #c8c8c8; /*e7e7e7 */
−
                                          width:1000px;
+
                            color: #000000;
−
                                    }
+
                            }
  
−
                      /* END Nav CSS */
+
                            /* Changing the color of the arrow on hover */
 +
                            .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
 +
                            border-left-color: #fff;
 +
                            }
  
−
                    </style>
+
                            .nav>li>ul>li
−
                    <body>
+
                            {
−
                        <ul class="nav">
+
                                    margin-bottom: 0
−
                              <li class="dropdown leftbookend">
+
                            }
−
                                    <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
+
 
−
                      </li>
+
 
−
                <li class="dropdown leftbookend rightbookend">
+
                            .nav>li:first-child:hover>ul
−
                <a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
+
                            {
−
                <ul>
+
                                    left:0px;
−
                <li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
+
                            }
−
                                                <li><a href="/Team:UC_Davis/Protein_Engineering">Protein Engineering</a></li>
+
 
−
                                                <li><a href="/Team:UC_Davis/Potentiostat_Design">Potentiostat Design</a></li>
+
                            .nav>li:last-child:hover>ul
−
                                                <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li>
+
                            {
−
                                                <li><a href="/Team:UC_Davis/Signal_Processing">Signal Processing</a></li>
+
                                  left: 0px;
−
                                                <li><a href="/Team:UC_Davis/Criteria">Achievements</a></li>
+
                            }
−
                <li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
+
 
−
                </ul>
+
                            .tableCSS
−
                </li>
+
                            {
−
                <li class="dropdown rightbookend">
+
                                  background-color:#ffffff;
−
                <a href="/Team:UC_Davis/Policy_Practices_Overview" style="font-size:13px;">Policy & Practices</a>
+
                                  width:1000px;
−
                <ul>
+
                            }
−
                <li><a href='/Team:UC_Davis/Policy_Practices_Overview'>Overview</a></li>
+
 
−
                <li><a href='/Team:UC_Davis/Olive_Mills'>Olive Mill Visits</a></li>
+
              /* END Nav CSS */
−
                <li><a href='/Team:UC_Davis/Public_Perception'>Public Perception</a></li>
+
            }
−
                <li><a href='/Team:UC_Davis/Legislation'>Legislation</a></li>
+
</style>
−
                </ul>
+
 
−
                </li>
+
  </head>
−
                      <li class="dropdown leftbookend rightbookend">
+
     
−
                                    <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Acknowledgements</a>
+
  <body>
−
                                    <ul>
+
      <ul class="nav">
−
                                            <li><a href="https://2014.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
+
            <li class="dropdown leftbookend">
−
                                            <li><a href="https://2014.igem.org/Team:UC_Davis/Bios">Bios</a></li>
+
                  <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
−
                    <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
+
      </li>
−
                                    <li><a href="https://igem.org/Team.cgi?id=1324">Official Team Profile</a></li>
+
  <li class="dropdown leftbookend rightbookend">
−
                                    </ul>
+
    <a href="https://2014.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
−
                        </li>
+
    <ul>
−
                <li class="dropdown leftbookend rightbookend">
+
      <li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
−
                                        <a href="/Team:UC_Davis/Safety" style="font-size:13px;">Safety</a>
+
                              <li><a href="/Team:UC_Davis/Protein_Engineering">Protein Engineering</a></li>
−
                </li>
+
                              <li><a href="/Team:UC_Davis/Potentiostat_Design">Potentiostat Design</a></li>
−
                <li class="dropdown leftbookend rightbookend">
+
                              <li><a href="/Team:UC_Davis/Electrochemistry">Electrochemistry</a></li>
−
                                        <a href="https://2014.igem.org/Main_Page" style="font-size:13px;">iGEM</a>
+
                              <li><a href="/Team:UC_Davis/Signal_Processing">Signal Processing</a></li>
−
                <ul>
+
                              <li><a href="/Team:UC_Davis/Criteria">Achievements</a></li>
−
                </ul>
+
      <li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
−
                </li>
+
    </ul>
−
                </ul>
+
  </li>
−
                    </body>
+
  <li class="dropdown rightbookend">
−
                </html>
+
    <a href="/Team:UC_Davis/Policy_Practices_Overview" style="font-size:13px;">Policy & Practices</a>
 +
    <ul>
 +
      <li><a href='/Team:UC_Davis/Policy_Practices_Overview'>Overview</a></li>
 +
      <li><a href='/Team:UC_Davis/Olive_Mills'>Olive Mill Visits</a></li>
 +
      <li><a href='/Team:UC_Davis/Public_Perception'>Public Perception</a></li>
 +
      <li><a href='/Team:UC_Davis/Legislation'>Legislation</a></li>
 +
    </ul>
 +
  </li>
 +
      <li class="dropdown leftbookend rightbookend">
 +
                  <a href="https://2014.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Acknowledgements</a>
 +
                  <ul>
 +
                          <li><a href="https://2014.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
 +
                          <li><a href="https://2014.igem.org/Team:UC_Davis/Bios">Bios</a></li>
 +
        <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
 +
                    <li><a href="https://igem.org/Team.cgi?id=1324">Official Team Profile</a></li>
 +
                  </ul>
 +
        </li>
 +
  <li class="dropdown leftbookend rightbookend">
 +
                      <a href="/Team:UC_Davis/Safety" style="font-size:13px;">Safety</a>
 +
  </li>
 +
  <li class="dropdown leftbookend rightbookend">
 +
                      <a href="https://2014.igem.org/Main_Page" style="font-size:13px;">iGEM</a>
 +
    <ul>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
  </body>
 +
</html>

Revision as of 22:34, 24 July 2018

\ UC Davis iGEM 2018