For simplicity you can also just create an override file that is built on top of the default style, see for example:
http://acme.cat-v.org/_werc/pub/style.css Obviously the default style is also in need of some serious cleanup and simplification, but that is another story. uriel On Wed, Jan 26, 2011 at 11:38 PM, Stanley Lieber <[email protected]> wrote: > --- begin futaba.css --- > /* Default werc style */ > > body { > color: #800000; > background-color: #FFFFEE; > font-family: verdana, helvetica, arial, sans-serif; > font-size: 84%; /* Enables font size scaling in MSIE */ > margin: 0; > padding: 0; > } > > > /* # Header # */ > .superHeader { > color: #800000; > background-color: #FFFFEE; > height: 1.6em; > } > > .superHeader img { > vertical-align: bottom; > } > > .superHeader a { > color: #0000EE; > background-color: transparent; > text-decoration: none; > font-size: 91%; > margin: 0; > padding: 0 0.5ex 0 0.25ex; > } > > .superHeader a:hover { > text-decoration: underline; > } > > .superHeader div { > position: absolute; > top: 0.40ex; > } > > .superHeader .left { left: 0.4em; } > .superHeader .right { right: 0.4em; } > > .midHeader { > color: #800000; > background-color: #EEAA88; > border: solid 0 #800000; > border-width: 1px 0; > } > > .headerTitle { > color: #800000; > font-size: 233%; > font-weight: normal; > margin: 0 0 0 4mm; > padding: 0.25ex 0; > } > #headerSubTitle { > font-size: 50%; > font-style: italic; > margin-left: 1em; > } > > .headerTitle a { > color: #0000EE; > text-decoration: none; > } > > .subHeader { > display: none; > color: #800000; > background-color: gray; > margin: 0; > padding: 1ex 1ex 1ex 1.5mm; > } > > .subHeader a { > color: #0000EE; > background-color: transparent; > text-decoration: none; > font-weight: bold; > margin: 0; > padding: 0 0.75ex 0 0.5ex; > } > > .subHeader a:hover { > } > > .superHeader .highlight, .subHeader .highlight { > color: #0000EE; > background-color: transparent; > } > > > /* # Side # */ > #side-bar { > width: 16em; > float: left; > clear: left; > border-right: 1px solid #8F7B6B; > } > > #side-bar div { > border-bottom: 1px solid #8F7B6B; > } > > .sideBarTitle { > font-weight: bold; > margin: 0 0 0.5em 2mm; > padding: 1em 0 0 0; > } > > #side-bar ul { > list-style-type: none; > list-style-position: outside; > margin: 0; > padding: 0 0 0.3em 0; > } > > li ul { > padding-left: 1.0em !important; > } > > #side-bar li { > margin: 0; > padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE 6.0 XXX > should move to iehacks.css, this causes an ugly gap */ > } > > #side-bar a { > color: #0000EE; > background-color: transparent; > text-decoration: none; > text-transform: capitalize; > margin: 0; > padding: 0.35em 1ex 0.35em 2mm; > display: block; > font-weight: bold!important; > font-size: 104%; > border-left: #800000 solid 0.2em; > } > > .thisPage, .thisPage a { > color: #800000!important; > background-color: #0000EE; > padding-left: 5mm; > } > > #side-bar a:hover { > color: #0000EE; > background-color: #DD0000; > border-left: #800000 solid 0.2em; > text-decoration: none; > } > > .sideBarText { > line-height: 1.5em; > margin: 0 0 1em 0; > padding: 0 1.5ex 0 2.5mm; > display: block; > } > > #side-bar .sideBarText a { > margin: 0; > padding: 0; > display: inline; > } > > #side-bar .sideBarText a:hover { > color: #800000; > background-color: transparent; > text-decoration: none; > } > > .lighterBackground { > color: inherit; > background-color: #0000EE; > } > > > /* # Main Copy # */ > #main-copy { > max-width: 70em; > color: #800000; > background-color: transparent; > text-align: justify; > line-height: 1.5em; > margin: 0em 0 0 16em; > padding: 0.5mm 5mm 5mm 5mm; > border-left: 1px solid #8F7B6B; > } > > #bodyText { > margin: 0 0 0 15.5em; > padding: 2mm 5mm 2mm 5mm; > } > > #main-copy p { > margin: 1em 1ex 1em 1ex !important; /* Need !important so troff-generated > pages don't look totally squezed */ > padding: 0; > } > > #main-copy a { > color: #800000; > background-color: transparent; > font-weight: bold; > text-decoration: none; > } > > #main-copy a:hover { > color: #800000; > text-decoration: underline; > } > > #main-copy h1, #main-copy h2 { > color: #800000; > background-color: transparent; > font-size: 145.5%; > font-weight: bold; > margin: 2em 0 0 0; > padding: 0.5ex 0 0.5ex 0.6ex; > border-bottom: 2px solid #800000; > } > > #main-copy h2 { > font-size: 115.5%; > border-bottom: 1px solid #800000; > } > > #main-copy .topOfPage { > color: #800000; > background-color: transparent; > font-size: 91%; > font-weight: bold; > text-decoration: none; > margin: 3ex 1ex 0 0; > padding: 0; > float: right; > } > > dl { > margin: 1em 1ex 2em 1ex; > padding: 0; > } > > dt { > font-weight: bold; > margin: 0 0 0 0; > padding: 0; > } > > dd { > margin: 0 0 2em 2em; > padding: 0; > } > > > /* # Footer # */ > #footer { > color: #0000EE; > background: #EEAA88; > font-size: 91%; > margin: 0; > padding: 1em 2.5mm .15em 2.5mm; > clear: both; > border: solid 0 #8F7B6B; > border-width: 1px 0 1px 0; > } > > #footer .left { > text-align: left; > line-height: 1.45em; > float: left; > clear: left; > } > > #footer .right { > text-align: right; > line-height: 1.45em; > } > > #footer a { > color: #0000EE; > background-color: transparent; > text-decoration: none; > } > > #footer a:hover { > text-decoration: underline; > } > > > /* GENERAL */ > > table { > border: solid 1px #800000; > } > th { > background-color: gray; > border: solid 1px #800000; > text-align: center; > } > td { > background-color: #FF7FA8; > border: solid 1px #800000; > } > > hr { > border-width: 0px 0px 0.1em 0px; > border-color: #800000; > } > > acronym, .titleTip { > border-bottom: 1px solid #8F7B6B; > cursor: help; > margin: 0; > padding: 0 0 0.4px 0; > } > > pre { > margin-left: 2em; > font-size: 1.2em; > } > > blockquote { > border-left: 1px solid gray; > font-style: italic; > } > > .smallCaps { > font-size: 110%; > font-variant: small-caps; > } > > .doNotDisplay { display: none; } > > > .notify_errors, > .notify_notes, > .notify_success { padding: .8em; margin-bottom: 1em; border: 2px solid > #8F7B6B; } > > .notify_errors { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } > .notify_notes { background: #FFF6BF; color: #514721; border-color: #FFD324; } > .notify_success { background: #E6EFC2; color: #264409; border-color: #C6D880; > } > .notify_errors a { color: #8a1f11; } > .notify_notes a { color: #514721; } > .notify_success a { color: #264409; } > > > /* # Page/Handler specific # */ > h1.dir-list-head, ul.dir-list { > text-transform: capitalize; > font-weight: bold; > } > ul.sitemap-list a { > text-transform: capitalize; > } > > /* # Junk: should move elsewhere # */ > /* S-pam */ > .gpam { text-align: center; } > .gpam table, .gpam th, .gpam td { border: none; } > --- end futaba.css --- > > --- begin gmail.css --- > /* Default werc style */ > > body { > color: black; > background-color: white; > font-family: verdana, helvetica, arial, sans-serif; > font-size: 84%; /* Enables font size scaling in MSIE */ > margin: 0; > padding: 0; > } > > > /* # Header # */ > .superHeader { > color: black; > background-color: white; > height: 1.6em; > } > > .superHeader img { > vertical-align: bottom; > } > > .superHeader a { > color: blue; > background-color: transparent; > text-decoration: underline; > font-size: 91%; > margin: 0; > padding: 0 0.5ex 0 0.25ex; > } > > .superHeader a:hover { > text-decoration: underline; > } > > .superHeader div { > position: absolute; > top: 0.40ex; > } > > .superHeader .left { left: 0.4em; } > .superHeader .right { right: 0.4em; } > > .midHeader { > color: black; > background-color: #C3D9FF; > border: solid 0 black; > border-width: 1px 0; > } > > .headerTitle { > color: black; > font-size: 233%; > font-weight: normal; > margin: 0 0 0 4mm; > padding: 0.25ex 0; > } > #headerSubTitle { > font-size: 50%; > font-style: italic; > margin-left: 1em; > } > > .headerTitle a { > color: black; > text-decoration: none; > } > > .subHeader { > display: none; > color: black; > background-color: gray; > margin: 0; > padding: 1ex 1ex 1ex 1.5mm; > } > > .subHeader a { > color: black; > background-color: transparent; > text-decoration: none; > font-weight: bold; > margin: 0; > padding: 0 0.75ex 0 0.5ex; > } > > .subHeader a:hover { > } > > .superHeader .highlight, .subHeader .highlight { > color: white; > background-color: transparent; > } > > > /* # Side # */ > #side-bar { > width: 16em; > float: left; > clear: left; > border-right: 1px solid #DDDDDD; > } > > #side-bar div { > border-bottom: 1px solid #DDDDDD; > } > > .sideBarTitle { > font-weight: bold; > margin: 0 0 0.5em 2mm; > padding: 1em 0 0 0; > } > > #side-bar ul { > list-style-type: none; > list-style-position: outside; > margin: 0; > padding: 0 0 0.3em 0; > } > > li ul { > padding-left: 1.0em !important; > } > > #side-bar li { > margin: 0; > padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE 6.0 XXX > should move to iehacks.css, this causes an ugly gap */ > } > > #side-bar a { > color: black; > background-color: transparent; > text-decoration: none; > text-transform: capitalize; > margin: 0; > padding: 0.35em 1ex 0.35em 2mm; > display: block; > font-weight: bold!important; > font-size: 104%; > border-left: #DDDDDD solid 0.2em; > } > > .thisPage, .thisPage a { > color: #006F0C!important; > background-color: #FFF1A8; > padding-left: 5mm; > } > > #side-bar a:hover { > color: black; > background-color: #E8EEF7; > border-left: #C3D9FF solid 0.2em; > text-decoration: none; > } > > .sideBarText { > line-height: 1.5em; > margin: 0 0 1em 0; > padding: 0 1.5ex 0 2.5mm; > display: block; > } > > #side-bar .sideBarText a { > margin: 0; > padding: 0; > display: inline; > } > > #side-bar .sideBarText a:hover { > color: black; > background-color: transparent; > text-decoration: none; > } > > .lighterBackground { > color: inherit; > background-color: white; > } > > > /* # Main Copy # */ > #main-copy { > max-width: 70em; > color: black; > background-color: transparent; > text-align: justify; > line-height: 1.5em; > margin: 0em 0 0 16em; > padding: 0.5mm 5mm 5mm 5mm; > border-left: 1px solid #DDDDDD; > } > > #bodyText { > margin: 0 0 0 15.5em; > padding: 2mm 5mm 2mm 5mm; > } > > #main-copy p { > margin: 1em 1ex 1em 1ex !important; /* Need !important so troff-generated > pages don't look totally squezed */ > padding: 0; > } > > #main-copy a { > color: blue; > background-color: transparent; > text-decoration: underline; > } > > #main-copy a:hover { > text-decoration: underline; > } > > #main-copy h1, #main-copy h2 { > color: black; > background-color: transparent; > font-size: 145.5%; > font-weight: bold; > margin: 2em 0 0 0; > padding: 0.5ex 0 0.5ex 0.6ex; > border-bottom: 2px solid black; > } > > #main-copy h2 { > font-size: 115.5%; > border-bottom: 1px solid black; > } > > #main-copy .topOfPage { > color: black; > background-color: transparent; > font-size: 91%; > font-weight: bold; > text-decoration: none; > margin: 3ex 1ex 0 0; > padding: 0; > float: right; > } > > dl { > margin: 1em 1ex 2em 1ex; > padding: 0; > } > > dt { > font-weight: bold; > margin: 0 0 0 0; > padding: 0; > } > > dd { > margin: 0 0 2em 2em; > padding: 0; > } > > > /* # Footer # */ > #footer { > color: black; > background: white; > font-size: 91%; > margin: 0; > padding: 1em 2.5mm .15em 2.5mm; > clear: both; > border: solid 0 #DDDDDD; > border-width: 1px 0 1px 0; > } > > #footer .left { > text-align: left; > line-height: 1.45em; > float: left; > clear: left; > } > > #footer .right { > text-align: right; > line-height: 1.45em; > } > > #footer a { > color: black; > background-color: transparent; > text-decoration: none; > } > > #footer a:hover { > text-decoration: underline; > } > > > /* GENERAL */ > > table { > border: solid 1px black; > } > th { > background-color: gray; > border: solid 1px black; > text-align: center; > } > td { > background-color: #FF7FA8; > border: solid 1px black; > } > > hr { > border-width: 0px 0px 0.1em 0px; > border-color: black; > } > > acronym, .titleTip { > border-bottom: 1px solid #DDDDDD; > cursor: help; > margin: 0; > padding: 0 0 0.4px 0; > } > > pre { > margin-left: 2em; > font-size: 1.2em; > } > > blockquote { > border-left: 1px solid gray; > font-style: italic; > } > > .smallCaps { > font-size: 110%; > font-variant: small-caps; > } > > .doNotDisplay { display: none; } > > > .notify_errors, > .notify_notes, > .notify_success { padding: .8em; margin-bottom: 1em; border: 2px solid > #DDDDDD; } > > .notify_errors { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; } > .notify_notes { background: #FFF6BF; color: #514721; border-color: #FFD324; } > .notify_success { background: #E6EFC2; color: #264409; border-color: #C6D880; > } > .notify_errors a { color: #8a1f11; } > .notify_notes a { color: #514721; } > .notify_success a { color: #264409; } > > > /* # Page/Handler specific # */ > h1.dir-list-head, ul.dir-list { > text-transform: capitalize; > font-weight: bold; > } > ul.sitemap-list a { > text-transform: capitalize; > } > > /* # Junk: should move elsewhere # */ > /* S-pam */ > .gpam { text-align: center; } > .gpam table, .gpam th, .gpam td { border: none; } > --- end gmail.css --- > > -sl > > -- > You received this message because you are subscribed to the Google Groups > "werc" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/werc9?hl=en. > > -- You received this message because you are subscribed to the Google Groups "werc" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/werc9?hl=en.
