X-Git-Url: http://git.annexia.org/?a=blobdiff_plain;f=html%2F_css%2Fstandard.css;h=e7585669e43eff029d794cfc3f4ab40a4d41d21b;hb=c7a57233daadec4f174176a474fc7b5018cdf986;hp=b68bcfac03ba90e37e30ee9b8a486b76d46af7c6;hpb=aec0096a00df1b58b7a057618ad9f3baab7c846c;p=cocanwiki.git diff --git a/html/_css/standard.css b/html/_css/standard.css index b68bcfa..e758566 100644 --- a/html/_css/standard.css +++ b/html/_css/standard.css @@ -1,7 +1,19 @@ /* 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; @@ -18,7 +30,7 @@ h1 { top: 0px; left: 0px; font-size: 140%; - width: 100%; + width: 95%; padding-left: 2em; } @@ -27,18 +39,11 @@ h2 { 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. */ @@ -48,56 +53,49 @@ div#content_div { 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 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 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. */ @@ -172,116 +170,91 @@ ul#footer { 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. */ @@ -298,12 +271,6 @@ 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; @@ -362,197 +329,28 @@ div#navigation_div ul { 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