You are viewing a plain text version of this content. The canonical link for it is here.
Posted to docs-cvs@perl.apache.org by st...@apache.org on 2002/04/27 07:28:44 UTC
cvs commit: modperl-docs/tmpl/custom/html download_link page_toc_section
stas 02/04/26 22:28:43
Modified: src style.css
tmpl/custom/html download_link page_toc_section
Log:
a major revamp of the style.css
Revision Changes Path
1.61 +192 -134 modperl-docs/src/style.css
Index: style.css
===================================================================
RCS file: /home/cvs/modperl-docs/src/style.css,v
retrieving revision 1.60
retrieving revision 1.61
diff -u -r1.60 -r1.61
--- style.css 27 Apr 2002 03:21:05 -0000 1.60
+++ style.css 27 Apr 2002 05:28:43 -0000 1.61
@@ -1,3 +1,5 @@
+/*** main elements ***/
+
body {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 1.0em;
@@ -10,27 +12,60 @@
color: #000000;
}
-h1 { font-size: 1.3em; }
-h2 { font-size: 1.2em; }
-h3 { font-size: 1.1em; }
-h4 { font-size: 1.0em; }
+code {
+ font-family: courier new, courier, monospace;
+}
-h1, h2, h3, h4, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
- /* color: #525d76; */
+pre {
+ font-family: courier new, courier, monospace;
+ font-size: 1.0em;
color: #000000;
- text-decoration: none;
+}
+
+dl, ul, ol {
font-family: helvetica, arial, verdana, sans-serif;
+ font-size: 1.0em;
+ color: #000000;
}
-h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
- color: #999999;
- text-decoration: none;
+
+
+
+
+
+
+/*** headers ***/
+
+h1, h2, h3, h4, {
+ font-family: helvetica, arial, verdana, sans-serif;
+ color: #000000;
}
+h1 { font-size: 1.3em; }
+h2 { font-size: 1.2em; }
+h3 { font-size: 1.1em; }
+h4 { font-size: 1.0em; }
+
+
+
+
+
+/*** links ***/
a:link { color: #0000ff;}
a:visited { color: #993333;}
a:active { color: #666666;}
-a:hover { color: #666666;}
+a:hover {
+ color: #666666;
+ text-decoration: underline; /* needed for opera */
+}
+
+/* hidden links */
+h1 a:link, h2 a:link, h3 a:link, h4 a:link,
+h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,
+h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
+ color: #000000;
+ text-decoration: none;
+}
a.more {
font-size: 0.8em;
@@ -38,86 +73,66 @@
text-decoration: none;
}
-a.pdfsrc-links {
+a.pdfsrc {
+ font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.9em;
+ font-weight: bold;
color: #525d76;
+}
+a.pdfsrc:link,
+a.pdfsrc:visited,
+a.pdfsrc:active {
text-decoration: none;
}
-
-a.pdfsrc-links a:hover {
+a.pdfsrc:hover {
text-decoration: underline;
}
+ul.toc a {
+ text-decoration: none;
+}
+ul.toc a:hover {
+ text-decoration: underline;
+}
-/* light blue bg-color for menu-titles */
-td.menu-title-bg { background-color: #828da6; }
-/* light gray/white bg-color for non-selected menu-items */
-td.non-sel-bg { background-color: #eeeeee; }
-/* dark blue bg-color for selected menu-items */
-td.sel-bg { background-color: #525d76; }
-div.nonselectedmenuitem {
- padding: 3px;
- background-color: #eeeeee;
- font-size: 0.9em;
- font-family: verdana, arial, helvetica, sans-serif;
-}
-
-div.nonselectedmenuitem a:link, div.nonselectedmenuitem a:visited, div.nonselectedmenuitem a:active {
+div.nonselectedmenuitem a:link,
+div.nonselectedmenuitem a:visited,
+div.nonselectedmenuitem a:active {
color: #525d76;
text-decoration: none;
}
-
-div.nonselectedmenuitem a:hover { text-decoration: underline; }
-
-div.selectedmenuitem {
- padding: 3px;
- background-color: #525d76;
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 0.9em;
+div.nonselectedmenuitem a:hover {
+ text-decoration: underline;
}
-div.selectedmenuitem a, div.selectedmenuitem a:link, div.selectedmenuitem a:visited, div.selectedmenuitem a:active {
+div.selectedmenuitem a,
+div.selectedmenuitem a:link,
+div.selectedmenuitem a:visited,
+div.selectedmenuitem a:active {
color: #ffffff;
text-decoration: none;
}
-
-div.selectedmenuitem a:hover { color: #cccc99; }
-
-div.menu-title {
- padding: 3px;
- color: #000000;
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 14px;
- font-weight: bold;
- background-color: #828da6;
- text-align: center;
+div.selectedmenuitem a:hover {
+ text-decoration: underline;
}
-div.menu-title a:link, div.menu-title a:visited, div.menu-title a:active {
+div.menu-title a:link,
+div.menu-title a:visited,
+div.menu-title a:active,
+div.menu-title a:hover {
color: #000000;
text-decoration: none;
}
-div.menu-title a:hover {
- text-decoration: underline;
-}
-/* dark blue border color for menu-boxes */
-td.menu-border { background-color: #525d76; }
-/* font specs for search box */
-.radio-font {
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 0.9em;
- color: #000000;
-}
-/* main boxes */
+/*** main boxes ***/
div.logobox {
position: absolute;
top: 0px;
@@ -158,7 +173,36 @@
padding: 5px;
}
-/* breadcrumb */
+div.tail {
+ font-family: helvetica, arial, verdana, sans-serif;
+ font-size: 0.85em;
+ border: 1px;
+ border-style: none;
+ border-color: #000000;
+ margin-right: 0px;
+ padding: 5px;
+}
+
+p.copyright {
+ font-size: 0.7em;
+}
+
+div.headline {
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-weight: bold;
+ font-size: 1.3em;
+ background-color: #ffffff;
+ color: #000000;
+ padding: 3px;
+ margin-right: 0px;
+}
+
+
+
+
+
+
+/*** breadcrumb ***/
td.navbarglobal {
font-family: verdana, arial, helvetica, sans-serif;
color: #828da6;
@@ -178,41 +222,80 @@
}
-/* why do we need this ?*/
-div.index-section {
- font-family: helvetica, arial, verdana, sans-serif;
- font-size: 1.0em;
- color: #000000;
+
+
+
+
+
+
+/*** menu styles ***/
+
+/* light blue bg-color for menu-titles */
+td.menu-title-bg {
+ background-color: #828da6;
}
-div.tail {
- padding: 5px;
- font-size: 0.85em;
- font-family: helvetica, arial, verdana, sans-serif;
- border: 1px;
- border-style: none;
- border-color: #000000;
- margin-right: 0px;
+/* light gray/white bg-color for non-selected menu-items */
+td.non-sel-bg {
+ background-color: #eeeeee;
}
-p.copyright {
- font-size: 0.7em;
+/* dark blue bg-color for selected menu-items */
+td.sel-bg {
+ background-color: #525d76;
}
-div.headline {
- background-color: #ffffff;
+div.nonselectedmenuitem {
+ padding: 3px;
+ background-color: #eeeeee;
+ font-size: 0.9em;
font-family: verdana, arial, helvetica, sans-serif;
+}
+
+div.selectedmenuitem {
+ padding: 3px;
+ background-color: #525d76;
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-size: 0.9em;
+}
+
+div.menu-title {
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-size: 14px;
font-weight: bold;
- color: #000000;
- font-size: 1.2em;
+ background-color: #828da6;
+ text-align: center;
padding: 3px;
- margin-right: 0px;
+ color: #000000;
+}
+
+
+/* dark blue border color for menu-boxes */
+td.menu-border {
+ background-color: #525d76;
}
-/* Search Results */
-div.searchform { font-size: 1.0em; }
+
+
+/*** swish-e search stuff ***/
+div.index-section {
+ font-family: helvetica, arial, verdana, sans-serif;
+ font-size: 1.0em;
+ color: #000000;
+}
+
+/* font specs for search box */
+.radio-font {
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-size: 0.9em;
+ color: #000000;
+}
+
+div.searchform {
+ font-size: 1.0em;
+}
input {
font-size: 12px;
@@ -231,15 +314,11 @@
}
-
-
-
td.searchheader {
background-color: #525d76;
font-family: verdana, arial, helvetica, sans-serif;
color: #ffffff;
font-size: 0.9em;
-/* font-size: 0.8em; */
}
td.searchtimes {
@@ -247,7 +326,6 @@
font-family: verdana, arial, helvetica, sans-serif;
color: #ffffff;
font-size: 0.7em;
-/* font-size: 0.6em; */
}
@@ -277,7 +355,6 @@
}
div.searchsummary {
-/* font-size: 0.85em; */
font-size: 0.8em;
}
@@ -285,56 +362,41 @@
margin-top: 0.4em;
font-size: 0.80em;
color: #009999;
-/* font-size: 0.6em; */
}
-span.searchhighlight { background-color: #ffff99; }
-
-code { font-family: courier new, courier, monospace; }
-pre {
- font-family: courier new, courier, monospace;
- font-size: 1.0em;
- color: #000000;
+span.searchhighlight {
+ background-color: #ffff99;
}
-/* lists */
-dl, ul, ol {
- color: #000000;
- font-size: 1.0em;
- font-family: helvetica, arial, verdana, sans-serif;
-}
-
-dl a:link, dl a:active, ul a, ul a:link, ul a:active, ul a:visited, ul a:hover {
- text-decoration: none;
- color: #0000ff;
-}
-
-dl a:visited {
- text-decoration: none;
- color: #993333;
-}
-dl a:hover {
- text-decoration: none;
- color: #666666;
-}
-
-/* misc */
+/*** misc ***/
/* general border-color for ad-images */
-.img-border { color: #000000; }
+.img-border {
+ color: #000000;
+}
/* dark-blue bg-color */
-td.blue-bg { background-color: #525d76; }
+td.blue-bg {
+ background-color: #525d76;
+}
/* light gray/white bg-color for ad-sec */
-td.ad-bg { background-color: #eeeeee; }
+td.ad-bg {
+ background-color: #eeeeee;
+}
-td.pre-bar { background-color: #cccccc; }
+td.pre-bar {
+ background-color: #cccccc;
+}
/* lines for camel */
-td.camel-line-top { background-color: #bfcfe7; }
-td.camel-line-bottom { background-color: #525d76; }
+td.camel-line-top {
+ background-color: #bfcfe7;
+}
+td.camel-line-bottom {
+ background-color: #525d76;
+}
/* instead of using space.gif */
.smallbr {
@@ -343,12 +405,11 @@
line-height: 1px;
}
-.hr { height: 1px; }
-
- .hr { height: 1px; }
-
+.hr {
+ height: 1px;
+}
-/* quotations, mainly for the first page */
+/*** quotations, mainly for the first page ***/
span.big-mod {
font-family: helvetica, arial, verdana, sans-serif;
@@ -384,6 +445,3 @@
margin-top: 10;
float: right;
}
-
-
-
1.10 +2 -2 modperl-docs/tmpl/custom/html/download_link
Index: download_link
===================================================================
RCS file: /home/cvs/modperl-docs/tmpl/custom/html/download_link,v
retrieving revision 1.9
retrieving revision 1.10
diff -u -r1.9 -r1.10
--- download_link 24 Apr 2002 04:15:27 -0000 1.9
+++ download_link 27 Apr 2002 05:28:43 -0000 1.10
@@ -29,9 +29,9 @@
-%]
[%- BLOCK src_doc -%]
-<a class="pdfsrc-links" href="[%- doc.src_doc.link -%]">src</a>
+<a class="pdfsrc" href="[%- doc.src_doc.link -%]">src</a>
[%- END -%]
[%- BLOCK pdf_doc -%]
-<a class="pdfsrc-links" href="[%- doc.pdf_doc.link -%]">pdf</a>
+<a class="pdfsrc" href="[%- doc.pdf_doc.link -%]">pdf</a>
[%- END -%]
1.8 +1 -1 modperl-docs/tmpl/custom/html/page_toc_section
Index: page_toc_section
===================================================================
RCS file: /home/cvs/modperl-docs/tmpl/custom/html/page_toc_section,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -r1.7 -r1.8
--- page_toc_section 13 Apr 2002 18:32:27 -0000 1.7
+++ page_toc_section 27 Apr 2002 05:28:43 -0000 1.8
@@ -4,7 +4,7 @@
# subs - an array with keys indentical to 'toc' from above.
-%]
- <ul>
+ <ul class="toc">
[%- FOREACH sec = subs -%]
<li>
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-cvs-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-cvs-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html download_linkpage_toc_section
Posted by Stas Bekman <st...@stason.org>.
allan wrote:
> i certainly hope not. which browser is this?
>
> does your lists say :
>
> <ul class="list-toc">
>
> or just:
>
> <ul>
BTW, Allan I've renamed it to class="toc" we know that <ul> is a list,
no need for redundancy IMHO.
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html download_linkpage_toc_section
Posted by Bill Moseley <mo...@hank.org>.
On Sat, 27 Apr 2002 20:32:36 +0200 Per Einar Ellefsen wrote:
> At 19:59 27.04.2002, Stas Bekman wrote:
>
> >>Don't misunderstand: when i said TOC I meant the list of links on the
> >>front page etc. have you checked the front page on perl.apache.org?
> >>These lists aren't generated with <ul> but with various <dl> inside a
> >><div class="toc">. I guess this was forgotten.
> >
> >Well, we Allan suggested this change, I've agreed with Allan, nobody said
> >otherwise, the change went it. What's wrong with index.html pages having
> >their items underlined?
>
> Hmm, I missed that part :(
> Well, I think it looked better before. A lot cleaner in my opinion. But if
> you prefer it as it is now, I won't complain about it.
I agree with Per Einar, which is what I commented originally about all the different link styles. It's not a big issue, but it's odd having all those underlined links in a row. (underline on hover is middle ground?)
But those are easy, last minute tweaks for later, if needed.
--
Bill Moseley
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html download_linkpage_toc_section
Posted by Stas Bekman <st...@stason.org>.
Stas Bekman wrote:
> argh, sometimes I talk too much, and it's late... i should stop talking,
> going to sleep... :)
oops, the wrong list, must be the late hour. sorry about that.
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
Re: cvs commit: modperl-docs/tmpl/custom/html download_linkpage_toc_section
Posted by Stas Bekman <st...@stason.org>.
Per Einar Ellefsen wrote:
> At 19:59 27.04.2002, Stas Bekman wrote:
>
>>> Don't misunderstand: when i said TOC I meant the list of links on the
>>> front page etc. have you checked the front page on perl.apache.org?
>>> These lists aren't generated with <ul> but with various <dl> inside a
>>> <div class="toc">. I guess this was forgotten.
>>
>>
>> Well, we Allan suggested this change, I've agreed with Allan, nobody
>> said otherwise, the change went it. What's wrong with index.html pages
>> having their items underlined?
>
>
> Hmm, I missed that part :(
> Well, I think it looked better before. A lot cleaner in my opinion. But
> if you prefer it as it is now, I won't complain about it.
I think the point is that not in what are our private preferences are.
It's about deciding what's good for the average user.
It's a know fact that all usability consultants preach that the sites
shouldn't change the expected behavior to make it easier on the user.
That means underlined links, blue color for the links, redish for the
visited links.
We try to follow this rule with a few exceptions where we think the
underlining adds too much noise and it's absolutely clear that the menu
is comprised of links. So it's easy with the menu.
Now the TOC part is harder, since it's not clear that TOC is a clickable
menu, but you learn that fast.
So far so good. The rest of the elements which aren't "menus" should
have the default behaviour. It made sense to have no-underline for
index.html items when they had no description. Now when the description
is in place the underlining is more importants, since not everything is
a link (think of color blind people). Sure people can learn after a
while that index.html's items always start with links, but that's much
harder when the links are mixed with non links (and it doesn't work for
everybody, think color-blind again).
If you think this logic is wrong, please explain why and then we can
re-consider. If someones doesn't participate in the discussions, it's
obvious that his opinion won't be heard by others, and the decisions are
made based on the opinions of the others...
argh, sometimes I talk too much, and it's late... i should stop talking,
going to sleep... :)
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
Re: cvs commit: modperl-docs/tmpl/custom/html
download_linkpage_toc_section
Posted by Per Einar Ellefsen <pe...@skynet.be>.
At 19:59 27.04.2002, Stas Bekman wrote:
>>Don't misunderstand: when i said TOC I meant the list of links on the
>>front page etc. have you checked the front page on perl.apache.org?
>>These lists aren't generated with <ul> but with various <dl> inside a
>><div class="toc">. I guess this was forgotten.
>
>Well, we Allan suggested this change, I've agreed with Allan, nobody said
>otherwise, the change went it. What's wrong with index.html pages having
>their items underlined?
Hmm, I missed that part :(
Well, I think it looked better before. A lot cleaner in my opinion. But if
you prefer it as it is now, I won't complain about it.
--
Per Einar Ellefsen
per.einar@skynet.be
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html download_linkpage_toc_section
Posted by Stas Bekman <st...@stason.org>.
> Don't misunderstand: when i said TOC I meant the list of links on the
> front page etc. have you checked the front page on perl.apache.org?
> These lists aren't generated with <ul> but with various <dl> inside a
> <div class="toc">. I guess this was forgotten.
Well, we Allan suggested this change, I've agreed with Allan, nobody
said otherwise, the change went it. What's wrong with index.html pages
having their items underlined?
__________________________________________________________________
Stas Bekman JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/ mod_perl Guide ---> http://perl.apache.org
mailto:stas@stason.org http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html
download_linkpage_toc_section
Posted by Per Einar Ellefsen <pe...@skynet.be>.
At 16:22 27.04.2002, allan wrote:
>i certainly hope not. which browser is this?
Opera 6, Ie 6 and Mozilla 0.9.9 on Windows. I'd say that this can't really
be related to the browser.
>does your lists say :
>
><ul class="list-toc">
>
>or just:
>
><ul>
Don't misunderstand: when i said TOC I meant the list of links on the front
page etc. have you checked the front page on perl.apache.org?
These lists aren't generated with <ul> but with various <dl> inside a <div
class="toc">. I guess this was forgotten.
>Per Einar Ellefsen wrote:
> >
> > At 07:28 27.04.2002, stas@apache.org wrote:
> > >stas 02/04/26 22:28:43
> > >
> > > Modified: src style.css
> > > tmpl/custom/html download_link page_toc_section
> > > Log:
> > > a major revamp of the style.css
> >
> > Is it normal that now the TOC links are underlined? It's ugly :)
> >
> > --
> > Per Einar Ellefsen
> > per.einar@skynet.be
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
> > For additional commands, e-mail: docs-dev-help@perl.apache.org
--
Per Einar Ellefsen
per.einar@skynet.be
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html
download_linkpage_toc_section
Posted by allan <la...@inet.uni2.dk>.
i certainly hope not. which browser is this?
does your lists say :
<ul class="list-toc">
or just:
<ul>
?
./allan
Per Einar Ellefsen wrote:
>
> At 07:28 27.04.2002, stas@apache.org wrote:
> >stas 02/04/26 22:28:43
> >
> > Modified: src style.css
> > tmpl/custom/html download_link page_toc_section
> > Log:
> > a major revamp of the style.css
>
> Is it normal that now the TOC links are underlined? It's ugly :)
>
> --
> Per Einar Ellefsen
> per.einar@skynet.be
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
> For additional commands, e-mail: docs-dev-help@perl.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org
Re: cvs commit: modperl-docs/tmpl/custom/html download_link
page_toc_section
Posted by Per Einar Ellefsen <pe...@skynet.be>.
At 07:28 27.04.2002, stas@apache.org wrote:
>stas 02/04/26 22:28:43
>
> Modified: src style.css
> tmpl/custom/html download_link page_toc_section
> Log:
> a major revamp of the style.css
Is it normal that now the TOC links are underlined? It's ugly :)
--
Per Einar Ellefsen
per.einar@skynet.be
---------------------------------------------------------------------
To unsubscribe, e-mail: docs-dev-unsubscribe@perl.apache.org
For additional commands, e-mail: docs-dev-help@perl.apache.org