|
|
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> |