"
Template:Osaka/Css
From 2010.igem.org
<style type="text/css">
@charset "UTF-8";
.CollapsiblePanel {
margin: 0px;
padding: 0px;
}
.CollapsiblePanel *{
margin: 0px;
padding: 0px;
}
.CollapsiblePanelTab {
margin: 0px;
padding: 0px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background-image: url(
);
background-repeat: no-repeat;
background-position: right;
border: none;
}
.CollapsiblePanelContent {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 12px;
}
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-image: url(
);
}
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
/*border: thin solid #FFF;*/
}
/* This is an example of how to change the appearance of the panel tab when the
* CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed * whenever the CollapsiblePanel is closed. */
.CollapsiblePanelClosed .CollapsiblePanelTab { /*background-image: url(../coimage/down.png);*/ }
/* This is an example of how to change the appearance of all the panel tabs when the
* CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed * whenever the CollapsiblePanel gains or loses keyboard focus. */
.CollapsiblePanelFocused .CollapsiblePanelTab { background-repeat: no-repeat; background-position: right; }
/*html{ overflow:hidden; height:100%;} body{ overflow:hidden; height:100%;}
- /
div#wrap{ height: 100%; width: 1000px; margin:0 auto; border:0px; background-color:#FFFFFF; /*overflow:hidden;*/ } div#left{ padding:10px 0px 0px 10px; border:0px; background-color:#FFFFFF; width:300px; position:absolute; top:0px; left:0px; height:100%; } div#header{ margin:0px; padding:0px; width:200px; background-color:#FFFFFF; border:0px ; } .menu_sb1 ul{ margin: 0; padding: 0; list-style-type: none; font: bold 13px Verdana; width: 150px; /* Main Menu Item widths */ border-bottom: 1px solid #ccc; }
.menu_sb1 ul li{ position: relative; }
/* Top level menu links style */ .menu_sb1 ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 7px; text-indent: 10px; border-bottom: 1px solid #778; border-right: 1px solid #778; }
.menu_sb1 ul li a:link, .menu_sb1 ul li a:visited, .menu_sb1 ul li a:active{ background-color: #0255a8; /* メニュー カラー コード */ }
.menu_sb1 ul li a:visited{ color: white; }
.menu_sb1 ul li a:hover{ background-color: black;/* メニュー マウスオーバー カラー コード */ }
/*Sub level menu items */ .menu_sb1 ul li ul{ position: absolute; width: 150px; /*Sub Menu Items width */ top: 0; visibility: hidden; }
.menu_sb1 a.subfolderstyle{ background: url(images/right.gif) no-repeat 97% 50%; }
/* Holly Hack for IE \*/
- html .menu_sb1 ul li { float: left; height: 1%; }
- html .menu_sb1 ul li a { height: 1%; }
/* End */
div#right{
position:absolute;
left:300px;
padding:0px 10px 0px 10px ;
width:700px;
height:100%;
background-color:#FFFFFF;
overflow:auto;
}
div#contents-outer{
margin:0px;
padding:0px 0px 10px 0px;
background-color:#FFFFFF;
border-left:solid 3px #000000; border-right:solid 3px #000000;
} div#contents{ margin:0px; padding:0px 0px 10px 0px; background-color:#FFFFFF;
}
h1{ padding:0px 0px 5px 5px; border-bottom:solid 3px #FFA500; border-left:solid 5px #FFA500; } h2{ padding:0px 0px 0px 5px; } p{ padding:0px 10px 0px 10px;
}
table{ border:solid 1px #FF00AA;
}
.block{ display:block;
}
.right{ float:right;
}
.left{ float:left;
}
.release{ clear:both;
}
.picture{ padding:0px 0px 0px 10px;
display:block;
}
</style>
