Template:Team:Tsinghua-A/style

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <head> <!-- Scripts --> <script src="https://2013.igem.org/Team:TU-Munich/TUM13_jquery-1.10.2.js?action=raw&ctype=text/javascript" type="text/javascript"></script> <script...")
 
(7 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Arimo:400,400italic' rel='stylesheet' type='text/css'>
 +
<link href='http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js' rel='stylesheet' type='text/javascript'>
 +
<!-- jQuery Tools (slider) -->
 +
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
 +
    <script>
 +
        $(function() {
 +
        // initialize scrollable
 +
        $(".scrollable").scrollable().navigator();
 +
        });
 +
    </script>
-
<!-- Scripts -->
+
    <!-- Navigation scroll follow -->
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_jquery-1.10.2.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script type="text/javascript">
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_slimbox2.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
        $(window).scroll(function () {
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_bxslider.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
            var scrollPos = $(window).scrollTop();
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_Script?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
            if (scrollPos > 180) {
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_history.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
                $(".toc").addClass("stickBelowNavigation");
-
<script src="https://2013.igem.org/Team:TU-Munich/TUM13_ajax.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
            } else {
 +
                $(".toc").removeClass("stickBelowNavigation");
 +
            }
 +
        });
 +
    </script>
-
<!-- Stylesheets -->
 
-
<link href="https://2013.igem.org/Team:TU-Munich/TUM13_normalize.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:TU-Munich/TUM13_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:TU-Munich/TUM13_slimbox2.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:TU-Munich/TUM13_bxslider.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
<link href="https://2013.igem.org/Team:TU-Munich/TUM13_wiki.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
</head>
+
<style type="text/css">
 +
 +
/* Wiki styles */
 +
div.thumb div a img {
 +
    background-image: url(http://img0.imgtn.bdimg.com/it/u=3881097581,3992057579&fm=21&gp=0.jpg);
 +
    padding:6px 0px;
 +
}
 +
#globalWrapper {/* the wiki */
 +
    background-image: url(http://img0.imgtn.bdimg.com/it/u=3881097581,3992057579&fm=21&gp=0.jpg);
 +
    width:1100px;
 +
    height:auto;
 +
    margin:0 auto;
 +
    padding:0;
 +
}
 +
#top-section{/* the igem flag + top menu)*/
 +
    position:fixed; 
 +
    margin:0;
 +
    padding:0;
 +
    top:0;
 +
    height:auto;
 +
    width:1100px;
 +
    border:none;
 +
    z-index:3;
 +
}
 +
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
 +
    display:none;
 +
}
 +
#menubar {/* la barre de menu du haut */
 +
    display:none;
 +
    margin:0;
 +
    width:550px;
 +
    height:20px;
 +
    color:white;
 +
    background-color:rgb(46,43,52);
 +
    text-decoration:none;
 +
    font-size:12px;
 +
    z-index:0;
 +
}
 +
#menubar ul {
 +
    line-height:20px;   
 +
}
 +
#menubar a{/*les lien de la barre de menu du haut */
 +
    color:white;
 +
    text-decoration:none;
 +
    background:transparent;
 +
    z-index:3;
 +
}
 +
.left-menu{/* le menu de haut gauche */
 +
    float:left; 
 +
    z-index:3;
 +
}
 +
.right-menu{/* le menu de login haut droite*/
 +
    float:right;
 +
    z-index:3;
 +
}
 +
.right-menu a{/* les lien du login */
 +
}
 +
#search-controls{/* la barre de recherche*/
 +
    display:none;
 +
}
 +
#content{/* le body de la page*/
 +
    border:none;
 +
    padding:0;
 +
    margin:0;
 +
    z-index:1;
 +
    width:100%;
 +
    height:auto;
 +
    background:#ffffff;
 +
}
 +
.firstHeading { /*titre de page */
 +
    display:none;
 +
    border:none;
 +
}
 +
#bodyContent{/* contenu de page*/
 +
    background-image: url(http://img0.imgtn.bdimg.com/it/u=3881097581,3992057579&fm=21&gp=0.jpg)
 +
    border:none;
 +
    border-color:none;
 +
    padding:0;
 +
    height:auto;
 +
    width:1100px;
 +
    margin:0 auto;
 +
}
 +
