Template:Team:BostonU/CSS

From 2014.igem.org

(Difference between revisions)
 
(111 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script>try{Typekit.load();}catch(e){}</script>
 
-
 
-
<!--jquery.event.move-->
 
-
<script src="https://github.com/stephband/jquery.event.move/blob/master/js/jquery.event.move.js" type="text/javascript"></script>
 
-
 
-
<!--jquery.event.swipe-->
 
-
<script src="https://github.com/stephband/jquery.event.swipe/blob/master/js/jquery.event.swipe.js" type="text/javascript"></script>
 
-
 
-
<!--scrollto-->
 
-
<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js?1.4.11" type="text/javascript"></script>
 
-
 
-
<!--init-->
 
-
<script src="http://demos.flesler.com/jquery/scrollTo/js/init.js" type="text/javascript"></script>
 
-
 
-
<!--unslider-->
 
-
<script src="http://unslider.com/unslider.js" type="text/javascript"></script>
 
-
 
-
<script>
 
-
if(window.chrome) {
 
-
$('.banner li').css('background-size', '100% 100%');
 
-
}
 
-
 
-
$('.banner').unslider({
 
-
arrows: true,
 
-
fluid: true,
 
-
dots: true
 
-
});
 
-
 
-
//  Find any element starting with a # in the URL
 
-
//  And listen to any click events it fires
 
-
$('a[href^="#"]').click(function() {
 
-
//  Find the target element
 
-
var target = $($(this).attr('href'));
 
-
 
-
//  And get its position
 
-
var pos = target.offset(); // fallback to scrolling to top || {left: 0, top: 0};
 
-
 
-
//  jQuery will return false if there's no element
 
-
//  and your code will throw errors if it tries to do .offset().left;
 
-
if(pos) {
 
-
//  Scroll the page
 
-
$('html, body').animate({
 
-
scrollTop: pos.top,
 
-
scrollLeft: pos.left
 
-
}, 1000);
 
-
}
 
-
 
-
//  Don't let them visit the url, we'll scroll you there
 
-
return false;
 
-
});
 
-
 
-
var GoSquared = {acct: 'GSN-396664-U'};
 
-
</script>
 
<head>
<head>
-
 
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
.topWikiNavBackground {
.topWikiNavBackground {
Line 64: Line 10:
     background-color:transparent;
     background-color:transparent;
}
}
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 138: Line 85:
a:link {
a:link {
color: #F79042;
color: #F79042;
 +
        font-weight=500;
text-decoration: none;
text-decoration: none;
}
}
a:visited {
a:visited {
text-decoration: none;
text-decoration: none;
 +
        font-weight=500;
color: #F79042;
color: #F79042;
}
}
Line 187: Line 136:
}
}
-
header3{
+
 
-
font-size:20px;
+
header2black{
-
color:#000;
+
font-size:18px;
 +
color:#000000;
font-weight:700;
font-weight:700;
 +
text-transform:uppercase;
text-align:left;
text-align:left;
 +
        text-decoration:none;
 +
}
 +
 +
header3{
 +
font-size:20px;
 +
color:#353535;
 +
font-weight:550;
 +
        text-decoration:none;
 +
}
 +
 +
h3{
 +
font-size:20px;
 +
color:#353535;
 +
font-weight:550;
         text-decoration:none;
         text-decoration:none;
}
}
maincontent{
maincontent{
 +
font-weight:100;
font-size:14px;
font-size:14px;
-
font-weight:200;
 
text-align:justify;
text-align:justify;
}
}
Line 204: Line 169:
font-size:12px;
font-size:12px;
         color:#5E5F5F;
         color:#5E5F5F;
-
font-weight:150;
+
font-weight:300;
text-align:justify;
text-align:justify;
         line-height:110%
         line-height:110%
Line 254: Line 219:
ul#nav {
ul#nav {
-
width:85%;
+
width:90%;
top:100px;
top:100px;
left:60px;
left:60px;
Line 264: Line 229:
color: #FFF;
color: #FFF;
background-color:none;
background-color:none;
-
margin: 0 10px 10px 0;
+
margin: 0 15px 0 0;
float: left;
float: left;
position: relative;
position: relative;
Line 288: Line 253:
line-height:10px;
line-height:10px;
border-left:solid 3px #bbb;
border-left:solid 3px #bbb;
-
padding:0 12px 0 15px;
+
padding:0 0 0 15px;
}
}
Line 295: Line 260:
color: #ffffff;*/
color: #ffffff;*/
}
}
 +
/* main level link hover */
/* main level link hover */
Line 303: Line 269:
/* sub levels link hover */
/* sub levels link hover */
-
#nav ul li:hover a, #nav li:hover li a {
+
#nav ul li:hover a , #nav li:hover li a{
border: none;
border: none;
background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
Line 309: Line 275:
color:#FFF;
color:#FFF;
}
}
-
 
#nav ul a:hover {
#nav ul a:hover {
color: #353535 !important;
color: #353535 !important;
Line 319: Line 284:
/* dropdown */
/* dropdown */
#nav li:hover > ul {
#nav li:hover > ul {
-
/*display: block;*/
+
display: block;
-
opacity:2;
+
opacity:1;
margin:0;
margin:0;
background-color: none;
background-color: none;
z-index:0;
z-index:0;
}
}
 +
/* level 2 list */
/* level 2 list */
#nav ul {
#nav ul {
-
/*display: none;*/
+
display: none;
opacity:0;
opacity:0;
margin: 20px 0 0 0;
margin: 20px 0 0 0;
Line 390: Line 356:
width:400px;
width:400px;
height:500px;
height:500px;
-
         top: calc(50% - 275px);
+
         top: calc(50% - 300px);
z-index:10;
z-index:10;
}
}

Latest revision as of 01:10, 18 October 2014