Difference between revisions of "Template:Team:TU Darmstadt/Viki"

 
(47 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<meta charset="utf-8"/>
 
<meta charset="utf-8"/>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<style>
+
<link rel="stylesheet" type="text/css"
−
@font-face{
+
href="https://2016.igem.org/Template:Team:TU_Darmstadt/Css?action=raw&ctype=text/css" />
−
font-family:calibri;
+
<script type="text/javascript" src="https://2016.igem.org/Template:Team:TU_Darmstadt/Js?
−
}
+
action=raw&ctype=text/javascript"></script>
−
 
+
</head>
−
/* Reset */
+
<noscript>
−
 
+
  <style type="text/css">
−
 
+
    .js-message {
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
    position: fixed;
−
margin: 0;
+
    top: 30px;
−
padding: 0;
+
    right: 30px;
−
/*border: 0;*/
+
    background: white;
−
font-size: 100%;
+
     line-height: 12px;
−
/*font: inherit;
+
    font-size: 10px;
−
vertical-align: baseline;*/
+
    width: 280px;
−
}
+
    z-index: 999;
−
 
+
     color: red;
−
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+
−
display: block;
+
−
}
+
−
 
+
−
.navbar ol, ul {
+
−
list-style: none;
+
−
}
+
−
 
+
−
blockquote, q {
+
−
quotes: none;
+
−
}
+
−
 
+
−
blockquote:before, blockquote:after, q:before, q:after {
+
−
content: '';
+
−
content: none;
+
−
}
+
−
 
+
−
table {
+
−
border-collapse: collapse;
+
−
border-spacing: 0;
+
−
}
+
−
 
+
−
/*body {
+
−
-webkit-text-size-adjust: none;
+
−
}*/
+
−
+
−
h1 {
+
−
color:black;
+
−
}
+
−
 
+
−
/* Box Model
+
−
 
+
−
*, *:before, *:after {
+
−
-moz-box-sizing: border-box;
+
−
-webkit-box-sizing: border-box;
+
−
box-sizing: border-box;
+
−
}*/
+
−
 
+
−
/* Containers */
+
−
 
+
−
.container {
+
−
margin-left: 0;
+
−
margin-right: 0;
+
−
}
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 1750px;
+
−
min-width: 1400px;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 1050px;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 700px;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 350px;
+
−
}
+
−
 
+
−
.container {
+
−
width: 1400px;
+
−
}
+
−
 
+
−
@media screen and (max-width: 1680px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 1500px;
+
−
min-width: 1200px;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 900px;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 600px;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 300px;
+
−
}
+
−
 
+
−
.container {
+
−
width: 1200px;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 1280px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 1200px;
+
−
min-width: 960px;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 720px;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 480px;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 240px;
+
−
}
+
−
 
+
−
.container {
+
−
width: 960px;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 980px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 118.75%;
+
−
min-width: 95%;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 71.25%;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 47.5%;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 23.75%;
+
−
}
+
−
 
+
−
.container {
+
−
width: 95%;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 840px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 118.75%;
+
−
min-width: 95%;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 71.25%;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 47.5%;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 23.75%;
+
−
}
+
−
 
+
−
.container {
+
−
width: 95% !important;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 736px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 112.5%;
+
−
min-width: 90%;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 67.5%;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 45%;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 22.5%;
+
−
}
+
−
 
+
−
.container {
+
−
width: 90% !important;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 480px) {
+
−
 
+
−
.container.\31 25\25 {
+
−
width: 100%;
+
−
max-width: 125%;
+
−
min-width: 100%;
+
−
}
+
−
 
+
−
.container.\37 5\25 {
+
−
width: 75%;
+
−
}
+
−
 
+
−
.container.\35 0\25 {
+
−
width: 50%;
+
−
}
+
−
 
+
−
.container.\32 5\25 {
+
−
width: 25%;
+
−
}
+
−
 
+
−
.container {
+
−
width: 100% !important;
+
−
}
+
−
 
+
−
}
+
−
 
+
−
/* Basic */
+
−
 
+
−
        #top_menu_under{
+
−
                align-items:center;
+
−
                text-align:center;
+
−
        }
+
−
 
+
−
        #top_menu_14{
+
−
                align-items:center;
+
−
                text-align:center;
+
−
        }
+
−
 
+
−
        #top_menu_inside{
+
−
                position:center;
+
−
                margin-left:auto;
+
−
                float:none;
+
−
        }
+
−
 
+
−
        #mw-content-text p:first-child{
+
−
                margin:0;
+
−
                padding:0;
+
−
        }
+
−
 
+
−
        button{
+
−
                align-items:center;
+
−
        }
+
−
 
+
−
        #HQ_page table{
+
−
        margin-left:7vw;
+
−
        margin-right:auto;
+
−
        border:3px solid #019ac8;
+
−
        border-radius:6px;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
        margin-bottom:5rem;
+
−
        text-align:center;
+
−
        }
+
−
 
+
−
        #HQ_page table:first-child{
+
−
                text-align:center;
+
−
}
+
−
 
+
−
        #HQ_page th{
+
−
font-weight:bold;
+
−
background-color:#019ac8;
+
−
color:white;
+
−
                text-align:center;
+
−
}
+
−
 
