Template:UCSF/MainHeader

From 2013.igem.org

(Difference between revisions)
Line 274: Line 274:
width: 260px;
width: 260px;
}
}
 +
 +
/***Body styling***/
 +
h1{
 +
font-size: 2.3em;
 +
line-height: 1em;
 +
}
 +
h2{
 +
font-size: 1.8em;
 +
line-height: 1.2em;
 +
}
 +
h3{
 +
font-size: 1.6em;
 +
margin: 0px 15px;
 +
font-weight: bold;
 +
}
 +
h4{
 +
font-size: 1.4em;
 +
color: #333333;
 +
margin: 0px 20px;
 +
font-weight: bold;
 +
}
 +
#bodycontainer p{
 +
font-size: 1.2em;
 +
}
 +
#pagetitle{
 +
border-bottom: 2px solid black;
 +
padding-bottom: 10px;
 +
padding-left: 10px;
 +
}
 +
#bodycontainer h2{
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
}
 +
#bodycontainer p{
 +
margin-left: 20px;
 +
margin-right: 10px;
 +
}
 +
#bodycontainer{
 +
margin-left: 220px;
 +
}
 +
#bodycontainer ul{
 +
margin-left: 5.0em;
 +
}
 +
#bodycontainer li{
 +
font-family: Georgia, Serif;
 +
}
 +
#sidebar{
 +
position: absolute;
 +
width: 150px;
 +
z-index: 0;
 +
}
 +
/*
 +
#sidebarimg{
 +
width: 214px;
 +
height: 144px;
 +
background: #ffffff;
 +
margin: 5px 0px;
 +
border: 3px solid #ffffff;
 +
}
 +
*/
 +
 +
#sidebar #list{
 +
background: #ffffff;
 +
}
 +
#sidebar h2{
 +
color: #008000;
 +
padding: 20px 15px 0px 15px;
 +
font-size: 2.0em;
 +
}
 +
#sidebar ul{
 +
list-style: none;
 +
margin: 0px 15px;
 +
}
 +
#sidebar #list > ul{
 +
padding-bottom: 20px;
 +
}
 +
#sidebar a{
 +
color: #008000;
 +
font-family: Calibri, Sans-Serif;
 +
font-size: 1.6em;
 +
display: block;
 +
line-height: 1.4em;
 +
}
 +
#sidebar a:hover{
 +
text-decoration: none;
 +
color: #009E99;
 +
}
 +
 +
 +
/* thumbnails */
 +
div.thumb {
 +
    margin-bottom: .5em;
 +
    border-style: solid;
 +
    border-color: transparent;
 +
    width: auto;
 +
}
 +
div.thumb div {
 +
    border: 0px;
 +
    padding: 3px !important;
 +
    font-size: 94%;
 +
    text-align: center;
 +
    overflow: hidden;
 +
background: transparent;
 +
}
 +
div.thumb div a img {
 +
    border: none;
 +
}
 +
div.thumb div div.thumbcaption {
 +
    border: none;
 +
    text-align: left;
 +
    line-height: 1.4em;
 +
    padding: .3em 0 .1em 0;
 +
 +
}
 +
div.magnify {
 +
    float: right;
 +
    border: none !important;
 +
    background: none !important;
 +
}
 +
div.magnify a, div.magnify img {
 +
    display: block;
 +
    border: none !important;
 +
    background: none !important;
 +
}
 +
div.tright {
 +
    clear: right;
 +
    float: right;
 +
    border-width: .5em 0 .8em 1.4em;
 +
}
 +
div.tleft {
 +
    float: left;
 +
    margin-right: .5em;
 +
    border-width: .5em 1.4em .8em 0;
 +
}
 +
 +
/*colouring*/
 +
/*oranges: current page and all sidebar rollovers*/
 +
#home header #homelink, #home #sidebar #list a:hover, #home #nav li a:hover, #home #nav li a.drop:hover::after,
 +
#team header #teamlink, #team #sidebar #list a:hover, #team #nav li a:hover, #team #nav li a.drop:hover::after,
 +
#proj_hp header #projectlink, #proj_hp #sidebar #list a:hover, #proj_hp #nav li a:hover, #proj_hp #nav li a.drop:hover::after,
 +
#parts header #partslink, #parts #sidebar #list a:hover, #parts #nav li a:hover, #parts #nav li a.drop:hover::after,
 +
#notebook header #notebooklink, #notebook #sidebar #list a:hover, #notebook #nav li a:hover, #notebook #nav li a.drop:hover::after,
 +
#outreach header #outreachlink, #outreach #sidebar #list a:hover, #outreach #nav li a:hover, #outreach #nav li a.drop:hover::after,
 +
#sponsors header #sponsorslink, #sponsors #sidebar #list a:hover, #sponsors #nav li a:hover, #sponsors #nav li a.drop:hover::after{
 +
