Difference between revisions of "Team:SJTU-software/Practices"

(Created page with "<html> <style> hide various iGEM-elements: h1.firstHeading { background-color: red; display: none; } .firstHeading { display: none; } #top-section { border:...")
 
(Blanked the page)
 
Line 1: Line 1:
<html>
 
  
<style>
 
 
 
/* hide various iGEM-elements */
 
 
h1.firstHeading {
 
  background-color: red;
 
  display: none;
 
}
 
 
.firstHeading {
 
  display: none;
 
}
 
 
#top-section {
 
  border: 200;
 
  height: 16px;
 
  font-size: 13px;
 
  background-color: black !important;
 
  width: 100% !important;
 
  color: #323232 !important;
 
  z-index: 999;
 
}
 
 
#catlinks {
 
  display: none !important;
 
}
 
 
/* disable search-controls (top right corner) */
 
#search-controls {
 
  display: none !important;
 
}
 
 
#searchInput {
 
  display: none !important;
 
}
 
 
.searchButton {
 
  display: none !important;
 
}
 
 
/* change the menubar (top menu) */
 
#menubar {
 
display: table-cell;
 
        background: transparent !important;
 
}
 
 
#menubar.right-menu {
 
text-align: right;
 
}
 
 
#menubar.left-menu {
 
}
 
 
#menubar * {
 
color: #777777 !important;
 
background: black !important;
 
}
 
 
#top-section:hover #menubar * {
 
color: white !important;
 
}
 
 
/* Disable Table Of Contents */
 
table#toc {
 
  display: none;
 
  float: right;
 
  margin: 0em;
 
}
 
 
 
 
/* main heading */
 
h1 {
 
  border: 0;
 
  display: inline;
 
}
 
 
/* edit links on headings */
 
span.editsection {
 
  font-size: .5em;
 
  color: lightgrey;
 
}
 
span.editsection a {
 
  color: black;
 
}
 
 
 
</style>
 
 
<body>
 
</body>
 
 
 
<html>
 
 
<html>
 
 
<head>
 
 
  <link href="http://allfont.net/allfont.css?fonts=fff-tusj-bold" rel="stylesheet" type="text/css" />
 
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 
 
<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
 
 
 
<style type="text/css">
 
 
body {
 
  width:100%;
 
  background-color: white;
 
  font-family: 'Open Sans', Arial, sans-serif;
 
  font-size: 9pt;
 
  background-image: url("https://static.igem.org/mediawiki/2015/6/65/TU_Dresden_back1.png");
 
  background-repeat: repeat;
 
  opacity: 4.5;
 
  background-attachment: fixed;
 
 
}
 
 
#content {                /* ----------------------------------------------------- #CONTENT */
 
  background-color: transparent !important;
 
  margin: auto;
 
  border: none !important;
 
  padding: 0px !important;
 
  position: relative;
 
  width: auto !important;
 
  height: auto;
 
}
 
 
div#bodyContent {        /* ------------------------------------------------- #BODYCONTENT */
 
  background-color: transparent !important;
 
  width: 100% ;
 
  position: relative;
 
  margin-top: 20px !important;
 
  height: auto;
 
}
 
 
#TueContent {
 
  background-color: white;
 
  width: 920px;
 
  position: relative;
 
  margin: auto;
 
  margin-top: 55px;
 
  margin-bottom: 30px;
 
  padding: 20px 40px 40px 40px;
 
  text-align: justify;
 
}
 
 
#TueContent img {
 
    display: block;
 
    margin-left: auto;
 
    margin-right: auto;
 
}
 
 
#TueContent p {
 
  font-size: 12pt;
 
  text-align: justify;
 
  line-height: 18pt; 
 
  padding-bottom: 6pt;
 
 
}
 
#TueContent a {
 
  color: #9C1A16;
 
  text-decoration: underline;
 
}
 
#TueContent a:hover {
 
  color: #9C1A16;
 
  text-decoration: none;
 
  border-bottom: 1px dotted;
 
  border-color: #9C1A16;
 
}
 