+
−
        #HQ_page th:first-child{
+
−
                text-align:center;
+
−
}
+
−
 
+
−
#HQ_page th, td{
+
−
border:1px solid #019ac8;
+
−
}
+
−
       
+
−
        #sideMenu{
+
−
        display:none;
+
−
        }
+
−
 
+
−
        #HQ_page{
+
−
        width:100%;
+
−
        text-decoration:none;
+
−
        }
+
−
       
+
−
        #HQ_page p{
+
−
        font-family:calibri;
+
−
        font-size:16px;
+
−
        }
+
−
 
+
−
        #top_title{
+
−
        display:none;
+
−
        }
+
−
 
+
−
        #content{
+
−
                margin:0;
+
−
                padding:0;
+
−
                width:100%;
+
−
        }
+
−
        .vviki{
+
−
                font-family:calibri;
+
−
                clear:both;
+
−
        }
+
−
        body {
+
−
background: white;
+
−
                margin:0;
+
−
                padding-top:0;
+
−
               
+
−
}
+
−
 
+
−
body.is-loading * {
+
−
-moz-transition: none !important;
+
−
-webkit-transition: none !important;
+
−
-ms-transition: none !important;
+
−
transition: none !important;
+
−
-moz-animation: none !important;
+
−
-webkit-animation: none !important;
+
−
-ms-animation: none !important;
+
−
animation: none !important;
+
−
}
+
−
 
+
−
body, input, select, textarea {
+
−
font-size: 16px;
+
−
font-weight: 300;
+
−
/*line-height: 1rem;*/
+
−
}
+
−
 
+
−
a {
+
−
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
+
−
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
+
−
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
+
−
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
+
−
color: #019ac8;
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
a:hover {
+
−
color: #019ac8;
+
−
border-bottom-color: transparent;
+
−
}
+
−
        a:active {
+
−
color: #019ac8;
+
−
border-bottom-color: transparent;
+
−
}
+
−
        a:visited {
+
−
color: #019ac8;
+
−
border-bottom-color: transparent;
+
−
}
+
−
 
+
−
strong, b {
+
−
font-weight: 600;
+
−
}
+
−
 
+
−
em, i {
+
−
font-style: italic;
+
−
}
+
−
 
+
−
ul, ol, dl, table, blockquote {
+
−
margin: 0 0 0 0;
+
−
}
+
−
 
+
−
h1{
+
−
color:black;
+
−
font-weight: 600;
+
−
line-height: 2rem;
+
−
margin-bottom: 1rem;
+
−
                font-family: 'Love Ya Like A Sister', cursive;
+
−
                font-size:42px;
+
−
}
+
−
 
+
−
        h2{
+
−
color:#019ac8;
+
−
font-weight: 600;
+
−
line-height: 2rem;
+
−
margin-bottom: 1rem;
+
−
                font-family: 'Love Ya Like A Sister', cursive;
+
−
                font-size:42px;
+
−
}
+
−
+
−
h3, h4{
+
−
color:black;
+
−
font-weight:300;
+
−
line-height:1.5rem
+
−
}
+
−
+
−
h5{
+
−
color:black;
+
−
font-weight:600;
+
−
font-size:25px;
+
−
font-family: 'Love Ya Like A Sister', cursive;
+
−
}
+
−
 
+
−
        h6{
+
−
color:black;
+
−
font-weight:600;
+
−
font-size:16px;
+
−
font-family: 'Love Ya Like A Sister', cursive;
+
−
}
+
−
 
+
−
 
+
−
/* Logo */
+
−
    #title{
+
−
background-color:#333;
+
−
background: -webkit-radial-gradient(black 30%, #4d4d4d);
+
−
background: -o-radial-gradient(black 30%, #4d4d4d);
+
−
background: -moz-radial-gradient(black 30%, #4d4d4d);
+
−
background: -radial-gradient(black 30%, #4d4d4d);
+
−
display:inline-block;
+
−
width:100%;
+
−
padding-top:25px;
+
−
                padding-bottom:25px;
+
−
position:static;
+
−
text-align:center;
+
−
margin:0;
+
−
}
+
−
+
−
#logoleiste{
+
−
float:none;
+
−
}
+
−
 
+
−
/* Nav */
+
−
 
+
−
.navbar {
+
−
                font-family:calibri;
+
−
margin-left:0;
+
−
                text-align:center;
+
−
background-color:#019ac8;
+
−
display:block;
+
−
width:100%;
+
−
z-index:9999;
+
−
position:static;
+
−
box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
+
−
}
+
−
+
−
.navbar ul{
+
−
margin: 0;
+
−
padding: 7px 0;
+
−
border-bottom:0;
+
−
                line-height:20px;
+
−
                align-items:center;
+
−
                text-align:center;
+
−
                font-family:calibri;
+
−
}
+
−
+
−
.navbar li a{
+
−
font-size: 20px;
+
−
cursor:pointer;
+
−
text-decoration: none;
+
−
color: #ececec;
+
−
padding-right:2vw;
+
−
display: block;
+
−
border-bottom-style:none;
+
−
                font-family:calibri;
+
−
}
+
−
+
−
.navbar li a:link{
+
−
font-weight: normal;
+
−
text-decoration: none;
+
−
color: #ececec;
+
−
}
+
−
+
−
.navbar li a:visited{
+
−
font-weight: normal;
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
+
−
.navbar li a:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
+
−
.navbar li a:active{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
+
−
#computer li a:active{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
+
−
#tabletmenu li a:active{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
+
−
#computer{
+
−
text-align:center;
+
−
width:100%;
+
−
                font-family:calibri;
+
−
}
+
−
       
+
−
        .computer ul{
+
−
                align-items:center;
+
−
                text-align:center;
+
−
                padding-left:2vw;
+
−
                font-family:calibri;
+
−
        }
+
−
 
+
−
.computer ul li {
+
−
text-align:center;
+
−
display:inline-block;
+
−
z-index:666;
+
−
                font-family:calibri;
+
−
}
+
−
       
+
−
        .computer ul li a{
+
−
                display:block;
+
−
                text-align:center;
+
−
        }
+
−
+
−
/*.drop{
+
−
width: auto;
+
−
position:absolute;
+
−
display:none;
+
−
padding-top:0;
+
−
margin-left:-1.5vw;
+
−
background-color:#333;
+
−
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
+
−
z-index:333;
+
−
margin-top:2.3rem;
+
−
}
+
−
+
−
li:hover .drop {
+
−
display: block;
+
−
}
+
−
+
−
.drop li {
+
−
width: auto;
+
−
height: 6rem;
+
−
line-height: 2rem;
+
−
background-color:#333;
+
−
padding-left:clear;
+
−
padding-left:1vw;
+
−
padding-right:1vw;
+
−
margin:0;
+
−
}
+
−
.drop a{
+
−
font-size: 2rem;
+
−
text-align: left;
+
−
padding-left:0;
+
−
margin:0;
+
−
}*/
+
−
+
−
li a.current{
+
−
font-weight:600;
+
−
color:white;
+
−
}
+
−
+
−
#menu{
+
−
background-color:#019ac8;
+
−
text-decoration:none;
+
−
border:none;
+
−
text-align:left;
+
−
}
+
−
+
−
#tabletbutton{
+
−
background-color:#019ac8;
+
−
text-decoration:none;
+
−
border:none;
+
−
cursor:pointer;
+
−
text-align:left;
+
−
margin-left:1vw;
+
−
padding-top:1px;
+
−
                padding-bottom:5px;
+
−
}
+
−
 
+
−
        #tabletbutton_bild{
+
−
                height:20px;
+
−
        }
+
−
+
−
#tabletmenu{
+
−
display:none;
+
−
background-color:#019ac8;
+
−
width:auto;
+
−
text-decoration:none;
+
−
border:none;
+
−
cursor:pointer;
+
−
margin-left:0;
+
−
padding-right:2vw;
+
−
padding-left:2vw;
+
−
text-align:left;
+
−
position:absolute;
+
−
z-index:9999;
+
−
height:100vh;
+
−
margin-top:0;
+
−
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
+
−
}
+
−
+
−
        #tabletmenu ul{
