bauxite:チラシの裏 - CSS.lynx-like.default

CSS.lynx-like.default

no archive mode

/* STYLESHEET

((ls -l CSS*))

description:
テキストブラウザ Lynx (http://lynx.browser.org/) のデフォルト色設定っぽい雰囲気。

見易さその他の理由により、いろいろ妥協しています。
（Bold, Italic は殺してないとか、入力フィールドの色とか）

license/copyrights:
Public Domain

おまけ：
keyword color names
Lynx (lynx.cfg)   HTML4.0/CSS
black		Black	(#000000)
blue		Navy	(#000080)
brightblue	Blue	(#0000FF)
brightcyan	Aqua	(#00FFFF)
brightgreen	Lime	(#00FF00)
brightmagenta	Fuchsia	(#FF00FF)
brightred	Red	(#FF0000)
brown		Olive	(#808000)
cyan		Teal	(#008080)
gray		Gray	(#808080)
green		Green	(#008000)
lightgray	Silver	(#C0C0C0)
magenta		Purple	(#800080)
red		Maroon	(#800000)
white		White	(#FFFFFF)
yellow		Yellow	(#FFFF00)

BODY {
  /* COLOR:0: */
  Color: Black;
  Background-Color: Silver;
  Font-Family: monospace;
}

DIV.max {
}
DIV.main {
}
DIV.header {
}
DIV.sidebar {
  /* モノホンの Lynx だと当然消せないわけで… */
  Display: none;
}
DIV.footer {
}
DIV.copyright {
}
DIV.day {
}
DIV.update { /* Edit */
}

.adminmenu {
  /*
  Text-Align: Right;
  */
}

H1 {
  Font-Size: 100%;
}
H2 {
  Font-Size: 100%;
}
H3, H4 {
  Font-Size: 100%;
}

HR {
  Color: Black;
}

/*
  IE6 ではキーボード（tab）で選択したリンクのスタイルを 
  A:active で指定できる。Firefox と Opera では効果がなかった。
  というか Opera は tab でリンクが辿れねぇ…。  
*/
A {
  /* COLOR:1: */
  Color: Navy;
}
A:visited {
  /* COLOR:5: */
  Color: Navy;
}
A:active, A:hover {
  /* COLOR:6: */
  Color: Blue;
  Background-Color: White;
}

B, STRONG {
  /* COLOR:4: */
  Color: Red;
}
I, EM {
  /* COLOR:4: */
  Color: Red;
}
S, STRIKE {
  /* COLOR:4: */
  Color: Red;
}
U {
  /* COLOR:4: */
  Color: Red;
}

TT, CODE, KBD {
  Font-Size: 100%;
}
PRE {
  Font-Size: 100%;
}

.commentator {
  Font-Weight: Bold;
}

TEXTAREA {
  Color: Black;
  Background-Color: #e8e8e8;
  Border: 2px solid Black;
}

INPUT {
  Color: Black;
  Background-Color: #e8e8e8;
  Border: 1px solid Black;
}

END_OF_STYLESHEET */

Attachment

New: