/* Stylesheet for COCANWIKI.
- * $Id: standard.css,v 1.16 2004/10/17 17:29:48 rich Exp $
+ * $Id: standard.css,v 1.29 2006/08/03 13:52:54 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;
top: 0px;
left: 0px;
font-size: 140%;
- width: 100%;
+ width: 95%;
padding-left: 2em;
}
border-top: 1px dashed #ddd;
padding: 6px 3px 3px 3px;
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. */
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;
+/* Outdent headers in the content div. */
+div#content_div h2, div#content_div h3, div#content_div h4 {
+ margin-left: -2em;
}
-/* Make <code> sections slightly larger in Gecko browsers. */
-code {
- font-size: 1.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;
}
-* html code {
- font-size: 1em;
+/* Lists. */
+div#content_div ul {
+ margin-left: 0px;
+ padding-left: 0px;
}
-/* Abbreviations should be in smallcaps. */
-abbr {
- font-variant: smallcaps;
+div#content_div ol {
+ margin-left: 0px;
+ padding-left: 0px;
}
-/* Links. */
-a.external {
- background: url(/_graphics/external.png) center right no-repeat;
- padding-right: 13px;
+/* ... except on IE, piece of crap. */
+* html div#content_div ul {
+ margin-left: 1em;
+ padding-left: 1em;
}
-
-a.newpage {
- background: url(/_graphics/newpage.png) center right no-repeat;
- padding-right: 13px;
- color: #ba0000;
+* 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. */
font-size: 70%;
}
-/* Sitemap page. */
-ul#sitemap {
- list-style: none;
- margin-left: 0px;
- padding-left: 0px;
-}
-
-ul#sitemap p.content {
- margin-top: 0px;
- margin-bottom: 0px;
- font-size: 0.7em;
-}
-
-ul#sitemap p.info {
- margin-top: 0px;
- margin-bottom: 0px;
- font-size: 0.7em;
+/* Graphics on the menu items. */
+li.edit_li a {
+ padding-left: 16px;
+ background: url(/_graphics/edit.png) center left no-repeat;
}
-ul#sitemap p.info a {
- color: green;
- text-decoration: none;
+li.files_li a {
+ padding-left: 18px;
+ background: url(/_graphics/files.png) center left no-repeat;
}
-/* Recent changes list. */
-ul#recent_changes {
- list-style: none;
- margin-left: 0px;
- padding-left: 0px;
+li.home_li a {
+ padding-left: 16px;
+ background: url(/_graphics/home.png) center left no-repeat;
}
-ul#recent_changes span.date {
- display: block;
- float: left;
- width: 8.5em;
+li.images_li a {
+ padding-left: 18px;
+ background: url(/_graphics/images.png) center left no-repeat;
}
-/* History list. */
-ul#history {
- list-style: none;
- margin-left: 0px;
- padding-left: 0px;
-}
-
-ul#history span.date {
- display: block;
- float: left;
- width: 8.5em;
+li.maillist_li a {
+ padding-left: 18px;
+ background: url(/_graphics/maillist.png) center left no-repeat;
}
-/* Versions. */
-div#old_version {
- border: solid 2px #f00;
- color: #c00;
- padding: 4px;
- width: 80%;
- margin-left: 10%;
- clear: both;
+li.new_li a {
+ padding-left: 16px;
+ background: url(/_graphics/new.png) center left no-repeat;
}
-/* Tables. */
-table.top_table {
- border-collapse: collapse;
- border: 1px solid #eee;
+li.recent_li a {
+ padding-left: 18px;
+ background: url(/_graphics/recent.png) center left no-repeat;
}
-table.top_table th {
- vertical-align: top;
+li.sitemap_li a {
+ padding-left: 18px;
+ background: url(/_graphics/sitemap.png) center left no-repeat;
}
-table.top_table td {
- vertical-align: top;
+li.stats_li a {
+ padding-left: 18px;
+ background: url(/_graphics/stats.png) center left no-repeat;
}
-table.top_table td.number {
- text-align: right;
+li.stylesheet_li a {
+ padding-left: 16px;
+ background: url(/_graphics/edit.png) center left no-repeat;
}
-table.top_table th.divider {
- text-align: center;
- padding: 6px;
- border-top: 1px solid #eee;
- border-bottom: 1px solid #eee;
+li.versions_li a {
+ padding-left: 18px;
+ background: url(/_graphics/versions.png) center left no-repeat;
}
-table.left_table {
- border-collapse: collapse;
- border: 1px solid #eee;
+li.wlh_li a {
+ padding-left: 18px;
+ background: url(/_graphics/wlh.png) center left no-repeat;
}
-table.left_table th {
- text-align: right;
- vertical-align: top;
- padding-right: 1em;
+/* Recent changes list. */
+ul#recent_changes {
+ list-style: none;
+ margin-left: 0px;
+ padding-left: 0px;
}
-table.left_table td {
- vertical-align: top;
- padding: 3px;
+ul#recent_changes span.date {
+ display: block;
+ float: left;
+ width: 9em;
}
-table.left_table td.number {
- text-align: right;
+/* History list. */
+ul#history {
+ list-style: none;
+ margin-left: 0px;
+ padding-left: 0px;
}
-table.left_table th.divider {
- text-align: center;
- padding: 6px;
- border-top: 1px solid #eee;
- border-bottom: 1px solid #eee;
+ul#history span.date {
+ display: block;
+ float: left;
+ 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;
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;
+/* 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;
+div#branding_div p#brand_description {
+ display: none;
}
-
-/* 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