|
|
(5 intermediate revisions by the same user not shown) |
Line 8: |
Line 8: |
| <head> | | <head> |
| <!-- Jquery --> | | <!-- 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"> | | <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> |
| <!-- Latest compiled and minified CSS --> | | <!-- Latest compiled and minified CSS --> |
Line 18: |
Line 16: |
|
| |
|
|
| |
|
| <!-- Latest compiled and minified JavaScript -->
| | <style> |
| <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{ | | .firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ |
Line 36: |
Line 32: |
| } | | } |
|
| |
|
| p{
| |
| color:dimgrey;
| |
| text-align:center;
| |
| margin-left:auto;
| |
| margin-right:auto;
| |
| font-gamily:Calibri;
| |
| font-size: 15px;
| |
| }
| |
|
| |
| .selflink{
| |
| 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 {
| |
| list-style-type: none;
| |
| border: 2px solid dimgray;
| |
| padding: 0px;
| |
| margin-left: 20px;
| |
| width:615px;
| |
| *line-height: 3.2em; /* IE6,IE7 */
| |
| }
| |
|
| |
| ul.navigation-bar li {
| |
| display: table-cell;
| |
|
| |
| background-image: -webkit-linear-gradient(bottom, silver, azure);
| |
| background-image: -moz-linear-gradient(bottom, silver, azure);
| |
| background-image: -ms-linear-gradient(bottom, silver, azure);
| |
| background-image: linear-gradient(bottom, silver, azure);
| |
| background-color: midnightblue; /* IE6...IE9 */
| |
| *display: inline; /* IE6,IE7 */
| |
|
| |
| }
| |
|
| |
|
| |
| ul.navigation-bar li:hover {
| |
|
| |
| background-image: -webkit-linear-gradient(top, silver, azure);
| |
| background-image: -moz-linear-gradient(top, silver, azure);
| |
| background-image: -ms-linear-gradient(top, silver, azure);
| |
| background-image: linear-gradient(top, silver, azure);
| |
|
| |
| }
| |
|
| |
|
| ul.navigation-bar li a, ul.navigation-bar li ul li a {
| |
| 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{
| |
| 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{
| |
| background-image:none;
| |
| background-color: lightgrey;
| |
| }
| |
|
| |
| ul.navigation-bar li:hover ul{
| |
| list-style: none;
| |
| display: block;
| |
| position: absolute;
| |
| }
| |
|
| |
| ul.navigation-bar li a{
| |
| display: block;
| |
| }
| |
|
| |
| .profile-right{
| |
| clear:both;
| |
| }
| |
|
| |
| .profile-right p{
| |
| text-align:left;
| |
| float: left;
| |
| }
| |
| .profile-right img{
| |
| float: right;
| |
| padding: 20px;
| |
| }
| |
|
| |
| .profile-left{
| |
| clear:both;
| |
| }
| |
|
| |
|
| .profile-left p{
| |
| text-align:left;
| |
| float:left;
| |
| }
| |
|
| |
|
| .profile-left img{
| |
| float: left;
| |
| padding:20px;
| |
| }
| |
|
| |
|
| #OSUfooter{ | | #OSUfooter{ |
Line 165: |
Line 41: |
| } | | } |
|
| |
|
|
| |
| #protocol-content table td{
| |
| border: 1px solid black;
| |
| text-align:center;
| |
| }
| |
|
| |
| #protocol-content p{
| |
| text-align:left;
| |
| }
| |
|
| |
| .overlay-bg{
| |
| 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{
| |
| 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{ | | .close-btn{ |
Line 209: |
Line 48: |
| } | | } |
|
| |
|
| </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(){
| | </style> |
| return false;
| |
| });
| |
|
| |
|
| });
| |
| </script>
| |
|
| |
|
| </head> | | </head> |
Line 240: |
Line 58: |
| <!-- navbar --> | | <!-- navbar --> |
|
| |
|
| <a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a> | | <nav> |
| | | <ul> |
| <center> | | <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> |
| <img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;"> | | <li><img src="http://www.pablogarciafernandez.com/images/svg/side-navigation-menu_contact.svg" alt="Contact"><a href="#">Contact</a></li> |
| | | </ul></nav> |
| | |
| <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> | | </div> |
| </center> | | </center> |
| </html> | | </html> |
<html>
</div>
</div>
</div>
<head>
<!-- Jquery -->
<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 -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<style>
.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{
display:none;
}
- bodyContent, #content{
display:none;
background-color:#FFFFFF;
}
- column-content, .container, #globalWrapper, body{
background-color:#FFFFFF;
}
- OSUfooter{
clear:both;
}
.close-btn{
float:right;
font-size:x-large;
margin-top:-10px;
}
</style>
</head>
<!-- navbar -->
<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>
</div>
</center>
</html>