Biomod/2013/Titech/futureworks
<html> <head> <style type="text/css"> /* ====================
主に全体に関わるCSS
==================== */
h1.firstHeading{display:none;}
body.mediawiki {
font-size: 14px;
background-color:#ff3366; background-repeat: repeat; font-family: Calibri, Verdana, helvetica, sans-serif;}
h1 {
padding: 0px 20px 5px 20px;
line-height: 40px;
font-weight: bold;
font-size:65px;
font-family:David Bold,Times;
text-align:center;
}
h2 {
padding: 20px 20px 5px 20px;
color: #000000;
text-decoration: none;
font-size:40px;
font-family:Times,Constantia Bold,Andale Mono,Calibri Bold;
}
}
h3 {
}
#content{
margin: 0px 0 0px 0;
align: center;
padding: 12px 12px 12px 12px;
width: 946px;
background-image:;}
border: 0;
height:1000px;
} #bodyContent{ width: 970px; margin: 150px auto 0 auto; align: center;
} #globalWrapper{ margin: 20px 0 0 0; width:994px;
margin-left: auto; margin-right: auto }
/* ====================
メニューの画像を変更できる部分 ==================== */
#header {
margin: 0 auto 0 auto;
position:absolute;
top:28px; width:955px;height:60px;
background-color:#ffffff;
background-repeat: no-repeat;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/6/6c/%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BCpng.png); background-size:contain;
}
/* ====================
以下、特殊なclassに適用される ==================== */
#navigation { position:absolute;
top:60px; width:970px; height:92px;
background-repeat: no-repeat;
color: #0000FF; }
/* ====================
ここからプルダウン周辺のデザイン ==================== */
- menu * {
margin: 0; padding: 0; }
- menu {
position:absolute;
font-family: calibri, verdana, sans-serif;
font-color: #000000;
background-color: transparent; float:left; display: block;
}
- menu > li {
background-color:#ff3366;
position:relative;
float:left;
width: 136px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; position:relative;
text-align:center; list-style: none; }
- menu li{
background-color:#ff3366; }
- menu li ul {
background-color:#ff3366; visibility: hidden; position: absolute;
margin-left: px; width: 510px; background: #fff; border: 0px solid #ccc;
text-align:left; list-style: none;
}
- menu li.ach {
background-color:#ff3366;
position:relative;
float:left;
width: 162px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu li.sup {
background-color:#ff3366;
position:relative;
float:left;
width: 145px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu li.none {
background-color:#ff3366;
position:relative;
float:left;
width: 230px;
font-size: 23px;
font-weight: bold;
border:ridge 0px #FFFFFF; }
- menu a {
color: #000000; display:block; text-decoration: none; }
- menu a:hover {
background-color:gold; }
- menu li:hover ul {visibility: visible;}
- menu li ul li:hover > a {
background-color:gold;}
- column-one { display:none; width:0px;}
.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}
- footer{position: center; width: 994px}
@media screen {
body { background: #F5F5F5 0 0 no-repeat; /* changed default background */ }
} </style> </head> <BODY>
</BODY>
</html>
