/***********************************************************
CSS for http://www.sensory-substitution.gr.jp/
Black & White version
ass-ja-bw.css
July 23, 2003 (Wed) ver 0.2
January 7, 2005 (Thu) ver 0.5
March 16, 2005 (Wed) ver 1.0
January 1, 2019 (Tue) ver 1.1
November 16, 2023 (Wed) ver 1.2 (WCAG 2.2 focus-visible)
Copyright (C) 2003-2023 Association of Sensory Substitution. All rights reserved.
***********************************************************/
/*----- BODY -----*/
body {
color: #FFFFFF !important;
background-color: #000000 !important;
background-image: url() !important;
background-repeat: no-repeat !important;
font-family: "MS Pゴシック","平成ゴシック",Osaka, sans-serif !important;
font-style: normal !important;
text-decoration: none !important;
font-weight: normal !important;
font-size: 1.5em !important;
line-height: 1.5em !important;
text-align: left !important;
vertical-align: baseline !important;
letter-spacing: normal !important;
word-spacing: normal !important;
text-indent: 0em !important;
margin: 1em !important;
margin-left: 1em !important;
padding: 0em !important;
border-width: 0em !important;
border-color: transparent !important;
border-style: none !important;
width: 45em !important;
height: auto !important;
}
/*----- TEXT -----*/
h1 {
background-image: url() !important;
height: 1em !important;
height: auto !important;
line-height: 1.5em !important;
color: #FFFFFF !important;
font-size: 2.5em !important;
font-weight: bold !important;
text-align: center !important;
padding-top: 0.5em !important;
font-style: normal !important;
}
h2 {
background-color: #000000 !important;
font-size: 1.3em !important;
font-weight: bold !important;
text-indent: 1em !important;
line-height: 1.1em !important;
}
h2#htoc {
background-color: #000000 !important;
text-align: center !important;
}
h3 {
font-size: 1.2em !important;
font-weight: bold !important;
}
p {
margin-left: 1em !important;
margin-right: 1em !important;
text-indent: 1em !important;
}
p.fl:first-letter {
text-indent: 0em !important;
font-size: 3em !important;
float: left !important;
font-weight: bold !important;
color: #FFFFFF !important;
}
p.ni {
text-indent: 0em !important;
}
p.add {
margin-top: 2em !important;
margin-left: 5em !important;
text-indent: 0em !important;
}
address {
font-size: 0.9em !important;
font-style: italic !important;
line-height: 1.1em !important;
}
address#copyright {
text-align: center !important;
font-style: italic !important;
}
b {
font-weight: bold !important;
}
strong {
font-weight: bold !important;
}
em {
font-style: italic !important;
}
.CENTER {
text-align: center !important;
}
.RIGHT {
text-align: right !important;
}
.hide {
color: #000000 !important;
line-height: 0em !important;
font-size: 0.1em !important;
margin: 0em !important;
}
.comment {
text-indent: 0em !important;
font-size: 0.9em !important;
line-height: 1.1em !important;
}
rt, rp {
font-size: 0.8em !important;
}
/*----- LIST -----*/
ul {
margin-left: 3em !important;
margin-right: 2em !important;
list-style-type: disc !important;
list-style-image: url() !important;
list-style-position: outside !important;
}
ul.n, li.n {
list-style: none !important;
list-style-image: url() !important;
list-style-type: none !important;
}
ol.o, li.o {
list-style-type: decimal !important;
}
/*----- LINK -----*/
a.href:link, a.rss:link {
color: #D0D0FF !important;
}
a.href:visited, a.rss:visited {
color: #FFD0FF !important;
}
a.href:hover, a.rss:hover {
color: #FFD000 !important;
}
a.href:active, a.rss:active {
color: #FFD0D0 !important;
}
a.href:focus-visible, a.rss:focus-visible {
color: #FFD000 !important;
outline: 0.3em solid white !important;
}
/*----- IMG -----*/
img {
border: 0em !important;
margin: 0.2em !important;
}
/*----- DIV -----*/
div {
margin: 0em !important;
}
div.body {
width: 45em !important;
}
div#sub {
color: #500000 !important;
font-size: 1.5em !important;
font-weight: bold !important;
text-indent: 10em !important;
font-style: italic !important;
margin-left: 4em !important;
}
div.photo {
font-size: 1.3em !important;
margin-left: 0em !important;
font-style: italic !important;
font-weight: bold !important;
text-align: center !important;
}
div.nav {
line-height: 1em !important;
margin: 0em !important;
margin-top: 0.5em !important;
text-indent: 0em !important;
text-align: right !important;
}
div.nb {
background-color: #000000 !important;
text-align: center !important;
}
/*----- INPUT -----*/
input {
color: #FFFFFF !important;
background-color: #000000 !important;
}
input.button {
width: 15em !important;
}
input:hover {
background-color: #303030 !important;
}
input:focus-visible {
background-color: #303030 !important;
outline: 0.3em solid white !important;
}
/*----- HR -----*/
hr {
height: 0.1em !important;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.sensory-substitution.gr.jp/data/CSS/ass-ja-bw.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www.sensory-substitution.gr.jp/data/CSS/ass-ja-bw.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>