#TueContent a:active {
 
  color: black;
 
  text-decoration: underline;
 
  border: none;
 
}
 
 
#TueContent ul {
 
  list-style-type: disc !important;
 
  color: black !important;
 
  font-size: 12pt !important;
 
  list-style-image: none !important;
 
  line-height: 18pt !important;
 
  padding-bottom: 6pt;
 
}
 
 
#TueContent ol {
 
  color: black !important;
 
  font-size: 12pt !important;
 
  line-height: 18pt !important;
 
  padding-bottom: 6pt;
 
}
 
 
#TueContent table {
 
  font-size: 12pt !important;
 
  line-height: 18pt !important
 
}
 
 
#picText {
 
  text-align: justify !important;
 
  font-size: 10pt !important;
 
}
 
 
 
#picTextCenter {
 
  text-align: center !important;
 
  font-size: 10pt !important;
 
}
 
 
h1 {
 
  font-family: 'FFF Tusj Bold', arial;
 
  position: relative;
 
  font-size: 48px;
 
  text-shadow: 4px 4px 4px #aaa;
 
  text-align: left;
 
  color: black;
 
  margin-bottom:100px;
 
}
 
 
{
 
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
 
  position: relative;
 
  font-size: 26pt;
 
  text-align: left;
 
  color: black;
 
}
 
 
h2 {
 
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
 
  position: relative;
 
  font-size: 20pt;
 
  text-align: left;
 
/*  padding-left: 20px;*/
 
/*  padding-top: 20px;*/
 
  color: black;
 
}
 
 
h3 {
 
      font-family: 'Headland One', serif, 'Open Sans', sans-serif;
 
  position: relative;
 
  font-size: 14pt;
 
  text-align: left;
 
/*  padding-left: 20px;*/
 
/*  padding-top: 20px;*/
 
  color: black;
 
}
 
 
h5 {
 
    padding-left: 20px;
 
/*  padding-top: 20px;*/
 
  color: black;
 
}
 
 
 
/* ---------- DROP DOWN MENU CSS STARTS HERE ---------- */
 
 
nav {
 
    top: -22px;
 
    position: absolute;
 
    width: 100%;
 
    z-index: 99;
 
}
 
 
nav ul {
 
    padding: 0px !important;
 
    margin: 0px !important;
 
    text-align: center;
 
    line-height: 43px !important;
 
    height: 71px;
 
 
}
 
 
nav ul:after {
 
    clear: both;
 
    content: " ";
 
    display: block;
 
    font-size: 0;
 
    height: 0 !important;
 
    visibility: hidden;
 
}
 
 
nav ul,nav ul li{
 
    background-color: white;
 
}
 
nav ul li {
 
    list-style: none;   
 
float: none;
 
display: inline-block;
 
text-align: left;
 
        margin-left: -5px;
 
        margin-top: 0px;
 
        font-size: 14pt;
 
        font-weight: bold;
 
        top: -5px !important;   
 
 
}
 
 
nav ul li a {
 
    text-decoration: none !important;
 
    display: block;
 
    color: black !important;
 
    padding: 14px 33px 14px 30px;     
 
    height: auto;
 
    transition: background 0.3s ease-out; /* explorer 10 */
 
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
 
    -moz-transition: background 0.3 ease-out; /* firefox */
 
    -o-transition: background 0.3 ease-out; /* opera */
 
}
 
 
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
 
    background-color: #9ABD6F;
 
}
 
nav ul li.cat8:hover a, nav ul li.cat8:hover > ul li a {
 
    background-color: #EF4136;
 
}
 
nav ul li.catX:hover a, nav ul li.catX:hover > ul li a {
 
    background-color: white;
 
}
 
 
.catX a{
 
    margin-bottom: -100px !important;
 
    margin-top: -100px;
 
 
 
    height: auto !important;   
 
}
 
 
 
nav ul li:hover > a {
 
    color: white !important;
 
    text-decoration: none !important;
 
}
 
nav ul li:hover > ul {
 
    visibility: visible;
 
}
 
 
nav ul li ul{
 
    display: inline;
 
    visibility: hidden;
 
    position: absolute;
 
    padding:0px;
 
    margin-left: 5px !important;
 
    text-align: inherit;
 
    height: 100%;
 
}
 
nav ul li ul li{
 
float: none;
 
display: block;
 
        margin-bottom: 0px;
 
        font-size: 12pt;
 
}
 
nav ul li ul li a {
 
    color: white !important;
 
    text-decoration: none !important;
 
}
 
nav ul li ul li a:hover{
 
color: black !important;
 
background-color: #FAFAFA !important;
 
        text-decoration: none !important;
 
}
 
 
nav ul img {
 
    padding-top: 0px !important;
 
    padding-bottom: 0px !important;
 
}
 
 
 
