Template:Biomod/2014/Hokudai: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
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-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   font-size:13px;
  color:#333;
   background: #1C6ECD url(../image/pageback_gray_gradation.gif) repeat-x top;
   background:#000 url("../images/bg.gif") 0 0 repeat fixed;
}
}
/* --- ここから原文通り --- */
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======== */

  1. top {
  width:780px;
  margin:0 auto;
  padding:10px 0;

}

  1. header {
  position:relative;
  width:780px;

}

  1. pr {
  position:absolute;
  left:0;
  top:0;

}

  1. gnavi {
  position:absolute;
  bottom:0;
  right:0;

}

  1. 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用 */

}

  1. icatch {
  width:780px;

}

  1. contents {
  float:left;
  width:760px;
  padding:10px;
  background:#fff;

}

  1. main {
  float:left;
  width:530px;

}

  1. sub {
  float:right;
  width:220px;

}

  1. pageTop {
  clear:both;

}

  1. footMenu {
  float:left;
  width:780px;
  margin-top:10px;

}

  1. footer {
  clear:both;
  width:780px;

}


/* ========HEADER CUSTOMIZE======== */

  1. header h1 {
  margin:0;
  padding:1em 0 0 0;
  font-size:28px;
  color:#fff;
  line-height:1.0;

}

  1. header h1 a {
  color:#fff;

}

  1. header h1 a:hover {
  color:#f1f1f1;

}

  1. header #pr p {
  margin:0;
  color:#fff;

}

  1. header #pr p a {
  color:#fff;

}

  1. header #gnavi ul {
  list-style:none;

}

  1. header #gnavi li {
  float:left;
  margin-left:15px;
  font-size:11px;

}

  1. header #gnavi li a {
  display:block;
  padding-left:10px;
  color:#fff;
  background:url("../images/bg_gnavi.gif") 0 5px no-repeat;

}


/* ========MENU CUSTOMIZE======== */

  1. menu ul {
  overflow:hidden;
  margin:0;
  padding:10px 10px 0 10px;
  list-style:none;

}

  1. menu li {
  float:left;
  margin:0;
  padding:0;

}

  1. menu li a {
  display:block;
  padding:8px 20px;
  font-weight:bold;
  color:#fff;
  outline:none;

}

  1. menu li a:hover {
  border:none;
  text-shadow:0 0 5px yellow;

}

  1. 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用 */

}

  1. menu .active a {
  color:#316900;

}

  1. menu .active a:hover {
  color:#316900;
  text-shadow:none;

}


/* ========MAINCONTENTS CUSTOMIZE======== */

  1. main a {
  color:#316900;

}

  1. main a:hover {
  color:#316900;
  text-decoration:underline;

}

  1. main h2 {
  margin-bottom:5px;
  padding:1px 10px;
  font-size:15px;
  font-weight:bold;
  color:#fff;
  line-height:2.0;
  background:#316900;

}

  1. main h3 {
  margin-bottom:3px;
  padding-left:5px;
  font-size:14px;
  border-left:5px solid #316900;
  border-bottom:1px solid #316900;

}

  1. main h4 {
  margin-bottom:2px;
  padding:2px 2px 2px 5px;
  font-size:13px;
  color:#fff;
  border-left:5px solid #316900;
  background:#59bd02;

}

  1. main h5 {
  margin-bottom:2px;
  font-size:13px;
  border-bottom:1px solid #316900;

}

  1. main h6 {
  margin-bottom:2px;
  font-size:13px;

}

  1. main p {
  margin:0 0 1em 0;

}

  1. main dt {
  margin-bottom:3px;

}

  1. 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;

}

  1. main dl.information dt {
  float:left;
  width:10em;
  margin:0;
  padding:0;

}

  1. main dl.information dd {
  margin:0 0 0.5em 10em;
  padding:0;
  background:transparent;

}

  1. main table {
  width:100%;
  border-collapse:collapse;

}

  1. main table th {
  padding:5px;
  font-size:12px;
  color:#fff;
  text-align:left;
  border:1px solid #ddd;
  background:#316900;

}

  1. main table td {
  padding:5px;
  font-size:12px;
  text-align:left;
  border:1px solid #ddd;

}


/* ========SUBCONTENTS CUSTOMIZE======== */

  1. sub .section {
  margin-bottom:10px;

}

  1. sub h2 {
  padding:5px;
  font-size:14px;
  font-weight:bold;
  color:#fff;
  background:#333;

}

  1. sub ul {
  margin:0;
  padding:0;

}

  1. 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;

}

  1. sub li a {
  display:block;
  padding:5px 5px 5px 12px;

}

  1. sub li a:hover {
  display:block;
  background:#D4D4D4;

}


/* ========PAGETOP CUSTOMIZE========= */

  1. pageTop {
  text-align:right;
  font-size:11px;

}

  1. pageTop a {
  padding:0 0 0 12px;
  background:url("../images/bg_pagetop.gif") 0 50% no-repeat;

}


/* ========FOOTMENU CUSTOMIZE======== */

  1. footMenu ul {
  margin:5px 0;
  padding:0;
  text-align:center;
  

}

  1. footMenu li {
  display:inline;
  margin:0 0 0 20px;
  font-size:13px;
  list-style:none;

}

  1. footMenu li a {
  color:#fff;

}

  1. 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;

}