From 7bf3c8ac49cdc81754616fafb62a480d0cd06fc6 Mon Sep 17 00:00:00 2001 From: "Edward Z. Yang" Date: Sun, 26 Aug 2007 03:49:56 +0000 Subject: [PATCH] * Explicitly set link colors * Overhaul Phorum CSS to use our styles. git-svn-id: http://htmlpurifier.org/svnroot@1392 48356398-32a2-884e-a903-53898d9a118a --- common.css | 6 + phorum.css | 1134 ++++++++++++++++++++++++------------------------------------ 2 files changed, 454 insertions(+), 686 deletions(-) rewrite phorum.css (90%) diff --git a/common.css b/common.css index 93bda64..fa0211b 100644 --- a/common.css +++ b/common.css @@ -12,6 +12,12 @@ html, body { /* background goes here because of XHTML semantics */ body {padding: 0 0 3em 0;} +/* needs some tuning */ +a {color: #00E;} +a:visited {color:#551A8B} +a:hover {color: #FF6600;} +a:active {color: #E00;} + /* Header */ #header { diff --git a/phorum.css b/phorum.css dissimilarity index 90% index 935cfe8..6f592e5 100644 --- a/phorum.css +++ b/phorum.css @@ -1,686 +1,448 @@ -/* Element level classes */ - -body -{ - color: Black; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - background-color: White; - margin: 8px; -} - -td, th -{ - color: Black; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; -} - -img -{ - border-width: 0px; - vertical-align: middle; -} - -a -{ - color: #000099; - text-decoration: none; -} -a:active -{ - color: #FF6600; - text-decoration: none; -} -a:visited -{ - color: #000099; - text-decoration: none; -} - -a:hover -{ - color: #FF6600; -} - -input[type=text], input[type=password], input[type=file], select -{ - background-color: White; - color: Black; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - - vertical-align: middle; - -} - -textarea -{ - background-color: White; - color: Black; - font-size: 12px; - font-family: Lucida Console, Andale Mono, Courier New, Courier; -} - -input[type=submit] -{ - border: 1px dotted #808080; - background-color: #EEEEEE; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - vertical-align: middle; -} - -input -{ - vertical-align: middle; -} - - -/* new styles */ - -#phorum-index -{ - width: 100%; - border: 1px solid #808080; - border-bottom-width: 0px; - text-align: left; -} - -#phorum-index th -{ - border-bottom: 1px solid #808080; - background-color: #EEEEEE; - padding: 3px 0 3px 0; -} - -#phorum-index td -{ - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - background-color: White; - padding: 3px 0 3px 0; - border-bottom: 1px solid #808080; -} - -#phorum-index th.forum-name -{ - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-size: 16px; - padding: 3px 0 3px 3px; -} - -#phorum-index th.forum-name a -{ - color: Black; -} - -#phorum-index th.forum-threads -{ - width: 120px; - text-align: center; - vertical-align: middle; -} - -#phorum-index th.forum-posts -{ - width: 120px; - text-align: center; - vertical-align: middle; -} - -#phorum-index th.forum-last-post -{ - padding: 3px 15px 3px 3px; - vertical-align: middle; -} - -#phorum-index td.forum-name -{ - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-size: 13px; - font-weight: bold; - padding: 5px 0 5px 15px; -} - -#phorum-index td.forum-name p -{ - font-size: 13px; - font-weight: normal; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - margin: 0 15px 0 0; -} - -#phorum-index td.forum-name small -{ - font-weight: normal; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; -} - -#phorum-index td.forum-threads -{ - width: 120px; - text-align: center; -} - -#phorum-index td.forum-posts -{ - width: 120px; - text-align: center; -} - -#phorum-index td.forum-last-post -{ - width: 120px; - padding: 0 15px 0 0; -} - -#phorum-menu-table -{ - width: 100%; - border-width: 0px; -} - -#phorum-menu -{ - padding: 5px 3px 0 0; - vertical-align: top; - width: 200px; -} - -#phorum-content -{ - padding: 5px 0 0 2px; - vertical-align: top; -} - -div.phorum-menu -{ - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - background-color: White; - border: 1px solid #808080; - padding: 3px; -} - -div.phorum-menu ul -{ - font-weight: bold; - list-style: none; - padding: 0; - margin: 0 0 10px 0; -} - -div.phorum-menu li -{ - font-weight: bold; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - font-size: 12px; - padding: 0 0 0 15px; - margin-top:3px; - background-image: url('phorum/templates/default/images/square_bullet.png'); - background-repeat: no-repeat; - background-position: 1px 2px; -} - -div.phorum-menu a -{ - font-weight: normal; - color: #000000; -} - -div.phorum-menu a:hover -{ - color: #FF6600; -} - -div.phorum-menu a.phorum-current-page -{ - font-weight: bold; -} - -#phorum-post-form ul -{ - padding: 0 0 0 20px; - margin: 3px 0px 8px 0px; - /* font-size: 11px;*/ -} - -#phorum-post-form li -{ - margin-bottom: 3px; -} - -#phorum-attachment-list td -{ - font-size: 11px; -} - - /* Standard classes for use in any page */ - /* PhorumDesignDiv - a div for keeping the forum-size size */ - .PDDiv - { - width: 100%; - text-align: left; - } - /* new class for layouting the submit-buttons in IE too */ - .PhorumSubmit { - border: 1px dotted #808080; - color: Black; - background-color: #EEEEEE; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - vertical-align: middle; - } - - .PhorumTitleText - { - float: right; - } - - .PhorumStdBlock - { - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - background-color: White; - border: 1px solid #808080; -/* width: 100%; */ - padding: 3px; - text-align: left; - } - - .PhorumStdBlockHeader - { - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - background-color: #EEEEEE; -/* width: 100%; */ - border-left: 1px solid #808080; - border-right: 1px solid #808080; - border-top: 1px solid #808080; - padding: 3px; - text-align: left; - } - - .PhorumHeaderText - { - font-weight: bold; - } - - .PhorumNavBlock - { - font-size: 12px; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - border: 1px solid #808080; - margin-top: 1px; - margin-bottom: 1px; -/* width: 100%; */ - background-color: #EEEEEE; - padding: 2px 3px 2px 3px; - } - - .PhorumNavHeading - { - font-weight: bold; - } - - A.PhorumNavLink - { - color: #000000; - text-decoration: none; - font-weight: normal; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - font-size: 12px; - border-style: solid; - border-color: #EEEEEE; - border-width: 1px; - padding: 0px 4px 0px 4px; - } - - .PhorumSelectedFolder - { - color: #000000; - text-decoration: none; - font-weight: normal; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - font-size: 12px; - border-style: solid; - border-color: #EEEEEE; - border-width: 1px; - padding: 0px 4px 0px 4px; - } - - A.PhorumNavLink:hover - { - background-color: #FFFFFF; - font-weight: normal; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - font-size: 12px; - border-style: solid; - border-color: #808080; - border-width: 1px; - color: #FF6600; - } - - .PhorumFloatingText - { - padding: 10px; - } - - .PhorumHeadingLeft - { - padding-left: 3px; - font-weight: bold; - } - - .PhorumUserError - { - padding: 10px; - text-align: center; - color: Red; - font-size: 16px; - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-weight: bold; - } - - .PhorumOkMsg - { - padding: 10px; - text-align: center; - color: DarkGreen; - font-size: 16px; - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-weight: bold; - } - - .PhorumNewFlag - { - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - font-size: 10px; - font-weight: bold; - color: #CC0000; - } - - .PhorumNotificationArea - { - float: right; - border-style: dotted; - border-color: #808080; - border-width: 1px; - } - - /* PSUEDO Table classes */ - /* In addition to these, each file that uses them will have a */ - /* column with a style property to set its right margin */ - - .PhorumColumnFloatXSmall - { - float: right; - width: 75px; - } - - .PhorumColumnFloatSmall - { - float: right; - width: 100px; - } - - .PhorumColumnFloatMedium - { - float: right; - width: 150px; - } - - .PhorumColumnFloatLarge - { - float: right; - width: 200px; - } - - .PhorumColumnFloatXLarge - { - float: right; - width: 400px; - } - - .PhorumRowBlock - { - background-color: White; - border-bottom: 1px solid #F2F2F2; - padding: 5px 0px 0px 0px; - } - - .PhorumRowBlockAlt - { - background-color: #EEEEEE; - border-bottom: 1px solid #F2F2F2; - padding: 5px 0px 0px 0px; - } - - /************/ - - - /* All that is left of the tables */ - - .PhorumStdTable - { - border-style: solid; - border-color: #808080; - border-width: 1px; - width: 100%; - } - - .PhorumTableHeader - { - background-color: #EEEEEE; - border-bottom-style: solid; - border-bottom-color: #808080; - border-bottom-width: 1px; - color: #000000; - font-size: 12px; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - font-weight: bold; - padding: 3px; - } - - .PhorumTableRow - { - background-color: White; - border-bottom-style: solid; - border-bottom-color: #F2F2F2; - border-bottom-width: 1px; - color: Black; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - height: 35px; - padding: 3px; - } - - .PhorumTableRowAlt - { - background-color: #EEEEEE; - border-bottom-style: solid; - border-bottom-color: #F2F2F2; - border-bottom-width: 1px; - color: #000000; - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - height: 35px; - padding: 3px; - } - - table.PhorumFormTable td - { - height: 26px; - } - - /**********************/ - - - /* Read Page specifics */ - - .PhorumReadMessageBlock - { - margin-bottom: 5px; - } - - .PhorumReadBodySubject - { - color: Black; - font-size: 16px; - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-weight: bold; - padding-left: 3px; - } - - .PhorumReadBodyHead - { - padding-left: 5px; - } - - .PhorumReadBodyText - { - font-size: 12px; - font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial; - padding: 5px; - } - - .PhorumReadNavBlock - { - font-size: 12px; - font-family: Lucida Sans Unicode, Lucida Grande, Arial; - border-left: 1px solid #808080; - border-right: 1px solid #808080; - border-bottom: 1px solid #808080; -/* width: 100%; */ - background-color: #EEEEEE; - padding: 2px 3px 2px 3px; - } - - /********************/ - - /* List page specifics */ - - .PhorumListSubText - { - color: #707070; - font-size: 10px; - font-family: "Bitstream Vera Sans", Arial, sans-serif; - } - - .PhorumListPageLink - { - color: #707070; - font-size: 10px; - font-family: "Bitstream Vera Sans", Arial, sans-serif; - } - - .PhorumListSubjPrefix - { - font-weight: bold; - } - - /********************/ - - /* Posting editor specifics */ - - .PhorumListModLink, .PhorumListModLink a - { - color: #707070; - font-size: 10px; - font-family: "Bitstream Vera Sans", Arial, sans-serif; - } - - .PhorumAttachmentRow { - border-bottom: 1px solid #EEEEEE; - padding: 3px 0px 3px 0px; - } - - /********************/ - - /* PM specifics */ - - .phorum-recipientblock - { - border: 1px solid black; - position:relative; - float:left; - padding: 1px 1px 1px 5px; - margin: 0px 5px 5px 0px; - font-size: 11px; - background-color: White; - border: 1px solid #808080; - white-space: nowrap; - } - - .phorum-pmuserselection - { - padding-bottom: 5px; - } - - .phorum-gaugetable { - border-collapse: collapse; - } - - .phorum-gauge { - border: 1px solid #808080; - background-color: #EEEEEE; - } - - .phorum-gaugeprefix { - border: none; - background-color: white; - padding-right: 10px; - } - - /********************/ - - /* Override classes - Must stay at the end */ - - .PhorumNarrowBlock - { - width: 600px; - } - - .PhorumSmallFont - { - font-size: 11px; - } - - .PhorumLargeFont - { - color: Black; - font-size: 16px; - font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif; - font-weight: bold; - } - - - .PhorumFooterPlug - { - margin-top: 10px; - font-size: 10px; - font-family: "Bitstream Vera Sans", Arial, sans-serif; - } - - - - /* BBCode styles */ - - blockquote - { - font-size: 11px; - margin: 0 0 0 10px; - } - - blockquote div - { - margin: 0; - padding: 5px; - border: 1px solid #808080; - } - - blockquote strong - { - font-style: italic; - margin: 0 0 3px 0; - } +/* new styles */ + +#phorum-index +{ + width: 100%; + border: 1px solid #777; + border-bottom-width: 0; + text-align: left; +} + +#phorum-index th +{ + background-color: #EEE; + border-bottom: 1px solid #777; + padding: .2em 0; + vertical-align: middle; +} + +#phorum-index td +{ + background-color: #FFF; + padding: .2em 0; + border-bottom: 1px solid #777; +} + +#phorum-index th.forum-name +{ + padding-left: 0.5em; +} + +#phorum-index th.forum-threads, #phorum-index th.forum-posts +{ + width: 8em; + text-align: center; +} + +#phorum-index th.forum-last-post +{ + width: 12em; +} + +#phorum-index td.forum-name +{ + padding: 0.5em 1em; +} + +#phorum-index td.forum-name a +{ + font-weight: bold; + color: #339; +} + +#phorum-index td.forum-name p +{ + margin: 0.1em 0; +} + +#phorum-index td.forum-name small a +{ + color: #66B; + font-weight: normal; +} + +#phorum-index td.forum-threads, #phorum-index td.forum-posts +{ + text-align: center; +} + +#phorum-index td.forum-last-post +{ + padding-right: 1em; +} + + + +#phorum-menu-table +{ + width: 100%; + border-width: 0; +} + +#phorum-menu +{ + width: 16em; +} + +#phorum-content, #phorum-menu +{ + padding-bottom: 0.2em; + vertical-align: top; +} + + + +div.phorum-menu +{ + background-color: #FFF; + border: 1px solid #808080; + padding: 0.2em 0.6em; +} + +div.phorum-menu ul +{ + margin: 0 0 0.8em 1.3em; + padding: 0; +} + +div.phorum-menu a.phorum-current-page +{ + font-weight: bold; +} + + + +/* Standard classes for use in any page */ +/* PhorumDesignDiv - a div for keeping the forum-size size */ +.PDDiv +{ + width: 100%; + text-align: left; +} + +.PhorumTitleText +{ + float: right; +} + +.PhorumStdBlock +{ + background-color: #FFF; + border: 1px solid #808080; + padding: 0.3em; + text-align: left; +} + +.PhorumStdBlockHeader +{ + background-color: #EEEEEE; + border: 1px solid #808080; + border-bottom: 0; + padding: 0.3em; + text-align: left; +} + +.PhorumHeaderText +{ + font-weight: bold; +} + +.PhorumNavBlock +{ + border: 1px solid #808080; + margin-top: 1px; + margin-bottom: 1px; + background-color: #EEEEEE; + padding: 0.3em; +} + +.PhorumNavHeading +{ + font-weight: bold; +} + +a.PhorumNavLink +{ + color: #000; + text-decoration: none; + font-weight: normal; + padding: 0 .2em; + border: 1px solid #EEE; +} + +a.PhorumNavLink:visited {color:#000;} +a.PhorumNavLink:hover { + color:#FF6600; + background-color: #FFFFFF; + font-weight: normal; + border: 1px solid #808080; +} + +.PhorumSelectedFolder +{ + color: #000; + text-decoration: none; + font-weight: normal; + border: 1px solid #EEE; + padding: 0px .2em; +} + +.PhorumFloatingText +{ + padding: 1em; +} + +.PhorumHeadingLeft +{ + padding-left: 0.4em; + font-weight: bold; +} + +.PhorumUserError, .PhorumOkMsg +{ + padding: 1em; + text-align: center; + font-size: 1.3em; + font-weight: bold; +} + +.PhorumUserError {color: #F00;} +.PhorumOkMsg {color: #0C0;} + +.PhorumNewFlag +{ + font-size: 0.8em; + font-weight: bold; + color: #CC0000; +} + +.PhorumNotificationArea +{ + float: right; + border: 1px dotted #808080; +} + +/* PSUEDO Table classes */ +/* In addition to these, each file that uses them will have a */ +/* column with a style property to set its right margin */ + +.PhorumColumnFloatXSmall +{ + float: right; + width: 75px; +} + +.PhorumColumnFloatSmall +{ + float: right; + width: 100px; +} + +.PhorumColumnFloatMedium +{ + float: right; + width: 150px; +} + +.PhorumColumnFloatLarge +{ + float: right; + width: 200px; +} + +.PhorumColumnFloatXLarge +{ + float: right; + width: 400px; +} + +.PhorumRowBlock +{ + background-color: #FFF; + border-bottom: 1px solid #F2F2F2; + padding: 5px 0px 0px 0px; +} + +.PhorumRowBlockAlt +{ + background-color: #EEEEEE; + border-bottom: 1px solid #F2F2F2; + padding: 5px 0px 0px 0px; +} + +/************/ + + +/* All that is left of the tables */ + +.PhorumStdTable +{ + border: 1px solid #808080; + width: 100%; +} + +.PhorumTableHeader +{ + background-color: #EEEEEE; + border-bottom: 1px solid #808080; + font-weight: bold; + padding: 0.2em 0.6em; +} + +.PhorumTableRow, .PhorumTableRowAlt +{ + background-color: #FFF; + border-bottom: 1px solid #F2F2F2; + padding: 0.2em 0.6em; +} + +.PhorumTableRowAlt +{ + background-color: #EEEEEE; +} + +/**********************/ + + +/* Read Page specifics */ + +.PhorumReadMessageBlock +{ + +} + +.PhorumReadBodySubject +{ + padding-top: 0.83em; + font-size: 1.1em; + margin-left: 0.83em; + font-weight: bold; +} + +.PhorumReadBodyHead +{ + margin-left: 1em; +} + +.PhorumReadBodyText +{ + margin: 1em; +} + +.PhorumReadNavBlock +{ + border: 1px solid #808080; + border-top: 0; + background-color: #EEEEEE; + padding: 0.2em; +} + +/********************/ + +/* List page specifics */ + +.PhorumListSubText +{ + color: #707070; + font-size: 0.8em; +} + +.PhorumListPageLink +{ + color: #707070; + font-size: 0.8em; +} + +.PhorumListSubjPrefix +{ + font-weight: bold; +} + +/********************/ + +/* Posting editor specifics */ + +.PhorumListModLink, .PhorumListModLink a +{ + color: #707070; + font-size: 0.8em; +} + +.PhorumAttachmentRow { + border-bottom: 1px solid #EEEEEE; + padding: 0.2em 0; +} + +/********************/ + +/* PM specifics */ + +.phorum-recipientblock +{ + border: 1px solid black; + position:relative; + float:left; + padding: 1px 1px 1px 5px; + margin: 0px 5px 5px 0px; + font-size: 11px; + background-color: White; + border: 1px solid #808080; + white-space: nowrap; +} + +.phorum-pmuserselection +{ + padding-bottom: 5px; +} + +.phorum-gaugetable { + border-collapse: collapse; +} + +.phorum-gauge { + border: 1px solid #808080; + background-color: #EEEEEE; +} + +.phorum-gaugeprefix { + border: none; + background-color: white; + padding-right: 10px; +} + +/********************/ + +/* Override classes - Must stay at the end */ + +.PhorumNarrowBlock +{ + width: 40em; +} + +.PhorumSmallFont +{ + font-size: 0.9em; +} + +.PhorumLargeFont +{ + font-size: 1.1em; + font-weight: bold; +} + + +/* Our styles */ + +#title a { + text-decoration: none; + color: #333399; +} + +#title a:hover { + color: #FF6600; +} + +p { + margin: 1em 0; + text-indent: 0; +} -- 2.11.4.GIT