Template:Biomod/2014/Hokudai: Difference between revisions
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
line-height:1.6; | line-height:1.6; | ||
letter-spacing:1px; | letter-spacing:1px; | ||
font-size:13px; | font-size:13px; | ||
background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top; | |||
background:# | |||
} | } | ||
/* --- ここから原文通り --- */ | |||
p.example1 { font: 230% Times New Roman; } | |||
p.example2 { text-align: center; } | |||
p.example3 { word-spacing: 1em; } | |||
p.example4 { line-height: 6em; } | |||
p.example5 { text-decoration: underline overline; } | |||
p.example6 { font: 130% Times New Roman; } | |||
p.example7 { font: 150% Times New Roman; } | |||
p.example11 { font: 160% Times New Roman; } | |||
p.example12 { text-align: left;} | |||
p.example111 { font: 180% Times New Roman; } | |||
br { | br { |
Revision as of 11:06, 21 September 2014
<html> <head>
<style type="text/css">
@charset "UTF-8";
/* --- タイプ1 デザイン2 --- */
/* --- 全体の背景・テキスト --- */
body {
margin:0; padding:0; line-height:1.6; letter-spacing:1px; font-size:13px; background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top;
}
/* --- ここから原文通り --- */ p.example1 { font: 230% Times New Roman; } p.example2 { text-align: center; } p.example3 { word-spacing: 1em; } p.example4 { line-height: 6em; } p.example5 { text-decoration: underline overline; } p.example6 { font: 130% Times New Roman; } p.example7 { font: 150% Times New Roman; } p.example11 { font: 160% Times New Roman; } p.example12 { text-align: left;} p.example111 { font: 180% Times New Roman; }
br {
letter-spacing:normal;
}
a {
color:#000; text-decoration:none;
}
a:hover {
color:#666; text-decoration:underline;
}
img {
border:0; vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
}
em {
font-style:normal; background:#ff0;
}
/* ========TEMPLATE LAYOUT======== */
- top {
width:780px; margin:0 auto; padding:10px 0;
}
- header {
position:relative; width:780px;
}
- pr {
position:absolute; left:0; top:0;
}
- gnavi {
position:absolute; bottom:0; right:0;
}
- menu {
float:left; width:780px; margin-top:10px; background:#316900; background:-moz-linear-gradient(top, #316900, #3C7F00);/* Firefox用 */ background:-webkit-gradient(linear, left top, left bottom, from(#316900), to(#3C7F00));/* Safari, Chome用 */
}
- icatch {
width:780px;
}
- contents {
float:left; width:760px; padding:10px; background:#fff;
}
- main {
float:left; width:530px;
}
- sub {
float:right; width:220px;
}
- pageTop {
clear:both;
}
- footMenu {
float:left; width:780px; margin-top:10px;
}
- footer {
clear:both; width:780px;
}
/* ========HEADER CUSTOMIZE======== */
- header h1 {
margin:0; padding:1em 0 0 0; font-size:28px; color:#fff; line-height:1.0;
}
- header h1 a {
color:#fff;
}
- header h1 a:hover {
color:#f1f1f1;
}
- header #pr p {
margin:0; color:#fff;
}
- header #pr p a {
color:#fff;
}
- header #gnavi ul {
list-style:none;
}
- header #gnavi li {
float:left; margin-left:15px; font-size:11px;
}
- header #gnavi li a {
display:block; padding-left:10px; color:#fff; background:url("../images/bg_gnavi.gif") 0 5px no-repeat;
}
/* ========MENU CUSTOMIZE======== */
- menu ul {
overflow:hidden; margin:0; padding:10px 10px 0 10px; list-style:none;
}
- menu li {
float:left; margin:0; padding:0;
}
- menu li a {
display:block; padding:8px 20px; font-weight:bold; color:#fff; outline:none;
}
- menu li a:hover {
border:none; text-shadow:0 0 5px yellow;
}
- menu .active {
background:#fff; background:-moz-linear-gradient(top, #f1f1f1, #fff); background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff)); -moz-border-radius:5px 5px 0 0;/* Firefox用 */ border-radius:5px 5px 0 0;/* Safari, Chome用 */
}
- menu .active a {
color:#316900;
}
- menu .active a:hover {
color:#316900; text-shadow:none;
}
/* ========MAINCONTENTS CUSTOMIZE======== */
- main a {
color:#316900;
}
- main a:hover {
color:#316900; text-decoration:underline;
}
- main h2 {
margin-bottom:5px; padding:1px 10px; font-size:15px; font-weight:bold; color:#fff; line-height:2.0; background:#316900;
}
- main h3 {
margin-bottom:3px; padding-left:5px; font-size:14px; border-left:5px solid #316900; border-bottom:1px solid #316900;
}
- main h4 {
margin-bottom:2px; padding:2px 2px 2px 5px; font-size:13px; color:#fff; border-left:5px solid #316900; background:#59bd02;
}
- main h5 {
margin-bottom:2px; font-size:13px; border-bottom:1px solid #316900;
}
- main h6 {
margin-bottom:2px; font-size:13px;
}
- main p {
margin:0 0 1em 0;
}
- main dt {
margin-bottom:3px;
}
- main dd {
padding:0; margin:0 0 0.5em 1em; padding:3px; background:#f1f1f1;
}
/* INFORMATION CUSTOMIZE */
- html body #main dl.information dd div {
display:inline-block;
}
- main dl.information dt {
float:left; width:10em; margin:0; padding:0;
}
- main dl.information dd {
margin:0 0 0.5em 10em; padding:0; background:transparent;
}
- main table {
width:100%; border-collapse:collapse;
}
- main table th {
padding:5px; font-size:12px; color:#fff; text-align:left; border:1px solid #ddd; background:#316900;
}
- main table td {
padding:5px; font-size:12px; text-align:left; border:1px solid #ddd;
}
/* ========SUBCONTENTS CUSTOMIZE======== */
- sub .section {
margin-bottom:10px;
}
- sub h2 {
padding:5px; font-size:14px; font-weight:bold; color:#fff; background:#333;
}
- sub ul {
margin:0; padding:0;
}
- sub li {
margin-top:-1px; line-height:1.4; border:1px solid #333; list-style:none; background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}
- sub li a {
display:block; padding:5px 5px 5px 12px;
}
- sub li a:hover {
display:block; background:#D4D4D4;
}
/* ========PAGETOP CUSTOMIZE========= */
- pageTop {
text-align:right; font-size:11px;
}
- pageTop a {
padding:0 0 0 12px; background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}
/* ========FOOTMENU CUSTOMIZE======== */
- footMenu ul {
margin:5px 0; padding:0; text-align:center;
}
- footMenu li {
display:inline; margin:0 0 0 20px; font-size:13px; list-style:none;
}
- footMenu li a {
color:#fff;
}
- footMenu li a:hover {
color:#999; text-decoration:underline;
}
/* ========FOOTER CUSTOMIZE======== */
.copyright {
font-style:normal; font-size:11px; color:#999; line-height:3.0; text-align:center;
}