Template:Biomod/2014/Kansai: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 3: Line 3:
<link href='http://fonts.googleapis.com/css?family=Open+Sans'
<link href='http://fonts.googleapis.com/css?family=Open+Sans'
rel='stylesheet' type='text/css'>
rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function setParentColor(curNode) {
curNode.find("a:first").attr("id", "colorFixHover");
}
function resetParentColor(curNode) {
curNode.find("a:first").attr("id", "");
}
function fix(curNode) {
curNode.css('color', "#003e5c");
}
</script>
<style>
<style>
body {
body {
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
background-color: #f0f4f4;
overflow-y: scroll;
overflow-y: scroll;
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
background-color: #003e5c;
}
}


Line 60: Line 74:
margin: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #f0f4f4;
}
}


Line 88: Line 103:
*/
*/


/*
* {
text-shadow: 0px 1px 1px #222;
}
*/
#bodyContent,#column-content,#content {
#bodyContent,#column-content,#content {
background: #f0f4f4;
background: #f0f4f4;
Line 101: Line 111:
margin-bottom: 0px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #003e5c;
background-color: #f0f4f4;
}
}


Line 108: Line 118:
height: 200px;
height: 200px;
font-size: 64pt;
font-size: 64pt;
color: #e4eeef;
color: #f0f4f4;
float: left;
float: left;
}
}
Line 115: Line 125:
display: block;
display: block;
width: 100%;
width: 100%;
float: left; padding : 0px;
float: left;
padding: 0px;
background-color: #003e5c;
background-color: #003e5c;
border-bottom: 2px solid #00aeef;
border-bottom: 0px solid #00aeef;
margin-bottom: 15px;
margin-bottom: 0px;
padding: 0px;
padding: 0px;
}
}
Line 129: Line 140:
}
}


#editHeader,A:LINK {
#editHeader A {
color: #f0f4f4;
color: #f0f4f4;
}
}


ul.menu li a {
ul.menu a {
display: block;
display: block;
padding: 6px 10px;
padding: 6px 15px 4px 15px;
text-decoration: none;
text-decoration: none;
color: #fff;
color: #f0f4f4;
margin: 0px;
margin: 0px;
text-align: center;
text-align: center;
Line 143: Line 154:
}
}


ul.menu li a:hover {
ul.menu a:HOVER {
color: #009ee0;
color: #003e5c;
}
 
#colorFixHover {
color: #003e5c;
}
 
ul.menu li:HOVER {
background-color: #f0f4f4;
}
}


ul.menu {
ul.menu {
height: 40px;
height: 30px;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 156: Line 175:


ul.menu li {
ul.menu li {
margin: 0;
margin: 0px;
padding: 6px;
padding: 0px;
float: left;
float: left;
position: relative;
position: relative;
Line 171: Line 190:
display: none;
display: none;
list-style: none;
list-style: none;
padding-left:0px;
background-color: #003e5c;
background-color: #003e5c;
border-left: 2px solid #009ee0;
width: 100%;
border-bottom: 2px solid #009ee0;
border-right: 2px solid #009ee0;
}
}


Line 180: Line 198:
float: none;
float: none;
margin: 0px;
margin: 0px;
border-top: 1px solid #222222;
}
ul.submenu li:FIRST-CHILD {
border: none;
}
}


Line 185: Line 208:
text-align: left;
text-align: left;
margin: 0px;
margin: 0px;
padding: 0 0 0 12px;
padding: 0 0 0 0px;
color: white;
padding-bottom: 2px;
padding-left: 15px;
padding-right: 5px;
text-decoration: none;
text-decoration: none;
font-size: large
font-size: large
Line 192: Line 217:


ul.submenu li a:hover {
ul.submenu li a:hover {
color: #009ee0;
color: #003e5c;
background-color: #f0f4f4;
}
}


#contentSub {
#contentSub {
/* display: none;*/
float: left;
float: left;
z-index: 500;
z-index: 500;
width: 100%;
width: 100%; background-color : #003e5c;
background-color: #003e5c;
margin: 0px;
margin: 0px;
margin-top: -6px;
margin-top: -6px;
background-color: #003e5c;
}
}


Line 239: Line 264:
</head>
</head>
<body>
<body>
<div id="nano">Nano Creators</div>
<div id="nano"><img alt="" src="http://openwetware.org/images/f/f4/Biomod-wiki_banner_984px.jpg"></div>
<div id="menu">
<div id="menu">
<ul class="menu">
<ul class="menu">
<li class="motives"><a
<li class="testing"><a
href="/wiki/Biomod/2013/Aarhus/Nano_Creators/Testing">Testing</a></li>
href="/wiki/Biomod/2013/Aarhus/Nano_Creators/Testing">Testing</a></li>
<li class="dropdown"><a href="#DropDown">Dropdown</a>
<ul class="submenu"  onmouseover="setParentColor($(this).parent());" onmouseout="resetParentColor($(this).parent());">
<li class="drop1"><a href="#DropDown1">Drop1</a></li>
<li class="drop2"><a href="#DropDown2">what happens if something is extreemly long</a></li>
<li class="drop3"><a href="#DropDown3">Drop3</a></li>
<li class="drop4"><a href="#DropDown4">Drop4</a></li>
</ul></li>
</ul>
</ul>
</div>
</div>

Revision as of 08:10, 15 October 2013

<html> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> function setParentColor(curNode) { curNode.find("a:first").attr("id", "colorFixHover"); }

function resetParentColor(curNode) { curNode.find("a:first").attr("id", ""); }

function fix(curNode) { curNode.css('color', "#003e5c"); } </script> <style> body { font-family: 'Open Sans', sans-serif; overflow-y: scroll; padding: 0px; margin: 0px; background-color: #003e5c; }

  1. column-one {

display: none; }

.container { margin-top: 0px }

.OWWNBcpCurrentDateFilled { display: none; }

  1. content {

margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center; border-style: none none none none; }

  1. column-content {

float: left; margin: 0 0 0 0; padding: 0; border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; width: 984px; }

.firstHeading { display: none; }

/* Sets the actual page width */

  1. globalWrapper {

width: 984px; margin: 0px auto 0px auto; padding: 0px; }

  1. content {

}

  1. bodyContent {

width: 100%; /* align: center; */ margin: 0px; padding: 0px 0px 0px 0px; background-color: #f0f4f4; }

  1. footer {

position: center; background-color: #222; border-top: 0px solid #d13f31; border-bottom: 0px solid red; border-left: 1px solid #00aeef; border-right: 1px solid #00aeef; color: #006e9c; margin: 0px; width: 100%; }

  1. footer A,#footer A:HOVER,#footer A:VISITED {

color: #006e9c; }

/* @media screen { body { background: #ffffff url() repeat; } }

  • /
  1. bodyContent,#column-content,#content {

background: #f0f4f4; }

  1. header,#nano {

width: 100%; margin-bottom: 0px; padding: 0px 0px 0px 0px; background-color: #f0f4f4; }

  1. nano {

line-height: 3em; height: 200px; font-size: 64pt; color: #f0f4f4; float: left; }

  1. menu {

display: block; width: 100%; float: left; padding: 0px; background-color: #003e5c; border-bottom: 0px solid #00aeef; margin-bottom: 0px; padding: 0px; }

  1. editHeader {

margin-top: -18px; float: right; z-index: 11; float: right; }

  1. editHeader A {

color: #f0f4f4; }

ul.menu a { display: block; padding: 6px 15px 4px 15px; text-decoration: none; color: #f0f4f4; margin: 0px; text-align: center; font-size: large; }

ul.menu a:HOVER { color: #003e5c; }

  1. colorFixHover {

color: #003e5c; }

ul.menu li:HOVER { background-color: #f0f4f4; }

ul.menu { height: 30px; margin: 0; padding: 0; list-style: none; float: center; }

ul.menu li { margin: 0px; padding: 0px; float: left; position: relative; }

ul.menu li:hover ul { display: block; position: absolute; z-index: 100; }

ul.submenu { display: none; list-style: none; padding-left:0px; background-color: #003e5c; width: 100%; }

ul.submenu li { float: none; margin: 0px; border-top: 1px solid #222222; }

ul.submenu li:FIRST-CHILD { border: none; }

ul.submenu li a { text-align: left; margin: 0px; padding: 0 0 0 0px; padding-bottom: 2px; padding-left: 15px; padding-right: 5px; text-decoration: none; font-size: large }

ul.submenu li a:hover { color: #003e5c; background-color: #f0f4f4; }

  1. contentSub {

float: left; z-index: 500; width: 100%; background-color : #003e5c; margin: 0px; margin-top: -6px; background-color: #003e5c; }

  1. contentSub span.subpages {

padding-top: 4px; padding-left: 4px; }

  1. contentSub.A {

padding: 2px; color: #003e5c; }

.thumb {

}

.mytable {

}

.toc { float: left; color: black; }

.cf:before,.cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; } </style> </head> <body> <div id="nano"><img alt="" src="http://openwetware.org/images/f/f4/Biomod-wiki_banner_984px.jpg"></div> <div id="menu"> <ul class="menu"> <li class="testing"><a href="/wiki/Biomod/2013/Aarhus/Nano_Creators/Testing">Testing</a></li> <li class="dropdown"><a href="#DropDown">Dropdown</a> <ul class="submenu" onmouseover="setParentColor($(this).parent());" onmouseout="resetParentColor($(this).parent());"> <li class="drop1"><a href="#DropDown1">Drop1</a></li> <li class="drop2"><a href="#DropDown2">what happens if something is extreemly long</a></li> <li class="drop3"><a href="#DropDown3">Drop3</a></li> <li class="drop4"><a href="#DropDown4">Drop4</a></li> </ul></li> </ul> </div> <div id="editHeader"> <a href="http://openwetware.org/index.php?title=Template:Biomod/2013/Aarhus/Nano_Creators/Header&action=edit">edit template</a> </div>

<div class="cf"></div>

</body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:Biomod/2014/Kansai&oldid=738374"