#footer-box{/* la boite en bas de page*/
 +
    width:1090px;
 +
    border:none;
 +
    margin-top:5px;
 +
    margin-bottom:50px;
 +
    color:white;
 +
    background:rgb(30,39,43);
 +
}
 +
 
 +
#catlinks{/* le cadre sous le body useless */
 +
    display:none;
 +
}
 +
 
 +
/* Body */
 +
body {
 +
    color: rgb(30,39,43);
 +
    background-image: url(http://img0.imgtn.bdimg.com/it/u=3881097581,3992057579&fm=21&gp=0.jpg)
 +
}
 +
body,input {
 +
    font-family: Arial, Helvetica, sans-serif;
 +
/*font-family: Cambria, serif; font-family: 'Lora', serif;*/
 +
}
 +
/* Headers */
 +
h1,h2,h3,h4 {
 +
    font-weight: normal;
 +
    letter-spacing: 0 px;
 +
    border-bottom:none;
 +
}
 +
h2 {
 +
    /*color: rgb(228,45,51);*/ /*  */
 +
    font-size:25px;
 +
    line-height:26px;
 +
    border-bottom: 1px solid;
 +
    font-weight: bold;
 +
}
 +
h3,h4 {
 +
    font-size:20px;
 +
    line-height:21px;
 +
    font-weight:bold;
 +
}
 +
h4 {
 +
    font-size:18px;
 +
    line-height:19px;
 +
    font-weight:bold;
 +
}
 +
/* a */
 +
a {
 +
    text-decoration:none;
 +
    color: #559DD5;
 +
}
 +
a:visited {
 +
    color: #559DD5;
 +
}
 +
a:hover {
 +
    text-decoration: none;
 +
}
 +
/* Images */
 +
img.alignleft {
 +
    margin: 5px 20px 20px 0;
 +
    float: left;
 +
}
 +
img.aligntop {
 +
    margin: 5px 0 20px 0;
 +
}
 +
img.pic {
 +
    padding: 5px;
 +
    border: solid 1px #D4D4D4;
 +
}
 +
 
 +
/* Custom Stuff */
 +
/* Page top title */
 +
#grouptitle {
 +
    text-align:left;
 +
    font-size:4.5em;
 +
    line-height: 1.2;
 +
    margin-top:30px;
 +
    margin-bottom:20px;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
    font-weight:bold;
 +
    position:relative;
 +
    color:rgb(46,43,52);
 +
    top:5px;
 +
    left:35px;
 +
}
 +
#grouptitle img {
 +
    margin-left:-35px;
 +
}
 +
#page {
 +
    width:1100px;
 +
    margin:0 auto;
 +
    text-align:justify;
 +
    margin-top:20px;
 +
    font-size:17px;
 +
}
 +
/* Paragraphs */
 +
#page p, #page .leftparagraph p, #page .rightparagraph p {
 +
    margin-bottom: 2px;
 +
    font-size:17px;
 +
}
 +
/* Lists */
 +
#page ul, #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul {
 +
    margin:0;
 +
    padding:0;
 +
    font-size:17px;
 +
    list-style:none;
 +
}
 +
#page ul li, #page p ul li, #page .leftparagraph p ul li, #page .rightparagraph p ul li {
 +
    padding:0;
 +
    margin:0;
 +
    margin-top:6px;
 +
}
 +
#page ul li:before, #page p ul li:before, #page .leftparagraph p ul li:before, #page .rightparagraph p ul li:before {
 +
    content: " • ";
 +
    padding: 2px;
 +
    color: rgb(30,39,43);
 +
}
 +
 
 +
/* Divide the page */
 +
.leftparagraph {
 +
    float:left;
 +
    margin:10px 0px;
 +
    margin-right:20px;
 +
    width:530px;
 +
}
 +
.rightparagraph {
 +
    float:left;
 +
    width:530px;
 +
    margin:10px 0px;
 +
    margin-left:20px;
 +
}
 +
.pagecnt {
 +
    float:left;
 +
    width:52%;
 +
    height:auto;
 +
}
 +
