bauxite:チラシの裏 - CSS.bauxite-1.0

CSS.bauxite-1.0

no archive mode

/* STYLESHEET

((ls -l CSS*))

8<
  ↑編集時にベタ表示するための微妙なウソテク
*/

BODY {
}

.adminmenu {
  Text-Align: Right;
  Font-Size: 90%;
  Margin: 0.25em 0.25em 2em 0em;
  Padding: 0em 0em 0em 0em;
}

DIV.max { /* 最大化時（Edit, Tools）*/
}

DIV.main {
  Float: Right;
  Width: 79%;
  Margin-Bottom: 0em;
  Padding-Bottom: 0em;
}

DIV.header {
}

DIV.sidebar {
  /*  
  Position: absolute;
  Top: 0px;
  Left: Inherit;
  */
  Float: Left;
  Width: 20%;
  Background-Color: #f7f7ff;
  Font-Size: 80%;
  Word-Break: Break-All; /* IE5+ */
  /* Overflow: Hidden でサイドバーからはみ出す部分を隠そうとしたが、Konqueror/3.3 では悲惨な結果に…結局見栄えはあきらめたorz */
  /*
  Overflow: Hidden;
  */
}
DIV.day { /* obsolete? */
}
DIV.body {
}
DIV.update { /* Edit */
}
DIV.section {
}
DIV.terminator { /* footer */
}
DIV.copyright {
  Font-Family: "Lucida Sans Unicode", Sans-Serif;
  Font-Weight: Bold;
  Font-Size: 90%;
  Text-Align: Right;
}

H1 {
  Border-Style: Solid;
  Border-Width: 2px 0px 2px 0px;
  Width: Auto;
/*
  Margin: 0.25em 0em 2px 0em;
  Padding: 0.05em 0.25em 0.05em 0.25em;
*/
  Margin: 0.25em 0em 0px 0em;
  Padding: 0.05em 0.25em 0px 0.25em;
}
H2 {
  Border-Style: Solid;
  Border-Width: 0px 0px 2px 0px;
}
H3, H4 {
  Border-Style: Solid;
  Border-Width: 0px 0px 1px 0px;
}

PRE {
  Margin: 1em 1em 1em 1em;
  Padding: 0.2em 0.5em 0.2em 0.5em;
  Background-Color: #f0f0f0;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
BLOCKQUOTE {
  Margin: 1em 1em 1em 1em;
  Padding: 0.2em 0.5em 0.2em 0.5em;
  Background-Color: #f0f0f0;
}

A {
}
SUP A { /* link to footnote... */
  Text-Decoration: none;
}
A:visited {
}
A:hover, A:active {
  Color : #004080;
  Background-Color : #fff0e7;
}
.sectionmark, .subsectionmark, .subsubsectionmark{
}

DT {
  Font-Weight: Bold;
}
DD {
  Margin-Left: 1.0em;
  Padding-Left: 0.5em;
  Margin-Right: 0.5em;
  Padding-Right: 0.5em;
}

HR {
  Color: #606060;
}

DIV.sidebar UL {
  Margin-Left: 1.5em;
  Padding-Left: 0em;
  /* 
    IE と Opera は Margin だけ設定すればほぼ期待通り。
    Firefox は Padding も設定しなおす必要がある。
  */
}

.commentator {
  Font-Weight: Bold;
}
.comment_date {
  Font-Size: 80%;
  Color: #808080;
}

TEXTAREA {
}

INPUT {
}

DIV.sidebar INPUT {
  Width: Auto;
  Max-Width: 95%;
  /*
    Opera でサイドバーの検索フォームがはみ出ることが
    あったので、Max-Width で押さえ込んでみる
    （IE だとあってもなくても同じような）
  */
}

TABLE {
  Border-Collapse: Collapse;
  Border-Width: 2px;
  Border-Style: Solid;
  Border-Color: #000000;
  Margin-Left: 2em;
  Margin-Bottom: 1em;
  /*
  Font-Family: Monospace;
  Font-Size: 100%;
  */
}

TD {
  Border-Width: 1px ;
  Border-Style: Solid;
  Border-Color: #000000;
  Padding: 1px 4px 1px 4px;
}

TH {
  Border-Width: 1px ;
  Border-Style: Solid;
  Border-Color: #000000;
  Padding: 1px 4px 1px 4px;
  Color: #000000;
  Background-Color: #f8f8f8;
}

.tategaki {
  Font-Family: monospace;
  Font-Size: 80%;
  Writing-Mode: tb-rl;
  /* Unicode-bidi: bidi-override; */
  Background-Color: #f0fff0;
}

/* 
  ↓ウソテクここで終了
>8

END_OF_STYLESHEET */

Attachment

New: