|
|
Line 1: |
Line 1: |
- | <!-- __NOTOC__ -->
| |
| <html> | | <html> |
| </p> | | </p> |
- | <!-- in bodycontent --> | + | </html> |
- | <style type="text/css">
| + | {{:Team:UT-Tokyo/Template/Style1}} |
- | /* *{margin:0px; padding:0px;} */
| + | |
| | | |
- | h1,h2,h3,div,p, ul, li{margin:0px; padding:0px;}
| + | <!-- __NOTOC__ --> |
- | body{
| + | |
- | font-size:10pt; font-family:sans-serif;}
| + | |
- | | + | |
- | #top-section{font-size:small; background:#dde;}
| + | |
- | #p-logo{/* display:none; */ position:absolute; opacity:0.2;}
| + | |
- | #p-logo a{display:none;}
| + | |
- | | + | |
- | #top-section li{display:inline; margin:0 5px 5px 0;}
| + | |
- | #top-section .right-menu{
| + | |
- | text-align:right; position:absolute; top:0; right:10px;}
| + | |
- | .left-menu, .left-menu a {
| + | |
- | color:#333;}
| + | |
- | #top-section #search-controls{
| + | |
- | position:absolute; top:20px; right:10px;
| + | |
- | width:150px;}
| + | |
- | | + | |
- | #content{position:relative;}
| + | |
- | #content .firstHeading{
| + | |
- | position:absolute; top:-25px; right:10px; text-align:right; font-size:15px;}
| + | |
- | #siteSub{
| + | |
- | position:absolute; top:50px; right:10px; font-size:1em;}
| + | |
- | | + | |
- | .nav{
| + | |
- | font-size:16px;
| + | |
- | position:relative; top:-1em;
| + | |
- | margin:0em 2em 0em 1em;
| + | |
- | color:#222;}
| + | |
- | .nav ul{
| + | |
- | line-height:18px;}
| + | |
- | .nav > ul > li{
| + | |
- | display:block;
| + | |
- | position:relative;
| + | |
- | float:left;
| + | |
- | width:100px;
| + | |
- | text-align:center;
| + | |
- | /* border-style:solid;
| + | |
- | border-color:#333;
| + | |
- | border-width:1px 6px 0px 6px;*/
| + | |
- | padding:5px 0px;
| + | |
- | margin:1px 6px 0px 6px;}
| + | |
- | .nav li > ul{
| + | |
- | display:none; position:absolute; top:28px;
| + | |
- | width:98px; background-color:#cce;
| + | |
- | line-height:17px;
| + | |
- | background:rgba(200,220,255,0.5);
| + | |
- | border-style:solid;
| + | |
- | border-width:0px 1px 1px 1px;
| + | |
- | border-color:#aae;}
| + | |
- | .nav li:hover{background-color:#aae;}
| + | |
- | .nav li:hover > ul{
| + | |
- | display:block;}
| + | |
- | .nav li > ul >li{
| + | |
- | display:block;
| + | |
- | padding:1px 6px 4px 6px;}
| + | |
- | #pagetitle{clear:both;}
| + | |
- | #pageContent{
| + | |
- | clear:both;
| + | |
- | z-index:1;}
| + | |
- | | + | |
- | .sidemenu{
| + | |
- | position:fixed;
| + | |
- | /* right:5px;
| + | |
- | bottom:16px;*/
| + | |
- | right:0px;
| + | |
- | bottom: 0px;
| + | |
- | z-index:30;
| + | |
- | width:66px;
| + | |
- | padding:1px 6px 1px 6px;
| + | |
- | background:rgba(210,210,230,0.8);
| + | |
- | /* dde */
| + | |
- | /* color:rgb(229,239,255);*/
| + | |
- | border-style:double solid;
| + | |
- | border-color:rgb(52,94,156);
| + | |
- | border-width:4px 1px;
| + | |
- | /* opacity:0.8;*/}
| + | |
- | .sidemenu ul{
| + | |
- | font-size:15px;
| + | |
- | text-align:center;
| + | |
- | line-height:1.4em;
| + | |
- | list-style-type: none;
| + | |
- | list-style-image: none;}
| + | |
- | .sidemenu > ul {
| + | |
- | height:18px; overflow:hidden;}
| + | |
- | .sidemenu > ul:hover{
| + | |
- | height:auto;
| + | |
- | overflow:visible;}
| + | |
- | .sidemenu ul > li > a{
| + | |
- | padding-left:3px;}
| + | |
- | .sidemenu >ul > li {
| + | |
- | position:relative;
| + | |
- | overflow:visible;}
| + | |
- | .sidemenu li > ul{
| + | |
- | display: none;
| + | |
- | /* position:fixed;
| + | |
- | right:75px;*/
| + | |
- | position:absolute;
| + | |
- | left:-76px;
| + | |
- | bottom:-10px;
| + | |
- | width:78px;
| + | |
- | margin-top:-20px;
| + | |
- | background:rgba(224,224,255,0.6);
| + | |
- | border-style:double none double solid;
| + | |
- | border-color:rgb(6,61,142);
| + | |
- | border-width:4px 1px;
| + | |
- | padding:3px 3px 3px 6px;
| + | |
- | }
| + | |
- | .sidemenu li:hover > ul{
| + | |
- | display:block;}
| + | |
- | | + | |
- | | + | |
- | .fnavi{
| + | |
- | text-align:center;}
| + | |
- | | + | |
- | | + | |
- | #pageContent{
| + | |
- | padding-left:200px;}
| + | |
- | #pageContent > p{
| + | |
- | margin-right:10%;}
| + | |
- | | + | |
- | #pagetitle{
| + | |
- | margin-left:-200px;}
| + | |
- | | + | |
- | #toc{
| + | |
- | position:absolute;
| + | |
- | margin-left:-200px;
| + | |
- | width:180px;}
| + | |
- | | + | |
- | #toctitle{
| + | |
- | display: none;}
| + | |
- | | + | |
- | </style>
| + | |
| | | |
| + | <!-- in bodycontent --> |
| + | <html> |
| <div class="nav"> | | <div class="nav"> |
| <ul> | | <ul> |