Override default negative left margin in standard.css.
[cocanwiki.git] / html / _css / standard.css
index 83ba185..b68bcfa 100644 (file)
@@ -1,12 +1,13 @@
-/* Stylesheet for COCANWIKI, derived from EWM.
- * $Id: standard.css,v 1.2 2004/09/08 14:01:17 rich Exp $
+/* Stylesheet for COCANWIKI.
+ * $Id: standard.css,v 1.16 2004/10/17 17:29:48 rich Exp $
  */
 
 body {
   background: #fff;
   color: #000;
-  font-family: arial, helvetica, sans-serif;
+  font-family: trebuchet ms, palatino, georgia, arial, helvetica, sans-serif;
   margin-top: 6em;
+  line-height: 1.35em;
 }
 
 /* Headers. */
@@ -22,16 +23,52 @@ h1 {
 }
 
 h2 {
-  color: #003;
-  background-color: #ffc;
+  color: #666;
+  border-top: 1px dashed #ddd;
   padding: 6px 3px 3px 3px;
-  border-top: 1px solid #eeb;
   font-size: 120%;
+  margin-left: -2em;
+}
+
+h3, h4 {
+  color: #555;
+  font-size: 100%;
+  margin-left: -2em;
+}
+
+/* IE is a piece of crap. */
+* html h2, * html h3, * html h4 {
+  margin-left: 0px;
 }
 
 /* Ordinary text. */
-p {
-  margin-left: 1em;
+div#content_div {
+  margin-left: 3em;
+  width: 30em;
+  min-height: 22em;
+}
+
+div#content_div p {
+  text-indent: 1em;
+}
+
+/* Don't indent the first paragraph. */
+div#content_div p.first_para {
+  text-indent: 0px;
+}
+
+/* Make <code> sections slightly larger in Gecko browsers. */
+code {
+  font-size: 1.2em;
+}
+
+* html code {
+  font-size: 1em;
+}
+
+/* Abbreviations should be in smallcaps. */
+abbr {
+  font-variant: smallcaps;
 }
 
 /* Links. */
@@ -66,9 +103,9 @@ a.file_not_found {
 /* Preformatted text. */
 pre {
   margin-left: 1em;
-  background-color: #eee;
+  background-color: #fefefe;
   padding: 3px;
-  border: dashed 1px #ddd;
+  border: solid 1px #eee;
 }
 
 /* Images.  (Try setting 'class' on an image). */
@@ -194,3 +231,328 @@ div#old_version {
   margin-left: 10%;
   clear: both;
 }
