kati_dark.css

/* -------- Common Settings Among Themes -------- */
/*
	TODO: Share common settings with other themes.
	FSWiki stores user defined styles in ./config/usercss.dat.
	'@import' is not recommended in terms of the processing speed.

@import url('../resources/common.css');
*/

/***** Common Style *****/

/*** Auto line-feed in code blocks in CSS level 3 ***/
/*  Styles for obsolete browsers are available at https://bowz.info/409 and
	https://fswiki.osdn.jp/cgi-bin/wiki.cgi?page=BBS%2D%BB%A8%C3%CC%B7%C7%BC%A8%C8%C4%2F284
	in Japanese.
 */
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*** To fit textarea width for edit with browser ***/
textarea.edit {
	width: 100% !important;
}

/*** For plugin/markdown/Markdown.pm ***/

/* Cancel the setting of 'div.section p' in item lists.
   some versions of Markdown discount insert p tags to the items
   right before and after blank lines in an item list.
 */
div.section li p{
	margin : 0em 0px 0em 0px;
	text-indent:0em;
}


/***** Settings for Content Security Policy (CSP) *****/

/*** For plugin/markdown/Markdown.pm ***/

/* Text alignment in a markdown table */
/* TODO: Modify Markdown/Discount to output the following
    non-inline-style <th> and <td> tags:

 <th type="text/css" class="text-left">
 <th type="text/css" class="text-right">
 <th type="text/css" class="text-center">

 <td type="text/css" class="text-left">
 <td type="text/css" class="text-right">
 <td type="text/css" class="text-center">

    instead of the following inline-styles,
    which are not desirable in the sense of CSP:

 <th style="text-align:left;">
 <th style="text-align:right;">
 <th style="text-align:center;">
  
 <td style="text-align:left;">
 <td style="text-align:right;">
 <td style="text-align:center;">

A compromised alternative is to allow 'unsafe-hashes'
in CSP style-src setting, cf. 
https://github.com/KazKobara/dockerfile_fswiki_local/blob/main/data/httpd-security-fswiki-local.conf.

*/
 
/* Class selectors for the above modification. */

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/* https://raw.githubusercontent.com/twbs/bootstrap/main/dist/css/bootstrap.css */
.text-center {
    text-align: center !important;
}

/* Non-inline styles, which are used securely in markdown blocks
instead of inline styles ignored by default CSP settings. */

/* Color */
red {color:red;}   		/* type  selector */
.red {color:red;}  		/* class selector */
orange {color:orange;}   	/* type  selector */
.orange {color:orange;}  	/* class selector */
yellow {color:yellow;}   	/* type  selector */
.yellow {color:yellow;}  	/* class selector */
green {color:green;}   	/* type  selector */
.green {color:green;}  	/* class selector */
cyan {color:cyan;}   		/* type  selector */
.cyan {color:cyan;}  		/* class selector */
blue {color:blue;}   		/* type  selector */
.blue {color:blue;}  		/* class selector */
indigo {color:indigo;}   	/* type  selector */
.indigo {color:indigo;}  	/* class selector */
violet {color:violet;}   	/* type  selector */
.violet {color:violet;}  	/* class selector */

.highlight {background-color:yellow !important;}
.darkhighlight {background-color:Maroon !important;}

/* -------- Theme Specific Settings -------- */
/* kati_dark.css v0.0.1 */
/* ーーーーーー全体の設定ーーーーーー */
body {
	/* background-color: lightgray; */
	background-color: black;
	color           : white;
	font-size      : 14px;
	line-height:20px;
	margin : 0px;
	padding: 0px;
}

input,textarea{
	font-family:"Osaka",sans-serif;
	font-size      : 14px;
}

input{
	background-color: #383838;
	color           : white;
}

textarea{
	background-color: #101010;
	color           : #f0fff0;
}

div.section img{
	margin-top : 3px;
	margin-bottom :0px;
	margin-left : 35px;
	padding: 0px;
}

iframe{
	margin : 0px;
	padding: 0px;
	border : 0px;
}

div.section p{
	margin : 1em 10px 1em 35px;
	text-indent:1em;
}

/* リストスタイル */
div.sidebar ul li {
	font-family:"Osaka",sans-serif;
	list-style-image: url('./list_a.gif')
}

ul li {
	font-family:"Osaka",sans-serif;
	/* list-style-image: url('./list_a.gif') */
}

ul li ul li {
	font-family:sans-serif;
	/* list-style-image: url('./list_b.gif') */
}

ul li ul li ul li {
	font-family:sans-serif;
	/* list-style-image: url('./list_c.gif') */
}

div.section ul,div.section ol{
	margin : 0.3em 0.3em 0.3em 35px;
}

