Difference between revisions of "Team:TU Dresden/Templates/footer"

 
(34 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<style>
 
<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;
 +
}
 +
 +
/* edit links on headings */
 +
span.editsection {
 +
  font-size: .5em;
 +
  color: lightgrey;
 +
}
 +
span.editsection a {
 +
  color: black;
 +
}
 +
#p-logo {
 +
  display: none;
 +
}
 +
 +
</style>
 +
 +
<body>
 +
</body>
 +
 +
 +
<html>
 +
 +
<html>
 +
 +
<head>
 +
 +
<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: 100% !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: '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;
 +
}
 +
 +
 +
/* ---------- 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 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: #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;
 +
 +
    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;
 +
}
  
 
#footer-box {
 
#footer-box {
 
   padding: 20px !important;
 
   padding: 20px !important;
−
   margin: auto !important;
+
   margin: none !important;
−
   width: auto;
+
   width: 960px;
−
   height: 47px;
+
   height: 110px;
 
   border: none;
 
   border: none;
−
   position: absolute;
+
   position: relative;
 
   background-color: white;
 
   background-color: white;
 
   font-size: 12px;
 
   font-size: 12px;
Line 16: Line 383:
 
.super-centered {
 
.super-centered {
 
     position:center;  
 
     position:center;  
−
     width:960px;
+
     width:920px;
 
     text-align:center;  
 
     text-align:center;  
 
     vertical-align:middle;
 
     vertical-align:middle;
Line 22: Line 389:
 
}
 
}
  
 +
p.big {
 +
    line-height: 100%;
 +
}
 
</style>
 
</style>
  
Line 27: Line 397:
 
<div id="footer-box">
 
<div id="footer-box">
  
 +
<p class="big"><font size="3">We would like to thank our sponsors for their support:</font>
 +
 +
 +
</p><p></p><p></p>
 +
<p></p>
 
<div align="center">
 
<div align="center">
−
<table background="#FFFFFF" width="960px" class="super-centered">
+
<table cellpadding="30px" background="#FFFFFF" width="960px" class="super-centered" margin-top="30px">
 
<tr>
 
<tr>
−
<td width="100px" height= "40px" style="vertical-align:top;">
+
<td width="100px" height= "40px">
 
<a href="http://www.biotec.tu-dresden.de/">
 
<a href="http://www.biotec.tu-dresden.de/">
 
<img id="sponsors" src="https://static.igem.org/mediawiki/2015/b/b4/TU_Dresden_biotec_tud_logo.jpg" height="40px"></a>
 
<img id="sponsors" src="https://static.igem.org/mediawiki/2015/b/b4/TU_Dresden_biotec_tud_logo.jpg" height="40px"></a>
Line 44: Line 419:
 
<td width="100px" style="vertical-align:top;">
 
<td width="100px" style="vertical-align:top;">
 
<a href="http://www.dresden-ipp.de/digs_bb.html">
 
<a href="http://www.dresden-ipp.de/digs_bb.html">
−
<img id="sponsors" src="https://static.igem.org/mediawiki/2015/9/91/TU_Dresden_digs_bb_logo.jpg" height="40px"></a>
+
<img id="sponsors" src="https://static.igem.org/mediawiki/2015/f/fd/TU_Dresden_Digs_bb_logo.jpg" height="40px"></a>
 
</td>
 
</td>
 
<td width="100px" style="vertical-align:top;">
 
<td width="100px" style="vertical-align:top;">

Latest revision as of 16:04, 20 August 2015