Added the navigation box (see email).
[cocanwiki.git] / html / _css / standard.css
index 95b4d13..93a5897 100644 (file)
@@ -1,5 +1,5 @@
 /* Stylesheet for COCANWIKI.
- * $Id: standard.css,v 1.6 2004/09/27 16:21:09 rich Exp $
+ * $Id: standard.css,v 1.13 2004/10/10 16:14:43 rich Exp $
  */
 
 body {
@@ -198,17 +198,14 @@ div#old_version {
 /* Tables. */
 table.top_table {
   border-collapse: collapse;
-  border: 2px solid #000;
+  border: 1px solid #eee;
 }
 
 table.top_table th {
-  border: 1px solid #000;
-  background-color: #eee;
   vertical-align: top;
 }
 
 table.top_table td {
-  border: 1px solid #eee;
   vertical-align: top;
 }
 
@@ -216,27 +213,54 @@ 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: 2px solid #000;
+  border: 1px solid #eee;
 }
 
 table.left_table th {
   text-align: right;
-  border: 1px solid #000;
-  background-color: #eee;
   vertical-align: top;
+  padding-right: 1em;
 }
 
 table.left_table td {
-  border: 1px solid #eee;
   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;
@@ -251,3 +275,241 @@ div#search_div {
   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: 20em;
+  border: 1px solid #ccc;
+  background: #fff;
+  margin-left: 1em;
+}
+
+div#navigation_div {
+  position: absolute;
+  right: 1em;
+  top: 6em;
+  width: 10em;
+  height: 20em;
+}
+
+div#navigation_div h2 {
+  font-size: 70%;
+  position: relative;
+  top: -1.5em;
+  left: 1.5em;
+  border: 1px solid #ccc;
+  padding-top: 2px;
+  background: #fff;
+  display: inline;
+}
+
+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;
+}
+
+/* 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; }
+  ul#topmenu { display: none; }
+  div#menu_div { display: none; }
+  p.edit_link { display: none; }
+
+  /* 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