+
−
                text-align:left;
+
−
                font-size:20px;
+
−
        }
+
−
 
+
−
#tabletmenu > ul > li:first-child{
+
−
margin-top:2rem;
+
−
}
+
−
+
−
#tabletmenu > ul > li{
+
−
margin-top:0;
+
−
width:auto;
+
−
padding:0;
+
−
margin-bottom:0;
+
−
line-height:1.5rem;
+
−
                font-size:20px;
+
−
}
+
−
+
−
#tabletmenu > ul > li > a{
+
−
color:#ececec;
+
−
margin-bottom:0;
+
−
                font-size:20px;
+
−
}
+
−
+
−
#tabletmenu > ul > li > a.current{
+
−
font-weight:600;
+
−
color:white;
+
−
}
+
−
+
−
#tabletmenu > ul > li > a:hover{
+
−
color:white;
+
−
}
+
−
+
−
#computer > ul > li > a{
+
−
color:#ececec;
+
−
}
+
−
+
−
#computer > ul > li > a:hover{
+
−
color:white;
+
−
font-weight:600;
+
−
}
+
−
+
−
#computer > ul > li > a.current{
+
−
font-weight:600;
+
−
color:white;
+
−
}
+
−
+
−
/*#computer.drop{
+
−
width: 100%;
+
−
position: absolute;
+
−
display:none;
+
−
background-color:#333;
+
−
padding-top:0;
+
−
margin-left:-1.5vw;
+
−
box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.5);
+
−
z-index:333;
+
−
}
+
−
+
−
#computer > ul > li .drop li a{
+
−
width: auto;
+
−
height: 6rem;
+
−
line-height: 1.5rem;
+
−
background-color:#333;
+
−
color:#ececec;
+
−
padding-left:clear;
+
−
padding-left:0.5vw;
+
−
margin:0;
+
−
}
+
−
#computer .drop a{
+
−
font-size: 16px;
+
−
text-align: left;
+
−
padding-left:0;
+
−
margin:0;
+
−
}
+
−
+
−
#computer > ul > li .drop li a:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
}*/
+
−
+
−
#computer > ul > li > a:active{
+
−
color:white;
+
−
font-weight:600;
+
−
}
+
−
+
−
/* Banner */
+
−
 
