[PATCH] Created the `modern' look.

[Colin Leitner]

---
 classic.css      |  136 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 hurd-logo-bg.png |  Bin 0 -> 4934 bytes
 local.css        |  137 +-----------------------------------------------------
 modern.css       |  126 +++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 263 insertions(+), 136 deletions(-)
 create mode 100644 classic.css
 create mode 100644 hurd-logo-bg.png
 create mode 100644 modern.css

diff --git a/classic.css b/classic.css
new file mode 100644
index 0000000..384309b
--- /dev/null
+++ b/classic.css
@@ -0,0 +1,136 @@
+/* ikiwiki local style sheet */
+
+/* Add local styling here, instead of modifying style.css.  */
+
+/*
+ * Someone else please work on this stuff -- someone who knows to make it
+ * actually look good...  Some examples are available at
+ * <http://ikiwiki.info/css_market/>.  --tschwinge
+ */
+
+/* TODO.  I'm incapable, but have ideas, so...
+
+   (1) On web-edit pages like
+   <http://www.bddebian.com/cgi-bin/wiki-ikiwiki.cgi?page=index&do=edit> I'd
+   like to have the whole page fit into the web browser frame, so that no
+   scrollbars show up in the browser and all of header, text editing box,
+   copyright assignment notice, buttons and footer are visible at once, without
+   having to scroll.  This means that the text editing box should be resized in
+   height as needed (within limits, of course).  --tschwinge
+
+   (2) `.pagecopyright' and `.pagelicense' should get the spacing between them
+   removed and should get some margins.
+*/
+
+
+
+hr
+{
+  height: 1px;
+  border-style: none;
+  background-color: black;
+  /* No idea, if this is ``just'' a Firefox bug (looks fine without the
+   * following statement in konqueror), but it for sure inhibits the `hr's from
+   * being shifted to the right.  */
+  margin-left: 0px;
+}
+
+pre
+{
+  margin-left: 3em;
+  background-color: #e5e5e5;
+}
+
+/* Only have these colored blocks be as wide as they need be.  */
+pre
+{
+  float: left;
+  padding: 0.5em;
+  margin-bottom: 1.5em;
+  margin-top: 0;
+}
+pre + *
+{
+  clear: left;
+}
+
+.header
+{
+  background-color: #f0f0f0;
+}
+
+.actions
+{
+  background-color: #f0f0f0;
+}
+
+#sidebar
+{
+  background-color: #f0f0f0;
+}
+
+.pagecopyright,
+.pagelicense
+{
+  background-color: #f0f0f0;
+  font-size: small;
+}
+
+/* Used in `.templates/editpage.tmpl'.  */
+.copyright_assignment_notice
+{
+  background-color: #f0f0f0;
+  font-size: small;
+}
+
+
+/* Variable width.  */
+#sidebar
+{
+  width: auto;
+  /* ikiwiki's default for `width'.  */
+  min-width: 20ex;
+}
+
+/* Less indentation for list items.  */
+#sidebar ul
+{
+  padding-left: 2ex;
+}
+#sidebar ul ul
+{
+  padding-left: 2.5ex;
+}
+/* Make the logo appear centered */
+#sidebar img {
+       display: block;
+       margin-left: auto;
+       margin-right: auto;
+}
+
+.table_style_1
+{
+  text-align: left;
+  font-size: small;
+
+  border-width: thin;
+  border-style: solid;
+  border-collapse: collapse;
+  empty-cells: show;
+}
+
+.table_style_1 th
+{
+  vertical-align: top;
+
+  border-width: thin;
+  border-style: solid;
+}
+
+.table_style_1 td
+{
+  vertical-align: top;
+
+  border-width: thin;
+  border-style: dotted;
+}
diff --git a/hurd-logo-bg.png b/hurd-logo-bg.png
new file mode 100644
index 
0000000000000000000000000000000000000000..04f5018c54e3c9d4b2fe18d4c7b006d123009be2
GIT binary patch
literal 4934
zc${^Zc|address@hidden)CR<address@hidden;~}
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
zwz$VvmlFGEbXL-u*P^S7MGW1)?aGG_S=!S2nZJM7%&1o47ie<bHrfH5Y|Do9GZq3G
address@hidden)^s%97INAA^yao;C<address@hidden(+~CVt2r%Dm
zlUelGg+(;P;*){ZUq74c(address@hidden;wa{C!dG}~1BdKdG{?uIpPQ=b%>fnL%ISzV)5
zKi?k)k?vW?1wQxbeVPb~;6$fNHd)^)iAQ_2Epc08jSTJ9k#))An~wu&m0N#;=zE$U
zPlf~pz<im2-!gWE8h?z=Tv^;H6kFhVdx737l$zhLpw#jDUosLdYdSFg`tfwd;MF_P
z7YSU?vLWoZV2FT0FWgPwzSa)s1(N?e;VT{Umv9YLN2)D<w4-y(2+vc#m$qfQ{Pb;%
address@hidden(iPsd%AsD$47P+7Hy;address@hidden(H*@
zg=MTEv%`xVEnN-;cp+SRj4aXi#VfRH;aNY8LlnMCTu`x%8DMr`734;n&(NAb?YCa=
address@hidden;-WyVs=HfO6ntbD=B5>pnENJ&(frtYPqDmOPiPw
address@hidden@rIsqJBX2udVHkk0+=^GUPy<a<P&lOANrrsuRPby8p}~aK>|tVd3)reO
zjI8y*`4LdqBt-yzo}|As7)eAxS<(H+B5*na7$6mM4%zA2<ym)7rZJXEw3YqU)r1QQ
z{QUfmz>^&j376p;*I~y6OCN(HSSbw+%CxB|kDBvDoM($mxQtwO%W2AzztDyE%(S&T
zrzN)wCm)Mt!A2PA;(address@hidden({{8Dgb-g&yshO63c0g_M4Aar?yPBf+O#GZX6
zh_vdum=qt^D0Yd8t(vNF&W>fhPn#r=vVFSCvdBQ^CRBaRQHGvz{CwD7{g^!H<@<(J
z_$~2i`?tT?fn&$LP;0JiCXO#Hp8ntGs7I=2z(~+H;`{GSlygya7M+-Qus$qE?v#3}
address@hidden<address@hidden@@EZ$WZe_-_kLIlEW=IU%s{haE52<k$EdrCe&
address@hidden&<IaR&Scrs9JEBE0h8y6QM=)O4gd6`4#b29Mp;T#xoV%QR)
zto;3Yx5_ZPs00W-U0hNqK}ur*6V)address@hidden&L`#j1*tJ-G|6d-te5axM2Q*!701xCpJ^
zKkN%0x{T5{)@-3K>3KSwDRXDu(#bQkGI^Y-qd<&!R?1)L?^hF|a%oUF#BuO_#!BQp
zF`c$U%TLLEi_sCMM(M3uB?sZRrd}6yS3nI;+xKLLzy1UDP^H7lt0kS;mfoC_Zd10^
zz0tOEzQujL4jYu&address@hidden<ywjgR#V5eCR$K_R
z1(ZlZMdQ08s5sYS<^2%PTNjD?VxsV{yKNhW9cMG;OXJi1Qg#Yrd$xiT2fCU%O}lU*
z;gA;}pno03x-Gg-?%Ii|7qzthNnkp%l3F57%v*$$fw}9(uHwELbUOBZwUx+=5rH#g
zR?FJ%=gpIxLQj(=mfYl~2I)=%j<W6u>JDkQ;Y5O_+gA7b&{3$=!1gp9(8n+OQTusz
zEIIl078R`F5Z=tDSZ--?F1*L4rF+(address@hidden>AzfD)e20qfUr;>KiJLp
zLi2^70U3nohO8^rweu4%9lhD^)address@hidden)}3yivTc)6h6e(L~ig2
z2%q9S9h*`0lYn=^g>Z(address@hidden&p1q27FC9T(ed2y>TVcm
z<5kUXZ!J25d(PzGkEHmY*v1DCTA!8<<address@hidden|^IMjLFoz
z1`L*Q;NMHZ>@=79NezU2q%ge;address@hidden&~OJswWX9D8qR8g9A_sXqG-CEIisFMll
zYmI-zHV<address@hidden>3$K!N~QemVR1x3w{qU;;un
zy^^f?r935<VvXO)_TgVUGW&ks)*FHTuR|04TtXj4jc)5<|FQs;address@hidden
zdzNBf^uDe08>)VFT-jH`_{h-+RXcA#LeUA^D29-6*)W`C;NRrfWALIs>FLp!vF_cI
zAbtvSRku88BZ)&KGAWbUo$uO$3^?wtTMRo4-o3hm_%I_V!9cOnbkg|2E<h!-HMzfm
za%d%C1X<>=nlD^$PG_&gWx`oJ0@)^JFUuorL0jVWpZKoq{*^(w5$|t4Y%cAaVeT)^
zjVt<<<-6#bn*7;i%613OuNpaLR*v{*QHhjW1b0(0!AprhI;Fg*O}<4F#4h|To|wSC
z4d0!MQv2+F&8f5Q+)Zvi&!)sQ<v<q;)Wg>a9XjT{iX&address@hidden>
zp1FHAgf}KhYQFf#$ljuB?Rlc&Tb_QD)LhPGEXjEnzd4}lx;gdzX){y&r~&)qpv2Ln
zaCcEBhwrprB_;address@hidden|3^K0+cVIj
address@hidden@L<Ww>EduuN}K(address@hidden(
z#nReWofhS-0RZEq=#%Ch97Gv|WB_<)address@hidden(3*b6-se96OnA8vo$d7UvDA
z+sv&hlu&W>B;qe3wTgUEsq(@h6Qb_IE-)WD-uWi?Xi$^N-P3<9T&DH>TDh5_388g;
zlw;Pj!aB{+4Io&)address@hidden>)(i?5j0`)address@hidden
zaw9n}7s!eZ$Hzighqc(|*{;address@hidden
address@hidden>address@hidden|pst)>D`5QY?k)mot4N8(pE4FWRv`5{gkDi=Qba{%sSg{{
address@hidden|Bxvz!McXkf6xR1efQt
z`JgX(Up}!97<address@hidden)}=a~9~um`K#J(x3!iE{t2q6Gqj
zF!I^yq1NsEXZ4j>J`)iiSFIy9oX?=J^u^n8o|wHR^Ao3r`?fq4CkXf0%rLL%PT1sG
z)EZ|}jLFLf{p-ZTa&xwbDgrkShp^V<79SpM7J~lOQ<N%=fx&Al8Z1;&s^*W*Fk2W(
z>EDz(address@hidden|s!DVRv`*xY{ix9AtD(uhPB<?!;rWH}t?u;E`SUvjOs<fq*aF
z1JGn>4Q&ROZ>4IcLmF*|uqtymunxI=(~1jZ!hLA!k#lSCSFz(Zp8NKIN07eQ*P2`D
z`QxkNufc1HErj$u?gi=o$GXuUTj^d`D`pQZKQq^%JGm4p9Xab2$~{||5LeVSyj>%`
zV9neJe+!V*zav?N-oQ{__I^!>xd!)P52>4Y3tZOIe<fWK$R_>Bohzx#tMt!kIMusn
zH;xQ6VE(x^EoZz(qWsq1J?Pm{L+aO5kZR>>U9dI}aPu*s78zhSmX8_%+D%z5ABb)N
z&UJCaZp;address@hidden<ZMjXEne1+O7bm<Rv;>M6ZrZOp2&j*k%gaDWy=njfFo
zSIG{|p!wZM9lQj2aZk#sf-)$_#e<u(IwKSGX}PjY^ykH`{9;H#i3)Q2q%-qkfyjsK
Q|N9e#x^19Us%aDcAO1NMiU0rr

literal 0
Hc$@<O00001

diff --git a/local.css b/local.css
index 384309b..f272973 100644
--- a/local.css
+++ b/local.css
@@ -1,136 +1 @@
-/* ikiwiki local style sheet */
-
-/* Add local styling here, instead of modifying style.css.  */
-
-/*
- * Someone else please work on this stuff -- someone who knows to make it
- * actually look good...  Some examples are available at
- * <http://ikiwiki.info/css_market/>.  --tschwinge
- */
-
-/* TODO.  I'm incapable, but have ideas, so...
-
-   (1) On web-edit pages like
-   <http://www.bddebian.com/cgi-bin/wiki-ikiwiki.cgi?page=index&do=edit> I'd
-   like to have the whole page fit into the web browser frame, so that no
-   scrollbars show up in the browser and all of header, text editing box,
-   copyright assignment notice, buttons and footer are visible at once, without
-   having to scroll.  This means that the text editing box should be resized in
-   height as needed (within limits, of course).  --tschwinge
-
-   (2) `.pagecopyright' and `.pagelicense' should get the spacing between them
-   removed and should get some margins.
-*/
-
-
-
-hr
-{
-  height: 1px;
-  border-style: none;
-  background-color: black;
-  /* No idea, if this is ``just'' a Firefox bug (looks fine without the
-   * following statement in konqueror), but it for sure inhibits the `hr's from
-   * being shifted to the right.  */
-  margin-left: 0px;
-}
-
-pre
-{
-  margin-left: 3em;
-  background-color: #e5e5e5;
-}
-
-/* Only have these colored blocks be as wide as they need be.  */
-pre
-{
-  float: left;
-  padding: 0.5em;
-  margin-bottom: 1.5em;
-  margin-top: 0;
-}
-pre + *
-{
-  clear: left;
-}
-
-.header
-{
-  background-color: #f0f0f0;
-}
-
-.actions
-{
-  background-color: #f0f0f0;
-}
-
-#sidebar
-{
-  background-color: #f0f0f0;
-}
-
-.pagecopyright,
-.pagelicense
-{
-  background-color: #f0f0f0;
-  font-size: small;
-}
-
-/* Used in `.templates/editpage.tmpl'.  */
-.copyright_assignment_notice
-{
-  background-color: #f0f0f0;
-  font-size: small;
-}
-
-
-/* Variable width.  */
-#sidebar
-{
-  width: auto;
-  /* ikiwiki's default for `width'.  */
-  min-width: 20ex;
-}
-
-/* Less indentation for list items.  */
-#sidebar ul
-{
-  padding-left: 2ex;
-}
-#sidebar ul ul
-{
-  padding-left: 2.5ex;
-}
-/* Make the logo appear centered */
-#sidebar img {
-       display: block;
-       margin-left: auto;
-       margin-right: auto;
-}
-
-.table_style_1
-{
-  text-align: left;
-  font-size: small;
-
-  border-width: thin;
-  border-style: solid;
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
-.table_style_1 th
-{
-  vertical-align: top;
-
-  border-width: thin;
-  border-style: solid;
-}
-
-.table_style_1 td
-{
-  vertical-align: top;
-
-  border-width: thin;
-  border-style: dotted;
-}
address@hidden url('modern.css');
diff --git a/modern.css b/modern.css
new file mode 100644
index 0000000..efe5aba
--- /dev/null
+++ b/modern.css
@@ -0,0 +1,126 @@
+/* Colors:
+ *  primary    rgb(100%, 10%, 60%)
+ *   light     rgb(100%, 60%, 80%)
+ *   dark      rgb(50%, 10%, 35%)
+ *
+ *  secondary  rgb(60%, 60%, 60%)
+ *   light     rgb(90%, 90%, 90%)
+ */
+
+body {
+       margin: 0;
+
+       font-family: sans-serif;
+}
+
+a {
+       color: rgb(100%, 10%, 60%);
+       text-decoration: none;
+}
+
+a:visited { color: rgb(50%, 10%, 35%); }
+a:active { color: rgb(100%, 60%, 80%); }
+
+hr {
+       margin-left: 0;         /* Prevent Gecko bug */
+       height: 1px;
+       border: none;
+       background-color: black;
+}
+
+pre {
+       float: left;
+       padding: 0.5em;
+       margin: 0;
+       margin-bottom: 1.5em;
+       margin-left: 1em;
+
+       background-color: rgb(90%, 90%, 90%);
+}
+pre + * { clear: left; }
+code { background-color: rgb(90%, 90%, 90%); }
+
+div.header {
+       padding: 1ex;
+
+       color: white;
+       background-color: black;
+}
+
+/*
+div.header a { color: rgb(100%, 60%, 80%); }
+div.header a:visited { color: rgb(100%, 10%, 60%); }
+*/
+
+div.actions {
+       padding: 1ex;
+
+       background-color: rgb(90%, 90%, 90%);
+}
+
+#sidebar {
+       width: auto;
+       min-width: 20ex;
+
+       margin: 1ex;
+       margin-left: 1em;
+       margin-bottom: 1em;
+
+       background: rgb(90%, 90%, 90%)
+               url('hurd-logo-bg.png')
+               no-repeat
+               bottom right;
+
+       border: solid thin rgb(60%, 60%, 60%);
+}
+
+#sidebar p {
+       margin: 0;
+       text-align: center;
+}
+
+#sidebar hr {
+       background-color: rgb(60%, 60%, 60%);
+}
+
+#sidebar ul { padding-left: 2ex; }
+#sidebar ul ul { padding-left: 2ex; }
+
+#content {
+       padding-left: 1em;
+       padding-left: 1em;
+}
+
+#footer {
+       padding-left: 1em;
+       padding-left: 1em;
+}
+
+#backlinks {
+       padding-top: 1em;
+       margin: 0;
+       margin-bottom: 1em;
+}
+
+div.pagecopyright {
+       border-top: solid thin black;
+       padding-top: 1em;
+}
+
+table.table_style_1 {
+       border: solid medium rgb(60%, 60%, 60%);
+       border-collapse: collapse;
+}
+
+table.table_style_1 th, table.table_style_1 td {
+       padding: 0.5ex;
+}
+
+table.table_style_1 th {
+       padding-left: 1ex;
+       padding-right: 1ex;
+       background-color: rgb(60%, 60%, 60%);
+}
+
+table.table_style_1 td { border: solid thin rgb(60%, 60%, 60%); }
+
-- 
1.5.2.5