From patchwork Wed Jul 31 16:18:21 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: 29633 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 1959927BBEA; Wed, 31 Jul 2024 17:22:05 +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 8CA9327BBE9 for ; Wed, 31 Jul 2024 17:22:02 +0100 (BST) Received: from localhost ([::1] helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1sZC5I-0000XV-Dy; Wed, 31 Jul 2024 12:21:52 -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 1sZC5D-0000WM-MH for guix-patches@gnu.org; Wed, 31 Jul 2024 12:21:48 -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 1sZC5D-0001Bn-Ct for guix-patches@gnu.org; Wed, 31 Jul 2024 12:21:47 -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=KGl+DcioMm86q2mg9WisrG87HPJZKSybpqNvsfi9qE3PcwffcWgt0rDgLDbXTeH/7DhGfTsgdoso7WRCzJaswhpX5rAq+UhBr/U/Q9vRNCjIjJ3jDPoN9yMIL0X8jKMWik7UyZUAYbi0miAvqutvw4/kz+WutTKl4OEwsU40eqRJ5vVLHK9iMwamP7n0tF931K7v7YO3ax4S8qI7LA9oH54knHyvjU0h1KvJOBgBdQuQa2szya01BzslI9JQsVu5/4wBHJlvc1tsY1bhenbZRjvFIMQjF+CKhwhe28DGx54KVlJYNJgP6DfocVKOwssWrMRmu6Z0yg3MVw6y9WyrYQ==; Received: from Debian-debbugs by debbugs.gnu.org with local (Exim 4.84_2) (envelope-from ) id 1sZC5T-0004kA-1X for guix-patches@gnu.org; Wed, 31 Jul 2024 12:22:03 -0400 X-Loop: help-debbugs@gnu.org Subject: [bug#72314] [PATCH v2 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: Wed, 31 Jul 2024 16:22:03 +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.172244287118136 (code B ref 72314); Wed, 31 Jul 2024 16:22:03 +0000 Received: (at 72314) by debbugs.gnu.org; 31 Jul 2024 16:21:11 +0000 Received: from localhost ([127.0.0.1]:50181 helo=debbugs.gnu.org) by debbugs.gnu.org with esmtp (Exim 4.84_2) (envelope-from ) id 1sZC4c-0004iR-O7 for submit@debbugs.gnu.org; Wed, 31 Jul 2024 12:21:11 -0400 Received: from sender4-pp-o91.zoho.com ([136.143.188.91]:25173) by debbugs.gnu.org with esmtp (Exim 4.84_2) (envelope-from ) id 1sZC4Z-0004iH-Sh for 72314@debbugs.gnu.org; Wed, 31 Jul 2024 12:21:09 -0400 Delivered-To: sirgazil@zoho.com ARC-Seal: i=1; a=rsa-sha256; t=1722442850; cv=none; d=zohomail.com; s=zohoarc; b=MDFSdrf8RSVcxRBLm9cYE6L21t9b8Kly4k6RUj0RKxM5H5Fm0+oT6DSwWtpR+7oGhtXh1VCdDhowqV3dpk0Iw/cg0Z5K6q0Y9165+j+WP0AapS4X0S54K1Wl2LDS2tN83CKDz2nEgCVqbs9f3tzWl2OcY6iI9fDvCjlM9nquQLE= ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=zohomail.com; s=zohoarc; t=1722442850; 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=Xwbimi2PC6sM84HFL+Byej3GFWXpLUY8es86KEyt76Qjl61RZmRFok405ObANxQiXJnEcqFI+HKw0e4AhHeQ6csmrc0U1lkxvWwcIQGpG9B2/RnaSC4n2Xt5SOs+L4C58oyJ1UJlgLstpoIHJdHCG8PwqAsrhehVaVYqNvGMdpM= 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=1722442850; 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=AGLf4KsK4EFC+iK7N76NIgG05H8GLFT2zSNruytkVW9j0rhI288EXl/nA2hX6eq7 SBAakyxH3I8HGY5tEIXwHoplbmBMsB9X3wepEe5AY7/5HwexyhwBkk8Cho1whJFamPy 1EzibxVsIEDmAjOm3VY6A0MDoQoGsR8AVXD8t1k8= Received: by mx.zohomail.com with SMTPS id 1722442849176233.52692487583772; Wed, 31 Jul 2024 09:20:49 -0700 (PDT) Date: Wed, 31 Jul 2024 11:18:21 -0500 Message-ID: <20240731161835.11144-2-sirgazil@zoho.com> X-Mailer: git-send-email 2.45.2 In-Reply-To: <20240731161835.11144-1-sirgazil@zoho.com> References: <20240731161835.11144-1-sirgazil@zoho.com> MIME-Version: 1.0 Feedback-ID: rr0801122788ee7f200560281c7666aef100007794dcc62f101653e2b8901cbe0a793aeaa24c648f2af5bdb3:zu080112271c831bed97e925772f571bcd0000668e028cc3db552fedeab6ebba50b2814276b878e2358233b9:rf08011226849bde3a8eae5ff9b58cf0e0000022662f6210fc07602bd54f0ad7849a103ab9549ebdd93410: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; + } +}