+
−
    .banner{
+
−
position: center;
+
−
width:100%;
+
−
height:auto;
+
−
text-align:center;
+
−
position: relative;
+
−
margin:0;
+
−
z-index:333;
+
−
}
+
−
#banner{
+
−
width:100%;
+
−
height:auto;
+
−
}
+
−
+
−
/* MainHeader */
+
−
   
+
−
.mainHeader{
+
−
text-align:center;
+
−
width:100%;
+
−
}
+
−
 
+
−
#mainHeader{
+
−
text-align:center;
+
−
}
+
−
#mainHeader h1{
+
−
+
−
vertical-align:middle;
+
−
font-family: 'Love Ya Like A Sister', cursive;
+
−
font-size:42px;
+
−
padding-top:7rem;
+
−
padding-bottom:7rem;
+
−
}
+
−
+
−
.page{
+
−
font-family:calibri;
+
−
                width:65vw;
+
−
margin-left:7vw;
+
−
float:left;
+
−
                font-family:calibri;
+
−
                font-size:16px;
+
−
}
+
−
        .page_full{
+
−
                width:65vw;
+
−
                float:none;
+
−
                font-family:calibri;
+
−
                font-size:16px;
+
−
        }
+
−
+
−
/* abstract */
+
−
   
+
−
        .abstract{
+
−
                font-family:calibri;
+
−
float:left;
+
−
width:60.8vw;
+
−
height:auto;
+
−
border:3px solid #019ac8;
+
−
/*text-align:center;*/
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
margin-bottom:2rem;
+
−
padding:1rem 2vw;
+
−
                font-size:16px;
+
−
                font-weight:bold;
+
−
}
+
−
 
+
−
/*.abstract h5{
+
−
float:left;
+
−
padding-bottom:7px;
+
−
font-family: 'Love Ya Like A Sister', cursive;
+
−
}*/
+
−
.abstract p{
+
−
clear:both;
+
−
text-align:justify;
+
−
font-size:16px;
+
−
                font-family:calibri;
+
−
                font-weight:bold;
+
−
}
+
−
+
−
.abstract2{
+
−
float:none;
+
−
height:auto;
+
−
border:3px solid #019ac8;
+
−
/*text-align:center;*/
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
margin-bottom:5rem;
+
−
padding:1rem 2vw;
+
−
                font-size:16px;
+
−
                font-weight:bold;
+
−
}
+
−
 
+
−
        #check{
+
−
                font-size:42px;
+
−
        }
+
−
 
+
−
/*.abstractHP{
+
−
float:left;
+
−
width:70%;
+
−
margin-left:0;
+
−
height:auto;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
margin-bottom:5rem;
+
−
padding:1rem 3%;
+
−
}*/
+
−
 
+
−
        .abstract2 #archie{
+
−
                border:none;
+
−
                margin-left:0;
+
−
                box-shadow:none;
+
−
                text-align:left;
+
−
        }
+
−
        .abstract2 #archie td, tr{
+
−
                border:none;
+
−
                text-align:left;
+
−
                vertical-align:middle;
+
−
        }
+
−
 
+
−
        #archie{
+
−
                border:none;
+
−
        }
+
−
 
+
−
+
−
/* highlights */
+
−
.rechts{
+
−
float:right;
+
−
margin-right:7vw;
+
−
width:14vw;
+
−
height:auto;
+
−
font-size:16px;
+
−
text-align:center;
+
−
                padding:0;
+
−
                font-family:calibri;
+
−
}
+
−
 
+
−
    .highlights{
+
−
/*float:right;*/
+
−
margin-right:0;
+
−
height:auto;
+
−
                width:13.6vw;
+
−
                font-family:calibri;
+
−
font-size:16px;
+
−
                border-top:3px solid #019ac8;
+
−
border-bottom:3px solid #019ac8;
+
−
                border-left:0.2vw solid #019ac8;
+
−
                border-right:0.2vw solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
margin-bottom:1rem;
+
−
                padding-bottom:0.2rem;
+
−
}
+
−
+
−
.highlights a{
+
−
border-bottom:none;
+
−
                text-decoration:none;
+
−
line-height:auto;
+
−
                float:none;
+
−
                text-align:center;
+
−
                padding-top:1rem;
+
−
}
+
−
       
+
−
        .highlights a:visited{
+
−
color:#019ac8;
+
−
                text-decoration:none;
+
−
}
+
−
+
−
.highlights a:hover{
+
−
font-weight:600;
+
−
}
+
−
        .highlights a:active{
+
−
                text-decoration:none;
+
−
        }
+
−
+
−
.see_other{
+
−
width:14vw;
+
−
                font-family:calibri;
+
−
height:auto;
+
−
margin-bottom:1rem;
+
−
font-size:16px;
+
−
color:#019ac8;
+
−
background-color:white;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
+
−
a button.see_other:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
cursor:pointer;
+
−
}
+
−
 
