You are viewing a plain text version of this content. The canonical link for it is here.
Posted to cvs@httpd.apache.org by nd...@apache.org on 2002/09/11 18:35:19 UTC
cvs commit: httpd-2.0/docs/manual/style/css manual-loose-100pc.css
nd 2002/09/11 09:35:19
Modified: docs/manual/style/css manual-loose-100pc.css
Log:
no need to redefine all the stuff.
the 100% style now imports the main CSS and
adjusts particular style rules.
Revision Changes Path
1.2 +49 -589 httpd-2.0/docs/manual/style/css/manual-loose-100pc.css
Index: manual-loose-100pc.css
===================================================================
RCS file: /home/cvs/httpd-2.0/docs/manual/style/css/manual-loose-100pc.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -r1.1 -r1.2
--- manual-loose-100pc.css 5 Sep 2002 23:06:16 -0000 1.1
+++ manual-loose-100pc.css 11 Sep 2002 16:35:19 -0000 1.2
@@ -1,577 +1,113 @@
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * manual.css
+ * manual.css - no sidebar, 100% normal font height
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * mainframe ;-)
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-body {
- background-color: #fff;
- color: #036;
- padding: 0 1em 0 0;
- margin: 0;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: normal;
-}
-
-pre, code {
- font-family: "Courier New", Courier, monospace;
- font-weight: normal;
-}
-
-strong {
- font-weight: bold;
-}
-
-/* fixup IE & Opera
- * otherwise they forget to inherit
- * the computed font-size value
+/* import the main CSS, so we
+ * have to adjust only a few things
*/
-table, code {
- font-size: 1em;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * Links
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+@import url(manual.css);
-/* normal links */
-/* ====================== */
-a:link {
- color: #0073c7;
- background-color: inherit;
- text-decoration: underline;
-}
-
-a:visited {
- color: #5A88B5; /* #54acc4; */
- background-color: inherit;
- text-decoration: underline;
+html {
+ font-size: 100%;
}
-a:hover,
-a:active {
- color: #0073c7;
- background-color: #f0f0f0;
- text-decoration: underline;
-}
-
-/* code.module [links] */
-/* ====================== */
-code.module,
-code.module a:link {
- color: #0073c7; /* #bc0f00; */
- background-color: inherit;
-}
-
-code.module a:visited {
- color: #54acc4; /* #a06b66; */
- background-color: inherit;
-}
-
-code.module a:hover,
-code.module a:active {
- color: #0073c7; /* #bc0f00; */
+/* "sidebar" background is white here */
+div#quickview a:hover,
+div#quickview a:active {
background-color: #f0f0f0;
+ color: #0073c7;
}
-/* code.directive [links] */
-/* ====================== */
-code.directive,
-code.directive a:link {
- color: #287f00; /* #35a500; */
- background-color: inherit;
-}
-
-code.directive a:visited {
- color: #35a500; /* #99af76; */
- background-color: inherit;
-}
-
-code.directive a:hover,
-code.directive a:active {
- color: #287f00; /* #35a500; */
+div#quickview code.module a:hover,
+div#quickview code.module a:active {
background-color: #f0f0f0;
+ color: #8b4513;
}
-/* page header & footer */
-/* ====================== */
-div#page-header p.menu a:link,
-div#page-header p.menu a:visited,
-div#path a:link,
-div#path a:visited,
-div#footer a:link,
-div#footer a:visited {
- text-decoration: underline;
-}
-
-div#page-header p.menu a:hover,
-div#page-header p.menu a:active,
-div#path a:hover,
-div#path a:active,
-div#footer a:hover,
-div#footer a:active {
- text-decoration: underline;
+div#quickview code.directive a:hover,
+div#quickview code.directive a:active {
background-color: #f0f0f0;
+ color: #287f00;
}
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * Headings
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* h1 */
-/* ====================== */
h1 {
- padding: 0.2em;
- margin: 0 0 0.5em 0;
- border: 1px solid #405871;
- background-color: inherit;
- color: #036;
- text-decoration: none;
font-size: 1.5em;
- font-weight: bold;
}
-/* h2 */
-/* ====================== */
h2 {
- padding: 0.2em 0 0.2em 0.7em;
- margin: 0 0 0.5em 0;
- text-decoration: none;
font-size: 1.2em;
- font-weight: bold;
-}
-
-.section h2 {
- background-color: #405871;
- color: #fff;
-}
-
-.directive-section h2 {
- background-color: #557697;
- color: #fff;
-}
-
-/* take care of <a name>s inside */
-h2 a,
-h2 a:hover,
-h2 a:active {
- color: inherit;
- background-color: inherit;
- text-decoration: none;
}
-/* h3 */
-/* ====================== */
h3 {
- background-color: inherit;
- color: #036;
- text-decoration: none;
- font-weight: bold;
font-size: 1.1em;
- margin: 1.3em 0 0.4em 0;
- padding: 0;
-}
-
-/* margin adjustment */
-h3 + * {
- margin-top: 0;
}
-/* IE confuses the + * :-(
- * so reset some things
- */
-ul, .section table, .directive-section table {
- margin-bottom: 1em;
-}
-
-/* titles for
- * examples, notes and warnings
- */
div.example h3,
div.note h3,
div.warning h3 {
- margin: 0 0 0.5em 0;
- text-align: center;
font-size: 1em;
}
-div#quickview h3 {
- margin-top: 0;
-}
-
-/* take care of <a name>s inside */
-h3 a,
-h3 a:hover,
-h3 a:active {
- color: inherit;
- background-color: inherit;
- text-decoration: none;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * Up & Top helper images
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* arrow left */
-/* ====================== */
-div.up {
- width: 30px;
- height: 20px;
- padding: 0;
- margin: -20px 0 1px 0;
- text-align: center;
- vertical-align: top;
-}
-
-div.up img {
- vertical-align: top;
- width: 11px;
- height: 11px;
- border-style: none;
-}
-
-/* arrow up (to page top) */
-/* ====================== */
-div.top {
- width: 30px;
- padding: 0 0 0 30px;
- margin: 0;
-}
-
-div.top img {
- margin-top: 0.5em;
- vertical-align: bottom;
- width: 11px;
- height: 11px;
- border-style: none;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * Tables
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* general */
-/* ====================== */
-table {
- border: 1px solid #aaa;
- border-collapse: collapse;
- padding: 2px;
- margin-top: 0.5em;
- margin-bottom: 0;
-}
-
-td, th {
- empty-cells: show; /* show border around empty cells */
- padding: 0.1em 0.2em;
- vertical-align: top;
- text-align: left;
- line-height: 1.3em;
-}
-
-th {
- font-weight: bold;
-}
-
-/* bordered table cells */
-/* ====================== */
-
-/* turn off borders in tables nested in
- * bordered tables per default
- */
-table.bordered table td,
-table.bordered table th {
- border-style: none;
-}
-
-table.bordered td,
-table.bordered th,
-table table.bordered td,
-table table.bordered th {
- border: 1px solid #aaa;
-}
-
-/* module overview table */
-/* ====================== */
-table.module th a:link,
-table.module th a:visited {
- text-decoration: underline;
- white-space: nowrap;
-}
-
-table.module th a:hover,
-table.module th a:active {
- text-decoration: underline;
- background-color: #f0f0f0;
-}
-
-/* directive overview table */
-/* ======================== */
-table.directive th a:link,
-table.directive th a:visited {
- text-decoration: underline;
- white-space: nowrap;
-}
-
-table.directive th a:hover,
-table.directive th a:active {
- text-decoration: underline;
-}
-
-/* related modules & dir. */
-/* ====================== */
-
-/* assuming, all links are enclosed by
- * <code class="directive"> or
- * <code class="module">
- */
-
-table.related {
- border-collapse: separate;
-}
-
-table.related th {
- padding: 0.2ex 0.3em;
- background-color: #e5ecf3;
- color: #405871;
- vertical-align: middle;
-}
-
-table.related td {
- padding: 0.2ex 0.3em;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * Lists
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* list default values */
-/* ====================== */
-ul {
- list-style-type: disc;
-}
-
-ul ul {
- list-style-type: square;
-}
-
-ul ul ul {
- list-style-type: circle;
-}
-
-li, dt, dd {
- line-height: 1.3em;
-}
-
-dt {
- margin-top: 0.5em;
- font-weight: bold;
+div#quickview h3,
+div#quickview h3.directives {
+ margin: 1em 0 0.3em 0;
+ font-size: 1.1em;
}
-ol li {
- margin-top: 0.5em;
+div#quickview h3.directives {
+ margin-top: 0;
}
-ol.up-A {
- list-style-type: upper-alpha;
+div#quickview li {
+ font-size: 1em;
}
-/* table of contents */
-/* ====================== */
-#toc,
-#topics {
- margin: 0 0 1em 0;
- padding: 0;
+div#quickview ul {
+ margin-bottom: 1em;
}
-#toc li,
-#topics li {
- list-style-type: none;
- margin: 0;
- padding: 0;
+div#quickview ul#toc {
+ margin-left: 0;
}
-#toc li img,
-#topics li img {
+div#quickview li img {
+ display: inline;
margin-right: 19px;
}
-/* see also */
-/* ====================== */
-.seealso {
- margin: 0 0 1em 0;
- padding: 0;
+#manual-page div#quickview ul#toc,
+div#quickview #topics {
+ padding-left: 0;
}
-.seealso li {
- list-style-type: none;
- margin: 0;
- padding: 0 0 0 34px;
+div#quickview .seealso {
+ padding-left: 34px;
}
-/* related modules & dir. */
-/* ====================== */
-table.related td ul,
-table.related td li {
- list-style-type: none;
- margin: 0;
- padding: 0;
-}
-
-/* list of all directives */
-/* ====================== */
-div#directive-list ul {
+#manual-page div#quickview ul#toc li,
+div#quickview #topics li,
+div#quickview .seealso li {
margin: 0;
- padding: 0;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * main page sections
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* page header */
-/* ====================== */
-div#page-header {
- margin-left: 30px;
-}
-
-div#page-header img {
- padding: 0;
- display: block;
- margin: -70px 0 1px 2em;
- width: 248px;
- height: 70px;
-}
-
-div#page-header p.apache {
- background-color: #405871;
- color: #fff;
- padding: 0 0 0 248px;
- margin: 0;
- text-align: center;
- vertical-align: middle;
- font-size: 16px;
- font-weight: bold;
- line-height: 29px;
-}
-
-div#page-header p.menu {
- text-align: right;
- font-size: smaller;
- margin: 30px 0 0.5em 0;
- padding: 0;
-}
-
-/* breadcrumb navigation */
-div#path {
- margin: 0.2em 0 1.2em 30px;
- padding: 0;
- font-size: smaller;
-}
-
-/* content sections */
-/* ====================== */
-div#preamble {
- padding-bottom: 1em;
- margin-left: 30px;
-}
-
-div.section,
-div.directive-section {
- margin: -1.2em 0 0 60px;
- padding: 0;
-}
-
-.section p,
-.directive-section p {
- margin: 0 0 1em 0;
- padding: 0;
-}
-
-/* look for this on directive
- * list page...
- */
-div#directive-list {
- margin-left: 30px;
- padding: 0 0 1em 1em;
-}
-
-div#quickview {
- margin-left: 30px;
-}
-
-/* in general */
-p {
- line-height: 1.3em;
+ list-style-type: none;
}
-/* page footer */
-/* ====================== */
+div#page-header p.menu,
+div#path,
div#footer {
- margin-left: 30px;
font-size: smaller;
- border-top: 1px solid #405871;
- padding-top: 0.2em;
-}
-
-div#footer p.apache {
- float: left;
- text-align: left;
- padding: 0 0 1em 0;
- margin-top: 0;
- font-weight: bold;
-}
-
-div#footer p.menu {
- float: right;
- text-align: right;
- margin-top: 0;
- padding: 0 0 1em 0;
}
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * subsections (examples, notes, warnings)
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-/* examples */
-/* ====================== */
-div.example {
- background-color: #e5ecf3;
- color: #000;
- padding: 0.5em;
- margin: 1em 2em 1em 1em;
-}
-
-/* example inside a note:
- * blue in gray doesn't look good
- * so simply draw a border around
- * and keep it gray
- */
-div.note div.example {
- border: 1px solid #aaa;
- background-color: transparent;
- color: inherit;
- margin-right: 1em;
-}
-
-
-/* example inside table */
-table div.example {
- margin-right: 1em;
-}
-
-/* the following [block] elements
- * may appear inside example...
- */
-div.example p,
-div.example pre,
-div.example table {
+div#quickview {
+ position: static;
+ margin: 0 0 1em 30px;
padding: 0;
- margin: 0;
+ width: auto;
+ background-color: #fff;
}
-div.example p {
- line-height: 1em;
+div#page-content {
+ margin-right: 0;
+ padding-right: 0;
}
div.example pre,
@@ -579,85 +115,9 @@
font-size: 0.9em;
}
-/* notes & warnings */
-/* ====================== */
-div.note,
-div.warning {
- background-color: #eee;
- color: #036;
- padding: 0.5em;
- margin: 1em 2em 1em 1em;
-}
-
-div.note p,
-div.warning p {
- margin: 0;
- padding: 0;
-}
-
div.note pre,
div.warning pre {
font-size: 0.9em;
-}
-
-/* inside table */
-table div.note,
-table div.warning {
- margin-right: 1em;
-}
-
-/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- * quotations, indented paragraphs and figures
- * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-p.letters {
- text-align: center;
- background-color: inherit;
- color: #ccc;
-}
-
-p.letters a:link,
-p.letters a:visited {
- text-decoration: none;
- font-weight: bold;
-}
-
-p.letters a:hover,
-p.letters a:active {
- text-decoration: underline;
- font-weight: bold;
-}
-
-blockquote p {
- font-style: italic;
- margin: 0;
-}
-
-blockquote p.cite {
- font-style: normal;
- margin-top: 0;
- margin-left: 2em;
-}
-
-blockquote p.cite cite {
- font-style: normal;
-}
-
-p.indent {
- margin-left: 2em;
- margin-top: 1em;
-}
-
-p.figure {
- margin-left: 2em;
- font-style: italic;
-}
-
-p.figure img {
- border: 1px solid #aaa;
-}
-
-p.figure dfn {
- font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
generating pdf (was Re: cvs commit: httpd-2.0/docs/manual/style/css
manual-loose-100pc.css)
Posted by Joshua Slive <jo...@slive.ca>.
André Malo wrote:
> I have some problems with printing to PDF files directly when embedding
> fonts. I guess it has to do with the unicode arrow, which I used for
> links in the printer CSS... Am I alone with that problem?
>
> However, for now I would suggest a quickhack ;-):
>
> cp manual.css manual.css.bak && cp manual-print.css manual.css
The problem is that I would need to do that on httpd.apache.org because
I'm using Acrobat web capture, and it will make some external links
directly to the pages. I don't want those to point to my local checkout.
Luckily, it seems that web capture is smart enough to automatically use
the "print" stylesheet. Unluckily, it seems to be using a 14pt font
size, no matter what I do. That makes the damn thing way too long. I'm
still working on it.
>
> for the future: I'd say we should take a look at XSL formatting objects
> for creating PDF directly from XML data. What do you think about this
> option?
Yep, that is the direction I was thinking of going eventually.
> Within 2-3 weeks I personally should have the time to learn more about
> XSL-FO, do we have any experts here?
I'm just at the learning stage as well.
Joshua.
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-unsubscribe@httpd.apache.org
For additional commands, e-mail: docs-help@httpd.apache.org
Re: cvs commit: httpd-2.0/docs/manual/style/css manual-loose-100pc.css
Posted by André Malo <nd...@perlig.de>.
* Joshua Slive wrote:
> Joshua's documentation strategy: throw in a quick hack and wait for
> someone else to clean up my mess.
;-)
> The new printer-friendly style seems to work great as well (at least
> in Mozilla). I'll try to regenerate the pdf files using this style.
> The only question is how I'll get Acrobat to pick up the right
> stylesheet.
I have some problems with printing to PDF files directly when embedding
fonts. I guess it has to do with the unicode arrow, which I used for
links in the printer CSS... Am I alone with that problem?
However, for now I would suggest a quickhack ;-):
cp manual.css manual.css.bak && cp manual-print.css manual.css
for the future: I'd say we should take a look at XSL formatting objects
for creating PDF directly from XML data. What do you think about this
option?
Within 2-3 weeks I personally should have the time to learn more about
XSL-FO, do we have any experts here?
nd
--
$_=q?tvc!uif)%*|#Bopuifs!A`#~tvc!Xibu)%*|qsjou#Kvtu!A`#~tvc!KBQI!)*|~
tvc!ifmm)%*|#Qfsm!A`#~tvc!jt)%*|(Ibdlfs(~ # What the hell is JAPH? ;
@_=split/\s\s+#/;$_=(join''=>map{chr(ord( # André Malo ;
$_)-1)}split//=>$_[0]).$_[1];s s.*s$_see; # http://www.perlig.de/ ;
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-unsubscribe@httpd.apache.org
For additional commands, e-mail: docs-help@httpd.apache.org
Re: cvs commit: httpd-2.0/docs/manual/style/css manual-loose-100pc.css
Posted by Joshua Slive <jo...@slive.ca>.
nd@apache.org wrote:
> nd 2002/09/11 09:35:19
>
> Modified: docs/manual/style/css manual-loose-100pc.css
> Log:
> no need to redefine all the stuff.
> the 100% style now imports the main CSS and
> adjusts particular style rules.
Excellent. I was hoping someone would do that.
Joshua's documentation strategy: throw in a quick hack and wait for
someone else to clean up my mess.
The new printer-friendly style seems to work great as well (at least in
Mozilla). I'll try to regenerate the pdf files using this style. The
only question is how I'll get Acrobat to pick up the right stylesheet.
Joshua.
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-unsubscribe@httpd.apache.org
For additional commands, e-mail: docs-help@httpd.apache.org