.pageimgs {
 +
    float:left;
 +
    width:45%;
 +
    margin-left:3%;
 +
    height:1000px;
 +
    height:auto;
 +
 
 +
}
 +
 
 +
/* Overviews */
 +
.projtile {
 +
    float:left;
 +
    width:355px;
 +
    height:200px;   
 +
    color:rgb(30,39,43);
 +
    background:rgb(252,250,229);
 +
    overflow:hidden;
 +
}
 +
.projtile h2 {
 +
    text-align:center;
 +
    width:90%;
 +
    font-size:25px;
 +
    margin-left:5%;
 +
    margin-bottom:5px;
 +
    height:1.05em;
 +
    font-weight:bold;
 +
    border-bottom: 1px solid;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
}
 +
.projtile p {
 +
    margin-left:5%;
 +
    width:90%;
 +
    font-size:17px;
 +
}
 +
.abstractile p {
 +
    width:95%;
 +
    margin-left:2.5%;
 +
}
 +
 
 +
/* Abstract panels */
 +
.overbox { 
 +
    height:430px;
 +
    color:rgb(30,39,43);
 +
    margin-bottom:20px;
 +
}
 +
.overbox a {
 +
    color:rgb(30,39,43);
 +
}
 +
.bkgr, .aims, .results, .biocriks, .hlink, .mainfig {
 +
    float:left;
 +
    color:rgb(30,39,43);
 +
    background:rgb(252,250,229);
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.bkgr, .aims {
 +
    width:320px;
 +
    height:162.5px;
 +
    margin-right:15px;
 +
}
 +
.bkgr {
 +
    margin-bottom:15px;
 +
}
 +
.aims {
 +
    float:none;
 +
    position:relative;
 +
    bottom:162.5px;
 +
    margin-bottom:-162.5px;
 +
}
 +
.results {
 +
    width:545px;
 +
    height:340px;
 +
    margin-right:15px;
 +
}
 +
.biocriks {
 +
    width:205px;
 +
    height:340px;
 +
}
 +
.hlink, .jlink {
 +
    width:263.5px;
 +
    height:53px;
 +
    margin-top:15px;
 +
    margin-right:15px;
 +
    text-align:center;
 +
    color:rgb(30,39,43);
 +
}
 +
.jlink {
 +
    float:left;
 +
    background:rgb(250,247,186);
 +
    border-top-left-radius:7px;
 +
    border-top-right-radius:7px;
 +
    margin-bottom:-5px;
 +
}
 +
.bkgr h2, .aims h2, .results h2, .biocriks h2, .hlink h2 {
 +
    color:rgb(30,39,43);
 +
    text-align:center;
 +
    width:90%;
 +
    margin-left:5%;
 +
    margin-bottom:5px;
 +
    height:1.05em;
 +
    border-bottom: 1px solid;
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
}
 +
.hlink h2, .jlink h2 {
 +
    position:relative;
 +
    top:4px;
 +
    border:none;
 +
    font-size:21px;
 +
    margin:0;
 +
    width:100%;
 +
    height:53px;
 +
    /*font-family: Arial, Helvetica, sans-serif;*/
 +
    font-family: 'Archivo Narrow', sans-serif;
 +
    margin-bottom:0;
 +
    font-weight:normal;
 +
}
 +
.hlink:hover h2, .jlink:hover h2 {
 +
    font-weight:bold;
 +
}
 +
.bkgr p, .aims p, .results p, .biocriks p, .mainfig p {
 +
    font-size:18px;
 +
    margin-left:5%;
 +
    margin-right:5%;
 +
}
 +
.biocriks ol {
 +
    width:90%;
 +
    margin:0;
 +
    padding:0;
 +
    margin-left:40px;
 +
    font-size:20px;
 +
}
 +
.biocriks ol li{
 +
    padding:0;
 +
    margin:0;
 +
    margin-top:20px;
 +
}
 +
#page .overbox .results ul {
 +
    width:90%;
 +
    margin-left:5%;
 +
}
 +
.results h2 {
 +
    text-align:left;
 +
}
 +
.suplink {
 +
    position:relative;
 +
}
 +
</style>
 +
 
</html>
</html>
-
__NOTOC__
 

Latest revision as of 19:57, 15 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Tsinghua-A/style"