Template:Biomod/2014/Hokudai: Difference between revisions
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 4: | Line 4: | ||
<style type="text/css"> | <style type="text/css"> | ||
@charset " | @charset "UTF-8"; | ||
/* --- タイプ1 デザイン2 --- */ | /* --- タイプ1 デザイン2 --- */ | ||
Line 11: | Line 11: | ||
/* --- 全体の背景・テキスト --- */ | /* --- 全体の背景・テキスト --- */ | ||
body { | body { | ||
margin: 0; | margin:0; | ||
padding: 0; | padding:0; | ||
background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top; | line-height:1.6; | ||
letter-spacing:1px; | |||
font-size:13px; | |||
background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top; | |||
} | } | ||
Line 30: | Line 31: | ||
p.example111 { font: 180% Times New Roman; } | 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; | |||
margin: 0 | |||
} | } | ||
em { | |||
font-style:normal; | |||
background:#ff0; | |||
background | |||
} | } | ||
/* | /* ========TEMPLATE LAYOUT======== */ | ||
#top { | |||
width:780px; | |||
margin:0 auto; | |||
padding:10px 0; | |||
} | |||
#header { | #header { | ||
position: relative; | position:relative; | ||
width: | width:780px; | ||
} | } | ||
#pr { | |||
position:absolute; | |||
# | left:0; | ||
top:0; | |||
} | } | ||
# | #gnavi { | ||
position:absolute; | |||
bottom:0; | |||
right:0; | |||
} | } | ||
#menu { | |||
# | float:left; | ||
margin: | 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; | |||
padding: | |||
} | } | ||
# | #main { | ||
float:left; | |||
width:530px; | |||
} | } | ||
# | #sub { | ||
float:right; | |||
width:220px; | |||
} | } | ||
#pageTop { | |||
# | clear:both; | ||
} | } | ||
# | #footMenu { | ||
margin: | float:left; | ||
width:780px; | |||
margin-top:10px; | |||
} | } | ||
#footer { | |||
# | clear:both; | ||
width:780px; | |||
} | } | ||
/* | |||
#header | |||
/* ========HEADER CUSTOMIZE======== */ | |||
#header h1 { | |||
line-height: | margin:0; | ||
padding:1em 0 0 0; | |||
font-size:28px; | |||
color:#fff; | |||
line-height:1.0; | |||
} | } | ||
#header | #header h1 a { | ||
color:#fff; | |||
color: # | |||
} | } | ||
#header | #header h1 a:hover { | ||
color:#f1f1f1; | |||
color: # | |||
} | } | ||
#header | #header #pr p { | ||
# | margin:0; | ||
color:#fff; | |||
color: # | |||
} | } | ||
#header | |||
#header #pr p a { | |||
color: # | 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; | |||
background: | |||
} | } | ||
/* | /* ========MENU CUSTOMIZE======== */ | ||
#menu ul { | |||
overflow:hidden; | |||
margin:0; | |||
padding:10px 10px 0 10px; | |||
list-style:none; | |||
} | |||
#menu li { | |||
# | float:left; | ||
float: | margin:0; | ||
padding:0; | |||
} | } | ||
#menu li a { | |||
display:block; | |||
# | padding:8px 20px; | ||
font-weight:bold; | |||
padding: | 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; | |||
# | |||
color: # | |||
} | } | ||
#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: | margin-bottom:2px; | ||
padding: 5px; | padding:2px 2px 2px 5px; | ||
font-size:13px; | |||
color:#fff; | |||
border-left:5px solid #316900; | |||
background:#59bd02; | |||
} | } | ||
# | #main h5 { | ||
margin | margin-bottom:2px; | ||
font-size:13px; | |||
border-bottom:1px solid #316900; | |||
font-size: | |||
} | } | ||
# | #main h6 { | ||
margin: | 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: | margin:0 0 0.5em 10em; | ||
padding: 0; | padding:0; | ||
background:transparent; | |||
} | } | ||
# | #main table { | ||
width:100%; | |||
border- | 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; | |||
text- | 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; | |||
padding: | |||
} | } | ||
# | #sub li { | ||
background: | 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; | |||
display: | 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; | |||
} | |||
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;
}