+
+/* Tables. */
+table.top_table {
+  border-collapse: collapse;
+  border: 1px solid #eee;
+}
+
+table.top_table th {
+  vertical-align: top;
+}
+
+table.top_table td {
+  vertical-align: top;
+}
+
+table.top_table td.number {
+  text-align: right;
+}
+
+table.top_table th.divider {
+  text-align: center;
+  padding: 6px;
+  border-top: 1px solid #eee;
+  border-bottom: 1px solid #eee;
+}
+
+table.left_table {
+  border-collapse: collapse;
+  border: 1px solid #eee;
+}
+
+table.left_table th {
+  text-align: right;
+  vertical-align: top;
+  padding-right: 1em;
+}
+
+table.left_table td {
+  vertical-align: top;
+  padding: 3px;
+}
+
+table.left_table td.number {
+  text-align: right;
+}
+
+table.left_table th.divider {
+  text-align: center;
+  padding: 6px;
+  border-top: 1px solid #eee;
+  border-bottom: 1px solid #eee;
+}
+
+/* Forms. */
+form > table {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+input:focus {
+  background-color: #eef;
+}
+
+textarea:focus {
+  background-color: #eef;
+}
+
+/* Highlighting search terms. */
+span.search_term {
+  background-color: #ff0;
+  border: 1px solid #eeb;
+}
+
+/* Search box. */
+div#search_div {
+  position: absolute;
+  left: 50%;
+  width: 49%;
+  top: 0.95em;
+  text-align: right;
+}
+
+/* WikiForms - hide the edit link for the top section. */
+div#form_div p.edit_link {
+  display: none;
+}
+
+/* Navigation area.
+ * The navigation_space_div reserves the space for the div and appears
+ * at the beginning of the page (but is empty).
+ */
+div#navigation_space_div {
+  float: right;
+  width: 10em;
+  height: 22em;
+  background: #fff;
+  margin-left: 1em;
+}
+
+div#navigation_div {
+  position: absolute;
+  right: 1em;
+  top: 6em;
+  width: 10em;
+  height: 22em;
+  line-height: 1em;
+}
+
+div#navigation_div h2 {
+  display: none;
+}
+
+div#navigation_div h3 {
+  margin-left: 1em;
+  margin-top: -0.5em;
+  font-size: 70%;
+}
+
+div#navigation_div ul {
+  font-size: 70%;
+  margin-top: -1em;
+  margin-left: -1em;
+}
+
+/* The "* html" causes this rule to only be applied to IE 5/6. */
+* html div#navigation_div li {
+  line-height: 1.2em;
+  margin-left: 3em;
+  padding-left: 0px;
+}
+
+/* Calendar extension. */
+table.cal_month {
+  border-collapse: collapse;
+  border: 1px solid #eee;
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+table.cal_month th.cal_month_header {
+  background-color: #eef;
+}
+
+table.cal_month th.cal_month_header a.cal_month_left {
+  margin-right: 2em;
+}
+
+table.cal_month th.cal_month_header a.cal_month_right {
+  margin-left: 2em;
+}
+
+table.cal_month td.cal_month_events {
+}
+
+table.cal_month td.cal_month_events ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+table.cal_month td.cal_month_events li {
+  display: inline;
+  margin-right: 2em;
+}
+
+table.cal_month tr.cal_month_row {
+  border: 1px solid #eef;
+  font-size: 0.7em;
+}
+
+table.cal_month tr.cal_month_weekend {
+  background-color: #fef;
+}
+
+table.cal_month tr.cal_month_row th {
+  text-align: right;
+  background-color: #eef;
+  border: 1px solid #fff;
+  padding-right: 1em;
+  width: 4em;
+}
+
+table.cal_month tr.cal_month_row td {
+}
+
+table.cal_month tr.cal_month_row ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+table.cal_month tr.cal_month_row li {
+  display: inline;
+  margin-right: 2em;
+}
+
+table.cal_year {
+  border-collapse: collapse;
+  border: 1px solid #eee;
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+table.cal_year th.cal_year_header {
+  background-color: #eef;
+}
+
+table.cal_year th.cal_year_header a.cal_year_left {
+  margin-right: 2em;
+}
+
+table.cal_year th.cal_year_header a.cal_year_right {
+  margin-left: 2em;
+}
+
+table.cal_year td.cal_year_month {
+  vertical-align: top;
+}
+
+table.cal_year_1m th.cal_year_1m_header {
+  background-color: #eef;
+}
+
+table.cal_year_1m th.cal_year_1m_header_weekend {
+  background-color: #fef;
+}
+
+/*
+table.cal_year_1m tr.cal_year_1m_row td {
+  height: 1.4em;
+}
+*/
+
+table.cal_year_1m tr.cal_year_1m_row a {
+  text-decoration: none;
+}
+
+table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_weekend {
+  background-color: #fef;
+}
+
+table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_events {
+  border: 2px solid #000;
+}
+
+/*
+table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_empty {
+  background: url(/_graphics/pinkhatch.png) repeat;
+}
+*/
+
+table.cal_year td.cal_year_events ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+table.cal_year td.cal_year_events li {
+  display: inline;
+  margin-right: 2em;
+}
+
+table.cal_day {
+  border-collapse: collapse;
+  border: 1px solid #eee;
+  width: 90%;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+table.cal_day ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+table.cal_day li {
+  display: inline;
+  margin-right: 2em;
+}
+
+table.cal_day a.cal_day_left {
+  margin-right: 2em;
+}
+
+table.cal_day a.cal_day_right {
+  margin-left: 2em;
+}
+
+/* For print media. */
+@media print {
+  /* Move the body up (no top menu anymore). */
+  body { margin-top: 4em; }
+
+  /* Hide the navigation. */
+  div#search_div { display: none; }
+  div#navigation_div { display: none; }
+  div#navigation_space_div { display: none; }
+  ul#topmenu { display: none; }
+  div#menu_div { display: none; }
+  p.edit_link { display: none; }
+
+  a.newpage {
+    background: none;
+    padding-right: 0px;
+  }
+
+  /* Display the target of external links. */
+  a.external {
+    background: none;
+    padding-right: 0px;
+  }
+  a.external:after {
+    content: " [" attr(href) "]";
+  }
+  a.mailto:after {
+    background: none;
+    padding-right: 0px;
+  }
+  a.mailto:after {
+    content: " [" attr(href) "]";
+  }
+}
\ No newline at end of file