Team:Tuebingen/Templates/TueWikiBase

From 2014.igem.org

(Difference between revisions)
 
(475 intermediate revisions not shown)
Line 12: Line 12:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:700' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Headland+One' rel='stylesheet' type='text/css'>
Line 22: Line 22:
   font-size: 9pt;
   font-size: 9pt;
   background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Tue2014_Background_BloodBokeh.png');
   background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Tue2014_Background_BloodBokeh.png');
 +
  background-repeat: no-repeat;
 +
  background-attachment: fixed;
 +
}
}
#content {                /* ----------------------------------------------------- #CONTENT */
#content {                /* ----------------------------------------------------- #CONTENT */
-
   background-color: white !important;
+
   background-color: transparent !important;
-
   margin: 0px auto !important;
+
   margin: auto;
   border: none !important;
   border: none !important;
   padding: 0px !important;
   padding: 0px !important;
   position: relative;
   position: relative;
-
   width: 1280px;
+
   width: 100% !important;
   height: auto;
   height: auto;
}
}
div#bodyContent {        /* ------------------------------------------------- #BODYCONTENT */
div#bodyContent {        /* ------------------------------------------------- #BODYCONTENT */
 +
  background-color: transparent !important;
 +
  width: 100% ;
 +
  position: relative;
 +
  margin-top: 20px !important;
 +
  height: auto;
 +
}
 +
 +
#TueContent {
   background-color: white;
   background-color: white;
-
   width: 960px;
+
   width: 920px;
   position: relative;
   position: relative;
   margin: auto;
   margin: auto;
-
   height: auto;
+
   margin-top: 55px;
 +
  margin-bottom: 30px;
 +
  padding: 20px 40px 40px 40px;
 +
  text-align: justify;
}
}
-
#teamLogoBox {
+
#TueContent img {
-
  width: 60.25em;
+
    display: block;
-
  height: 17em;
+
    margin-left: auto;
-
  background-color: #AAAAAA;
+
    margin-right: auto;
-
  color: white;
+
-
  overflow: hidden;
+
-
  font-size: 16px;
+
-
  background-size: cover;
+
}
}
-
#actualContent {
+
#TueContent p {
-
  position: relative;
+
   font-size: 12pt;
-
   font-size: 14pt;
+
-
  width: auto;
+
-
  height: auto;
+
-
  margin-top: 10px;
+
-
  background-color: white;
+
-
  padding-top: 0em;
+
   text-align: justify;
   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;
}
}
-
#actualContent p {
+
#TueContent ul {
-
   line-height: 26px;
+
  list-style-type: disc !important;
-
   margin-bottom: 16px;
+
  color: black !important;
 +
  font-size: 12pt !important;
 +
  list-style-image: none !important;
 +
   line-height: 18pt !important;
 +
   padding-bottom: 6pt;
}
}
-
#sponsorSection {
+
#TueContent ol {
-
   line-height: 900%;
+
  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: 'Headland One', Minion Pro, serif, 'Open Sans', sans-serif;
 +
  position: relative;
 +
  font-size: 26pt;
 +
  text-align: left;
 +
  width: 960px;
 +
  padding-left: 20px;
 +
  padding-top: 35px;
 +
  height: 50px;
 +
  background-color: #8E0000;
 +
  color: white;
 +
  left: -20px;
 +
}
 +
 +
h2 {
 +
  font-family: 'Headland One', serif, 'Open Sans', sans-serif;
 +
  position: relative;
 +
  font-size: 18pt;
 +
  text-align: left;
 +
  padding-left: 20px;
 +
  padding-top: 20px;
 +
  color: black;
 +
}
 +
 +
h3 {
 +
      color: black;
 +
      font-size: 18pt;
 +
      font-family: 'Headland One', serif, 'Open Sans', sans-serif;
 +
      padding-bottom: 8pt;
 +
      padding-top: 20pt;
 +
}
 +
 +
 +
