Template:Biomod/2014/Sendai/temp/0821/Styles: Difference between revisions
No edit summary |
No edit summary |
||
(93 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
html{ | html{ | ||
background-color: #5b2d01; | background-color: #5b2d01; | ||
height: 100%; | |||
} | } | ||
body{ | body{ | ||
background-color: # | background-color: #f5e4b4; | ||
font-size: 1. | font-size: 1.4em; | ||
font-size: | font-size: 125%; | ||
font-family:Arial,'Lucida Grande'; | font-family:Arial,'Lucida Grande'; | ||
height: 100%; | |||
} | |||
figure{ | |||
margin-bottom: 10px; | |||
} | |||
figcaption{ | |||
font-size: 14px; | |||
} | } | ||
Line 21: | Line 32: | ||
#content{ | #content{ | ||
background-color: #f5e4b4; | background-color: #f5e4b4; | ||
background-image: linear-gradient(#f5e4b4,#eace7f); | |||
border-style:none; | border-style:none; | ||
margin:0; | margin:0; | ||
padding: | padding-top:0px; | ||
min-height: | padding-bottom:15px; | ||
padding-right:0px; | |||
padding-left:0px; | |||
min-height:600px; | |||
} | } | ||
#globalWrapper{ | #globalWrapper{ | ||
Line 40: | Line 55: | ||
/*----------*/ | /*----------*/ | ||
#header{ | #header{ | ||
height: | height: 96px; | ||
width:1000px; | width:1000px; | ||
margin:0 auto; | margin:0 auto; | ||
margin-top: 10px; | |||
margin-bottom: 10px; | |||
} | } | ||
Line 50: | Line 67: | ||
float:left; | float:left; | ||
} | } | ||
#homebutton { | |||
width: 96px; | |||
height: 96px; | |||
float: left; | |||
} | |||
#homebutton li{ | |||
display: inline; | |||
} | |||
#homebutton li a{ | |||
float: left; | |||
height: 0px; | |||
width: 96px; | |||
padding-top: 96px; | |||
overflow-x: hidden; | |||
overflow-y: hidden; | |||
background-image: url(http://openwetware.org/images/0/02/Homebutton.png); | |||
background-repeat: no-repeat; | |||
} | |||
#homebutton #stamp a{ background-position: 0 -96px; } | |||
#homebutton #stamp a:hover{ background-position: 0 0; } | |||
#homebutton.home #stamp a{ background-position: 0 0; } | |||
#globalnav { | #globalnav { | ||
height: 96px; | height: 96px; | ||
width: | width: 808px; | ||
float:left; | float:left; | ||
} | } | ||
Line 70: | Line 115: | ||
overflow-x: hidden; | overflow-x: hidden; | ||
overflow-y: hidden; | overflow-y: hidden; | ||
background-image: url(http://openwetware.org/images/ | background-image: url(http://openwetware.org/images/e/e8/Uiparts_navigation-01.jpg); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
Line 132: | Line 177: | ||
background-color: #fffcf5; | background-color: #fffcf5; | ||
} | } | ||
#mainvisual{ | #mainvisual{ | ||
Line 142: | Line 189: | ||
#main{ | #main{ | ||
width: 980px; | width: 980px; | ||
min-height: | min-height: 600px; | ||
background-color: #fffcf5; | background-color: #fffcf5; | ||
padding-right: 15px; | padding-right: 15px; | ||
padding-left: 15px; | padding-left: 15px; | ||
padding-bottom: | padding-bottom: 150px; | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
Line 153: | Line 200: | ||
} | } | ||
p{ | p{ | ||
Line 162: | Line 208: | ||
/*テーブルの色づけ*/ | /*テーブルの色づけ*/ | ||
table.table :nth-child(odd) { | table.table tr:nth-child(odd) { | ||
/* 奇数行の背景色を設定します。 */ | /* 奇数行の背景色を設定します。 */ | ||
background-color: #ecf6fb; | background-color: #ecf6fb; | ||
Line 177: | Line 223: | ||
/*simulationページの段組みコンテナ*/ | /*simulationページの段組みコンテナ*/ | ||
#container { | |||
width: 100%; | |||
height: auto; | |||
height: 100%; | |||
min-height: 100%; | |||
} | |||
div.blockleft{ | div.blockleft{ | ||
float: left; | float: left; | ||
Line 184: | Line 238: | ||
div.blockright{ | div.blockright{ | ||
float:right; | float:right; | ||
width: | width: 355px; | ||
height: 490px; | |||
div.blockleft2{ | |||
float: left; | |||
width: 450px; | |||
height: 475px; | |||
} | |||
div.blockright2{ | |||
float:right; | |||
width: 450px; | |||
height: 475px; | height: 475px; | ||
} | } | ||
Line 190: | Line 254: | ||
width:980px; | width:980px; | ||
height: 475px; | height: 475px; | ||
margin-bottom: 20px; | |||
} | } | ||
Line 200: | Line 265: | ||
} | } | ||
# | |||
#new_footer{ | |||
margin-top:30px; | |||
padding-top:15px; | padding-top:15px; | ||
width:100%; | width:100%; | ||
height: | height:100px; | ||
background-color:#5b2d01; | background-color:#5b2d01; | ||
color:#fff; | color:#fff; | ||
font-size: 125%; | |||
position: absolute; | |||
bottom: 0; | |||
display: inline; | |||
} | |||
.lefttext{ | |||
height:auto; | |||
width:30%; | |||
padding-left:20%; | |||
float:left; | |||
} | } | ||
.rightimg{ | |||
height:auto; | |||
width:30%; | |||
padding-left:20%; | |||
} | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 08:34, 29 August 2014
<html> <head> <style type="text/css">
html{
background-color: #5b2d01; height: 100%;
} body{
background-color: #f5e4b4; font-size: 1.4em; font-size: 125%; font-family:Arial,'Lucida Grande'; height: 100%;
}
figure{
margin-bottom: 10px;
} figcaption{
font-size: 14px;
}
/* hiding wikiUI*/
.firstHeading {
display:none;
}
- content{
background-color: #f5e4b4; background-image: linear-gradient(#f5e4b4,#eace7f); border-style:none; margin:0; padding-top:0px; padding-bottom:15px; padding-right:0px; padding-left:0px; min-height:600px;
}
- globalWrapper{
font-size:100%;
}
- contentSub{
display:none;
}
- column-one{
display:none;
}
- footer{
display:none;
} /*----------*/
- header{
height: 96px; width:1000px; margin:0 auto; margin-top: 10px; margin-bottom: 10px;
}
- left_header{
height: 96px; width: 96px;
float:left;
}
- homebutton {
width: 96px; height: 96px; float: left;
}
- homebutton li{
display: inline;
}
- homebutton li a{
float: left; height: 0px; width: 96px; padding-top: 96px; overflow-x: hidden; overflow-y: hidden; background-image: url(http://openwetware.org/images/0/02/Homebutton.png); background-repeat: no-repeat;
}
- homebutton #stamp a{ background-position: 0 -96px; }
- homebutton #stamp a:hover{ background-position: 0 0; }
- homebutton.home #stamp a{ background-position: 0 0; }
- globalnav {
height: 96px; width: 808px;
float:left;
}
- globalnav li{
display: inline; }
- globalnav li a{
float: left; height: 0pt; padding-top: 96px; overflow-x: hidden; overflow-y: hidden; background-image: url(http://openwetware.org/images/e/e8/Uiparts_navigation-01.jpg); background-repeat: no-repeat; }
- globalnav #gn-home a{ width: 55px; }
- globalnav #gn-intro a{ width: 122px; }
- globalnav #gn-design a{ width: 84px; }
- globalnav #gn-simu a{ width: 118px; }
- globalnav #gn-xp a{ width: 114px; }
- globalnav #gn-protocol a{ width: 92px; }
- globalnav #gn-dis a{ width: 112px; }
- globalnav #gn-team a{ width: 78px; }
- globalnav #gn-end a{ width: 71px; }
- globalnav #gn-home a { background-position: 0 0; }
- globalnav #gn-intro a { background-position: -55px 0; }
- globalnav #gn-design a { background-position: -177px 0; }
- globalnav #gn-simu a { background-position: -261px 0; }
- globalnav #gn-xp a { background-position: -379px 0; }
- globalnav #gn-protocol a { background-position: -493px 0; }
- globalnav #gn-dis a { background-position: -585px 0; }
- globalnav #gn-team a { background-position: -697px 0; }
- globalnav #gn-end a { background-position: -775px 0; }
- globalnav #gn-home a:hover { background-position: 0 -96px; }
- globalnav #gn-intro a:hover { background-position: -55px -96px; }
- globalnav #gn-design a:hover { background-position: -177px -96px; }
- globalnav #gn-simu a:hover { background-position: -261px -96px; }
- globalnav #gn-xp a:hover { background-position: -379px -96px; }
- globalnav #gn-protocol a:hover { background-position: -493px -96px; }
- globalnav #gn-dis a:hover { background-position: -585px -96px; }
- globalnav #gn-team a:hover { background-position: -697px -96px; }
- globalnav #gn-home a:active { background-position: 0 -192px; }
- globalnav #gn-intro a:active { background-position: -55px -192px; }
- globalnav #gn-design a:active { background-position: -177px -192px; }
- globalnav #gn-simu a:active { background-position: -261px -192px; }
- globalnav #gn-xp a:active { background-position: -379px -192px; }
- globalnav #gn-protocol a:active { background-position: -493px -192px; }
- globalnav #gn-dis a:active { background-position: -585px -192px; }
- globalnav #gn-team a:active { background-position: -697px -192px; }
- globalnav.home #gn-home a { background-position: 0 -288px; }
- globalnav.intro #gn-intro a { background-position: -55px -288px; }
- globalnav.design #gn-design a { background-position: -177px -288px; }
- globalnav.simu #gn-simu a { background-position: -261px -288px; }
- globalnav.xp #gn-xp a { background-position: -379px -288px; }
- globalnav.protocol #gn-protocol a { background-position: -493px -288px; }
- globalnav.dis #gn-dis a { background-position: -585px -288px; }
- globalnav.team #gn-team a { background-position: -697px -288px; }
- wikiwrapper{
width: 980px; background-color: #fffcf5;
}
- mainvisual{
width: 980px; margin-left: auto; margin-right: auto; text-align: center;
}
- main{
width: 980px; min-height: 600px; background-color: #fffcf5; padding-right: 15px; padding-left: 15px; padding-bottom: 150px; margin-right: auto;
margin-left: auto;
text-align: justify; font-size: 110%;
}
p{
text-indent:1em;
}
/*テーブルの色づけ*/
table.table tr:nth-child(odd) {
/* 奇数行の背景色を設定します。 */ background-color: #ecf6fb;
} table.table tr:nth-child(even) {
/* 偶数行の背景色を設定します。 */ background-color: #ffffff;
}
.overline{
text-decolation: overline; }
/*simulationページの段組みコンテナ*/
- container {
width: 100%; height: auto; height: 100%; min-height: 100%;
}
div.blockleft{
float: left; width: 625px; height: 475px;
} div.blockright{
float:right; width: 355px; height: 490px;
div.blockleft2{
float: left; width: 450px; height: 475px;
} div.blockright2{
float:right; width: 450px; height: 475px;
} div.block{
width:980px; height: 475px; margin-bottom: 20px;
}
p.textbox{
padding:20px;
}
div.blockright span{
vertical-align: middle;
}
- new_footer{
margin-top:30px;
padding-top:15px; width:100%; height:100px; background-color:#5b2d01; color:#fff;
font-size: 125%; position: absolute; bottom: 0; display: inline;
}
.lefttext{
height:auto; width:30%; padding-left:20%; float:left;
}
.rightimg{
height:auto; width:30%; padding-left:20%;
}
</style> </head> </html>