From patchwork Mon Jul 29 17:17:34 2024 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit X-Patchwork-Submitter: "ashish.is--- via Guix-patches\" via" X-Patchwork-Id: 66549 Return-Path: X-Original-To: patchwork@mira.cbaines.net Delivered-To: patchwork@mira.cbaines.net Received: by mira.cbaines.net (Postfix, from userid 113) id 2E18F27BBE9; Mon, 29 Jul 2024 18:20:15 +0100 (BST) X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on mira.cbaines.net X-Spam-Level: X-Spam-Status: No, score=-6.4 required=5.0 tests=BAYES_00,DKIM_INVALID, DKIM_SIGNED,FREEMAIL_FROM,MAILING_LIST_MULTI, RCVD_IN_VALIDITY_CERTIFIED,RCVD_IN_VALIDITY_RPBL,RCVD_IN_VALIDITY_SAFE, SPF_HELO_PASS,URIBL_BLOCKED autolearn=ham autolearn_force=no version=3.4.6 Received: from lists.gnu.org (lists.gnu.org [209.51.188.17]) by mira.cbaines.net (Postfix) with ESMTPS id A93D627BBEA for ; Mon, 29 Jul 2024 18:20:13 +0100 (BST) Received: from localhost ([::1] helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1sYU2M-0004DO-6d; Mon, 29 Jul 2024 13:19:54 -0400 Received: from eggs.gnu.org ([2001:470:142:3::10]) by lists.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1sYU2H-0004Bp-Bu for guix-patches@gnu.org; Mon, 29 Jul 2024 13:19:50 -0400 Received: from debbugs.gnu.org ([2001:470:142:5::43]) by eggs.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_128_GCM_SHA256:128) (Exim 4.90_1) (envelope-from ) id 1sYU2H-0000NF-2z for guix-patches@gnu.org; Mon, 29 Jul 2024 13:19:49 -0400 DKIM-Signature: v=1; a=rsa-sha256; q=dns/txt; c=relaxed/relaxed; d=debbugs.gnu.org; s=debbugs-gnu-org; h=MIME-Version:References:In-Reply-To:Date:From:To:Subject; bh=ahObEYE4ozHKSkYIFr3hVw8C6bE65QkRFtQj4EgonlI=; b=nzssZBW1n+TRmla/fWc/QZEUH7CRTgPL1WdaC04tf6Z0S1ByndbwODBTRSdyTKZYrTE/16aCDpgPnR0J2A7m87L+0RPrm1EYtrJzDI/CuLN9nqrlwrKPjemGkgEeZkni+ddkeec/UZTWTHBY9LkWEN5v2N+cjjrnNkpDDjXic3PjoggJzdqjk5HqJ4JlRA5M1aQTagJzmdUTiUCjpV6EObL6yAcxJ9up9hbjRAyxMw8VKKdNLbPomxKcGM48zNyUScP9PwrhUHs4OXrwVOJ1rPKc034RlfI3njBXvnTcaf2n18SJ2Tg45K8lgYpeb2Km9W1tA5s/V/YycnizLY1DUg==; Received: from Debian-debbugs by debbugs.gnu.org with local (Exim 4.84_2) (envelope-from ) id 1sYU2U-0001W7-3B for guix-patches@gnu.org; Mon, 29 Jul 2024 13:20:02 -0400 X-Loop: help-debbugs@gnu.org Subject: [bug#72314] [PATCH v1 2/3] website: Move screenshots style to the screenshots style sheet. Resent-From: sirgazil@zoho.com Original-Sender: "Debbugs-submit" Resent-CC: guix-patches@gnu.org Resent-Date: Mon, 29 Jul 2024 17:20:02 +0000 Resent-Message-ID: Resent-Sender: help-debbugs@gnu.org X-GNU-PR-Message: followup 72314 X-GNU-PR-Package: guix-patches X-GNU-PR-Keywords: patch To: 72314@debbugs.gnu.org Cc: Luis Felipe Received: via spool by 72314-submit@debbugs.gnu.org id=B72314.17222735445732 (code B ref 72314); Mon, 29 Jul 2024 17:20:02 +0000 Received: (at 72314) by debbugs.gnu.org; 29 Jul 2024 17:19:04 +0000 Received: from localhost ([127.0.0.1]:46249 helo=debbugs.gnu.org) by debbugs.gnu.org with esmtp (Exim 4.84_2) (envelope-from ) id 1sYU1Y-0001UN-1x for submit@debbugs.gnu.org; Mon, 29 Jul 2024 13:19:04 -0400 Received: from sender4-pp-o91.zoho.com ([136.143.188.91]:25121) by debbugs.gnu.org with esmtp (Exim 4.84_2) (envelope-from ) id 1sYU1W-0001Tr-7k for 72314@debbugs.gnu.org; Mon, 29 Jul 2024 13:19:02 -0400 Delivered-To: sirgazil@zoho.com ARC-Seal: i=1; a=rsa-sha256; t=1722273527; cv=none; d=zohomail.com; s=zohoarc; b=hVPsflscfMlD+0PEDNO/09a2YtoujwtKPA7qJCFQuRJ/hBs56DDIO7KyAP5dtWqIACV9tpZyPfv/gGIAlCH1tn0P7mY+4EGXHtb8KW3iek58OkPbHfbAMXRM6jVyjbVjHIVcK1k4dCrN8SaCSoeGFR4oTt3b9ju+opVsPF3oi7Q= ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=zohomail.com; s=zohoarc; t=1722273527; h=Content-Transfer-Encoding:Cc:Cc:Date:Date:From:From:In-Reply-To:MIME-Version:Message-ID:References:Subject:Subject:To:To:Message-Id:Reply-To; bh=ahObEYE4ozHKSkYIFr3hVw8C6bE65QkRFtQj4EgonlI=; b=L4BRBq97KaBUKzqfDyk381Jm8kEpgWR1sjjMMgh6zgR1jLsQcMtnwWlCWZ7KWPHoXQFvRhFNODw6rcNpvuk+erKu7GzPS0aY5pUPUpJ9S75HIVZ9NyVug/1BiutN/sL/ZR1pC0pEhddFXghjrq83kWIrGGV/9XbfF5Jb0PuneOA= ARC-Authentication-Results: i=1; mx.zohomail.com; dkim=pass header.i=zoho.com; spf=pass smtp.mailfrom=sirgazil@zoho.com; dmarc=pass header.from= DKIM-Signature: v=1; a=rsa-sha256; q=dns/txt; c=relaxed/relaxed; t=1722273527; s=zm2022; d=zoho.com; i=sirgazil@zoho.com; h=From:From:To:To:Cc:Cc:Subject:Subject:Date:Date:Message-ID:In-Reply-To:References:MIME-Version:Content-Transfer-Encoding:Feedback-ID:Message-Id:Reply-To; bh=ahObEYE4ozHKSkYIFr3hVw8C6bE65QkRFtQj4EgonlI=; b=NvSrYVMHesTv69hhE31jffNoRYtXAxSNx/Cmnp1fzWmstn81GV2ekQWUfv0zEz0U 5nnoUgvhzGNo0WUik5NwwZ+sU3SDEMFLswEw55+Gwj+e8fgs0zzQWNGM0Mr16aZWLK2 dPwIO82QB9lDmtW3NF/qKe40V3iOyMyXihFd/UiE= Received: by mx.zohomail.com with SMTPS id 1722273525044278.82322351223945; Mon, 29 Jul 2024 10:18:45 -0700 (PDT) Date: Mon, 29 Jul 2024 12:17:34 -0500 Message-ID: <20240729171808.30569-2-sirgazil@zoho.com> X-Mailer: git-send-email 2.45.2 In-Reply-To: <20240729171808.30569-1-sirgazil@zoho.com> References: <20240729171808.30569-1-sirgazil@zoho.com> MIME-Version: 1.0 Feedback-ID: rr0801122c42603b8ca0677a07701d063f00007fd613dcda224da7adcb882eab016b762f54e2ee8fee0ab0cc9afffd80f3:zu08011227f5319f278e9acc7a45c3600600002f4e8e9ea7c358b3531a527a716c795dd0ace801bab168ea24:rf08011226d56f9f347d9f3bc231889c0f0000d92a74f40eadf5d28a605e315bbee2656916f721605f4f06:ZohoMail X-ZohoMailClient: External X-BeenThere: debbugs-submit@debbugs.gnu.org X-Mailman-Version: 2.1.18 Precedence: list X-BeenThere: guix-patches@gnu.org List-Id: List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Reply-to: sirgazil@zoho.com X-ACL-Warn: , sirgazil--- via Guix-patches X-Patchwork-Original-From: sirgazil--- via Guix-patches via From: "ashish.is--- via Guix-patches\" via" Errors-To: guix-patches-bounces+patchwork=mira.cbaines.net@gnu.org Sender: guix-patches-bounces+patchwork=mira.cbaines.net@gnu.org X-getmail-retrieved-from-mailbox: Patches From: Luis Felipe * website/themes/initial/css/index.css: Move screenshot rules to screenshots.css. * website/themes/initial/css/screenshots.css: Add screenshot rules from index.css. * website/apps/media/templates/screenshot.scm (screenshot-t): Don't use the index.css. * website/apps/media/templates/screenshots-overview.scm: (screenshots-overview-t): Likewise, and use screenshots.css instead. --- website/apps/media/templates/screenshot.scm | 3 +- .../media/templates/screenshots-overview.scm | 2 +- website/themes/initial/css/index.css | 61 ------------------ website/themes/initial/css/screenshots.css | 64 ++++++++++++++++++- 4 files changed, 65 insertions(+), 65 deletions(-) diff --git a/website/apps/media/templates/screenshot.scm b/website/apps/media/templates/screenshot.scm index a942ef6..377485a 100644 --- a/website/apps/media/templates/screenshot.scm +++ b/website/apps/media/templates/screenshot.scm @@ -26,8 +26,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \ Scheme|Transactional upgrades|Functional package \ management|Reproducibility") #\|) #:active-menu-item (C_ "website menu" "Media") - #:css (list (theme-url "css/index.css") - (theme-url "css/screenshots.css")) + #:css (list (theme-url "css/screenshots.css")) #:content `(main (section diff --git a/website/apps/media/templates/screenshots-overview.scm b/website/apps/media/templates/screenshots-overview.scm index 7663ad9..97e5af6 100644 --- a/website/apps/media/templates/screenshots-overview.scm +++ b/website/apps/media/templates/screenshots-overview.scm @@ -23,7 +23,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \ Scheme|Transactional upgrades|Functional package \ management|Reproducibility") #\|) #:active-menu-item (C_ "website menu" "Media") - #:css (list (theme-url "css/index.css")) + #:css (list (theme-url "css/screenshots.css")) #:content `(main (section diff --git a/website/themes/initial/css/index.css b/website/themes/initial/css/index.css index a04f3b6..da9caf4 100644 --- a/website/themes/initial/css/index.css +++ b/website/themes/initial/css/index.css @@ -228,73 +228,12 @@ h2 { color: #E6E6E6; } -.screenshots-box { - padding: 40px 0px 0px 0px; -} - -.screenshot-preview { - font-size: 0.7em; - margin: 40px auto; - max-width: 250px; - text-align: center; -} - -.screenshot-preview a, -.screenshot-preview img { - border-radius: 5px; - display: block; -} - -.screenshot-preview a:link, -.screenshot-preview a:visited { - border-color: transparent; - border-style: solid; - border-width: thin; - box-shadow: 0 0 4px gray; - color: white; - position: relative; -} - -.screenshot-preview a:active, -.screenshot-preview a:focus, -.screenshot-preview a:hover { - border-color: black; - box-shadow: 0 0 4px black; -} - - - -@media screen and (min-width: 300px) { - .screenshot-inset-shadow { - border-radius: 5px; - box-shadow: inset 0 0 4px black; - display: block; - height: 140px; - position: absolute; - top: 0px; - width: 250px; - } - - .screenshot-preview a:active .screenshot-inset-shadow, - .screenshot-preview a:focus .screenshot-inset-shadow, - .screenshot-preview a:hover .screenshot-inset-shadow { - box-shadow: none; - } -} - - @media screen and (min-width: 480px) { .button-big:link, .button-big:visited { display: inline-block; } - - .screenshot-preview { - display: inline-block; - margin: 15px; - vertical-align: top; - } } diff --git a/website/themes/initial/css/screenshots.css b/website/themes/initial/css/screenshots.css index 64f5f6a..296a99b 100644 --- a/website/themes/initial/css/screenshots.css +++ b/website/themes/initial/css/screenshots.css @@ -1,3 +1,65 @@ +.screenshots-box { + padding: 40px 0px 0px 0px; +} + +.screenshot-preview { + font-size: 0.7em; + margin: 40px auto; + max-width: 250px; + text-align: center; +} + +.screenshot-preview a, +.screenshot-preview img { + border-radius: 5px; + display: block; +} + +.screenshot-preview a:link, +.screenshot-preview a:visited { + border-color: transparent; + border-style: solid; + border-width: thin; + box-shadow: 0 0 4px gray; + color: white; + position: relative; +} + +.screenshot-preview a:active, +.screenshot-preview a:focus, +.screenshot-preview a:hover { + border-color: black; + box-shadow: 0 0 4px black; +} + .screenshot-viewer { background-color: black; -} \ No newline at end of file +} + + + +@media screen and (min-width: 300px) { + .screenshot-inset-shadow { + border-radius: 5px; + box-shadow: inset 0 0 4px black; + display: block; + height: 140px; + position: absolute; + top: 0px; + width: 250px; + } + + .screenshot-preview a:active .screenshot-inset-shadow, + .screenshot-preview a:focus .screenshot-inset-shadow, + .screenshot-preview a:hover .screenshot-inset-shadow { + box-shadow: none; + } +} + +@media screen and (min-width: 480px) { + .screenshot-preview { + display: inline-block; + margin: 15px; + vertical-align: top; + } +}