/* ---------- DROP DOWN MENU CSS STARTS HERE ---------- */
nav {
nav {
-
  position: absolute;
+
    top: -22px;
-
  top: -20px;
+
    position: absolute;
-
  left: -
+
    width: 100%;
-
  width: 1280px;
+
    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 34px 14px 34px;       
 +
    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: #006534;
 +
}
 +
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
 +
    background-color: #FF2727;
 +
}
 +
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
 +
    background-color: #B20000;
 +
}
 +
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
 +
    background-color: #7E0000;
 +
}
 +
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
 +
    background-color: #F22100;
 +
}
 +
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
 +
    background-color: #C61E18;
 +
}
 +
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
 +
    background-color: #009766;
 +
}
 +
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;
 +
 
 +
    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;
}
}
Line 85: Line 285:
<body >
<body >
-
<div class="backScreen">
+
 
-
+
<nav>
-
                                 <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/6c/Tue2014_IGEM_basic_Logo_white_stylized_small.png" style="width:120px; top: 0px; right: 10px; position: absolute;"></a>
+
        <ul>
 +
                                <li class = "catX">
 +
                                    <img src="https://static.igem.org/mediawiki/2014/0/0a/Tue2014_Logo_big_black_noText.png" style="width:50px; margin-right: 30px">
 +
                                 </li>
 +
               
 +
                                <li class = "cat1">
 +
        <a href="/Team:Tuebingen">Home</a>
 +
        </li>
 +
        <li class = "cat2">
 +
        <a href="#">Project</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Project/Overview">Overview</a></li>
 +
        <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Project/Plasmids">Plasmids</a></li>
 +
        <li><a href="/Team:Tuebingen/Project/ImmobilizationTags">Immobilization Tags</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Project/SyntheticPeptides">Synthetic Peptides</a></li>
 +
        <li><a href="/Team:Tuebingen/Project/Enzymes">Enzymes</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Project/Applications">Applications</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li>
 +
        </ul>
 +
        </li>
 +
 
 +
        <li class = "cat8">
 +
        <a href="#">Collaboration</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Collaboration/Intellectual_Property">Intellectual property</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Collaboration/TeamHeidelberg">Team Heidelberg</a>
 +
                                                <li><a href="/Team:Tuebingen/Collaboration/TeamUiOslo">Team Ui Oslo</a>                           
 +
        </ul>
 +
        </li>
 +
        <li class = "cat3">
 +
        <a href="#">Team</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Team/About">About Us</a></li>
 +
                                                <li><a href="/Team:Tuebingen/Team/Acknowledgements">Acknowledgements</a></li>
 +
        <li><a href="/Team:Tuebingen/Team/Attributions">Attributions</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class = "cat4">
 +
        <a href="#">Notebook</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Notebook/Protocols">Protocols</a></li>
 +
        <li><a href="/Team:Tuebingen/Notebook/Journal">Lab Journal</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class = "cat5">
 +
        <a href="#">Activities</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Activities/SynBioDay">SynBioDay</a></li>
 +
        <li><a href="/Team:Tuebingen/Activities/SchoolProject">School-Project</a></li>
 +
        <li><a href="/Team:Tuebingen/Activities/AachenMeetup">Aachen Meetup</a></li>
 +
        </ul>
 +
        </li>
 +
 
 +
        <li class = "cat6">
 +
        <a href="#">Results</a>
 +
        <ul>
 +
        <li><a href="/Team:Tuebingen/Results/BioBricks">Shipped Parts</a></li>
 +
        <li><a href="/Team:Tuebingen/Results/Modeling">Modeling</a></li>       
 +
        <li><a href="/Team:Tuebingen/Results/Characterization">Characterization</a></li>
 +
                                        </ul>
 +
        </li>
 +
 
 +
        <li class = "cat7">
 +
        <a href="/Team:Tuebingen/Contact">Contact</a>
 +
 
 +
        </li>
 +
        <li class = "catX">
 +
                                        <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/0/00/Tue2014_iGEM_Logo_black.png" style="width: 50px"></a>
 +
        </li>
 +
        </ul>
 +
        </nav>
 +
 
                            
                            
-
                                <img src="https://static.igem.org/mediawiki/2014/7/7e/Tue2014_Logo_big_b.png" style="width:400px; left: 45px; top: 110px; position: absolute;">
 
-
</div>
+
 
</body>
</body>
</html>
</html>

Latest revision as of 03:37, 18 October 2014


Retrieved from "http://2014.igem.org/Team:Tuebingen/Templates/TueWikiBase"