div#afixLeft{
 
width:50px;
 
position:fixed;
 
bottom:35%;
 
left:0;
 
z-index:11;
 
}
 
 
</style>
 
</head>
 
 
 
<body>
 
 
 
 
 
<nav>
 
        <ul>
 
                                <li class = "catX">
 
                                    <a href="https://2015.igem.org/Team:TU_Dresden"><img src="https://static.igem.org/mediawiki/2015/c/c6/Team_TU_Dresden_banner.jpg.jpg" style="width:100px;"></a>
 
                                </li>
 
               
 
                                <li class = "cat1">
 
        <a href="/Team:TU_Dresden">Home</a>
 
        </li>
 
        <li class = "cat2">
 
        <a href="https://2015.igem.org/Team:TU_Dresden/Project">Project</a>
 
        <ul>
 
        <li><a href="/Team:TU_Dresden/Project/Overview">Overview</a></li>
 
        <li><a href="/Team:TU_Dresden/Description">Description</a></li>
 
        <li><a href="/Team:TU_Dresden/Project/Background">Background</a></li>
 
        <li><a href="/Team:TU_Dresden/Project/Methods">Methods</a></li>
 
                                                <li><a href="/Team:TU_Dresden/Project/Results">Results</a></li>
 
                                                <li><a href="/Team:TU_Dresden/Project/Parts">Parts</a></li>
 
                                                <li><a href="/Team:TU_Dresden/Modeling">Modeling</a></li>
 
 
                                                <li><a href="/Team:TU_Dresden/Project/Conclusions">Conclusions</a></li>
 
 
        </ul>
 
        </li>
 
 
        <li class = "cat3">
 
        <a href="https://2015.igem.org/Team:TU_Dresden/Team">Team</a>
 
        <ul>
 
        <li><a href="/Team:TU_Dresden/Team/Aboutus">About Us</a></li>                                     
 
                                                <li><a href="/Team:TU_Dresden/Team/Attributions">Attributions</a></li>
 
        <li><a href="/Team:TU_Dresden/Team/Gallery">Gallery</a></li>
 
        <li><a href="https://igem.org/Team.cgi?id=1781">Official Team Site</a></li>
 
        <li><a href="/Team:TU_Dresden/Team/Contact">Contact Us!</a></li>
 
        <li><a href="/Team:TU_Dresden/Team/Sponsors">Sponsors</a></li>
 
        </ul>
 
        </li>
 
 
        <li class = "cat5">
 
        <a href="https://2015.igem.org/Team:TU_Dresden/Video">Video</a><li>
 
 
        <li class = "cat4">
 
        <a href="https://2015.igem.org/Team:TU_Dresden/Notebook">Notebook</a>
 
        <ul>
 
        <li><a href="/Team:TU_Dresden/Notebook/Protocols">Protocols</a></li>
 
        <li><a href="/Team:TU_Dresden/Notebook/LabJournal">Lab Journal</a></li>
 
        <li><a href="/Team:TU_Dresden/Notebook/PlasmidDesign">Plasmid Design</a></li>
 
        </ul>
 
        </li>
 
 
        <li class = "cat6">
 
        <a href="https://2015.igem.org/Team:TU_Dresden/Practices">Human Practices</a>
 
        <ul>
 
        <li><a href="/Team:TU_Dresden/Practices/Sustainability">Sustainability</a></li>
 
        <li><a href="/Team:TU_Dresden/Practices/Social_Outreach">Social Outreach (LNdW)</a></li>
 
        <li><a href="/Team:TU_Dresden/Practices/Education">Education</a></li>
 
        <li><a href="/Team:TU_Dresden/Collaborations">Team Collaborations</a></li>
 
 
        <li><a href="/Team:TU_Dresden/Practices/Meetings">Meetings</a></li>
 
        </ul>
 
        </li>
 
 
 
        <li class = "cat7">
 
        <a href="/TU_Dresden/Safety">Safety</a>
 
       
 
        </li>
 
 
        <li class = "catX">
 
                                        <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2a/Igemlogo_banner.jpg" style="width: 40px; height: 38px"></a>
 
        </li>
 
        </ul>
 
        </nav>
 
 
                         
 
 
 
</body>
 
 
 
 
 
 
</html>
 

Latest revision as of 16:36, 25 September 2018