/* Stylesheet for COCANWIKI.
- * $Id: standard.css,v 1.14 2004/10/10 16:48:25 rich Exp $
+ * $Id: standard.css,v 1.27 2004/11/10 16:52:04 rich Exp $
*/
+/* Based on the basic stylesheet. */
+@import url("basic.css");
+
+/* Tables. */
+@import url("tables.css");
+
+/* Calendar extension. */
+@import url("calendar.css");
+
+/* For print media. */
+@import url("print.css");
+
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. */
}
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%;
}
+h3, h4 {
+ color: #555;
+ font-size: 100%;
+}
+
/* Ordinary text. */
-p {
- margin-left: 1em;
+div#content_div {
+ margin-left: 3em;
+ width: 30em;
+ min-height: 22em;
}
-/* Links. */
-a.external {
- background: url(/_graphics/external.png) center right no-repeat;
- padding-right: 13px;
+/* Outdent headers in the content div. */
+div#content_div h2, div#content_div h3, div#content_div h4 {
+ margin-left: -2em;
+}
+
+/* ... except on IE which can't handle it. */
+* html div#content_div h2, * html div#content_div h3, * html div#content_div h4 {
+ margin-left: 0px;
+}
+
+/* Lists. */
+div#content_div ul {
+ margin-left: 0px;
+ padding-left: 0px;
+}
+
+div#content_div ol {
+ margin-left: 0px;
+ padding-left: 0px;
}
-a.newpage {
- background: url(/_graphics/newpage.png) center right no-repeat;
- padding-right: 13px;
- color: #ba0000;
+/* ... except on IE, piece of crap. */
+* html div#content_div ul {
+ margin-left: 1em;
+ padding-left: 1em;
+}
+* html div#content_div ol {
+ margin-left: 1em;
+ padding-left: 1em;
}
-a.mailto {
- background: url(/_graphics/mailto.png) center right no-repeat;
- padding-right: 13px;
+/* Make <code> sections slightly larger in Gecko browsers. */
+code {
+ font-size: 1.2em;
}
-a.image_not_found {
- background: url(/_graphics/newpage.png) center right no-repeat;
- padding-right: 13px;
- color: #ba0000;
+* html code {
+ font-size: 1em;
}
-a.file_not_found {
- background: url(/_graphics/newpage.png) center right no-repeat;
- padding-right: 13px;
- color: #ba0000;
+/* Abbreviations should be in smallcaps. */
+abbr, acronym {
+ font-variant: small-caps;
}
/* 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). */
font-size: 70%;
}
+/* Graphics on the menu items. */
+li.edit_li a {
+ padding-left: 16px;
+ background: url(/_graphics/edit.png) center left no-repeat;
+}
+
+li.files_li a {
+ padding-left: 18px;
+ background: url(/_graphics/files.png) center left no-repeat;
+}
+
+li.home_li a {
+ padding-left: 16px;
+ background: url(/_graphics/home.png) center left no-repeat;
+}
+
+li.images_li a {
+ padding-left: 18px;
+ background: url(/_graphics/images.png) center left no-repeat;
+}
+
+li.maillist_li a {
+ padding-left: 18px;
+ background: url(/_graphics/maillist.png) center left no-repeat;
+}
+
+li.new_li a {
+ padding-left: 16px;
+ background: url(/_graphics/new.png) center left no-repeat;
+}
+
+li.recent_li a {
+ padding-left: 18px;
+ background: url(/_graphics/recent.png) center left no-repeat;
+}
+
+li.sitemap_li a {
+ padding-left: 18px;
+ background: url(/_graphics/sitemap.png) center left no-repeat;
+}
+
+li.stats_li a {
+ padding-left: 18px;
+ background: url(/_graphics/stats.png) center left no-repeat;
+}
+
+li.stylesheet_li a {
+ padding-left: 16px;
+ background: url(/_graphics/edit.png) center left no-repeat;
+}
+
+li.versions_li a {
+ padding-left: 18px;
+ background: url(/_graphics/versions.png) center left no-repeat;
+}
+
+li.wlh_li a {
+ padding-left: 18px;
+ background: url(/_graphics/wlh.png) center left no-repeat;
+}
+
/* Sitemap page. */
ul#sitemap {
list-style: none;
ul#recent_changes span.date {
display: block;
float: left;
- width: 8.5em;
+ width: 9em;
}
/* History list. */
ul#history span.date {
display: block;
float: left;
- width: 8.5em;
-}
-
-/* Versions. */
-div#old_version {
- border: solid 2px #f00;
- color: #c00;
- padding: 4px;
- width: 80%;
- 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;
+ width: 9em;
}
/* Forms. */
background-color: #eef;
}
-/* Highlighting search terms. */
-span.search_term {
- background-color: #ff0;
- border: 1px solid #eeb;
-}
-
/* Search box. */
div#search_div {
position: absolute;
div#navigation_space_div {
float: right;
width: 10em;
- height: 20em;
- border: 1px solid #ccc;
+ height: 22em;
background: #fff;
margin-left: 1em;
}
right: 1em;
top: 6em;
width: 10em;
- height: 20em;
+ height: 22em;
+ line-height: 1em;
}
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;
+ display: none;
}
div#navigation_div h3 {
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;
+/* 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;
}
-table.cal_month tr.cal_month_row {
- border: 1px solid #eef;
+/* Default for branding section. The default doesn't claim to be very
+ * helpful. If you enabled branding on the site, you should abs-position
+ * the branding_div, and indeed probably replace it with a logo at the
+ * top of each page.
+ */
+div#branding_div {
+ width: 30%;
+ float: right;
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;
+div#branding_div h2 {
+ border: none;
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;
+div#branding_div p {
margin: 0px;
+ padding: 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; }
-
- /* 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) "]";
- }
+div#branding_div p#brand_description {
+ display: none;
}
\ No newline at end of file