スタイルシート裏の裏


このサイトのスタイルシートの定義

スタイルシートの定義ファイルは、style.cssです。ブラウザでこのリンクをクリックすると、内容表示はされずダウンロードするかどうか聞いてくると思います。いちいちダウンロードも面倒でしょうから、以下に内容を表示しておきます。ただ、最新情報への更新忘れがあるかもしれませんので、その節はご容赦お願いします。


/*   Copyright(C) 1999-2001 Tancro      */
/*   初版 : 1999.5.2                    */
/*        : 1999.7.25  ver.2.03         */
/*        : 2000.4.10  ver.3.01         */
/*        : 2000.4.24  ver.3.11         */
/*        : 2001.1. 1  ver.3.18         */


/* ========= name="general" =========== */

body	{
	font-size        : 12px;     /* 文字の大きさは難しい設定の一つです */
	color            : black;
	background-color : #ffffff;  /* 背景色はNN4でも継承される */
	font-family      : "MS Pゴシック",arial,"Osaka",sans-serif; 
                       /* フォントを定義してみました */
}

/* NN4では継承されないので、使用する要素全てに指定をしておく */
p,blockquote,ul,ol,dl,li,dt,dd,div,th,td,caption,strong,em  {
	font-size        : 12px;
	color            : black;
	font-family      : "MS Pゴシック",arial,"Osaka",sans-serif; 
                       /* フォントを定義してみました */
}
pre {
	font-family      : "MS 明朝",times,"Osaka",serif; 
}
p,dl,ul,ol {
	line-height      : 1.5em;
}


/* ========= name="anchor" ============ */

A:Link, A:Visited, A:Active{
	color            : #4169E1 ;
	text-decoration  : none;
}

a.name	{
	text-decoration  : none;   /* 下線が出るのを防ぐ(IE4、NC4.x) */
}

A:Hover	{
	background-color : pink;
	color : navy;

}

.underline  {
	color            : #4169E1;
	text-decoration  : underline; 
}

/* ========= name="headings" ========= */

h1	{
	color            : #000080;
	font-size        : 2.2em; 
	font-family      :  "DFPOP体","DFPPOP体","HG丸ゴシックM-PRO",
	                    "MS UI GOTHIC","Osaka",sans-serif; 
	                    /* タイトル用フォント */
	font-style       : italic;
	text-align       : center; 
	font-weight      : bolder;  
}

h2	{ 
	font-size        : 1.8em; 
	text-align       : left; 
	font-weight      : bold;
	color            : #408080; 
	background-color : #ececec; 
	margin-right     : 0; 
	padding          : 7px 7px 7px 10px;
	border-color     : #000080;
	border-width     : 2px 0px 2px 0px;
	border-style     : solid;
}

h3  { 
	font-size        : 1.5em;
	text-align       : left;
	color            : #009000;
	font-weight      : bold; 
	background-color : #ececec; 
	margin-right     : 0; 
	padding          : 0.25em 0em 0.25em 0.7em;
	border-color     : #009000;
	border-style     : solid;
	border-width     : 1px 0em 0em 10px;
}

h4 { 
	font-size        : 1.2em;
	font-weight      : bold;
	text-align       : left;
	color            : #800080;
	background-color : #ececec; 
	margin-right     : 0em; 
	padding          : 0.25em 0em 0.25em 0.7em; 
	border-color     : #800080;
	border-style     : solid;
	border-width     : 1px 0em 0em 5px; 
}

h4.normal { 
	padding          : 0;
	border-width     : 0; 
}
h5 {
	margin-right     : 0px;
	padding          : 0px;
	border-color     : #800080;
	border-style     : solid;
	border-width     : 1px 0 0 0;
}

/* =========== name="paragraph" =========== */

p	{
	text-indent      : 1em;
	margin-left      : 7px;
	padding          : 0em;
}

blockquote  { 
	border-style     : solid;
	border-width     : 1px 2px 2px 1px;
	border-color     : #008080;
	background-color : #E0FFFF;  /*lightcyan */
	padding          : 6px 0em 5px 10px;
}

blockquote.file  { 
	border-style     : solid;
	border-width     : 1px 2px 2px 1px;
	border-color     : #4169E1;
	background-color : #dcdcdc; 
	padding          : 6px 0px 5px 10px;
}

/* ============ name="List" ============ */

ul,ul	{	
	list-style-type  : square;
	margin-top       : 0em;
}

ol  {
	list-style-type  : decimal;
}

ol,dl  {
	margin-top       : 2px;
	margin-bottom    : 7px;
}


/* ============ name="Table" ============ */

table	{
	border-style     : ridge;    /* double outset inset ridge groove */
	border-color     : #00bfff ; 
	border-width     : 2px; 
}

table.normal {
	border-width:0
}
th  {
	background-color : #F0FFFF ;
	border-width     : 2px;
	border-style     : ridge;
	border-color     : #32CD32 ;
	padding-top      : 6px; 
	padding-bottom   : 4px;
}
td  {

	text-align       : center;	
	background-color : #F5F5DC;
	border-width     : 2px;
	border-style     : ridge;
	border-color     : #DAA520;
	padding-top      : 6px;
	padding-bottom   : 4px; 
}
.normal {
	border-width:0;
	padding:0;
	margin:0;
	text-align:left;
}

/* ============ name="other" =========== */

code  { 
	color            : #800080;
	font-weight      : bold; 
}



hr  {        /* 水平ラインを消去するのが趣味です */
	display          : none;  
	margin-bottom    : 5px;
}


/* ========== name="class" ============= */		

/* ------ 上下にボーダーライン ------ */
.back	{
	text-align       : center ; 
	padding          : 3px;
	margin-right     : 0px;
	border-width     : 2px 0px 2px 0px;
	border-style     : solid none solid none;
	border-color     : #000080;
}

/* -------- 邪道です-------*/
.br  {
	text-indent      : 1em;
	margin           : 7px 0px 30px 0px;
	padding          : 0px 0px 5px 0px;
}

.right  {
	margin           : 7px 0px 0px 0px;
	padding          : 0px;
	text-align       : right; 
}

.red { 
	color            : red; 
}

.green { 
	color            : green;
}


/*  120=時計の4時の方向,強度3  for IE4 , IE5 */
/*   IEのみのDHTMLのようで、CSS1、CSS2には存在しません */

.filter {   
	width            : 100%; 
	filter           : blur(direction=120,strength=6);  
}      

.address  {
	color            : fuchsia; 
	font-style       : italic ; 
	font-weight      : bold; 
}

.yet  {
	color            : #808080;         /* 2000.4.11 */
}

.hot  {
	color            : pink    ;
	background       : navy   ;
/*	padding-left     : 1.5em ;
	padding-right    : 1.5em ;*/
}


/* ========== name="強調" ============= */

em   {
	color            : red;
	font-style       : normal; 
	font-weight      : normal; 
}

strong {
	color            : red;
	font-style       : normal; 
	font-weight      : bold; 
}

/* =========== end ============== */

Indexに戻る