From patchwork Tue May 10 23:42:46 2016 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit X-Patchwork-Submitter: aquaglow@gmail.com X-Patchwork-Id: 620864 Return-Path: X-Original-To: incoming@patchwork.ozlabs.org Delivered-To: patchwork-incoming@bilbo.ozlabs.org Received: from sourceware.org (server1.sourceware.org [209.132.180.131]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by ozlabs.org (Postfix) with ESMTPS id 3r4G5p4k8Bz9sp7 for ; Wed, 11 May 2016 09:43:08 +1000 (AEST) Authentication-Results: ozlabs.org; dkim=pass (1024-bit key; unprotected) header.d=gcc.gnu.org header.i=@gcc.gnu.org header.b=KWoOYPxk; dkim-atps=neutral DomainKey-Signature: a=rsa-sha1; c=nofws; d=gcc.gnu.org; h=list-id :list-unsubscribe:list-archive:list-post:list-help:sender :mime-version:date:message-id:subject:from:to:content-type; q= dns; s=default; b=E2Vyx1Si+WnOYXEQRJ0O8sM5itS9Cw5/QDkEQ69lgzEvA6 Rep4VQ5CGRWmEgL2CwiOJ9noSXksJ/CqwtHx3Y70My80l9rfAATqIxYRSSqECVVV fL+f8dp+GlKJHCE0W7n5zgOaE+vdmV79H73LB/BFExcK3zujPEgExSObfwtzE= DKIM-Signature: v=1; a=rsa-sha1; c=relaxed; d=gcc.gnu.org; h=list-id :list-unsubscribe:list-archive:list-post:list-help:sender :mime-version:date:message-id:subject:from:to:content-type; s= default; bh=pUAz4lXfQCDy6fp9l+cVCPXeqis=; b=KWoOYPxkgvcagTS2k4DA rXtFrtnbG0xAGLvzWogGbRmsUgsJfllY9LNzuSkIFHlK1n7gwGhbMVFax3qya4EN 00Y5Kg10ni3o+h+GDdlLonl9x38GMzWlbpaW6aiDhVrzYpUaLnf/AsPklc8okSM2 LSpSimMmzuHDSmtVD/rAU0M= Received: (qmail 115759 invoked by alias); 10 May 2016 23:43:00 -0000 Mailing-List: contact gcc-patches-help@gcc.gnu.org; run by ezmlm Precedence: bulk List-Id: List-Unsubscribe: List-Archive: List-Post: List-Help: Sender: gcc-patches-owner@gcc.gnu.org Delivered-To: mailing list gcc-patches@gcc.gnu.org Received: (qmail 115741 invoked by uid 89); 10 May 2016 23:42:59 -0000 Authentication-Results: sourceware.org; auth=none X-Virus-Found: No X-Spam-SWARE-Status: No, score=0.8 required=5.0 tests=BAYES_50, FREEMAIL_FROM, RCVD_IN_DNSWL_NONE, SPF_PASS autolearn=ham version=3.3.2 spammy=font-weight, fontweight, 5px, georgia X-HELO: mail-yw0-f180.google.com Received: from mail-yw0-f180.google.com (HELO mail-yw0-f180.google.com) (209.85.161.180) by sourceware.org (qpsmtpd/0.93/v0.84-503-g423c35a) with (AES128-GCM-SHA256 encrypted) ESMTPS; Tue, 10 May 2016 23:42:49 +0000 Received: by mail-yw0-f180.google.com with SMTP id g133so27636995ywb.2 for ; Tue, 10 May 2016 16:42:48 -0700 (PDT) X-Google-DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=1e100.net; s=20130820; h=x-gm-message-state:mime-version:date:message-id:subject:from:to; bh=tR/Pn7pCljn05upDjhJwTnqeCLZoTYdlCH8Cf09AzMA=; b=epUqc3vgeO2gZExGDgbpe/BQC9PlBQLc+u+NlU0pVSmMp0Pt1PBtLSAagKjgRBSHaP 4Zs3XDeW1Vt+47PW2gVAqw2wpB6LQ1Gwi/WGRbUxTv6Bq11gjPqQD0fjeCBWjgVc2ofS RLH3leXt09q66RjZUBOWwM23q8xdtiSO8cd5TXMnMEnyZTLxVP/wszAoSbke2pSdpnKQ i9qW/deMDIrqAb+/Jtumth/s3jaDxCNK4+aukD6FbCAw0kP0I166L053B+en0ZgpPDdC xz2rGiyocfyG+NtwEsxG278vMK6lWGudKeTdWHBYx8FMmPVqq1LYaxFQ1+eyU8kYgV64 da1Q== X-Gm-Message-State: AOPr4FVjriNZFzkuqNjM/fm7NtG24CsYP7LoHX4yK8enqAunCiAvV7g4zpEwFEWa+r8G23WyUGNjg1vxe9BKTQ== MIME-Version: 1.0 X-Received: by 10.37.53.86 with SMTP id c83mr107677yba.73.1462923766810; Tue, 10 May 2016 16:42:46 -0700 (PDT) Received: by 10.37.80.205 with HTTP; Tue, 10 May 2016 16:42:46 -0700 (PDT) Date: Wed, 11 May 2016 00:42:46 +0100 Message-ID: Subject: [wwwdocs] Suggested usability improvements for the website From: To: gcc-patches@gcc.gnu.org Patch suggests changes to the main GCC website stylesheet, with the aim of improving usability: - Increase line-height (aids tracking lines of text) - Set fixed-width (for large screens only), as current line length exceeds UX guidelines for readability - Improve homepage layout and visual appearance Screenshot shows a preview of the new appearance: https://i.imgur.com/2Mq6Hiv.png Hope these suggestions are useful. Stuart .smaller { font-size: 80%; } @@ -18,43 +44,46 @@ h2 { color: darkslategray; } .no-margin-top { margin-top:0; } .twocolumns { column-counts:2; -moz-column-count:2; } -td.news { width: 50%; padding-right: 8px; } -td.news h2 { font-size: 1.2em; margin-top: 0; margin-bottom: 2%; } +td.news { width: 50%; padding-right: 20px; } +td.news h2 { font-size: 1.3em; margin-top: 20px; margin-bottom: 5px; border-bottom: 2px solid #00796b; } td.news dl { margin-top:0; } -td.news dt { color:darkslategrey; font-weight:bold; margin-top:0.3em; } -td.news dd { margin-left:3ex; margin-top:0.1em; margin-bottom:0.1em; } -td.news .date { color:darkslategrey; font-size:90%; margin-left:0.1ex; } +td.news dt { color:black; font-weight:bold; padding-top: 10px; } +td.news dd { padding-bottom: 10px; border-bottom: 1px solid #bbbbbb; margin: 0; } +td.news .date { color:grey; font-size:90%; margin-left:0.1ex; } -td.status { width: 50%; padding-left: 12px; border-left: #3366cc thin solid; } -td.status h2 { font-size: 1.2em; margin-top:0; margin-bottom: 1%; } +td.status { width: 50%; padding-left: 20px; } +td.status h2 { font-size: 1.3em; margin-top: 20px; margin-bottom: 5px; border-bottom: 2px solid #00796b; } td.status dl { margin-top:0; } td.status .version { font-weight:bold; } td.status .regress { font-size: 80%; } -td.status dd { margin-left:3ex; } +td.status dd { padding-bottom: 10px; border-bottom: 1px solid #bbbbbb; margin: 0; } +td.status dt { padding-top: 10px; color: black; } table.navitem tr:nth-child(1) { - border-color: #3366cc; - border-style: solid; - border-width: thin; - color: #f2f2f9; - background-color: #0066dd; - font-weight: bold; + color: white; + background-color: #009688; + line-height: 1; + font-family: Georgia, "PT Serif", "Liberation Serif", serif; } table.navitem tr:nth-child(2) { - padding-top: 3px; - padding-left: 8px; - padding-bottom: 3px; - background-color: #f2f2f9; + background: rgb(240,240,240); font-size: smaller; } +table.navitem td { padding: 5px; } +table.navitem tr:nth-child(2) td { + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgb(210,210,210); +} div.copyright { + margin-top: 20px; font-size: smaller; - background: #f2f2f9; - border: 2px solid #3366cc; - border-style: solid; - border-width: thin; - padding: 4px; + background: rgb(240,240,240); + border-radius: 0 0 10px 10px; + border: 1px solid rgb(210,210,210); + border-top: 2px solid #00796b; + padding: 10px; } div.copyright p:nth-child(3) { margin-bottom: 0; } --- gcc.css 2016-05-11 00:10:02.000000000 +0100 +++ gcc.css 2016-05-11 00:08:01.000000000 +0100 @@ -3,14 +3,40 @@ Gerald Pfeifer */ -body { background-color: white; color: black; } +@media (min-width: 1160px){ + html { + background: rgb(230,230,230); + } + + body { + width: 1100px; + margin: 20px auto; + padding: 20px; + border-radius: 10px; + box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); + } +} + +body { + background: white; + font-family: "Helvetica Neue", HelveticaNeue, Helvetica, FreeSans, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif; + line-height: 1.5; + color: rgb(60, 60, 60); + font-size: 90%; +} a:link { color: #0066bb; text-decoration: none; } a:visited { color: #003399; text-decoration: none; } a:hover { color: darkorange; text-decoration: none; } -h1 { color: darkslategray; text-align:center; } -h2 { color: darkslategray; } +h1 { text-align:center; } +h1, h2, h3, h4, h5, h6 { + font-family: Georgia, "PT Serif", "Liberation Serif", serif; + font-weight: normal; + color: #00796b; +} + +hr { border-width: 0; height: 1px; background: #bbbbbb; } .highlight{ color: darkslategray; font-weight:bold; }