Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 16: Line 16:
     });
     });
</script>
</script>
-
 
+
<style type="text/css">
<style type="text/css">
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
/* -----------------------------------------
-
    display:none;
+
iGEM Reset
-
}
+
----------------------------------------- */
-
/* Top menu */
+
#globalWrapper {
-
body {
+
background-color: transparent;
-
    margin: 10px 0 0 0;
+
border: none;
-
    padding: 0;
+
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
#content {
 +
background-color: transparent;
 +
border: none;
 +
padding: 0;
 +
margin: 0;
 +
width: 100%;
 +
overflow: visible;
 +
height: 100%;
 +
}
 +
#bodyContent {
 +
border: none;
 +
padding: 0;
 +
margin: 0;
 +
width: 100%;
 +
height: 100%;
}
}
#top-section {
#top-section {
-
    width: 965px;
+
height: 15px;
-
        height: 0;
+
margin: 0px;
-
        margin: 0 auto;
+
margin-left: auto;
-
        padding: 0;
+
margin-right: auto;
-
        border: none;
+
margin-bottom: 0 !important;
 +
padding: 0;
 +
border: none;
 +
font-size: 10px;
}
}
-
#menubar {
+
#p-logo {
-
    width: auto;
+
height: 1px;
-
    top: -14px;
+
overflow: hidden;
 +
display: none;
}
}
-
.left-menu:hover {
+
#search-controls {
-
  background-color: transparent;
+
overflow: hidden;
 +
display: block;
 +
background: none;
 +
position: absolute;
 +
top: 100px;
 +
right: 40px;
}
}
-
#menubar li a {
+
#menubar.left-menu {
-
  background-color: transparent;
+
/*margin-top: -80px; uncomment this when page goes live */
-
    color: transparent;
+
background: none;
 +
height: 20px;
 +
left: 20px;
 +
float: left;
}
}
-
#menubar:hover {
+
.left-menu ul {
-
    color: black;
+
visibility: hidden;
}
}
-
#menubar:hover li a {
+
.left-menu:hover ul {
-
    color: black;
+
visibility: visible;
}
}
-
#menubar > ul > li:last-child {
+
.left-menu:hover ul li a {
-
    display: none;
+
color: #666;
}
}
-
 
+
.left-menu li a:hover {
-
/* General */
+
color: #aaaaff !important;
-
#content, #globalWrapper {
+
text-decoration: underline;
 +
}
 +
#menubar.right-menu {
 +
display: block;
 +
width: 300px;
 +
float: left;
 +
margin-top: 2px;
 +
margin-right: 0px;
border: none;
border: none;
 +
}
 +
.right-menu ul {
 +
width: 300px;
 +
margin: 0px;
 +
visibility: hidden;
 +
}
 +
.right-menu ul li a {
 +
background: none;
 +
color: #666;
 +
}
 +
.right-menu:hover ul {
 +
visibility: visible;
 +
}
 +
#footer-box {
width: 100%;
width: 100%;
 +
margin: -10px auto 0 auto;
 +
padding: 20px 0;
 +
}
 +
.visualClear {
 +
display: none;
 +
}
 +
#footer {
 +
border: none;
 +
width: 965px;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
#f-list a {
 +
color: #333;
 +
font-size: 10px;
 +
}
 +
#f-list a:hover {
 +
color: #666;
 +
}
 +
.printfooter {
 +
display: none;
 +
}
 +
#footer ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
align: center;
 
}
}
-
#innercontent {
+
#footer ul li {
-
    padding: 1px; /* Important!*
+
margin-top: 0;
 +
margin-bottom: 0;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
padding: 0;
}
}
-
body {  
+
#search-controls {
-
padding: 10px;
+
display: none;
-
border: none;
+
}
-
background: white;
+
h3#siteSub {
-
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+
display: none;
-
font-size: 14px;  
+
}
-
line-height: 1;
+
#contentSub {
-
color: black;
+
display: none;
-
position: relative;
+
-
-webkit-font-smoothing: antialiased;  
+
}
}
-
p {
+
p:first-child {
-
    margin: 0;
+
display: none;
}
}
-
h2, h3, h4, h5, h6 {
+
#catlinks {
-
    border: none;
+
display: none;
-
    font-weight: normal;
+
-
color: black;
+
-
line-height: 1.1;
+
-
margin-bottom: 14px;
+
-
margin-top: 14px
+
}
}
-
h1 { font-size: 44px; }
+
#footer-box {
-
h2 { font-size: 37px; }
+
width: 977px;
-
h3 { font-size: 27px; }
+
margin-bottom: 20px;
-
h4 { font-size: 23px; }
+
-
h5 { font-size: 17px; }
+
-
h6 { font-size: 14px; }
+
-
ul {
+
-
    list-style-position: inside;
+
-
    margin: 0;
+
}
}
-
a, a:visited, a:focus, a:hover { color: #2795b6; }
 
-
    a:active { color: #2ba6cb; outline: none; }
 
</style>
</style>
</head>
</head>
Line 104: Line 170:
<h1> Whee </h1>
<h1> Whee </h1>
<h2> Whoo </h2>
<h2> Whoo </h2>
-
<h3> Poo </h3>
+
<h3> Wha </h3>
<div> Hi </div>
<div> Hi </div>
<p> I never use this anyways </p>
<p> I never use this anyways </p>

Revision as of 19:50, 23 December 2013

Parallax Test

Whee

Whoo

Wha

Hi

I never use this anyways

Link