|
|
Line 3: |
Line 3: |
|
| |
|
| <html> | | <html> |
| </div>
| |
| </div>
| |
| </div>
| |
| <head>
| |
| <!-- Jquery -->
| |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
| |
| <script src="{{URL::asset('js/jQuery/jquery-ui-git.js')}}"></script>
| |
| <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
| |
| <!-- Latest compiled and minified CSS -->
| |
| <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
| |
|
| |
|
| <!-- Optional theme --> | | <nav> |
| <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> | | <ul> |
| | <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li> |
| | <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li> |
| | <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li> |
| | <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li> |
| | </ul></nav> |
|
| |
|
| | <section> |
| | <h1>OhioMOD</h1> |
| | <h2>Page Under Construction</h2> |
| | </section> |
| | |
| | <style> |
|
| |
|
| <!-- Latest compiled and minified JavaScript -->
| |
| <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
| |
| <style type='text/css'>
| |
|
| |
|
| .firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{
| | /* Typography |
| display:none;
| | ------------------------------------- */ |
| }
| | @charset "UTF-8"; |
| | | @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700); |
| #bodyContent, #content{
| |
| display:none;
| |
| background-color:#FFFFFF;
| |
|
| |
|
| | body { |
| | font-family: 'Open Sans', sans-serif; |
| | font-weight: 300; |
| | line-height: 1.8em; |
| | color:#4D4D4D; |
| } | | } |
|
| |
|
| #column-content, .container, #globalWrapper, body{
| | /* Navigation */ |
| background-color:#FFFFFF;
| |
| }
| |
|
| |
|
| p{
| | a { |
| color:dimgrey;
| | text-transform: uppercase; |
| text-align:center; | | text-decoration: none; |
| margin-left:auto;
| | color: #151515; |
| margin-right:auto;
| | |
| font-gamily:Calibri;
| | transition-delay: 0s; |
| font-size: 15px;
| | transition-duration: 0.36s; |
| | transition-property: all; |
| | transition-timing-function: line; |
| } | | } |
|
| |
|
| .selflink{
| | nav a:hover { font-weight: 400; } |
| display: table-cell;
| |
| text-decoration: none;
| |
| font-family: Gill Sans MT;
| |
| outline: none;
| |
| font-size: 20px;
| |
| color: dimgrey;
| |
| border-right: 2px solid dimgray;
| |
| padding: 15px 25px; /* sets button size */
| |
| font-weight:normal;
| |
| } | |
|
| |
|
| ul.navigation-bar {
| | nav, |
| list-style-type: none;
| | nav:hover { padding: 1em; } |
| border: 2px solid dimgray;
| |
| padding: 0px;
| |
| margin-left: 20px;
| |
| width:615px;
| |
| *line-height: 3.2em; /* IE6,IE7 */
| |
| }
| |
|
| |
|
| ul.navigation-bar li {
| | nav a { text-indent: -200px; } |
| display: table-cell;
| |
|
| |
|
| background-image: -webkit-linear-gradient(bottom, silver, azure);
| | nav:hover a { |
| background-image: -moz-linear-gradient(bottom, silver, azure);
| | text-indent:0px; |
| background-image: -ms-linear-gradient(bottom, silver, azure);
| | color: #EEFFE5; |
| background-image: linear-gradient(bottom, silver, azure);
| | } |
| background-color: midnightblue; /* IE6...IE9 */
| |
| *display: inline; /* IE6,IE7 */
| |
|
| |
|
| }
| | svg, |
| | a { vertical-align: top; } |
|
| |
|
| | /* End Navigation */ |
|
| |
|
| ul.navigation-bar li:hover {
| |
|
| |
|
| background-image: -webkit-linear-gradient(top, silver, azure);
| | /* Sections */ |
| background-image: -moz-linear-gradient(top, silver, azure);
| |
| background-image: -ms-linear-gradient(top, silver, azure);
| |
| background-image: linear-gradient(top, silver, azure);
| |
|
| |
|
| | h1 { |
| | font-family: 'Open Sans', sans-serif; |
| | font-size:3em; |
| | font-weight: 300; |
| | color:#000; |
| | line-height:1.8em; |
| } | | } |
|
| |
|
| ul.navigation-bar li a, ul.navigation-bar li ul li a {
| | h2 { font-weight: 300; } |
| display: table-cell;
| |
| text-decoration: none;
| |
| font-family: Gill Sans MT;
| |
| outline: none;
| |
| font-size: 20px;
| |
| color: dimgrey;
| |
| border-right: 0px;
| |
| padding: 15px 25px; /* sets button size */
| |
| }
| |
|
| |
|
| ul.navigation-bar li ul{
| | h2 a { font-weight: 700; } |
| list-style: none;
| |
| display: none;
| |
| position: absolute;
| |
| padding: 0px;
| |
| margin: 1px 0px 0px -1px;
| |
| background-color:#FFFFFF;
| |
| border: 1px solid dimgrey;
| |
| z-index:5;
| |
| }
| |
| ul.navigation-bar li ul li{
| |
| background-image: none;
| |
| background-color:#FFFFFF;
| |
| border-right: none;
| |
| border: 0px solid dimgray;
| |
| display: block;
| |
| float: none;
| |
| position: relative;
| |
| } | |
|
| |
|
| ul.navigation-bar li ul li:hover{
| | /* End Sections */ |
| background-image:none;
| |
| background-color: lightgrey;
| |
| }
| |
|
| |
|
| ul.navigation-bar li:hover ul{
| |
| list-style: none;
| |
| display: block;
| |
| position: absolute;
| |
| }
| |
|
| |
|
| ul.navigation-bar li a{
| | /* Structure |
| display: block;
| | ------------------------------------- */ |
| } | | body { background: #f1f1f1; } |
|
| |
|
| .profile-right{
| | /* Navigation */ |
| clear:both;
| |
| }
| |
|
| |
|
| .profile-right p{
| | nav { |
| text-align:left;
| | position: fixed; |
| float: left;
| | left: 0; |
| }
| | top: 0; |
| .profile-right img{ | | bottom: 0; |
| float: right;
| | display: block; |
| padding: 20px;
| | height: auto; |
| | min-width: 40px; |
| | width: 40px; |
| | background-color: #ccc; |
| | |
| | transition-delay: 0s; |
| | transition-duration: 0.4s; |
| | transition-property: all; |
| | transition-timing-function: line; |
| } | | } |
|
| |
|
| .profile-left{
| | nav:hover { |
| clear:both;
| | position: fixed; |
| | left: 0; |
| | top: 0; |
| | bottom: 0; |
| | height: auto; |
| | width: 140px; |
| | background-color: #9ED29E; |
| } | | } |
|
| |
|
| .profile-left p{
| | nav a { |
| text-align:left;
| | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
| float:left;
| | filter: alpha(opacity=0); |
| | opacity:0; |
| | margin-left: 1em; |
| } | | } |
|
| |
|
| .profile-left img{ | | nav:hover a { |
| float: left;
| | -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
| padding:20px;
| | filter: alpha(opacity=100); |
| | opacity:1; |
| } | | } |
|
| |
|
| #OSUfooter{
| | li { |
| clear:both;
| | display: block; |
| | padding:0.2em; |
| | height:32px; |
| } | | } |
|
| |
|
| | svg, |
| | a { display: inline-block; } |
|
| |
|
| #protocol-content table td{
| | /* End Navigation */ |
| border: 1px solid black;
| |
| text-align:center;
| |
| }
| |
| | |
| #protocol-content p{
| |
| text-align:left;
| |
| }
| |
|
| |
|
| .overlay-bg{
| | /* Sections */ |
| display:none;
| |
| position:fixed;
| |
| top:0;
| |
| left:0;
| |
| height:100%;
| |
| width:100%;
| |
| cursor: pointer;
| |
| background: #000;
| |
| background: rgba(0,0,0,0.75);
| |
| }
| |
|
| |
|
| .overlay-content{
| | section { padding: 2em 0 0 14em; } |
| background:#fff;
| |
| padding:1%; | |
| width: 60%;
| |
| position: relative;
| |
| top:15%;
| |
| left:50%;
| |
| margin: 0 0 0 -30%;
| |
| cursor: default;
| |
| -webkit-border-radius: 5px;
| |
| -moz-border-radius: 5px;
| |
| border-radius: 5px;
| |
| box-shadow: 0 0 5px rgba(0,0,0,0.9);
| |
| | |
| }
| |
| | |
| .close-btn{
| |
| float:right;
| |
| font-size:x-large;
| |
| margin-top:-10px;
| |
| } | |
|
| |
|
| | /* End sections */ |
| </style> | | </style> |
|
| |
|
|
| |
|
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
| |
|
| |
| <script type="text/javascript">
| |
| $(document).ready(function() {
| |
| $('.show-popup').click(function(event){
| |
| event.preventDefault();
| |
| $('.overlay-bg').show();
| |
| });
| |
|
| |
| $('.close-btn').click(function(){
| |
| $('.overlay-bg').hide();
| |
| });
| |
|
| |
| $('.overlay-bg').click(function(){
| |
| $('.overlay-bg').hide();
| |
| });
| |
|
| |
| $('.overlay-content').click(function(){
| |
| return false;
| |
| });
| |
|
| |
| });
| |
| </script>
| |
|
| |
| </head>
| |
|
| |
| <!-- navbar -->
| |
|
| |
| <a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a>
| |
|
| |
| <center>
| |
|
| |
|
| |
| <img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;">
| |
|
| |
|
| |
| <div id="navbar" style="margin-left:auto; margin-right:auto;text-align:center;width:650px;height:auto;" >
| |
|
| |
| <ul id="homebutton" class="navigation-bar">
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li>
| |
|
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a>
| |
|
| |
| <ul>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/goals">Goals</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">Description</a>
| |
| </ul>
| |
|
| |
| </li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Project</a>
| |
|
| |
| <ul>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Life of Project</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/protocol">Protocols</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes">Lab Notes</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/meetingnotes">Meeting Notes</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/resources">Resources</a></li>
| |
| </ul>
| |
| </li>
| |
|
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Results</a>
| |
|
| |
| <ul>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Experimental Results</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/data">Data</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/futurework">Future Work</a></li>
| |
| </ul>
| |
|
| |
| </li>
| |
|
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/media">Media</a>
| |
|
| |
| <ul>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/projectvideo">Project Video</a><li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/animations">Animations</a><li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/videoblogs">Video Blog</a></li>
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/photos">Photos</a></li>
| |
| </ul>
| |
|
| |
| </li>
| |
|
| |
| <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/team">Team</a></li>
| |
| </ul>
| |
|
| |
| </div>
| |
| </center>
| |
| </html> | | </html> |
<html>
<nav>
<ul>
<li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_home.svg" alt="Home"><a href="#">Home</a></li>
<li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_about.svg" alt="About"><a href="#">About</a></li>
<li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_work.svg" alt="Work"><a href="#">Work</a></li>
<li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li>
</ul></nav>
<section>
<h1>OhioMOD</h1>
<h2>Page Under Construction</h2>
</section>
<style>
/* Typography
------------------------------------- */
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
body {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
line-height: 1.8em;
color:#4D4D4D;
}
/* Navigation */
a {
text-transform: uppercase;
text-decoration: none;
color: #151515;
transition-delay: 0s;
transition-duration: 0.36s;
transition-property: all;
transition-timing-function: line;
}
nav a:hover { font-weight: 400; }
nav,
nav:hover { padding: 1em; }
nav a { text-indent: -200px; }
nav:hover a {
text-indent:0px;
color: #EEFFE5;
}
svg,
a { vertical-align: top; }
/* End Navigation */
/* Sections */
h1 {
font-family: 'Open Sans', sans-serif;
font-size:3em;
font-weight: 300;
color:#000;
line-height:1.8em;
}
h2 { font-weight: 300; }
h2 a { font-weight: 700; }
/* End Sections */
/* Structure
------------------------------------- */
body { background: #f1f1f1; }
/* Navigation */
nav {
position: fixed;
left: 0;
top: 0;
bottom: 0;
display: block;
height: auto;
min-width: 40px;
width: 40px;
background-color: #ccc;
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: line;
}
nav:hover {
position: fixed;
left: 0;
top: 0;
bottom: 0;
height: auto;
width: 140px;
background-color: #9ED29E;
}
nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
margin-left: 1em;
}
nav:hover a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
}
li {
display: block;
padding:0.2em;
height:32px;
}
svg,
a { display: inline-block; }
/* End Navigation */
/* Sections */
section { padding: 2em 0 0 14em; }
/* End sections */
</style>
</html>