color: #009E99;
 +
}
 +
/*oranges: sidebar border*/
 +
#home #sidebar #list,
 +
#team #sidebar #list,
 +
#proj_hp #sidebar #list,
 +
#parts #sidebar #list,
 +
#notebook #sidebar #list,
 +
#outreach #sidebar #list,
 +
#sponsors #sidebar #list{
 +
border-left: 0px solid #ffffff;
 +
}
 +
/*oranges: links*/
 +
#team #bodycontainer a,
 +
#proj_hp #bodycontainer a,
 +
#parts #bodycontainer a,
 +
#notebook #bodycontainer a,
 +
#outreach #bodycontainer a,
 +
#sponsors #bodycontainer a{
 +
color: #FF7A00;
 +
}
 +
#team #bodycontainer a:visited,
 +
#proj_hp #bodycontainer a:visited,
 +
#parts #bodycontainer a:visited,
 +
#notebook #bodycontainer a:visited,
 +
#outreach #bodycontainer a:visited,
 +
#sponsors #bodycontainer a:visited{
 +
color: #C40;
 +
}
 +
 +
/*blues: current page, all rollover links in nav, all sidebar hovers and dropdown menus*/
 +
#proj_o header #projectlink, #proj_o #sidebar #list a:hover, #proj_o #nav li a:hover, #proj_o #nav li a.drop:hover::after,
 +
#note_o header #notebooklink, #note_o #sidebar #list a:hover, #note_o #nav li a:hover, #note_o #nav li a.drop:hover::after{
 +
color: #43BBFF;
 +
}
 +
/*blues: sidebar border*/
 +
#proj_o #sidebar #list,
 +
#note_o #sidebar #list{
 +
border-left: 0px solid #ffffff;
 +
}
 +
/*blues: links*/
 +
#proj_o #bodycontainer a,
 +
#note_o #bodycontainer a{
 +
color: #1088CC;
 +
}
 +
#proj_o #bodycontainer a:visited,
 +
#note_o #bodycontainer a:visited{
 +
color: #05B;
 +
}
 +
 +
/*greens: current page, all rollover links in nav, all sidebar hovers, and dropdown menus*/
 +
#proj_f header #projectlink, #proj_f #sidebar #list a:hover, #proj_f #nav li a:hover, #proj_f #nav li a.drop:hover::after,
 +
#note_f header #notebooklink, #note_f #sidebar #list a:hover, #note_f #nav li a:hover, #note_f #nav li a.drop:hover::after{
 +
color: #58CD45;
 +
}
 +
/*greens: sidebar border*/
 +
#proj_f #sidebar #list,
 +
#note_f #sidebar #list{
 +
border-left: 0px solid #58CD45;
 +
}
 +
/*greens: links*/
 +
#proj_f #bodycontainer a,
 +
#proj_f #bodycontainer a{
 +
color: #159900;
 +
}
 +
/*greens: links*/
 +
#proj_f #bodycontainer a:visited,
 +
#proj_f #bodycontainer a:visited{
 +
color: #06660B;
 +
}
 +
 +
/*hub page CSS*/
 +
a.hublink{
 +
text-decoration: none;
 +
margin-left: 15px;
 +
margin-right: 15px;
 +
}
 +
div.hubbox{
 +
margin-left: 15px;
 +
}
 +
div.hubbox img{
 +
float: left;
 +
padding: 15px;
 +
}
 +
div.hubbox h2{
 +
color: white;
 +
padding: 15px 15px 0px 15px;
 +
font-size: 2.0em;
 +
margin-left: 120px !important;
 +
}
 +
div.hubbox p{
 +
color: white;
 +
padding: 0px 15px 15px 15px;
 +
margin-left: 120px !important;
 +
}
 +
div.hubbox b{
 +
font-size: 1.1em;
 +
}
 +
</style>
 +
 +
<script type="text/javascript">
 +
 +
    jQuery(document).ready(function ($) {
 +
 +
        //eliminate jsnotice
 +
        $('#jsnotice').hide();
 +
 +
        //prepend menu icon
 +
        $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
 +
 +
        //toggle nav
 +
        $("#menu-icon").click(function () {
 +
            $("#nav").slideToggle('fast');
 +
            $(this).toggleClass("active");
 +
 +
        });
 +
 +
        //hide url bar
 +
        window.scrollTo(0, 1);
 +
 +
 +
 +
    });
 +
 +
</script>
 +
 +
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
 +
 +
<script type="text/javascript">
 +
 +
    var _gaq = _gaq || [];
 +
    _gaq.push(['_setAccount', 'UA-32774032-1']);
 +
    _gaq.push(['_trackPageview']);
 +
 +
    (function () {
 +
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
    })();
 +
 +
</script>
</head>
</head>

Revision as of 20:41, 27 October 2013

Retrieved from "http://2013.igem.org/Template:UCSF/MainHeader"