X-Git-Url: http://git.annexia.org/?a=blobdiff_plain;f=html%2F_css%2Fstandard.css;h=7e99195368cf84a4e49f97ed5af08295a8a3254a;hb=5468846e2527f6a141f958b5002d85a043224cc8;hp=2327c0b43ddcbbffffceda4c7edccafbbfea017a;hpb=3f36aa55afe2e7ddf3054d019cd35750071f2163;p=cocanwiki.git diff --git a/html/_css/standard.css b/html/_css/standard.css index 2327c0b..7e99195 100644 --- a/html/_css/standard.css +++ b/html/_css/standard.css @@ -1,12 +1,25 @@ /* Stylesheet for COCANWIKI. - * $Id: standard.css,v 1.5 2004/09/24 10:44:55 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; +} + +/* Outdent headers in the content div. */ +div#content_div h2, div#content_div h3, div#content_div h4 { + margin-left: -2em; } -/* Links. */ -a.external { - background: url(/_graphics/external.png) center right no-repeat; - padding-right: 13px; +/* ... 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; } -a.newpage { - background: url(/_graphics/newpage.png) center right no-repeat; - padding-right: 13px; - color: #ba0000; +div#content_div ol { + margin-left: 0px; + padding-left: 0px; } -a.mailto { - background: url(/_graphics/mailto.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; +} +* html div#content_div ol { + margin-left: 1em; + padding-left: 1em; } -a.image_not_found { - background: url(/_graphics/newpage.png) center right no-repeat; - padding-right: 13px; - color: #ba0000; +/* Make sections slightly larger in Gecko browsers. */ +code { + font-size: 1.2em; } -a.file_not_found { - background: url(/_graphics/newpage.png) center right no-repeat; - padding-right: 13px; - color: #ba0000; +* html code { + font-size: 1em; +} + +/* 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,63 +278,103 @@ ul#history { ul#history span.date { display: block; float: left; - width: 8.5em; + width: 9em; } -/* Versions. */ -div#old_version { - border: solid 2px #f00; - color: #c00; - padding: 4px; - width: 80%; - margin-left: 10%; - clear: both; +/* Forms. */ +form > table { + margin-left: auto; + margin-right: auto; } -/* Tables. */ -table.top_table { - border-collapse: collapse; - border: 2px solid #000; +input:focus { + background-color: #eef; } -table.top_table th { - border: 1px solid #000; - background-color: #eee; - vertical-align: top; +textarea:focus { + background-color: #eef; } -table.top_table td { - border: 1px solid #eee; - vertical-align: top; +/* Search box. */ +div#search_div { + position: absolute; + left: 50%; + width: 49%; + top: 0.95em; + text-align: right; } -table.top_table td.number { - text-align: right; +/* WikiForms - hide the edit link for the top section. */ +div#form_div p.edit_link { + display: none; } -table.left_table { - border-collapse: collapse; - border: 2px solid #000; +/* 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: 22em; + background: #fff; + margin-left: 1em; } -table.left_table th { - text-align: right; - border: 1px solid #000; - background-color: #eee; - vertical-align: top; +div#navigation_div { + position: absolute; + right: 1em; + top: 6em; + width: 10em; + height: 22em; + line-height: 1em; } -table.left_table td { - border: 1px solid #eee; - vertical-align: top; +div#navigation_div h2 { + display: none; } -table.left_table td.number { - text-align: right; +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; +} + +/* 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; +} + +/* 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; +} + +div#branding_div h2 { + border: none; + margin: 0px; + padding: 0px; +} + +div#branding_div p { + margin: 0px; + padding: 0px; } -/* Highlighting search terms. */ -span.search_term { - background-color: #ff0; - border: 1px solid #eeb; +div#branding_div p#brand_description { + display: none; } \ No newline at end of file