Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 198: Line 198:
font-size: 13px;
font-size: 13px;
bottom: -1px;
bottom: -1px;
 +
}
 +
 +
#navbar div.nav {
 +
display: inline;
 +
height: inherit;
 +
width: 100px;
}
}
Line 248: Line 254:
list-style: none;
list-style: none;
}
}
-
#navbar ul.no-bullet {  
+
<!--#navbar ul.no-bullet {  
list-style: none;  
list-style: none;  
font-size: 12px;
font-size: 12px;
Line 265: Line 271:
margin-right: 0.3%
margin-right: 0.3%
}
}
-
#navbar ul.large li { line-height: 21px; }
+
#navbar ul.large li { line-height: 21px; }-->
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }
Line 375: Line 381:
<div id="navbar">
<div id="navbar">
<img class="left" src ="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png" style="margin-top: -32px; margin-right: 35px;">
<img class="left" src ="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png" style="margin-top: -32px; margin-right: 35px;">
-
<ul class="no-bullet">
+
<div class="nav">
-
<li> Project </li>
+
Project
-
<li> Outreach </li>
+
</div>
-
<li> Notebook </li>
+
<div class="nav">
-
<li> Team </li>
+
Outreach
-
<li class="right"> Twitter </li>
+
</div>
-
<li class="right"> Facebook </li>
+
<div class="nav">
-
</ul>
+
Notebook
 +
</div>
 +
<div class="nav">
 +
Team
 +
</div>
</div>
</div>

Revision as of 16:14, 16 July 2014

Parallax Test

Parallax Design 2

Inspired by this site --->

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)