+
−
        .vf2_vr{
+
−
width:14vw;
+
−
                font-family:calibri;
+
−
height:auto;
+
−
margin-bottom:1rem;
+
−
font-size:16px;
+
−
color:#019ac8;
+
−
background-color:white;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
+
−
a button.vf2_vr:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
cursor:pointer;
+
−
}
+
−
+
−
        .see_other_full{
+
−
width:14vw;
+
−
                font-family:calibri;
+
−
height:auto;
+
−
margin-bottom:1rem;
+
−
font-size:16px;
+
−
color:#ececec;
+
−
background-color:#019ac8;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
+
−
a button.see_other_full:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
cursor:pointer;
+
−
}
+
−
 
+
−
        .vf2_vr_full{
+
−
width:14vw;
+
−
                font-family:calibri;
+
−
height:auto;
+
−
margin-bottom:1rem;
+
−
font-size:16px;
+
−
color:#ececec;
+
−
background-color:#019ac8;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
+
−
a button.vf2_vr_full:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
                color:white;
+
−
cursor:pointer;
+
−
}
+
−
+
−
.back_top{
+
−
height:auto;
+
−
                font-family:calibri;
+
−
                width:14vw;
+
−
font-size:16px;
+
−
color:#019ac8;
+
−
background-color:white;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
 
+
−
a button.back_top:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
cursor:pointer;
+
−
}
+
−
 
+
−
        .back_top_full{
+
−
height:auto;
+
−
                font-family:calibri;
+
−
                width:14vw;
+
−
font-size:16px;
+
−
color:#ececec;
+
−
background-color:#019ac8;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:5px 0;
+
−
}
+
−
 
+
−
a button.back_top_full:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
cursor:pointer;
+
−
}
+
−
/* submenu
+
−
   
+
−
.submenu{
+
−
width:30%;
+
−
height:10rem;
+
−
margin-left:34.5%;
+
−
background-color:white;
+
−
text-align:center;
+
−
margin-bottom:10rem;
+
−
}
+
−
+
−
.submenu_results{
+
−
width:90%;
+
−
height:10rem;
+
−
margin-left:5%;
+
−
background-color:white;
+
−
margin-bottom:100px;
+
−
text-align:center;
+
−
}
+
−
+
−
.button_r{
+
−
background-color:#019ac8;
+
−
cursor:pointer;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border:none;
+
−
border-radius:6px;
+
−
text-align:center;
+
−
vertical-align:middle;
+
−
padding: 0 0 0 0;
+
−
width:42vw;
+
−
}
+
−
+
−
.button_r h2{
+
−
color:#ececec;
+
−
font-size:30px;
+
−
line-height:42px;
+
−
vertical-align:middle;
+
−
display:block;
+
−
text-align:center;
+
−
padding-top:33px;
+
−
}
+
−
+
−
.button_r:hover{
+
−
cursor:pointer;
+
−
}
+
−
    .button_r h2:hover{
+
−
font-weight:bold;
+
−
text-decoration:none;
+
−
color:white;
+
−
cursor:pointer;
+
−
}
+
−
.button_m{
+
−
background-color:#019ac8;
+
−
cursor:pointer;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border:none;
+
−
border-radius:6px;
+
−
text-align:center;
+
−
vertical-align:middle;
+
−
padding: 0 0 0 0;
+
−
width:27vw;
+
−
}
+
−
+
−
.button_m h2{
+
−
color:#ececec;
+
−
font-size:30px;
+
−
line-height:42px;
+
−
vertical-align:middle;
+
−
display:block;
+
−
text-align:center;
+
−
padding-top:33px;
+
−
}
+
−
+
−
.button_m:hover{
+
−
cursor:pointer;
+
−
}
+
−
    .button_m h2:hover{
+
−
font-weight:bold;
+
−
text-decoration:none;
+
−
color:white;
+
−
cursor:pointer;
+
−
}
+
−
+
−
#a{
+
−
float:left;
+
−
}
+
−
+
−
#b{
+
−
float:none;
+
−
}
+
−
+
−
#c{
+
−
float:right;
+
−
}*/
+
−
+
−
/* Content */
+
−
    .content{
+
−
clear:both;
+
−
                font-size:16px;
+
−
font-family:calibri;
+
−
text-align:justify;
+
−
float:left;
+
−
                width:100%;
+
−
                padding:0;
+
−
                margin-bottom:3rem;
+
−
}
+
−
        .content h6{
+
−
                padding-top:1rem;
+
−
                padding-bottom:0.5rem;
+
−
        }
+
−
 
+
−
        .content h5{
+
−
                padding-top:3rem;
+
−
                padding-bottom:0.5rem;
+
−
        }
+
−
 
+
−
        .content a{
+
−
                text-decoration:none;
+
−
                color:#019ac8;
+
−
        }
+
−
 
+
−
.content2{
+
−
font-size:16px;
+
−
}
+
−
#content2{
+
−
font-family:calibri;
+
−
width:86vw;
+
−
margin-left:7vw;
+
−
text-align:justify;
+
−
padding:0 0 0 0;
+
−
}
+
−
.content_left{
+
−
font-size:16px;
+
−
font-family:calibri;
+
−
width:40vw;
+
−
margin-left:0;
+
−
text-align:justify;
+
−
margin-bottom:5rem;
+
−
float:left;
+
−
}
+
−
.content_right{
+
−
font-size:16px;
+
−
font-family:calibri;
+
−
width:40vw;
+
−
margin-right:0;
+
−
text-align:justify;
+
−
float:right;
+
−
margin-bottom:5rem;
+
−
}
+
−
/*.contentHP3{
+
−
clear:both;
+
−
font-size:16px;
+
−
font-family:calibri;
+
−
width:30vw;
+
−
margin-left:0;
+
−
text-align:justify;
+
−
float:left;
+
−
margin-bottom:5rem;
+
−
}*/
+
−
+
−
.more_parts{
+
−
width:86vw;
+
−
margin-left:7vw;
+
−
background-color:white;
+
−
margin-bottom:2rem;
+
−
                padding:0;
+
−
                text-align:center;
+
−
                text-decoration:none;
+
−
                font-family:calibri;
+
−
}
+
−
       