div.section ul li,div.section ol li {
	margin-top : 0.1em;
	margin-bottom : 0.1em;
}


/* リンクの設定 */
A:link,A:visited { 
	/* color            :#422100; */
	color            :#ff0000;
	text-decoration : underline;
}

A:hover {
	color           : #fe3670;
	text-decoration : underline;
	background-color: #fff4ab;
}

A:active {
	color           : #FFFF00;
	text-decoration : none;
}

/* ーーーーーー全体の設定 終了ーーーーーー */

/* ーーーーーーメニューの設定開始ーーーーーー */
/* メニューのサイズ */
div.adminmenu {
	background-color: lightgray;
	background-repeat: no-repeat;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-size      : 12px;
	line-height : 26px;
	font-weight  : bold;
	text-align: right;
	height : 26px;
	padding-right : 2px;
	margin-left: 205px;
}

/* メニューの装飾 */
/* リンク */
div.adminmenu A{
	padding : 2px 7px;
	font-weight  : bold;
	text-decoration  : none;
	color : black;
	text-shadow: #3CB371 0px 0px 10px;
}

div.adminmenu A:link,div.adminmenu A:visited { 
	text-decoration  : none;
	/* color: white; */
	font-weight  : bold;
	color : black;
	text-shadow: #3CB371 0px 0px 10px;
}

/* カーソルを上に持ってきた時リンク */
div.adminmenu A:hover {
	text-decoration  : none;
	font-weight  : bold;
	/*
	color           : #FFFFFF;
	background-color: #3CB371;
	*/
	color : black;
	text-shadow: #3CB371 0px 0px 10px;
}
/* ーーーーーーメニューの設定終了ーーーーーー */

/* ーーーーーー headerの設定 ーーーーーー */
div.header {
	background-color: #f8f5f1;
	padding: 1px 18px;
	font-size   : 11px;
	line-height:13px;
	margin-top: 0px;
}

div.header li,div.header li A:link,div.header li A:visited{
	text-decoration : none;
}

div.header li A:hover{
	text-decoration : underline;
}

div.header ul li{
	list-style-image: url('./go_back_1.gif')
}

div.header ul li ul li{
	list-style-image: url('./go_back_2.gif')
}

div.header ul li ul li ul li{
	list-style-image: url('./go_back_3.gif')
}
/* ーーーーーー headerの設定終了 ーーーーーー */

/* ーーーーーー footer設定 ーーーーーー */
.footer {
	margin-top:0px;
	margin-right:3px;
	margin-bottom:0px;
	text-align  : right;
	font-size   : 10px;
	font-style  : italic;
	background-position: left bottom;
	background-repeat: no-repeat;
	/* background-color: white; */
	background-color: dimgray;
	height: 29px;
}

.footer A {
	text-decoration  : none;
}
/* ーーーーーー footer設定終了 ーーーーーー */

hr {
	border-top    : #3CB371 2px solid;
	color : #3CB371;
}

/* ーーーーーー □囲み文字 ーーーーーー */
pre {
	border-radius: 10px;
	/* -moz-border-radius: 10px; */
	border : #D3D3D3 1px solid;
	/*
	background-color: #f8f5f1;
	background-color: dimgray;
	background-color: black;
	*/
	background-color: #101010;
	margin : 10px 20px 10px 35px;
	padding: 5px 15px 5px 15px;
	font-size      : 13px;
}

/* ーーーーーー 引用文 ーーーーーー */
blockquote {
	border-radius: 10px;
	/* -moz-border-radius: 10px; */
	border      : #d4d4d4 1px dotted;
	/*
	background-color: #f8f5f1;
	background-color: dimgray;
	background-color: black;
	*/
	background-color: #101010;
	padding: 5px 15px 5px 15px;
	margin : 10px 20px 10px 35px;
	font-size      : 13px;
	font-style  : italic;
}

/* ーーーーーー見出しの設定開始ーーーーーー /
/* H1 */
h1{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	text-align       : right;
	font-size   : 30px;
	line-height:46px;
	letter-spacing:2px;
	border-bottom   : #c8c9b5 6px solid;
	margin-left: 205px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right : 18px;
	background-image: url(./himg2.jpg);
	background-repeat: no-repeat;
	/*
	color : black;
	text-shadow: #3CB371 0px 0px 10px;
	*/
	color : white;
	text-shadow: black 0px 0px 10px;
}

h1 A:link,h1 A:visited{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	/* color : black; */
	color : white;
	text-decoration : none;
	/* text-shadow: #3CB371 0px 0px 10px; */
	text-shadow: black 0px 0px 10px;
}

h1 A:hover {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color            : #fe3670;
	text-shadow: yellow 0px 0px 10px;
}

/* H2 */
h2 {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	font-size   : 20px;
	line-height  :20px;
	letter-spacing:3px;
	color            : White;
	padding-left     : 35px;
	padding-top      : 4px;
	padding-bottom      : 4px;
	/* background: #3CB371 url(./slc1.gif) no-repeat left top; */
	background: green url(./slc1.gif) no-repeat left top;
	margin-top:30px;
	margin-bottom:3px;
}

h2 A:link,h2 A:visited { 
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color            : khaki;
	text-decoration : none;
}

h2 A:hover {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color            : #fe3670;
	text-decoration : none;
}

/* H3 */
h3 {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color : #3CB371;
	font-size   : 17px;
	line-height  :25px;
	letter-spacing:2px;
	/* background-color: #f8f5f1; */
	background-color: black;
	border-top    : green 2px solid;
	border-left   : green 32px solid;
	padding-left  : 3px;
	/*
	text-shadow: green 2px 2px 3px;
	text-shadow: white 2px 2px 3px;
	*/
	margin-top:15px;
	margin-bottom:5px;
	text-decoration : none;
}

h3 A:link,h3 A:visited{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	/* color: black; */
	color: royalblue;
	text-decoration : none;
}

h3 A:hover {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color            : #fe3670;
	text-decoration : none;
}

/* H4 */
h4 {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	/* color : black; */
	color : #3CB371;
	font-size   : 15px;
	line-height  :23px;
	/* background-color: #f8f5f1; */
	background-color: black;
	border-left   : green 32px solid;
	padding-left  : 3px;
	/* text-shadow: #3CB371 2px 2px 3px; */
	margin-top:7px;
	margin-bottom:5px;
}

h4 A:link,h4 A:visited{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	/* color: lightskyblue; */
	color: royalblue;
	/* color: blue; */
	text-decoration : none;
}

h4 A:hover {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-weight  : bold;
	color            : #fe3670;
	text-decoration : none;
}
/* ーーーーーー見出しの設定終了ーーーーーー */

/* ーーーーーーテーブル設定開始 ーーーーーー */
table {
	margin : 10px 10px 10px 35px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border   : #D3D3D3 1px solid;
}

th {
	padding-left : 20px;
	padding-right : 20px;
	/* background-color : #f8f5f1; */
	background-color: dimgray;
	font-size      : 11px;
	line-height  :11px;
	padding :5px;
	border   : #D3D3D3 1px solid;
}

td {
	padding-left : 20px;
	padding-right : 20px;
	font-size      : 12px;
	line-height  :12px;
	padding :5px 10px;
	border   : #D3D3D3 1px solid;
}
/* ーーーーーーテーブル設定終了 ーーーーーー */
/* ーーーーーー parteditプラグイン ーーーーーー */
div.partedit {
	font-family:"Osaka",sans-serif;
	font-size  : 12px;
	line-height  :12px;
	margin-top:-2.3em;
	text-align : right;
	padding : 3px 15px 3px 15px;
}

div.partedit A{ 
	text-decoration  : none;
}

/* ーーーーーー parteditプラグイン終了 ーーーーーー */
dl {
	margin : 0.5em 10px 0.5em 35px;
}
dt {
	border-bottom : #696969 1px dotted;
	font-weight   : bold;
	font-size      : 14px;
	line-height  :18px;
}

dd {
	margin-left   : 20px;
	line-height  :24px;
}

div.main {
	margin-left: 205px;
	margin-right: 1px;
}

/* ーーーーーー footer 設定開始 ーーーーーー */
div.comment {
	padding  : 4px 16px;
	margin-top       : 10px;
	margin-bottom    : 10px;
	font-size        : 12px;
	/* background-color: #f8f5f1; */
	background-color: dimgray;
}

div.comment p {
	margin-top : 5px;
	margin-bottom : 5px;
}

div.comment p A{
	color : black;
	text-decoration  : none;
}

div.comment p  A:hover {
	color : #fe3670;
	text-decoration  : underline;
}

div.comment h3 {
	font-family:sans-serif;
	font-size   : 12px;
	line-height  :18px;
	background-color: lightgray;
	/* background-color: white; */
	border-top    : #c8c9b5 2px solid;
	border-right   : #c8c9b5 15px solid;
	border-bottom    : #c8c9b5 2px solid;
	border-left   : #c8c9b5 15px solid;
	padding-left  : 3px;
	text-shadow: #696969 2px 2px 3px;
	margin:6px 0px;
}

div.comment h3 A:link {
	color : black;
}
/* ーーーーーー footer 設定終了 ーーーーーー */

