X-Git-Url: http://git.annexia.org/?a=blobdiff_plain;f=html%2F_css%2Fstandard.css;h=7e99195368cf84a4e49f97ed5af08295a8a3254a;hb=5468846e2527f6a141f958b5002d85a043224cc8;hp=f672529a7a3a538ef42d462929cb9c86252b8a34;hpb=13bfcd6e7d553f4c8c7e5ba883d5c8a0f6965819;p=cocanwiki.git diff --git a/html/_css/standard.css b/html/_css/standard.css index f672529..7e99195 100644 --- a/html/_css/standard.css +++ b/html/_css/standard.css @@ -1,12 +1,25 @@ /* 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. */ @@ -22,53 +35,75 @@ 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%; } +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 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). */ @@ -135,6 +170,67 @@ ul#footer { 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; @@ -169,7 +265,7 @@ ul#recent_changes { ul#recent_changes span.date { display: block; float: left; - width: 8.5em; + width: 9em; } /* History list. */ @@ -182,69 +278,7 @@ ul#history { 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. */ @@ -261,12 +295,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; @@ -288,8 +316,7 @@ div#form_div p.edit_link { div#navigation_space_div { float: right; width: 10em; - height: 20em; - border: 1px solid #ccc; + height: 22em; background: #fff; margin-left: 1em; } @@ -299,18 +326,12 @@ div#navigation_div { 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 { @@ -325,192 +346,35 @@ div#navigation_div ul { 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