Difference between revisions of "Template:SJTU-BioX-Shanghai/Alpha/Header"

Line 1: Line 1:
 
<html>
 
<html>
 
   <body>
 
   <body>
 +
<style>
 +
html, body {
 +
    height: 100%;
 +
    border: 0;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
body {
 +
    padding-left: 220px;
 +
}
 +
 +
nav {
 +
    position: fixed;
 +
    top: 0px;
 +
    left: 0px;
 +
    height: 100%;
 +
    width: 220px;
 +
    background-color: grey;
 +
    overflow-y: auto;
 +
}
 +
 +
nav > ul {
 +
    padding: 3px 5px;
 +
    background-color: lightblue;
 +
    overflow-x: visible;
 +
}
 +
nav > ul > li {
 +
    list-style-type: none;
 +
    margin-bottom: 5px;
 +
    min-height: 30px;
 +
    background-color: red;
 +
    overflow-x: hidden;
 +
}
 +
nav a {
 +
    display: block;
 +
    background-color: lightcyan;
 +
    line-height: 30px;
 +
    text-align: center;
 +
}
 +
nav > ul > li > ul {
 +
    padding: 3px 5px;
 +
    padding-top: 0px;
 +
    background-color: grey;
 +
}
 +
nav > ul > li > ul > li {
 +
    display: block;
 +
    list-style-type: none;
 +
    margin-bottom: 2px;
 +
    margin-top: 3px;
 +
    background-color: grey;
 +
}
 +
nav > ul > li > ul > li:last-child {
 +
    margin-bottom: 0px;
 +
}
 +
 +
 +
#contentsContainer {
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: peru;
 +
}
 +
</style>
 
     <nav>
 
     <nav>
 
       <ul>
 
       <ul>

Revision as of 02:08, 16 July 2015