From patchwork Tue Oct 27 13:20:00 2020 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-Patchwork-Submitter: =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= X-Patchwork-Id: 301853 Return-Path: X-Spam-Checker-Version: SpamAssassin 3.4.0 (2014-02-07) on aws-us-west-2-korg-lkml-1.web.codeaurora.org X-Spam-Level: X-Spam-Status: No, score=-9.6 required=3.0 tests=BAYES_00,DKIM_INVALID, DKIM_SIGNED, HEADER_FROM_DIFFERENT_DOMAINS, INCLUDES_PATCH, MAILING_LIST_MULTI, SIGNED_OFF_BY,SPF_HELO_NONE,SPF_PASS,URIBL_BLOCKED autolearn=ham autolearn_force=no version=3.4.0 Received: from mail.kernel.org (mail.kernel.org [198.145.29.99]) by smtp.lore.kernel.org (Postfix) with ESMTP id E9B16C388F9 for ; Tue, 27 Oct 2020 13:26:10 +0000 (UTC) Received: from lists.gnu.org (lists.gnu.org [209.51.188.17]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by mail.kernel.org (Postfix) with ESMTPS id 54B1F20759 for ; Tue, 27 Oct 2020 13:26:10 +0000 (UTC) Authentication-Results: mail.kernel.org; dkim=fail reason="signature verification failed" (1024-bit key) header.d=redhat.com header.i=@redhat.com header.b="RKwtnP+p" DMARC-Filter: OpenDMARC Filter v1.3.2 mail.kernel.org 54B1F20759 Authentication-Results: mail.kernel.org; dmarc=fail (p=none dis=none) header.from=redhat.com Authentication-Results: mail.kernel.org; spf=pass smtp.mailfrom=qemu-devel-bounces+qemu-devel=archiver.kernel.org@nongnu.org Received: from localhost ([::1]:46476 helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1kXOzJ-0007wv-CS for qemu-devel@archiver.kernel.org; Tue, 27 Oct 2020 09:26:09 -0400 Received: from eggs.gnu.org ([2001:470:142:3::10]:53190) by lists.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1kXOty-0002CP-76 for qemu-devel@nongnu.org; Tue, 27 Oct 2020 09:20:39 -0400 Received: from us-smtp-delivery-124.mimecast.com ([216.205.24.124]:39560) by eggs.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.90_1) (envelope-from ) id 1kXOtr-0005vh-St for qemu-devel@nongnu.org; Tue, 27 Oct 2020 09:20:37 -0400 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=redhat.com; s=mimecast20190719; t=1603804830; h=from:from:reply-to:subject:subject:date:date:message-id:message-id: to:to:cc:cc:mime-version:mime-version:content-type:content-type: content-transfer-encoding:content-transfer-encoding: in-reply-to:in-reply-to:references:references; bh=o63+6hvnnXYKsH6QMcQA4bQDIw7EUOK8XxSaw1Ksdls=; b=RKwtnP+pqZVT1Yw/wk13YapdrpeqSQ3ucH+3fwTCLPgi3IcqwbJxHyU78lVtM9C+NFMjno 686KnzCPd8EnID91EFd7kTK5+uQkCjrZgc/6B9qPpgY35ExlKAn46Kk7UFtLS5GyMKsSR8 2mG/rrmGk3Mq1GayYj4hx4duGOdT6UM= Received: from mimecast-mx01.redhat.com (mimecast-mx01.redhat.com [209.132.183.4]) (Using TLS) by relay.mimecast.com with ESMTP id us-mta-121-A1sFwvRoOaK_azrt5kmPmQ-1; Tue, 27 Oct 2020 09:20:21 -0400 X-MC-Unique: A1sFwvRoOaK_azrt5kmPmQ-1 Received: from smtp.corp.redhat.com (int-mx08.intmail.prod.int.phx2.redhat.com [10.5.11.23]) (using TLSv1.2 with cipher AECDH-AES256-SHA (256/256 bits)) (No client certificate requested) by mimecast-mx01.redhat.com (Postfix) with ESMTPS id 817CB8064D9 for ; Tue, 27 Oct 2020 13:20:20 +0000 (UTC) Received: from localhost.localdomain.com (ovpn-115-46.ams2.redhat.com [10.36.115.46]) by smtp.corp.redhat.com (Postfix) with ESMTP id E59B4196FD; Tue, 27 Oct 2020 13:20:17 +0000 (UTC) From: =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= To: qemu-devel@nongnu.org Subject: [qemu-web PATCH v2 01/16] Convert files to UNIX line endings Date: Tue, 27 Oct 2020 13:20:00 +0000 Message-Id: <20201027132015.621733-2-berrange@redhat.com> In-Reply-To: <20201027132015.621733-1-berrange@redhat.com> References: <20201027132015.621733-1-berrange@redhat.com> MIME-Version: 1.0 X-Scanned-By: MIMEDefang 2.84 on 10.5.11.23 Authentication-Results: relay.mimecast.com; auth=pass smtp.auth=CUSA124A263 smtp.mailfrom=berrange@redhat.com X-Mimecast-Spam-Score: 0 X-Mimecast-Originator: redhat.com Received-SPF: pass client-ip=216.205.24.124; envelope-from=berrange@redhat.com; helo=us-smtp-delivery-124.mimecast.com X-detected-operating-system: by eggs.gnu.org: First seen = 2020/10/27 01:06:06 X-ACL-Warn: Detected OS = Linux 2.2.x-3.x [generic] [fuzzy] X-Spam_score_int: -20 X-Spam_score: -2.1 X-Spam_bar: -- X-Spam_report: (-2.1 / 5.0 requ) BAYES_00=-1.9, DKIMWL_WL_HIGH=-0.001, DKIM_SIGNED=0.1, DKIM_VALID=-0.1, DKIM_VALID_AU=-0.1, DKIM_VALID_EF=-0.1, RCVD_IN_DNSWL_NONE=-0.0001, RCVD_IN_MSPIKE_H4=0.001, RCVD_IN_MSPIKE_WL=0.001, SPF_HELO_NONE=0.001, SPF_PASS=-0.001 autolearn=ham autolearn_force=no X-Spam_action: no action X-BeenThere: qemu-devel@nongnu.org X-Mailman-Version: 2.1.23 Precedence: list List-Id: List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Cc: Paolo Bonzini , Thomas Huth , =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= Errors-To: qemu-devel-bounces+qemu-devel=archiver.kernel.org@nongnu.org Sender: "Qemu-devel" Signed-off-by: Daniel P. Berrangé --- assets/css/style-desktop.css | 586 ++++++++--------- assets/css/style-mobile.css | 750 ++++++++++----------- assets/css/style.css | 1184 +++++++++++++++++----------------- index.html | 178 ++--- 4 files changed, 1349 insertions(+), 1349 deletions(-) diff --git a/assets/css/style-desktop.css b/assets/css/style-desktop.css index b6c5aa1..ce58fe2 100644 --- a/assets/css/style-desktop.css +++ b/assets/css/style-desktop.css @@ -1,295 +1,295 @@ -/* - Linear by TEMPLATED - templated.co @templatedco - Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) -*/ - -/*********************************************************************************/ -/* Grid */ -/*********************************************************************************/ - -@import url(cells.css); - - .row > * { - padding-left: 50px; - } - .row > *:first-child { - padding-left: 0px; - } - .row + .row { - padding-top: 50px; - } - -/*********************************************************************************/ -/* Basic */ -/*********************************************************************************/ - - .only-mobile, .not-desktop - { - display: none !important; - } - - body - { - /* 90% transparent */ - background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px; +/* + Linear by TEMPLATED + templated.co @templatedco + Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) +*/ + +/*********************************************************************************/ +/* Grid */ +/*********************************************************************************/ + +@import url(cells.css); + + .row > * { + padding-left: 50px; + } + .row > *:first-child { + padding-left: 0px; + } + .row + .row { + padding-top: 50px; + } + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + .only-mobile, .not-desktop + { + display: none !important; + } + + body + { + /* 90% transparent */ + background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px; background-color: #FFF; - } - - body.homepage - { - /* 90% transparent */ - background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%; + } + + body.homepage + { + /* 90% transparent */ + background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%; background-color: #FFF; - } - - body,input,textarea,select - { - } - - .homepage h1 - { - font-size: 7em; - letter-spacing: -0.05em; - } - - .homepage h2 - { - font-size: 2.2em; - } - - h1 - { - font-size: 3em; - } - - header - { - margin-bottom: 2em; - } - - header .byline - { - font-size: 1.7em; - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header - { - padding: 5em 0 2em 0; - } - -/*********************************************************************************/ -/* Main */ -/*********************************************************************************/ - - #main,#sidebar { - margin-top: 5em; - } - - #sidebar h1 - { - font-size: 2.4em; - letter-spacing: 0em; - line-height: 1.2em; - margin-top: -0.2em; - } - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - #footer - { - padding: 1em 0em; - } - - #footer-inner - { - width: 95%; - display: table; - margin: auto; - } - - #footer ul - { - width: 25%; - display: table-cell; - padding-left: 2em; - } - - #footer ul:first-child - { - padding-left: 0px; - } - -/*********************************************************************************/ -/* Featured */ -/*********************************************************************************/ - - #featured - { - padding: 3em 0em 1em 0em; - } - - #featured p - { - line-height: 1.5em; - font-size: 1.2em; - } - - .\31 u img { height: 6vw; } - .\32 u img { height: 12vw; } - .\33 u img { height: 18vw; } - .\34 u img { height: 24vw; } - .\36 u img { height: 36vw; } - .\37 u img { height: 42vw; } - .\38 u img { height: 48vw; } - .\39 u img { height: 54vw; } - .\31 0u img { height: 60vw; } - .\31 1u img { height: 66vw; } - .\31 2u img { height: 72vw; } - -/*********************************************************************************/ -/* Horizontal menu */ -/*********************************************************************************/ - .horiz-menu > ul - { - width: 100%; - margin: 0; - padding: 0; - display: table; - border-collapse: collapse; - } - .horiz-menu > ul > li - { - width: 25%; - border: 1px solid #000000; - display: table-cell; - color: #F03B11; - } - .horiz-menu > ul > li:hover - { - background: #FCECD4; - color: #802400; - } - - .horiz-menu > ul > li > a - { - display: block; - padding: 1em; - border-bottom: 5px transparent; - white-space: nowrap; - color: inherit; - } - .horiz-menu > ul > li > a:hover - { - text-decoration: none; - } - .horiz-menu > ul > li.active > a - { - border-bottom: 5px #F03B11 solid; - } - - .horiz-menu > ul > li.active > a:hover - { - border-bottom: 5px #802400 solid; - } - - .horiz-menu > article - { - padding-top: 1em; - margin: 0; - display: none; - } - - .horiz-menu > article.active - { - display: block; - } - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - - #titleBar - { - display: none !important; - } - - #nav - { - display: block !important; - z-index: 2; - position: fixed; - background: #802400; - background: -webkit-linear-gradient(top, #802400 0%,#800800 100%); - background: linear-gradient(to bottom, #802400 0%,#800800 100%); - left: 0; - top: 0; - width: 100%; - } - - #nav > ul - { - text-align: right; - margin: 0; - } - - #nav > ul > li - { - display: inline-block; - margin: 0; - padding: 0.5em 2em 0.5em 0em; - color: #FFF; - letter-spacing: 0.06em; - text-transform: uppercase; - font-size: 1.1em; - } - - #nav a - { - text-decoration: none; - color: inherit; - } - - #nav > ul > li > a, - #nav > ul > li > span - { - display: inline-block; - padding: 3px 0.5em 3px 0.5em; - } - - #nav > ul > li:hover > a, - #nav > ul > li:hover > span - { - border-bottom: 3px solid #F0A833; - padding-bottom: 0px; - } - - #nav li.current a - { - font-weight: 500; - } - -/* - #nav > ul > li.home - { - display: block; - float: left; - } -*/ - - #nav > ul > li > ul - { - display: none; - } - - -/* Colorbox customization */ - - body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; } - body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; } + } + + body,input,textarea,select + { + } + + .homepage h1 + { + font-size: 7em; + letter-spacing: -0.05em; + } + + .homepage h2 + { + font-size: 2.2em; + } + + h1 + { + font-size: 3em; + } + + header + { + margin-bottom: 2em; + } + + header .byline + { + font-size: 1.7em; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + padding: 5em 0 2em 0; + } + +/*********************************************************************************/ +/* Main */ +/*********************************************************************************/ + + #main,#sidebar { + margin-top: 5em; + } + + #sidebar h1 + { + font-size: 2.4em; + letter-spacing: 0em; + line-height: 1.2em; + margin-top: -0.2em; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + padding: 1em 0em; + } + + #footer-inner + { + width: 95%; + display: table; + margin: auto; + } + + #footer ul + { + width: 25%; + display: table-cell; + padding-left: 2em; + } + + #footer ul:first-child + { + padding-left: 0px; + } + +/*********************************************************************************/ +/* Featured */ +/*********************************************************************************/ + + #featured + { + padding: 3em 0em 1em 0em; + } + + #featured p + { + line-height: 1.5em; + font-size: 1.2em; + } + + .\31 u img { height: 6vw; } + .\32 u img { height: 12vw; } + .\33 u img { height: 18vw; } + .\34 u img { height: 24vw; } + .\36 u img { height: 36vw; } + .\37 u img { height: 42vw; } + .\38 u img { height: 48vw; } + .\39 u img { height: 54vw; } + .\31 0u img { height: 60vw; } + .\31 1u img { height: 66vw; } + .\31 2u img { height: 72vw; } + +/*********************************************************************************/ +/* Horizontal menu */ +/*********************************************************************************/ + .horiz-menu > ul + { + width: 100%; + margin: 0; + padding: 0; + display: table; + border-collapse: collapse; + } + .horiz-menu > ul > li + { + width: 25%; + border: 1px solid #000000; + display: table-cell; + color: #F03B11; + } + .horiz-menu > ul > li:hover + { + background: #FCECD4; + color: #802400; + } + + .horiz-menu > ul > li > a + { + display: block; + padding: 1em; + border-bottom: 5px transparent; + white-space: nowrap; + color: inherit; + } + .horiz-menu > ul > li > a:hover + { + text-decoration: none; + } + .horiz-menu > ul > li.active > a + { + border-bottom: 5px #F03B11 solid; + } + + .horiz-menu > ul > li.active > a:hover + { + border-bottom: 5px #802400 solid; + } + + .horiz-menu > article + { + padding-top: 1em; + margin: 0; + display: none; + } + + .horiz-menu > article.active + { + display: block; + } + +/*********************************************************************************/ +/* Nav */ +/*********************************************************************************/ + + #titleBar + { + display: none !important; + } + + #nav + { + display: block !important; + z-index: 2; + position: fixed; + background: #802400; + background: -webkit-linear-gradient(top, #802400 0%,#800800 100%); + background: linear-gradient(to bottom, #802400 0%,#800800 100%); + left: 0; + top: 0; + width: 100%; + } + + #nav > ul + { + text-align: right; + margin: 0; + } + + #nav > ul > li + { + display: inline-block; + margin: 0; + padding: 0.5em 2em 0.5em 0em; + color: #FFF; + letter-spacing: 0.06em; + text-transform: uppercase; + font-size: 1.1em; + } + + #nav a + { + text-decoration: none; + color: inherit; + } + + #nav > ul > li > a, + #nav > ul > li > span + { + display: inline-block; + padding: 3px 0.5em 3px 0.5em; + } + + #nav > ul > li:hover > a, + #nav > ul > li:hover > span + { + border-bottom: 3px solid #F0A833; + padding-bottom: 0px; + } + + #nav li.current a + { + font-weight: 500; + } + +/* + #nav > ul > li.home + { + display: block; + float: left; + } +*/ + + #nav > ul > li > ul + { + display: none; + } + + +/* Colorbox customization */ + + body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; } + body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; } diff --git a/assets/css/style-mobile.css b/assets/css/style-mobile.css index 9f2f033..8910e71 100644 --- a/assets/css/style-mobile.css +++ b/assets/css/style-mobile.css @@ -1,375 +1,375 @@ -/* - Linear by TEMPLATED - templated.co @templatedco - Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) -*/ - -/*********************************************************************************/ -/* Grid */ -/*********************************************************************************/ - - .row > * { - padding: 15px 0 0 0; - float: none; - margin-left: auto !important; - margin-right: auto !important; - } - .row + .row > * { - padding-top: 15px; - } - -/*********************************************************************************/ -/* Basic */ -/*********************************************************************************/ - - .only-desktop, .not-mobile - { - display: none !important; - } - - body,input,textarea,select - { - line-height: 1.5em; - font-size: 10.5pt; - letter-spacing: 0; - } - - body - { - background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center; - } - body.homepage - { - background-position: center 200px; - background-attachment: scroll; - } - body.fixed - { - background-position: center 80px; - background-attachment: fixed; - } - - #featured - { - padding-top: 250px; - } - @media (min-width:500px) { - body - { - background-image: url(../images/qemu_head_400_faint.png); - } - #featured - { - padding-top: 50px; - } - } - - section, - article - { - clear: both; - margin: 2em 0 2em 0; - } - - .container - { - padding: 0em 1em; - } - - header - { - margin-bottom: 1.6em; - } - - header .byline - { - font-size: 1.2em; - } - - .button - { - display: block; - width: 100%; - text-align: center; - } - - .homepage h1 - { - font-size: 3em; - padding-top: 0.6em; - } - - h1, .homepage h2 - { - font-size: 2em; - } - - h2, .homepage h3 - { - font-size: 1.6em; - } - - h3, h4, h5, h6 - { - font-size: 1.5em; - } - -/*********************************************************************************/ -/* UI */ -/*********************************************************************************/ - - #titleBar - { - width: 100%; - background: #161616; - height: 44px; - overflow: hidden; - position: fixed; - margin-top: -44px; - z-index: 2; - } - - body.js { - padding-top: 44px; - } - - #titleBar .title - { - color: #fff; - text-align: center; - line-height: 44px; - font-weight: 300; - text-decoration: none; - display: block; - position: absolute; - left: 0; - top: 0; - width: 100%; - z-index: 1; - } - - button[aria-controls="nav"] - { - float: left; - position: relative; - left: 0; - top: 0; - width: 80px; - height: 44px; - cursor: pointer; - z-index: 2; - background: transparent; - border: 0px; - color: #808080; - } - - button[aria-controls="nav"] > span.fa - { - width: 20px; - height: 12px; - position: absolute; - left: 12px; - top: 10px; - } - - button[aria-controls="nav"]:active - { - color: #c0c0c0; - } - #nav - { - padding: 0em; - background: #1f1f1f; - } - - #titleBar + #nav { - position: fixed; - margin-left: -80%; - width: 80%; - height: 100%; - z-index: 2; - left: 0; - top: 0; - } - - #nav > ul - { - margin: 0em; - padding: 0.3em; - } - - #nav > ul > li - { - border-top: 1px solid white; - margin: 0; - padding: 0.3em; - color: #ffffff; - } - - #nav > ul > li:first-child - { - border-top: 0px; - } - - #nav > ul > li > a, - #nav > ul > li > span - { - display: block; - padding: 0 1em 0 1em; - letter-spacing: 1px; - color: inherit; - text-align: left; - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header { - height: 9em; - } - - #header h1 { - margin-bottom: 0.2em; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - -/*********************************************************************************/ -/* Columns */ -/*********************************************************************************/ - - #main, #footer-inner, #copyright-inner - { - margin-left: 0%; - width: 100%; - } - - #sidebar - { - margin-left: 0%; - width: 100%; - } - -/*********************************************************************************/ -/* Main */ -/*********************************************************************************/ - - #main - { - padding: 2em 0em 1em 0em; - } - -/*********************************************************************************/ -/* Sidebar */ -/*********************************************************************************/ - - #sidebar - { - clear: left; - } - - #sidebar h1 - { - font-size: 1.6em; - } - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - #footer - { - padding: 1em; - } - - #footer ul - { - padding: 0.6em 0px; - border-top: 1px solid white; - } - - #footer ul:first-child - { - border-top: 0px; - } - -/*********************************************************************************/ -/* Featured */ -/*********************************************************************************/ - - #featured - { - padding-bottom: 3em; - } - - #featured h3 - { - padding: 0.5em 0em; - font-size: 1.4em; - margin: 0em; - } - #featured h3+p - { - margin-top: 0em; - } - - #featured .pennant a - { - cursor: inherit; - } - - #featured .pennant img - { - object-position: bottom; - background-position: bottom; /* for IE polyfill */ - } - @media (orientation: landscape) { - #featured .pennant img - { - height: 70vh; - } - } - -/*********************************************************************************/ -/* Welcome */ -/*********************************************************************************/ - - #welcome - { - padding: 4em 0em 3em 0em; - } - -/*********************************************************************************/ -/* Horizontal menu */ -/*********************************************************************************/ - .horiz-menu > ul - { - display: none !important; - } - .horiz-menu > article - { - display: block !important; - border: 1px solid #000000; - padding: 1em; - margin-bottom: 1em; - } - .horiz-menu > article > header - { - display: block !important; - } - .horiz-menu pre - { - border: 0px; - } - -/*********************************************************************************/ -/* Releases */ -/*********************************************************************************/ - - #releases ul > li { - width: 48%; - } +/* + Linear by TEMPLATED + templated.co @templatedco + Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) +*/ + +/*********************************************************************************/ +/* Grid */ +/*********************************************************************************/ + + .row > * { + padding: 15px 0 0 0; + float: none; + margin-left: auto !important; + margin-right: auto !important; + } + .row + .row > * { + padding-top: 15px; + } + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + .only-desktop, .not-mobile + { + display: none !important; + } + + body,input,textarea,select + { + line-height: 1.5em; + font-size: 10.5pt; + letter-spacing: 0; + } + + body + { + background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center; + } + body.homepage + { + background-position: center 200px; + background-attachment: scroll; + } + body.fixed + { + background-position: center 80px; + background-attachment: fixed; + } + + #featured + { + padding-top: 250px; + } + @media (min-width:500px) { + body + { + background-image: url(../images/qemu_head_400_faint.png); + } + #featured + { + padding-top: 50px; + } + } + + section, + article + { + clear: both; + margin: 2em 0 2em 0; + } + + .container + { + padding: 0em 1em; + } + + header + { + margin-bottom: 1.6em; + } + + header .byline + { + font-size: 1.2em; + } + + .button + { + display: block; + width: 100%; + text-align: center; + } + + .homepage h1 + { + font-size: 3em; + padding-top: 0.6em; + } + + h1, .homepage h2 + { + font-size: 2em; + } + + h2, .homepage h3 + { + font-size: 1.6em; + } + + h3, h4, h5, h6 + { + font-size: 1.5em; + } + +/*********************************************************************************/ +/* UI */ +/*********************************************************************************/ + + #titleBar + { + width: 100%; + background: #161616; + height: 44px; + overflow: hidden; + position: fixed; + margin-top: -44px; + z-index: 2; + } + + body.js { + padding-top: 44px; + } + + #titleBar .title + { + color: #fff; + text-align: center; + line-height: 44px; + font-weight: 300; + text-decoration: none; + display: block; + position: absolute; + left: 0; + top: 0; + width: 100%; + z-index: 1; + } + + button[aria-controls="nav"] + { + float: left; + position: relative; + left: 0; + top: 0; + width: 80px; + height: 44px; + cursor: pointer; + z-index: 2; + background: transparent; + border: 0px; + color: #808080; + } + + button[aria-controls="nav"] > span.fa + { + width: 20px; + height: 12px; + position: absolute; + left: 12px; + top: 10px; + } + + button[aria-controls="nav"]:active + { + color: #c0c0c0; + } + #nav + { + padding: 0em; + background: #1f1f1f; + } + + #titleBar + #nav { + position: fixed; + margin-left: -80%; + width: 80%; + height: 100%; + z-index: 2; + left: 0; + top: 0; + } + + #nav > ul + { + margin: 0em; + padding: 0.3em; + } + + #nav > ul > li + { + border-top: 1px solid white; + margin: 0; + padding: 0.3em; + color: #ffffff; + } + + #nav > ul > li:first-child + { + border-top: 0px; + } + + #nav > ul > li > a, + #nav > ul > li > span + { + display: block; + padding: 0 1em 0 1em; + letter-spacing: 1px; + color: inherit; + text-align: left; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header { + height: 9em; + } + + #header h1 { + margin-bottom: 0.2em; + } + +/*********************************************************************************/ +/* Logo */ +/*********************************************************************************/ + + +/*********************************************************************************/ +/* Columns */ +/*********************************************************************************/ + + #main, #footer-inner, #copyright-inner + { + margin-left: 0%; + width: 100%; + } + + #sidebar + { + margin-left: 0%; + width: 100%; + } + +/*********************************************************************************/ +/* Main */ +/*********************************************************************************/ + + #main + { + padding: 2em 0em 1em 0em; + } + +/*********************************************************************************/ +/* Sidebar */ +/*********************************************************************************/ + + #sidebar + { + clear: left; + } + + #sidebar h1 + { + font-size: 1.6em; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + padding: 1em; + } + + #footer ul + { + padding: 0.6em 0px; + border-top: 1px solid white; + } + + #footer ul:first-child + { + border-top: 0px; + } + +/*********************************************************************************/ +/* Featured */ +/*********************************************************************************/ + + #featured + { + padding-bottom: 3em; + } + + #featured h3 + { + padding: 0.5em 0em; + font-size: 1.4em; + margin: 0em; + } + #featured h3+p + { + margin-top: 0em; + } + + #featured .pennant a + { + cursor: inherit; + } + + #featured .pennant img + { + object-position: bottom; + background-position: bottom; /* for IE polyfill */ + } + @media (orientation: landscape) { + #featured .pennant img + { + height: 70vh; + } + } + +/*********************************************************************************/ +/* Welcome */ +/*********************************************************************************/ + + #welcome + { + padding: 4em 0em 3em 0em; + } + +/*********************************************************************************/ +/* Horizontal menu */ +/*********************************************************************************/ + .horiz-menu > ul + { + display: none !important; + } + .horiz-menu > article + { + display: block !important; + border: 1px solid #000000; + padding: 1em; + margin-bottom: 1em; + } + .horiz-menu > article > header + { + display: block !important; + } + .horiz-menu pre + { + border: 0px; + } + +/*********************************************************************************/ +/* Releases */ +/*********************************************************************************/ + + #releases ul > li { + width: 48%; + } diff --git a/assets/css/style.css b/assets/css/style.css index b828887..e09b383 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,592 +1,592 @@ -@charset 'UTF-8'; -/* - Linear by TEMPLATED - templated.co @templatedco - Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) -*/ - -/*********************************************************************************/ -/* Basic */ -/*********************************************************************************/ - - body - { - margin: 0; - padding: 0; - background: #ffffff; - } - - body,input,textarea,select - { - font-family: 'Roboto', sans-serif; - font-size: 11pt; - font-weight: 300; - line-height: 1.75em; - color: #000000; - } - - strong,b,a - { - font-weight: 400; - } - strong a,b a - { - font-weight: 500; - } - h1,.homepage h2 - { - font-weight: 300; - color: black; - } - h2,h3,h4,h5,h6 - { - font-weight: 400; - color: #802400; - } - - pre,code,samp,tt - { - font-family: 'Roboto Mono', monospace; - } - pre,code - { - background: rgba(0,0,0,0.05); - } - - .homepage h1 { - margin: 0; - } - - h1, .homepage h2 - { - letter-spacing: -0.025em; - line-height: 1.025em; - margin-top: -0.125em; - } - - h2, .homepage h3 - { - font-size: 2em; - } - - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a - { - color: inherit; - font-weight: inherit; - } - - h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover - { - text-decoration: none; - } - - pre - { - padding: 1em; - border: 1px #000000 solid; - max-width: 100%; - overflow-x: auto; - } - - a - { - text-decoration: none; - color: #F03B11; - } - - a:hover - { - text-decoration: underline; - } - - sub - { - position: relative; - top: 0.5em; - font-size: 0.8em; - } - - sup - { - position: relative; - top: -0.5em; - font-size: 0.8em; - } - - hr - { - border: 0; - border-top: solid 1px #333; - margin: 2em 0 2em 0; - padding: 0; - } - - blockquote - { - border-left: solid 0.5em #333; - padding: 1em 0 1em 2em; - font-style: italic; - } - - p, ul, ol, dl, table - { - margin-bottom: 1em; - } - - header - { - margin-bottom: 1em; - } - - header h1, header h2, header h3, header h4, header h5, header h6 - { - margin-bottom: 0em; - } - - header .byline - { - display: block; - margin: 1.5em 0 0 0; - padding: 0 0 0.5em 0; - } - - .posted { - letter-spacing: 1px; - text-transform: uppercase; - font-size: 80%; - color: #999999; - } - - footer - { - margin-top: 1em; - } - - .clear - { - clear: both; - } - - .pennant - { - color: #999999; - } - - /* Sections/Articles */ - - section, - article - { - margin-bottom: 3em; - } - - section > :last-child, - article > :last-child - { - margin-bottom: 0; - } - - section:last-child, - article:last-child - { - margin-bottom: 0; - } - - .row > section, - .row > article - { - margin-bottom: 0; - } - - /* Images */ - - img { - max-width: 100%; - } - - .image - { - display: inline-block; - } - - .image img - { - display: block; - width: 100%; - } - - .image.featured - { - display: block; - width: 100%; - margin: 0 0 2em 0; - } - - .image.full - { - display: block; - width: 100%; - margin-bottom: 2em; - } - - .image.left - { - float: left; - margin: 0 2em 2em 0; - } - - .image.centered - { - display: block; - margin: 0 0 2em 0; - } - - .image.centered img - { - margin: 0 auto; - width: auto; - } - - /* Lists */ - - ul.style - { - margin-bottom: 0em; - padding: 0; - } - - ul.style li { - margin: 0; - padding: 0em 0em 1.5em 0em; - list-style: none; - } - - ul.category - { - margin: 0; - padding: 0; - letter-spacing: 1px; - text-transform: uppercase; - font-size: 80%; - color: #999999; - } - - ul.category li { - display: inline; - margin: 0; - padding: 0; - list-style: none; - padding-right: 1em; - } - ul.category li::before { - padding-right: 0.3em; - } - - - /* Buttons */ - - .button - { - position: relative; - display: inline-block; - background: #F03B11; - padding: 0.8em 2em; - font-size: 1.2em; - color: #FFF; - -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - text-align: center; - border-radius: 0.25em; - } - - .button:hover - { - background: #F01111; - text-decoration: none; - } - -/*********************************************************************************/ -/* Icons */ -/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */ -/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */ -/*********************************************************************************/ - - .fa - { - text-decoration: none; - } - - .fa.solo - { - } - - .fa.solo span - { - display: none; - } - - .fa:before - { - display:inline-block; - font-family: FontAwesome; - font-size: 1.25em; - text-decoration: none; - font-style: normal; - font-weight: normal; - line-height: 1; - -webkit-font-smoothing:antialiased; - -moz-osx-font-smoothing:grayscale; - } - -/*********************************************************************************/ -/* Social Icon Styles */ -/*********************************************************************************/ - - ul.contact - { - padding: 1.5em 0 0 0; - list-style: none; - cursor: default; - } - - ul.contact li - { - display: inline-block; - margin: 0 1em; - } - - ul.contact li span - { - display: none; - margin: 0; - padding: 0; - } - - ul.contact li a - { - color: inherit; - font-size: 1.75em; - display: inline-block; - -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; - } - - ul.contact li a:hover - { - color: #fff; - } - -/*********************************************************************************/ -/* Header */ -/*********************************************************************************/ - - #header - { - position: relative; - background: #f03b11; - background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%); - background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%); - background-size: cover; - text-align: center; - } - - #header:after - { - content: ''; - position: relative; - width: 0; - height: 6em; - left: 0; - top: 0; - float: left; - } - -/*********************************************************************************/ -/* Logo */ -/*********************************************************************************/ - - #header h1 - { - color: #FFF; - text-decoration: none; - font-weight: 300; - line-height: 1em; - } - #header .tag - { - font-size: 1.4em; - color: #FFF; - } - -/*********************************************************************************/ -/* Columns */ -/*********************************************************************************/ - - #main, #copyright-inner - { - margin-left: 16.667%; - width: 66.667%; - } - - #sidebar - { - width: 16.667%; - } - -/*********************************************************************************/ -/* Main */ -/*********************************************************************************/ - - #main - { - clear: left; - } - - #main, #sidebar - { - position: relative; - float: left; - padding-bottom: 3em; - } - - .homepage header, .homepage p - { - text-align: center; - } - - #sidebar header - { - margin-bottom: 0.50em; - } - -/*********************************************************************************/ -/* Releases */ -/*********************************************************************************/ - #releases - { - margin: 2em 0em; - text-align: center; - } - - #releases ul, #releases p - { - margin: 0em; - } - - #releases ul > li - { - list-style: none; - display: inline-block; - width: 40%; - margin: 1em 0em; - } - - #releases ul > li > strong - { - list-style: none; - display: block; - font-size: 3em; - margin-bottom: 0.2em; - } - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - #footer - { - position: relative; - clear: left; - background: #401200; - color: #FFF; - } - - #footer a - { - color: inherit; - } - - #footer ul - { - vertical-align: top; - } - - #footer ul, #footer ul > li - { - padding: 0; - margin: 0 - } - -/*********************************************************************************/ -/* Copyright */ -/*********************************************************************************/ - - #copyright - { - clear: left; - border-top: 1px solid #aaaaaa; - position: relative; - color: #aaaaaa; - background: #ffffff; - padding: 1em 0em; - } - - #copyright a - { - color: inherit; - } - -/*********************************************************************************/ -/* Featured */ -/*********************************************************************************/ - - #featured - { - position: relative; - background: rgba(0,0,0,0.05); - text-align: center; - margin-bottom: 2em; - } - - #featured header - { - border-bottom: 1px solid #333333; - } - #featured h2 - { - margin-bottom: 0em; - } - - #featured h3 - { - padding: 1.5em 0em; - font-size: 1.6em; - display: block; - font-weight: 300; - height: 2em; - margin: 0em 0em 1em 0em; - } - - #featured .pennant - { - font-size: 4em; - } - - #featured .pennant img - { - width: 100%; - object-fit: contain; - background-size: contain; /* for IE polyfill */ - background-repeat: no-repeat; /* for IE polyfill */ - } - - #featured .button - { - margin-top: 1.5em; - } +@charset 'UTF-8'; +/* + Linear by TEMPLATED + templated.co @templatedco + Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) +*/ + +/*********************************************************************************/ +/* Basic */ +/*********************************************************************************/ + + body + { + margin: 0; + padding: 0; + background: #ffffff; + } + + body,input,textarea,select + { + font-family: 'Roboto', sans-serif; + font-size: 11pt; + font-weight: 300; + line-height: 1.75em; + color: #000000; + } + + strong,b,a + { + font-weight: 400; + } + strong a,b a + { + font-weight: 500; + } + h1,.homepage h2 + { + font-weight: 300; + color: black; + } + h2,h3,h4,h5,h6 + { + font-weight: 400; + color: #802400; + } + + pre,code,samp,tt + { + font-family: 'Roboto Mono', monospace; + } + pre,code + { + background: rgba(0,0,0,0.05); + } + + .homepage h1 { + margin: 0; + } + + h1, .homepage h2 + { + letter-spacing: -0.025em; + line-height: 1.025em; + margin-top: -0.125em; + } + + h2, .homepage h3 + { + font-size: 2em; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a + { + color: inherit; + font-weight: inherit; + } + + h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover + { + text-decoration: none; + } + + pre + { + padding: 1em; + border: 1px #000000 solid; + max-width: 100%; + overflow-x: auto; + } + + a + { + text-decoration: none; + color: #F03B11; + } + + a:hover + { + text-decoration: underline; + } + + sub + { + position: relative; + top: 0.5em; + font-size: 0.8em; + } + + sup + { + position: relative; + top: -0.5em; + font-size: 0.8em; + } + + hr + { + border: 0; + border-top: solid 1px #333; + margin: 2em 0 2em 0; + padding: 0; + } + + blockquote + { + border-left: solid 0.5em #333; + padding: 1em 0 1em 2em; + font-style: italic; + } + + p, ul, ol, dl, table + { + margin-bottom: 1em; + } + + header + { + margin-bottom: 1em; + } + + header h1, header h2, header h3, header h4, header h5, header h6 + { + margin-bottom: 0em; + } + + header .byline + { + display: block; + margin: 1.5em 0 0 0; + padding: 0 0 0.5em 0; + } + + .posted { + letter-spacing: 1px; + text-transform: uppercase; + font-size: 80%; + color: #999999; + } + + footer + { + margin-top: 1em; + } + + .clear + { + clear: both; + } + + .pennant + { + color: #999999; + } + + /* Sections/Articles */ + + section, + article + { + margin-bottom: 3em; + } + + section > :last-child, + article > :last-child + { + margin-bottom: 0; + } + + section:last-child, + article:last-child + { + margin-bottom: 0; + } + + .row > section, + .row > article + { + margin-bottom: 0; + } + + /* Images */ + + img { + max-width: 100%; + } + + .image + { + display: inline-block; + } + + .image img + { + display: block; + width: 100%; + } + + .image.featured + { + display: block; + width: 100%; + margin: 0 0 2em 0; + } + + .image.full + { + display: block; + width: 100%; + margin-bottom: 2em; + } + + .image.left + { + float: left; + margin: 0 2em 2em 0; + } + + .image.centered + { + display: block; + margin: 0 0 2em 0; + } + + .image.centered img + { + margin: 0 auto; + width: auto; + } + + /* Lists */ + + ul.style + { + margin-bottom: 0em; + padding: 0; + } + + ul.style li { + margin: 0; + padding: 0em 0em 1.5em 0em; + list-style: none; + } + + ul.category + { + margin: 0; + padding: 0; + letter-spacing: 1px; + text-transform: uppercase; + font-size: 80%; + color: #999999; + } + + ul.category li { + display: inline; + margin: 0; + padding: 0; + list-style: none; + padding-right: 1em; + } + ul.category li::before { + padding-right: 0.3em; + } + + + /* Buttons */ + + .button + { + position: relative; + display: inline-block; + background: #F03B11; + padding: 0.8em 2em; + font-size: 1.2em; + color: #FFF; + -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + text-align: center; + border-radius: 0.25em; + } + + .button:hover + { + background: #F01111; + text-decoration: none; + } + +/*********************************************************************************/ +/* Icons */ +/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io */ +/* Licensed under the SIL OFL 1.1 (font), MIT (CSS) */ +/*********************************************************************************/ + + .fa + { + text-decoration: none; + } + + .fa.solo + { + } + + .fa.solo span + { + display: none; + } + + .fa:before + { + display:inline-block; + font-family: FontAwesome; + font-size: 1.25em; + text-decoration: none; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + } + +/*********************************************************************************/ +/* Social Icon Styles */ +/*********************************************************************************/ + + ul.contact + { + padding: 1.5em 0 0 0; + list-style: none; + cursor: default; + } + + ul.contact li + { + display: inline-block; + margin: 0 1em; + } + + ul.contact li span + { + display: none; + margin: 0; + padding: 0; + } + + ul.contact li a + { + color: inherit; + font-size: 1.75em; + display: inline-block; + -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out; + } + + ul.contact li a:hover + { + color: #fff; + } + +/*********************************************************************************/ +/* Header */ +/*********************************************************************************/ + + #header + { + position: relative; + background: #f03b11; + background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%); + background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%); + background-size: cover; + text-align: center; + } + + #header:after + { + content: ''; + position: relative; + width: 0; + height: 6em; + left: 0; + top: 0; + float: left; + } + +/*********************************************************************************/ +/* Logo */ +/*********************************************************************************/ + + #header h1 + { + color: #FFF; + text-decoration: none; + font-weight: 300; + line-height: 1em; + } + #header .tag + { + font-size: 1.4em; + color: #FFF; + } + +/*********************************************************************************/ +/* Columns */ +/*********************************************************************************/ + + #main, #copyright-inner + { + margin-left: 16.667%; + width: 66.667%; + } + + #sidebar + { + width: 16.667%; + } + +/*********************************************************************************/ +/* Main */ +/*********************************************************************************/ + + #main + { + clear: left; + } + + #main, #sidebar + { + position: relative; + float: left; + padding-bottom: 3em; + } + + .homepage header, .homepage p + { + text-align: center; + } + + #sidebar header + { + margin-bottom: 0.50em; + } + +/*********************************************************************************/ +/* Releases */ +/*********************************************************************************/ + #releases + { + margin: 2em 0em; + text-align: center; + } + + #releases ul, #releases p + { + margin: 0em; + } + + #releases ul > li + { + list-style: none; + display: inline-block; + width: 40%; + margin: 1em 0em; + } + + #releases ul > li > strong + { + list-style: none; + display: block; + font-size: 3em; + margin-bottom: 0.2em; + } + +/*********************************************************************************/ +/* Footer */ +/*********************************************************************************/ + + #footer + { + position: relative; + clear: left; + background: #401200; + color: #FFF; + } + + #footer a + { + color: inherit; + } + + #footer ul + { + vertical-align: top; + } + + #footer ul, #footer ul > li + { + padding: 0; + margin: 0 + } + +/*********************************************************************************/ +/* Copyright */ +/*********************************************************************************/ + + #copyright + { + clear: left; + border-top: 1px solid #aaaaaa; + position: relative; + color: #aaaaaa; + background: #ffffff; + padding: 1em 0em; + } + + #copyright a + { + color: inherit; + } + +/*********************************************************************************/ +/* Featured */ +/*********************************************************************************/ + + #featured + { + position: relative; + background: rgba(0,0,0,0.05); + text-align: center; + margin-bottom: 2em; + } + + #featured header + { + border-bottom: 1px solid #333333; + } + #featured h2 + { + margin-bottom: 0em; + } + + #featured h3 + { + padding: 1.5em 0em; + font-size: 1.6em; + display: block; + font-weight: 300; + height: 2em; + margin: 0em 0em 1em 0em; + } + + #featured .pennant + { + font-size: 4em; + } + + #featured .pennant img + { + width: 100%; + object-fit: contain; + background-size: contain; /* for IE polyfill */ + background-repeat: no-repeat; /* for IE polyfill */ + } + + #featured .button + { + margin-top: 1.5em; + } diff --git a/index.html b/index.html index 1de3fe3..4c65101 100644 --- a/index.html +++ b/index.html @@ -1,89 +1,89 @@ ---- -title: QEMU -layout: home -colorbox: True ---- - - - - - - - -
-
-

Latest releases

-
-
- {% include releases.html %} -
-
- - - +--- +title: QEMU +layout: home +colorbox: True +--- + + + + + + + +
+
+

Latest releases

+
+
+ {% include releases.html %} +
+
+ + +