update.
[chise/ruby.git] / doc / style.css
index 56926bd..c9a8761 100755 (executable)
-/* by eto 2003-0112 */
+/* Copyright (C) 2003-2004 Hironori Oooka, Kouichirou Eto, All rights reserved.
+   This is free software with ABSOLUTELY NO WARRANTY.
+   You can redistribute it and/or modify it under the terms of the GNU GPL2. */
 
-body   {
- margin: 0em;
- padding: 0em;
- font-family: Helvetica,sans-self;
-/* scrollbar-3d-light-color: #ff0000;*/
- scrollbar-arrow-color: #ff6600;
- scrollbar-base-color: #ffffff;
-/* scrollbar-dark-shadow-color: #ff0000;*/
- scrollbar-face-color: #ffffff;
- scrollbar-highlight-color: #ffffff;
- scrollbar-shadow-color: #ff6600;
-}
-.center        { text-align: center;}
-/*.e   { font-family: Verdana,Helvetica,sans-self;}*/
-.e     { font-family: Helvetica,sans-self;}
-.w40em { width: 40em; }
-.w60em { width: 60em; }
-
-.box   {
- margin: 0em 0em 1em 0em;
- padding: 0em;
- text-align: left;
- border: 0.1em solid #ff6600;
+/* ========== general */
+* {
+ padding: 0;
+ margin: 0;
+}
+body {
+ background-color: #fff;
+ color: #000;
+ font-family: Arial,Verdana,Helvetica,'MS UI Gothic',sans-serif;
+ line-height: 1.33;
+}
+h1, h2, h3, h4, h5, h6, pre {
+ font-size: medium;
+}
+h3, h4, h5, h6 {
+ margin: 1em 0em;
+ padding: 0em 0em 0em 1em;
+ border-bottom: 2px dotted #6cc;
+ color: #099;
+}
+h4 {
+ border-bottom: 2px dotted #9cc;
+}
+h5 {
+ border-bottom: 2px dotted #ccc;
+}
+h6 {
+ border-bottom: 2px dotted #ccc;
+ font-weight: normal;
 }
 
-h1     {
- background-color: #ff6600;
- color: #ffffff;
-/* margin: 0em 0em 0.5em 0em;*/
- margin: 0em;
-/* padding: 0.0em 0.1em 0.1em 0.0em;*/
+ul, ol {
+ margin: 1em;
  padding: 0em;
 }
-h2     {
- color: #ffffff;
- background-color: #ff6600;
- margin: 0em;
- padding: 0em;
- font-size: medium;
+ul ul, ol ol, ul ol, ol ul {
+ margin: 0em 1em;
 }
-h3     {
- color: #ff6600;
- margin: 0em 0.5em 0em 0.5em;
+dl {
+ margin: 1em 0em;
  padding: 0em;
- font-size: small;
-/* font-weight: normal;*/
 }
-h4     {
- color: #ff6600;
- margin: 0em 0.5em 0em 0.5em;
+dt {
+ margin: 0.5em 0em 0.2em 0em;
  padding: 0em;
- font-size: small;
- font-weight: normal;
+ font-weight: bold;
+ border-bottom: 1px solid #ccc;
 }
-p      {
- margin: 0.5em;
+dd {
+ margin: 0em 0em 0em 1.5em;
  padding: 0em;
 }
-pre    {
- background-color: #fff8f0;
- margin: 0.1em 0.5em 0.5em 0.5em;
+
+pre {
+ margin: 1em 0em;
  padding: 0.5em;
- border: 0.01em solid #ff6600;
- font-size: small;
+ background-color: #eff;
+ border: 1px solid #999;
+}
+blockquote {
+ margin: 1em 0em;
+ padding: 0.5em;
+ background-color: #dee;
+ border: 1px dotted #696;
+}
+.section blockquote p {
+ margin: 0em;
+ padding: 0em;
 }
 
-a              { color:#ff6600; }
-a:link         { color:#ff7700; }
-a:visited      { color:#ff8800; }
-a:active       { color:#ff0000; }
-a:hover        { color:#ff0000; text-decoration:none; }
-
-ul     {
-/* margin: 0em 0em 0em 2.0em;
- padding: 1em 0em 1em 0.0em;*/
- margin: 0.5em 0em 0.5em 2.0em;
- list-style-type: square;
+table {
+ margin: 1em 0em;
+ padding: 0em;
+ border: 2px solid #999;
+ border-collapse: collapse;
 }
-li     {
+th, tr, td {
+ padding: 0.1em 0.3em 0.1em 0.3em;
+ border: 1px solid #999;
 }
 
-dl     {
- margin: 0.5em 0em 0.5em 0.5em;
+hr {
+ border: 2px solid #9cc;
 }
-dt     {
-/* margin: 0.5em 0em 0.5em 0.5em;*/
- color: #dd3300;
+
+em, strong {
+ font-style: normal;
+ font-weight: bold;
+}
+strong {
+ color: #900;
 }
-dd     {
- margin: 0.1em 0em 0.5em 1.5em;
+
+a:link         { color: #0cc; }
+a:visited      { color: #066; }
+a:active, a:hover { color: #fff; background-color: #0cc; text-decoration: none; }
+
+/* ========== container */
+.container {
 }
-hr     {
- color: #ff6600;
+
+/* ========== main */
+.main {
+ margin: 0em 0em 0em 180px;
+/* padding: 0em 20px 50px 20px;*/
+ padding: 0em 1em 2em;
+}
+.main h1 {
+ margin: 0em 0em 1ex 0em;
+ padding: 1ex 1em 0.5ex 1em;
+ border: 2px solid #9cc;
+ border-left: 10px;
+ color: #099;
+}
+
+/* ==================== main adminmenu */
+.adminmenu {
+ color: #099;
+ margin: 0em;
+ padding: 0.2em 0em 0em 0em;
+ font-size: 90%;
+ text-align: right;
+}
+.adminmenu a:link      { color: #f66; }
+.adminmenu a:visited   { color: #c33; }
+.adminmenu a:active, .adminmenu a:hover { color: #fff; background-color: #c00; }
+.adminmenu ul {
  margin: 0em;
  padding: 0em;
 }
-address        {
- background-color: #ff6600;
- color: #ffffff;
- padding: 0.1em;
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
- font-style: normal;
+
+/* ==================== main day */
+.day {
+ margin: 0.5em 0em 0.5em 0em;
+ padding: 0em;
+ border: 2px solid #9cc;
+}
+.day h2 {
+ margin: 0em;
+ padding: 0.5em 2em 0em 2em;
+ border-bottom: 2px dotted #9cc;
+ color: #099;
 }
-.white { color: #ffffff; }
 
-strong {
- color: #ff6600;
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
+/* ============================== main day body */
+.body {
+ margin: 1em 1em 1em 2em;
+ padding: 0em;
 }
-.s     {
- color: #ff6600;
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
- font-weight: bold;
+.section {
+ margin: 1em 0em;
+ padding: 0em;
+}
+.section p {
+ margin: 1em 0em;
+ padding: 0em;
 }
 
-b      {
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
- font-weight: normal;
- color: #ff6600;
+/* ============================== main day comment */
+.comment {
+ margin: 0em;
+ padding: 0.5em 2em;
+ color: #099;
+ font-size: small;
+ background-color: #eff;
 }
-.b     {
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
- font-weight: normal;
- color: #ff6600;
+#body_leave .day {
+ margin: 1em 0em 1em 0em;
+ border: 0px;
+ background-color: #fff;
 }
 
-.linkbox       {
- background-color: #ff6600;
- color: #ffffff;
- margin: 0em 0em 1em 0em;
- padding: 0em;
- text-align: center;
-/* font-family: Verdana,Helvetica,sans-self;*/
- font-family: Helvetica,sans-self;
+/* ========== sidebar */
+.sidebar {
+ position: absolute;
+ left: 0em;
+ top: 0em;
+ width: 180px;
+ font-size: small;
 }
 
-.linkbox a             { color:#ffffff; }
-.linkbox a:link                { color:#ffffff; }
-.linkbox a:visited     { color:#ffffff; }
-.linkbox a:active      { color:#ff0000; }
-.linkbox a:hover       {
- background-color: #ffffff;
- color:#ff6600; text-decoration:none;
+.sidebar h2 {
+ background-color: #099;
+ color: #fff;
+ margin: 1em 0em;
+ padding: 0.1em 1em;
+}
+.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
+ font-size: small;
+}
+.sidebar ul {
+ margin: 0.5em 0em 0.5em 1.5em;
 }
 
-/* ---------------------------------------------------------------------- end. */
+/* end */