+
−
        .more_parts a{
+
−
                padding-top:0;
+
−
                margin-top:0;
+
−
        }
+
−
+
−
.specialPrize{
+
−
width:25vw;
+
−
font-size:16px;
+
−
color:#ececec;
+
−
background-color:#019ac8;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:0 0 0 0;
+
−
                margin-top:0;
+
−
                font-family:calibri;
+
−
}
+
−
 
+
−
        button .specialPrize{
+
−
                margin-top:0;
+
−
        }
+
−
 
+
−
        #a{
+
−
                float:left;
+
−
        }
+
−
 
+
−
        #b{
+
−
                float:left;
+
−
                margin-left:5.5vw;
+
−
        }
+
−
 
+
−
        #c{
+
−
                float:right;
+
−
        }
+
−
 
+
−
 
+
−
        a button.specialPrize:{
+
−
align-items:justify;
+
−
}
+
−
+
−
.specialPrize h2{
+
−
font-weight:normal;
+
−
color:#ececec;
+
−
margin:0;  /* dringend notwendig damit der button schmal ist!!!*/
+
−
}
+
−
+
−
.specialPrize h2:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
cursor:pointer;
+
−
}
+
−
+
−
a button.specialPrize:hover{
+
−
font-weight: bold;
+
−
text-decoration:none;
+
−
color:white;
+
−
cursor:pointer;
+
−
}
+
−
 
+
−
        .politician{
+
−
                clear:both;
+
−
        }
+
−
 
+
−
/* Images */
+
−
 
+
−
    .imageHP_r{
+
−
width:20vw;
+
−
height:auto;
+
−
margin-right:0;
+
−
float:right;
+
−
                margin-bottom:5rem;
+
−
}
+
−
.imageHP_l{
+
−
width:20vw;
+
−
height:auto;
+
−
margin-left:0;
+
−
float:left;
+
−
                margin-bottom:5rem;
+
−
}
+
−
+
−
/* Tabelle */
+
−
   
+
−
table{
+
−
border:3px solid #019ac8;
+
−
border-radius:6px;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
                font-family:calibri;
+
−
}
+
−
#groupParts{
+
−
margin-left:7vw;
+
−
margin-right:7vw;
+
−
width:86vw;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border:3px solid #019ac8;
+
−
border-radius:6px;
+
−
font-size:16px;
+
−
height:auto;
+
−
border-spacing:0;
+
−
text-align:center;
+
−
margin-bottom:5rem;
+
−
}
+
−
th{
+
−
font-weight:bold;
+
−
background-color:#019ac8;
+
−
color:white;
+
−
                text-align:center;
+
−
}
+
−
th, td{
+
−
border:1px solid #019ac8;
+
−
                text-align:center;
+
−
}
+
−
th #t1{
+
−
width:7vw;
+
−
                text-align:center;
+
−
}
+
−
th #t2{
+
−
width:7vw;
+
−
}
+
−
th #t3{
+
−
width:7vw;
+
−
}
+
−
th #t4{
+
−
    width:11vw;
+
−
}
+
−
th #t5{
+
−
width:16vw;
+
−
}
+
−
th #t6{
+
−
width:16vw;
+
−
}
+
−
th #t7{
+
−
width:16vw;
+
−
}
+
−
th #t8{
+
−
width:6vw;
+
−
}
+
−
/* Footer */
+
−
   
+
−
#footer{
+
−
background-color:#333;
+
−
background: -webkit-linear-gradient(top, black 30%, #4d4d4d);
+
−
background: -o-linear-gradient(bottom, black 30%, #4d4d4d);
+
−
background: -moz-linear-gradient(bottom, black 30%, #4d4d4d);
+
−
background: -linear-gradient(to bottom, black 30%, #4d4d4d);
+
−
/*height:10%;*/
+
−
padding-bottom:0;
+
−
width:100%;
+
−
}
+
−
.footer{
+
−
clear:both;
+
−
margin-bottom:0;
+
−
                font-family:calibri;
+
−
}
+
−
 
+
−
/* Links IDs */
+
−
 
+
−
    .verlinked{
+
−
margin-bottom:1rem;
+
−
margin-top:1rem;
+
−
clear:both;
+
−
                z-index:666;
+
−
}
+
−
    .verlinked h5{
+
−
                padding-top:5rem;
+
−
                padding-bottom:0.5rem;
+
−
    }
+
−
+
−
.read_more{
+
−
width:auto;
+
−
float:left;
+
−
font-size:16px;
+
−
color:#ececec;
+
−
background-color:#019ac8;
+
−
border:3px solid #019ac8;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
margin-bottom:0.5rem;
+
−
                margin-top:0.5rem;
+
−
                padding:5px 1vw;
+
−
                font-family:calibri;
+
−
}
+
−
+
−
button.read_more:hover{
+
−
font-weight: bold;
+
−
text-decoration: none;
+
−
color: white;
+
−
cursor:pointer;
+
−
}
+
−
       
+
−
        button.read_more:visited{
+
−
                text-decoration:none;
+
−
                border:none;
+
−
        }
+
−
 
+
−
        button.read_more:active{
+
−
                text-decoration:none;
+
−
                border:none;
+
−
                width:auto;
+
−
float:left;
+
−
font-size:16px;
+
−
        }
+
−
 
+
−
        .bild{
+
−
        font-size:14px;
+
−
        text-align:justify;
+
−
        font-family:calibri;
+
−
        line-height:1.5rem;
+
−
        }
+
−
 
+
−
        .bild p{
+
−
        font-size:14px;
+
−
        text-align:justify;
+
−
        font-family:calibri;
+
−
        }
+
−
 
+
−
/*references*/
+
−
 
+
−
        .references{
+
−
                clear:both;
+
−
                font-family:calibri;
+
−
                font-size:12px;
+
−
                border-top:3px solid #019ac8;
+
−
                margin-top:5rem;
+
−
                text-decoration:none;
+
−
        }
+
−
       
+
−
        .references h6{
+
−
                color:#019ac8;
+
−
                padding-top:0.5rem;
+
−
        }
+
−
 
+
−
        .references ul{
+
−
                margin-left:0;
+
−
                padding-left:0;
+
−
        }
+
−
 
+
−
 
+
−
rel="stylesheet" href="bluebox/css/theDoctor.css"
+
−
</style>
+
−
<script type="text/javascript">
+
−
(function($) {
+
−
 
+
−
skel.breakpoints({
+
−
wide: '(max-width: 1680px)',
+
−
normal: '(max-width: 1280px)',
+
−
narrow: '(max-width: 980px)',
+
−
narrower: '(max-width: 840px)',
+
−
mobile: '(max-width: 736px)',
+
−
mobilep: '(max-width: 480px)'
+
−
});
+
−
 
+
−
$(function() {
+
−
 
+
−
var $window = $(window),
+
−
$body = $('body');
+
−
 
+
−
// Disable animations/transitions until the page has loaded.
+
−
$body.addClass('is-loading');
+
−
 
+
−
$window.on('load', function() {
+
−
$body.removeClass('is-loading');
+
−
});
+
−
 
+
−
// Fix: Placeholder polyfill.
+
−
$('form').placeholder();
+
−
 
+
−
// Prioritize "important" elements on narrower.
+
−
skel.on('+narrower -narrower', function() {
+
−
$.prioritize(
+
−
'.important\\28 narrower\\29',
+
−
skel.breakpoint('narrower').active
+
−
);
+
−
});
+
−
 
+
−
// Dropdowns.
+
−
$('#nav > ul').dropotron({
+
−
offsetY: -15,
+
−
hoverDelay: 0,
+
−
alignment: 'center'
+
−
});
+
−
 
+
−
// Off-Canvas Navigation.
+
−
 
+
−
// Title Bar.
+
−
$(
+
−
'<div id="titleBar">' +
+
−
'<a href="#navPanel" class="toggle"></a>' +
+
−
'<span class="title">' + $('#logo').html() + '</span>' +
+
−
'</div>'
+
−
)
+
−
.appendTo($body);
+
−
 
+
−
// Navigation Panel.
+
−
$(
+
−
'<div id="navPanel">' +
+
−
'<nav>' +
+
−
$('#nav').navList() +
+
−
'</nav>' +
+
−
'</div>'
+
−
)
+
−
.appendTo($body)
+
−
.panel({
+
−
delay: 500,
+
−
hideOnClick: true,
+
−
hideOnSwipe: true,
+
−
resetScroll: true,
+
−
resetForms: true,
+
−
side: 'left',
+
−
target: $body,
+
−
visibleClass: 'navPanel-visible'
+
−
});
+
−
 
+
−
// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
+
−
if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
+
−
$('#titleBar, #navPanel, #page-wrapper')
+
−
.css('transition', 'none');
+
−
 
+
−
});
+
−
 
+
−
})(jQuery);
+
−
</script>
+
−
<script type="text/javascript">
+
−
$(document).ready(function(){
+
−
$("#header").load("header.html");
+
−
$("#footer").load("footer.html");
+
−
$(window).scroll(function(event){
+
−
var scrollY = $(window).scrollTop();
+
−
var navbar = $(".navbar");
+
−
var computer = $(".computer")
+
−
var tablet = $(".tablet")
+
−
var topButton = $('button.back_top');
+
−
var highlights = $(".rechts");
+
−
+
−
    if(scrollY > $("#title").height()){
+
−
navbar.css({"top":"17px", "position":"fixed"});
+
−
}else{
+
−
navbar.css({"top":"0", "position":"static"});
+
−
}
+
−
+
−
// if(scrollY > 1300){
+
−
// highlights.css({"top": "10vh","position": "fixed","right":"0"});
+
−
                // }else{
+
−
// highlights.css({"top": "0","position": "static"});
+
−
                //}
+
−
+
−
+
−
        /*$("#lab1b").click(function(){
+
−
$("#lab1c").toggle();
+
−
});*/
+
−
+
−
     });
+
−
$('#groupparts').load('cgi/api/groupparts.cgi',{
+
−
t:'iGEM016',g:'TU_Darmstadt'},function(){
+
−
$('#groupparts').tablesorter();});
+
−
+
−
});
+
−
 
+
−
 
+
−
$(document).ready(function(){
+
−
+
−
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
+
−
$(".tablet").show();
+
−
$("#tabletbutton").click(function(){
+
−
$("#tabletmenu").toggle();
+
−
});
+
−
}
+
−
else{
+
−
$(".computer").show();
+
−
}
+
−
});
+
−
 
+
−
$(document).ready(function(){
+
−
+
−
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
+
−
$("#logoleiste").css({"width":"70vw"});
+
−
}
+
−
else{
+
−
$("#logoleiste").css({"width":"50vw"});
+
−
}
+
−
});
+
−
</script>
+
−
 
+
−
 
+
−
<!-- START JS and CSS for the Scrollbox -->
+
−
 
+
−
<script type="text/javascript">
+
−
$(window).scroll(function(e) {
+
−
  var $element = $('.scrollbox');
+
−
  var headerHeight = $('#head').outerHeight();
+
−
  var isFixed = ($element.css('position') == 'fixed');
+
−
 
+
−
  if ($(this).scrollTop() > headerHeight) {
+
−
     if(!isFixed) {
+
−
        console.log('scroll');
+
−
        $element.addClass("scrolled");
+
−
    }
+
 
   }
 
   }
−
   if ($(this).scrollTop() < headerHeight) {
+
   </style>
−
    if(isFixed) {
+
  <div class="js-message abstract">
−
        console.log('dont scroll');
+
     If you can see this message, you do not use Javascript. This Website is best to use with Javascript enabled. Without Javascript enabled, many features including the mobile version are not usable.
−
        $element.removeClass("scrolled");
+
  </div>
−
    }
+
</noscript>
−
  }
+
−
});
+
−
 
+
−
function scrollToTop() {
+
−
  $('body,html').animate({
+
−
    scrollTop: 0
+
−
  }, 400);
+
−
}
+
−
</script>
+
−
 
+
−
<style>
+
−
.scrollbox {
+
−
    z-index: 999;
+
−
    -webkit-transition: top 1.5s;
+
−
    transition: top 1.5s;
+
−
    width: 13.6vw;
+
−
}
+
−
 
+
−
.scrollbox div, .scrollbox button {
+
−
    position: relative;
+
−
}
+
−
 
+
−
.scrollbox.scrolled {
+
−
    position: fixed;
+
−
    top: 70px;
+
−
    bottom: auto;
+
−
}
+
−
 
+
−
@media only screen and (max-width: 800px)  {
+
−
 
+
−
    body{
+
−
        width:100%;
+
−
        padding:0;
+
−
    }
+
−
 
+
−
    .vviki{
+
−
        width:100%;
+
−
        padding:0;
+
−
    }
+
−
 
+
−
    #HQ_page{
+
−
        width:100%;
+
−
        padding:0;
+
−
    }
+
−
 
+
−
    #head{
+
−
        padding:0;
+
−
        margin:0;
+
−
        width:100%;
+
−
    }
+
−
 
+
−
    .page {
+
−
        width: 100%;
+
−
        float: none;
+
−
        margin-left:0;
+
−
        margin-right:0;
+
−
    }
+
−
 
+
−
    .page_full {
+
−
        width: 100%;
+
−
        float: none;
+
−
        margin-left:0;
+
−
        margin-right:0;
+
−
    }
+
−
 
+
−
    .page > .abstract {
+
−
        width: 90%;
+
−
    }
+
−
   
+
−
     .abstract2{
+
−
        width:80%;
+
−
    }
+
−
 
+
−
    .right {
+
−
        width: 100%;
+
−
        float: none;
+
−
    }
+
−
 
+
−
    .scrollbox {
+
−
        width: 100%;
+
−
        left: 0px;
+
−
        right:0px;
+
−
        background-color: whitesmoke;
+
−
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
        border:3px solid #019ac8;
+
−
border-radius:6px;
+
−
    }
+
−
 
+
−
    .scrollbox.scrolled {
+
−
        top: auto;
+
−
        bottom: 0;
+
−
    }
+
−
 
+
−
    .scrollbox > div {
+
−
        width: 100%;
+
−
    }
+
−
 
+
−
    .back_top_full{
+
−
        width:auto;
+
−
    }
+
−
 
+
−
    .see_other_full{
+
−
        width:auto;
+
−
    }
+
−
 
+
−
    .highlights{
+
−
        border:none;
+
−
    }
+
−
 
+
−
}
+
−
</style>
+
−
 
+
−
<!-- END Scrollbox -->
+
−
<style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style>
+
−
</head>
+
 
</html>
 
</html>

Latest revision as of 11:29, 17 October 2016

If you can see this message, you do not use Javascript. This Website is best to use with Javascript enabled. Without Javascript enabled, many features including the mobile version are not usable.