Re: Suggestion - Minor changes to main page for now
! Please CC me as I am not subscribed to the debian-www mailing list !
On 06/14/2010 12:50 PM, Gerfried Fuchs wrote:
> First of all - please be patient with us. We are working on this
> voluntary, and sometimes it can happen that lengthy mails take their
> time to reply to. :)
I'm sorry for that post. I checked the web archives and there seemed to
be some spam that I was afraid my first email got hidden under. I
apologize.
>> Whichever ones that do work from [1] seem to have major changes (or are
>> written from scratch?). I'm not sure of the process, but I think these
>> changes can't be accepted or applied very soon.
>
> From what I understood most of them only change minor bits just like
> your suggestion. Otherwise I agree with you, they won't be pratcial to
> adopt. E.g. I started with getting Kalle's propsal to work on
> <http://www.deb.at/index.en.html>
I saw that and, in my opinion, that is the kind of great first impress a
great distro's website should have! I'm guessing, however, that it
changes the layout too much for a quick approval. I am not suggesting
the layout I posted be used, but I'm just saying minor changes should be
made soon.
>> So I'd like to suggest that only small changes are made to the layout
>> to remove the not-so-nice parts. I've done a quick and very rough job
>> of making one such design. [2]
>
> It is an interesting approach and looks sweet, though there are some
> things that itch me a bit: The blue text and the red headlines are a bit
> too much, and personally I dislike dotted links instead of clearly
> underlined.
I was a bit unsure of that myself when I first put it up. I've changed
that now. [1]
>> I'm far from an expert in these field and don't think my changes are
>> great. However, the intention of this email is to suggest that only
>> small changes (not necessarily mine) are made soon to the CSS to make
>> the website look a bit better.
>
> See Kalle's proposal, it doesn't have too deep changes and it comes
> with a patch that makes it clear what needs to get changed (and is
> already changed on the above site).
To simplify things, I've attached one for the example layout I posted
previously with a few changes so that only the css files needs to be
patched. (I hope a `bzr diff` serves as one, I have not used the diff
from diffutils)
[1]: http://www.umang.ath.cx/debianwww/
Umang
=== modified file 'debian.css'
--- debian.css 2010-06-14 11:38:43 +0000
+++ debian.css 2010-06-14 11:42:34 +0000
@@ -6,6 +6,7 @@
background-color: #FFFFFF;
margin: 0 4px 0 4px;
padding: 0;
+ font-family: LiberationSans, Helvetica, Arial, Verdana;
}
img { border: 0; }
@@ -77,17 +78,11 @@
/* upper nested header box*/
#upperheader {
width: 100%;
- margin-top: 11px;
+ margin: 18px 0 10px 53px;
height: auto;
background: #FFFFFF;
}
-#logo {
- float: left;
- margin-left: 6px;
- background: #FFFFFF;
-}
-
#serverselect {
float: right;
display: block;
@@ -156,33 +151,12 @@
padding-top: 6px;
padding-bottom: 4px;
width: 100%;
- height: auto;
+ height: 3px;
text-align: center;
background: #BF1238;
}
#navbar ul {
- display: inline;
- list-style-type: none;
- padding-left: 0px;
- line-height: 1.5em;
-}
-#navbar ul li {
- display: inline;
- margin: 0;
- white-space: nowrap;
-}
-#navbar a {
- color: #FFFFFF;
- text-decoration: none;
- padding: 0.2em 0.4em 0.2em 0.4em;
- background-color: #000084;
- border: 1px solid #000084;
- font-family: Arial, Helvetica, sans-serif;
- font-weight: bold;
- font-size: 0.9em;
-}
-#navbar a:hover {
- background: #0000CC;
+ display:none;
}
#navbar .hidecss, .hidecss {
display: none;
@@ -199,6 +173,7 @@
#inner {
margin: -2px;
margin-top: 0;
+ margin-bottom:20px;
width: 100%;
background: #FFFFFF;
/* overflow: auto; */
@@ -210,19 +185,15 @@
padding-left: 0;
padding-bottom: 1em;
width: auto;
- background: #BBDDFF;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
- border: 1px solid #BBDDFF;
/* overflow: auto; */
}
#leftcol a:link, #leftcol a:visited {
+ text-decoration:none;
+ color:#1133ff;
display: block;
}
-#leftcol a:hover {
- background-color: #DDEEFF;
- /* background-color: #FFFFFF; */
-}
#leftcol ul {
margin: 2px;
padding: 0;
@@ -248,6 +219,11 @@
font-size: 0.9em;
margin: 0;
}
+#leftcol>ul>li>a {
+ border-bottom: 3px solid #BF1238;
+ padding-bottom: 3px;
+ margin-bottom: 3px;
+}
#leftcol ul li a {
line-height: 1.2em;
padding-right: 0.5em;
@@ -278,6 +254,25 @@
#leftcol ul ul .menuselected {
text-indent: 0.5em;
}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: Verdana, LiberationSans, Helvetica, Arial;
+}
+
+hr {
+ color: #BF1238;
+ background-color: #BF1238;
+ height:2px;
+ border:none;
+}
+#maincol a:link, #maincol a:visited, #maincol a:hover, #maincol a:active {
+ color:#1133ff;
+ border-bottom:1px solid #BF1238;
+ text-decoration:none;
+}
+#maincol a:hover {
+ background-color: #ffaabb;
+}
#maincol {
background: #FFFFFF;
margin-left: 12em;
@@ -315,17 +310,26 @@
bottom: 0;
text-align: center;
margin: 0px;
+ font-size: 0.80em;
+}
+#footer a {
+ text-decoration:none;
+ color: #1133ff;
}
#fineprint {
margin-top: 0.2em;
padding-top: 3px;
text-align: center;
- font-size: 0.85em;
+ font-size: 0.90em;
}
-#outer>#inner { border-bottom: 1px solid #BFC3DC; }
-.bordertop { border-top: 1px solid #BFC3DC; }
+#outer>#inner {
+ border-bottom: 3px solid #BF1238;
+}
+.bordertop {
+ border-top: 1px solid #BFC3DC;
+}
dl.gloss dt {
font-weight: bold;
@@ -704,7 +708,7 @@
text-align: right;
}
-#leftcol, #navbar, #navbar a {
+#leftcol {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
/* these go to the end as the css validator does not like them
Reply to: