From 16a243beb2898053b88f71fc86f6dda73fd3c0c1 Mon Sep 17 00:00:00 2001 From: Art Cancro Date: Sat, 21 Feb 2004 22:27:34 +0000 Subject: [PATCH] * Set up a style sheet (sitestyle.css) for the whole system. Thanks to our clever header/footer PHP code, it was very easy. :) --- ctdlphp/ctdlheader.php | 31 +++++++----- ctdlphp/sitestyle.css | 108 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 128 insertions(+), 11 deletions(-) create mode 100644 ctdlphp/sitestyle.css diff --git a/ctdlphp/ctdlheader.php b/ctdlphp/ctdlheader.php index 3eaa8a855..7ae0132d8 100644 --- a/ctdlphp/ctdlheader.php +++ b/ctdlphp/ctdlheader.php @@ -28,6 +28,7 @@ function bbs_page_header() { + @@ -56,37 +57,45 @@ LITERAL; LITERAL; + echo ''; // Temporary menu if ($_SESSION["logged_in"]) { - echo '' . - 'room list ' . + echo '' ; } + echo '
' ; + } function bbs_page_footer() { - echo "
"; - echo "Powered by Citadel. And a few cups of coffee.
\n"; - echo "\n"; + //echo "
"; + //echo "Powered by Citadel. And a few cups of coffee.
\n"; + + echo '
' ; + echo '\n'; } diff --git a/ctdlphp/sitestyle.css b/ctdlphp/sitestyle.css new file mode 100644 index 000000000..d2944abdd --- /dev/null +++ b/ctdlphp/sitestyle.css @@ -0,0 +1,108 @@ +/* + * $Id$ + * + * Shamelessly swiped from ESR's home page. http://www.catb.org/~esr/ + * + * Originally cribbed from http://bluerobot.com/web/layouts/layout1.html + * However, people who merge the hotlink colors are evil and should be killed, + * so I removed that. Fixing font sizes in pixels is evil, too; is much as + * possible I has move all dimensions to be relative to the associated font + * size. Finally, light grey is a great background color, but lousy for + * foreground text on white. + */ + +body { + margin:0; + padding:0; + font-family: bitstream vera sans, helvetica, sans-serif; + color:#333; + background-color:white; + } +p { + font-family: bitstream vera sans, helvetica, sans-serif; + margin:0 0 1em 0; + padding:0; + } +#Content>p {text-indent:2em; margin:0;} +#Content>p+p {text-indent:2em;} + +h1 { + font-size: x-large; + margin-bottom: 0.25ex; + } +h2 { + font-size: large; + margin-bottom: 0.25ex; + } + +a { + text-decoration:none; + font-family:verdana, arial, bitstream vera sans, helvetica, sans-serif; + } +a:hover {background-color:#ccc;} + +#Header { + font-weight:600; + font-size: x-large; /* should be same as an h1 header */ + margin:20px 0 10px 0; + padding:0.3ex 0 1.3ex 20px; + border-style:solid; + border-color:black; + border-width:1px 0; + background-color:#eee; + +/* Here is the ugly brilliant hack that protects IE5/Win from its own +stupidity. Thanks to Tantek Celik for the hack and to Eric Costello +for publicizing it. IE5/Win incorrectly parses the "\"}"" value, +prematurely closing the style declaration. The incorrect IE5/Win value +is above, while the correct value is below. See +http://glish.com/css/hacks.asp for details. */ + + voice-family: "\"}\""; + voice-family:inherit; + height:1ex+3px; /* UNTESTED! Was 14px */ + } +/* I've heard this called the "be nice to Opera 5" rule. Basically, it +feeds correct length values to user agents that exhibit the parsing +error exploited above yet get the CSS box model right and understand +the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5" +rule every time you use the Tantek Celik hack (above). */ +body>#Header {height:14px;} + +#Content { + /* Left margin is menu width + 3em + */ + margin:0 50px 50px 11em; + padding:10px; + } + +#Menu { + position:absolute; + top:80px; + left:20px; + width:8em; + padding:0.5em; + background-color:#eee; + border:1px dashed #999; +/* Again, the ugly brilliant hack. */ + voice-family: "\"}\""; + voice-family:inherit; + width:8em; + } +/* Again, "be nice to Opera 5". */ +body>#Menu {width:8em;} + +/* For convenience */ +.centered { + text-align: center; + margin-left: auto; + margin-right: auto; + } + +.notebox { + background-color:#eee; + border:1px dashed #999; + margin: 15px; + font-size:small; + text-indent: 0; +} -- 2.30.2