From 6273cc9a4ca5f6a11beaaa6ec1f8e275e947e25d Mon Sep 17 00:00:00 2001 From: El RIDO Date: Tue, 23 Apr 2024 21:49:57 +0200 Subject: [PATCH] extract shared common CSS into single file --- css/bootstrap/privatebin.css | 55 ++----------------------------- css/bootstrap5/privatebin.css | 55 +++---------------------------- css/common.css | 61 +++++++++++++++++++++++++++++++++++ css/noscript.css | 3 +- css/privatebin.css | 51 ++--------------------------- 5 files changed, 72 insertions(+), 153 deletions(-) create mode 100644 css/common.css diff --git a/css/bootstrap/privatebin.css b/css/bootstrap/privatebin.css index 20a7e4e4..4ff0e4ed 100644 --- a/css/bootstrap/privatebin.css +++ b/css/bootstrap/privatebin.css @@ -1,7 +1,7 @@ /** * PrivateBin * - * a zero-knowledge paste bin + * Cascading style sheets for bootstrap template. * * @link https://github.com/PrivateBin/PrivateBin * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net) @@ -9,6 +9,8 @@ * @version 1.7.1 */ +@import url("../common.css"); + body { padding: 0 0 30px; } @@ -68,48 +70,6 @@ body.loading { margin-right: 8px; } -#attachmentPreview img { - max-width: 100%; - height: auto; - margin-bottom: 20px; -} - -#attachmentPreview .pdfPreview { - width: 100%; - height: 100vh; - margin-bottom: 20px; -} - -#dropzone { - text-align: center; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000; - opacity: 0.6; - background-color: #99ccff; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: center; - background-size: 25vh; - outline: 2px dashed #228bff; - outline-offset: -50px; -} - -.dragAndDropFile{ - color: #777; - font-size: 1em; - display: inline; - white-space: normal; -} - -#deletelink { - float: right; - margin-left: 5px; -} - #qrcodemodalClose { float: right; } @@ -145,10 +105,6 @@ body.loading { margin-bottom: 10px; } -#filewrap { - transition: background-color 0.75s ease-out; -} - .comment { border-left: 1px solid #ccc; padding: 5px 0 5px 10px; @@ -156,11 +112,6 @@ body.loading { transition: background-color 0.75s ease-out; } -.highlight { - background-color: #ffdd86; - transition: background-color 0.2s ease-in; -} - footer h4 { margin-top: 0; } diff --git a/css/bootstrap5/privatebin.css b/css/bootstrap5/privatebin.css index d53c325c..7f2128c3 100644 --- a/css/bootstrap5/privatebin.css +++ b/css/bootstrap5/privatebin.css @@ -1,7 +1,7 @@ /** * PrivateBin * - * a zero-knowledge paste bin + * Cascading style sheets for bootstrap 5 template. * * @link https://github.com/PrivateBin/PrivateBin * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net) @@ -9,48 +9,10 @@ * @version 1.7.1 */ - .hidden { display: none !important; } +@import url("../common.css"); - #attachmentPreview img { - max-width: 100%; - height: auto; - margin-bottom: 20px; -} - -#attachmentPreview .pdfPreview { - width: 100%; - height: 100vh; - margin-bottom: 20px; -} - -#dropzone { - text-align: center; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000; - opacity: 0.6; - background-color: #99ccff; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: center; - background-size: 25vh; - outline: 2px dashed #228bff; - outline-offset: -50px; -} - -.dragAndDropFile { - color: #777; - font-size: 1em; - display: inline; - white-space: normal; -} - -#deletelink { - float: right; - margin-left: 5px; +.hidden { + display: none !important; } #qrcodemodalClose { @@ -88,10 +50,6 @@ margin-bottom: 10px; } -#filewrap { - transition: background-color 0.75s ease-out; -} - .comment { border-left: 1px solid #ccc; padding: 5px 0 5px 10px; @@ -99,11 +57,6 @@ transition: background-color 0.75s ease-out; } -.highlight { - background-color: #ffdd86; - transition: background-color 0.2s ease-in; -} - li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: decimal !important; } diff --git a/css/common.css b/css/common.css new file mode 100644 index 00000000..68eddfcb --- /dev/null +++ b/css/common.css @@ -0,0 +1,61 @@ +/** + * PrivateBin + * + * Common cascading style sheets for all templates. + * + * @link https://github.com/PrivateBin/PrivateBin + * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net) + * @license https://www.opensource.org/licenses/zlib-license.php The zlib/libpng License + * @version 1.7.1 + */ + +#attachmentPreview img { + max-width: 100%; + height: auto; + margin-bottom: 20px; +} + +#attachmentPreview .pdfPreview { + width: 100%; + height: 100vh; + margin-bottom: 20px; +} + +#dropzone { + text-align: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1000; + opacity: 0.6; + background-color: #9cf; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: 25vh; + outline: 2px dashed #28f; + outline-offset: -50px; +} + +.dragAndDropFile { + color: #777; + font-size: 1em; + display: inline; + white-space: normal; +} + +#filewrap { + transition: background-color 0.75s ease-out; +} + +.highlight { + background-color: #fd8; + transition: background-color 0.2s ease-in; +} + +#deletelink { + float: right; + margin-left: 5px; +} diff --git a/css/noscript.css b/css/noscript.css index 29f7a707..b8dc4c39 100644 --- a/css/noscript.css +++ b/css/noscript.css @@ -1,7 +1,7 @@ /** * PrivateBin * - * CSS file only loaded when no JavaScript available. + * Cascading style sheet only loaded when JavaScript is not available. * * @link https://github.com/PrivateBin/PrivateBin * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net) @@ -9,7 +9,6 @@ * @version 1.7.1 */ -/* When there is no script at all other */ .noscript-hide { display: none; } diff --git a/css/privatebin.css b/css/privatebin.css index 6ee043e5..55bf020c 100644 --- a/css/privatebin.css +++ b/css/privatebin.css @@ -1,7 +1,7 @@ /** * PrivateBin * - * Main CSS file. + * Cascading style sheets for page template. * * @link https://github.com/PrivateBin/PrivateBin * @copyright 2012 Sébastien SAUVAGE (sebsauvage.net) @@ -9,6 +9,8 @@ * @version 1.7.1 */ +@import url("common.css"); + /* CSS Reset from YUI 3.4.1 (build 4118) - Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. - http://yuilibrary.com/license/ */ html{color:#000;background:#fff}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%;}legend{color:#000} @@ -105,42 +107,6 @@ h3.title { resize: vertical; } -#attachmentPreview img { - max-width: 100%; - height: auto; -} - -#attachmentPreview .pdfPreview { - width: 100%; - height: 100vh; - margin-bottom: 20px; -} - -#dropzone { - text-align: center; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000; - opacity: 0.6; - background-color: #99ccff; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: center; - background-size: 25vh; - outline: 2px dashed #228bff; - outline-offset: -50px; -} - -.dragAndDropFile{ - color: #777; - font-size: 1em; - display: inline; - white-space: normal; -} - #status { clear: both; padding: 5px 10px; @@ -160,8 +126,6 @@ h3.title { #pasteresult button { margin-left: 11px; } -#deletelink { float: right; } - #toolbar, #status { margin-bottom: 5px; } #copyhint { color: #666; font-size: 0.85em } @@ -430,15 +394,6 @@ h4.title { .commentdate { color: #bfcede; } -#filewrap { - transition: background-color 0.75s ease-out; -} - -.highlight { - background-color: #ffdd86; - transition: background-color 0.2s ease-in; -} - img.vizhash { width: 16px; height: 16px;