/* ーーーーーー サイドバー(メニュー)設定開始 ーーーーーー */
/* サイドバー(メニュー)設定 */
div.sidebar {
	overflow: hidden;
	position        : absolute;
	top             : 0px;
	left            : 1px;
	width           : 190px;
	word-break      : break-all;
	/* background-color: #f8f5f1; */
	background-color: #101010;
}
/* サイドバー(メニュー)見出し設定 */
div.sidebar h2,div.sidebar h3,div.sidebar h4{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-size   : 14px;
	line-height  :20px;
	margin:0px;
	/*
	background-color : #c8c9b5;
	background-color : green;
	*/
	background-color : khaki;
	background-image: url(./sid_men.jpg);
	background-repeat: no-repeat;
	border:0px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left   : 15px;
	letter-spacing:1px;
	color : black;
}

div.sidebar img{
	margin: 0px 0px 5px 5px;
	padding : 0px;
}

div.g4ser{
	margin : 0 0 -2em 0;
	padding : 0;
	border: 0;
}

/* サイドバー(メニュー)リスト設定 */
div.sidebar ul,div.sidebar li {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W8","Osaka",sans-serif;
	font-size       : 11px;
	line-height    :15px;
	padding-left : 0px; 
	margin-left  : 10px;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul{
	margin-top  : 0;
	margin-bottom  : 0.5em;
}

div.sidebar strong {
	color : #3CB371;
	padding-left : 17px;
	font-size       : 10px;
	line-height    :10px;
	letter-spacing:2px;
}
/*
div.sidebar li A{
	padding-left : 0px;
	border-left  : #f8f5f1 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar li A:hover{
	padding-left : 0px;
	border-left  : #3CB371 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar li A:visited {
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li A{
	padding-left : 15px;
	border-left  : #f8f5f1 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li A:hover{
	padding-left : 15px;
	border-left  : #3CB371 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li A:visited {
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li ul li A{
	padding-left : 30px;
	border-left  : #f8f5f1 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li ul li A:hover{
	padding-left : 30px;
	border-left  : #3CB371 17px solid;
	list-style-type: none;
	text-decoration : none;
}

div.sidebar ul li ul li ul li A:visited {
	list-style-type: none;
	text-decoration : none;
}
*/

/*  検索padding設定 */
div.sidebar form {
	padding-left : 5px;
}

div.sidebar p,div.sidebar EMBED {
	padding : 0px;
	margin  : 0px;
}

/* 一行コメント */
div.linecom {
	margin-top: 0px;
	margin-left: 35px;
	padding : 5px;
	background-color: #c8c9b5;
}



/* calendar plugin */
.calendar {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border : 1px #d3d3d3 solid;
	width  : 798px;
	height:500px;
	padding: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.calendar A {
	text-decoration : none;
}

table.calendar th {
	height: 24px;
	font-size: 14px;
	line-height  :14px;
	padding: 5px;
}

table.calendar tr {
 	border-spacing: 0px;
	border : 1px #d3d3d3 solid;
	font-size: 8px;
	line-height  :12px;
	margin: 0px;
	padding: 0px;
}

table.calendar td {
 	border-spacing: 0;
	border : 1px #d3d3d3 solid;
	/* background-color : #f8f5f1; */
	background-color : #dadada;
	font-size: 14px;
	line-height  :14px;
	margin: 0px;
	padding: 2px;
	text-align: center;
	width  : 114px;
}

table.calendar td.calendar-prev-month,
table.calendar td.calendar-current-month,
table.calendar td.calendar-next-month,
table.calendar td.calendar-sunday,
table.calendar td.calendar-saturday{
	background-color : #dadada;
}

table.calendar td.calendar-weekday{
	/* background-color : white; */
	background-color : #dadada;
}

.calendar-sunday {
	color: #f00;
}

.calendar-saturday {
	color: #00f;
}

.calendar-weekday {
	color: #000;
}

table.calendar td.have A {
	font-weight : bold;
	color: #fe3670;
}

table.calendar td.have{
    /* background-color : white; */
    background-color : #dadada;
}

table.calendar td.today{
	background-color : #98FB98;
}

.calendar-prev-month, .calendar-current-month, .calendar-next-month,
.calendar-sunday, .calendar-weekday, .calendar-saturday {
	background-color : #D3D3D3;
}

/* Menu用 */
div.sidebar .calendar{
	width  : 190px;
	height : auto;
}

/* プリント設定 */
@media print {
	div.header,div.adminmenu,div.footer,div.form,div.sidebar,div.partedit,div.comment,form {display:none;}
	div.day,div.body{border:none;}
	div.main{margin-left: 0%;}
	h1,h1 A:link,h1 A:visited,h1 A:hover {padding-left: 0px; text-shadow: black 0px 0px 0.2em;}
	h2,h3 { font-size: medium; }
	a { text-decoration: none; }
}