From: Victor Lamoine Date: Sat, 4 Aug 2018 20:40:35 +0000 (+0200) Subject: Add dark-courgette theme X-Git-Tag: 4.0.0~24 X-Git-Url: https://git.p6c8.net/jirafeau.git/commitdiff_plain/43f7da4085de0635f3f4d9d2bd43b8e638d491a1 Add dark-courgette theme --- diff --git a/media/dark-courgette/email.png b/media/dark-courgette/email.png new file mode 100644 index 0000000..3f413bd Binary files /dev/null and b/media/dark-courgette/email.png differ diff --git a/media/dark-courgette/email.svg b/media/dark-courgette/email.svg new file mode 100644 index 0000000..76dfa95 --- /dev/null +++ b/media/dark-courgette/email.svg @@ -0,0 +1,70 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/media/dark-courgette/favicon.ico b/media/dark-courgette/favicon.ico new file mode 100644 index 0000000..c42c696 Binary files /dev/null and b/media/dark-courgette/favicon.ico differ diff --git a/media/dark-courgette/logo-jirafeau.svg b/media/dark-courgette/logo-jirafeau.svg new file mode 100644 index 0000000..bea110a --- /dev/null +++ b/media/dark-courgette/logo-jirafeau.svg @@ -0,0 +1,92 @@ + +image/svg+xml + + + + + + + + + + + + \ No newline at end of file diff --git a/media/dark-courgette/pixel_bomb.png b/media/dark-courgette/pixel_bomb.png new file mode 100644 index 0000000..92c95ca Binary files /dev/null and b/media/dark-courgette/pixel_bomb.png differ diff --git a/media/dark-courgette/style.css.php b/media/dark-courgette/style.css.php new file mode 100644 index 0000000..b39a05d --- /dev/null +++ b/media/dark-courgette/style.css.php @@ -0,0 +1,474 @@ + + * Jimmy Beauvois + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as + * published by the Free Software Foundation, either version 3 of the + * License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +/* + * This stylesheet is the default stylesheet for Jyraphe. + * The content is dynamically generated for easier handling. + */ + +$dark = '#8B4513'; + +header('Content-type: text/css'); + +?> + +/* ========================================================================== + Summary + + 1 = Basic Style + 2 = Copyright + 3 = Options + 4 = Upload + 5 = Terms of service + 6 = Install + 7 = Admin + 8 = Download page + + ========================================================================== */ + +/* ========================================================================== + 1 = Basic Style + ========================================================================== */ + +body { + color: #fff; + background: #212121; + font-family: Arial, sans-serif; + margin: 0; + line-height: 1.5; +} + +#content { + padding: 2em; +} + +h1 a { + display: block; + background: url(logo-jirafeau.svg) no-repeat; + background-size: 100% 100%; + text-indent: -9999px; + width: 194px; + height: 185px; + margin: 1em auto; + position: relative; + left: 0.4em; +} + +h2 { + text-align: center; + color: #fff; +} + +fieldset { + border: 0; + padding: 1.5em; + margin: 0 auto; + border-radius: 8px; + width: 20em; + border: 7px dashed #7d7d7d; + min-height: 15em; + min-width: 30em; + position: relative; +} + +legend { + padding: 0.5em 1em; + background: #212121; + color: #e5e5e5; + font-size: 1.2em; + display: block; + min-width: 8em; + text-align: center; +} + +table a { + color: #fff; +} + +table a:hover, +table a:focus { + text-decoration: none; +} + +input[type="submit"] { + background: #555; + border: 0; + padding: 0.4em 2.2em; + font-size: 1.1em; + color: #FFF; + border-bottom: 5px solid #fff; + cursor: pointer; + margin: 10px; +} + +select, +input[type="text"], +input[type="password"] { + border: 1; + padding: 5px 5px; + font-size: 1em; +} + +select { width: 100%; } + +input[type="submit"]:hover, +input[type="submit"]:focus { + border: 0; + position: relative; + top: 5px; + margin-bottom: 15px; +} + +.inner { + margin-top: 3em; +} + +#upload fieldset { + background: url(upload.svg) no-repeat center; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + transition: all 0.5s ease; +} + +#upload fieldset:hover { + border-color: #e5e5e5; +} + +#upload > form { + text-align: center; +} + +#upload p { + margin: 0; +} + +#file_select { + position: relative; + width: 100%; + height: 16em; + cursor: pointer; + opacity: 0; +} + #upload.file-selected #file_select { + opacity: 1; + height: 2em; + } + #upload.file-selected fieldset { + background-image: none; + } + + +/* ========================================================================== + 2 = Copyright + ========================================================================== */ + +#copyright { + text-align: center; + font-size: 0.8em; + color: #bbb; + margin: 3em auto; +} + +#copyright a { + color: #bbb; + text-decoration: none; +} + +#copyright a:hover, +#copyright a:focus { + text-decoration: underline; +} + +/* ========================================================================== + 3 = Options + ========================================================================== */ + +#options { + color: #fff; + position: relative; + z-index: 10; + width: 100%; + height: 90%; +} + +#options tr { height: 2.7em; } + +#option_table tr:first-child { + width: 100%; + height: 100%; +} + +#option_table td:first-child { +} + +#options input[type="submit"] { + position: relative; + margin: 1em auto; +} + +/* ========================================================================== + 4 = Upload + ========================================================================== */ + +#upload_finished, +#uploading, +.message, +.info, +.error { + text-align: center; + color: #fff; + padding-left: 3em; +} + +#upload_finished > p:nth-child(1) { + color: #0D9CB2; + font-weight: bold; +} + +#upload_finished div p:nth-child(1) { + font-weight: bold; +} + +#upload_finished a { + text-decoration: none; + color: #fff; +} + +#uploading a { + font-weight: bold; + text-decoration: none; + color: #fff; +} + +#uploaded_percentage { + font-size: 2em; + font-weight: bold; +} + +#upload_finished a:hover, +#uploading a:hover, +#upload_finished a:focus, +#uploading a:focus { + text-decoration: underline; +} + +.message, +.error { + color: #d55548; + font-style: italic; + font-weight: bold; +} + +#upload_link_email { + margin-left: 10px; +} + +#upload_image_email { + padding-left: 20px; + padding-bottom: 15px; + background: url(email.png) no-repeat; +} + +/* ========================================================================== + 5 = Terms of service + ========================================================================== */ + +textarea[readonly="readonly"] { + border: 0; + color: #fff; + font-family: Arial, sans-serif; + background: none; + margin: auto; + display: block; +} + +textarea[readonly="readonly"] + p, +textarea[readonly="readonly"] + p + p { + text-align: center; + color: #fff; +} + +textarea[readonly="readonly"] + p a, +textarea[readonly="readonly"] + p + p a { + font-weight: bold; + text-decoration: none; + color: #fff; +} + +textarea[readonly="readonly"] + p a:hover, +textarea[readonly="readonly"] + p + p a:hover, +textarea[readonly="readonly"] + p a:focus, +textarea[readonly="readonly"] + p + p a:focus { + text-decoration: underline; +} + +/* ========================================================================== + 6 = Install + ========================================================================== */ + +#install fieldset, +#install + fieldset { + width: auto; + max-width: 50em; + border: 7px dashed #bcaaa4; +} + +#install table, +#install + fieldset table { + width: 100%; + border-collapse: collapse; +} + +#install td, +#install + fieldset td { + padding: 0.5em 1em; + border-bottom: 0; +} + +#install td:empty { + width: 13.1em; +} + +#install table form:nth-child(odd), +#install + fieldset tr:nth-child(odd) { + background: #bcaaa4; +} + +#install fieldset > form { + margin-top: 2em; + text-align: center; +} + +#install form { + display: table; + width: 100%; +} + +#install td:last-child { text-align: left; } + +#install .info { width: 19em; } + +#install input[type="submit"] { + min-width: 10.5em; +} + +#install + fieldset table { + font-size: 0.9em; +} + +#install + fieldset td:first-child input[type="submit"] { + background: none; + padding: 0; + color: #000; + font-weight: bold; + border-bottom: 0; +} + +#install + fieldset td:first-child input[type="submit"]:hover, +#install + fieldset td:first-child input[type="submit"]:focus { + text-decoration: underline; +} + +/* ========================================================================== + 7 = Admin + ========================================================================== */ + +#admin fieldset, +#admin + fieldset { + width: auto; + max-width: 60em; + border: 7px dashed #bcaaa4; +} + +#admin table, +#admin + fieldset table { + width: 100%; + border-collapse: collapse; + border-bottom: 2px solid #FFF; +} + +#admin td, +#admin + fieldset td { + padding: 0.5em 1em; + border: 2px solid #FFF; + border-bottom: 0; +} + +#admin td:empty { + width: 13.1em; +} + +#admin table form:nth-child(odd), +#admin + fieldset tr:nth-child(odd) { + background: #bcaaa4; +} + +#admin fieldset > form { + margin-top: 2em; + text-align: center; +} + +#admin form { + display: table; + width: 100%; +} + +#admin td:last-child { text-align: left; } + +#admin .info { width: 19em; } + +#admin input[type="submit"] { + min-width: 10.5em; +} + +#admin + fieldset table { + font-size: 0.9em; +} + +#admin + fieldset td:first-child input[type="submit"] { + background: none; + padding: 0; + color: #000; + font-weight: bold; + border-bottom: 0; +} + +#admin + fieldset td:first-child input[type="submit"]:hover, +#admin + fieldset td:first-child input[type="submit"]:focus { + text-decoration: underline; +} + +/* ========================================================================== + 8 = Download page + ========================================================================== */ + +#self_destruct { + font-weight: bold; + color: red; + background-image: url('pixel_bomb.png'); + background-size: 40px 40px; + background-repeat: no-repeat; + padding-left: 40px; + padding-top: 10px; + padding-bottom: 10px; +} diff --git a/media/dark-courgette/upload.svg b/media/dark-courgette/upload.svg new file mode 100644 index 0000000..2acb67a --- /dev/null +++ b/media/dark-courgette/upload.svg @@ -0,0 +1,80 @@ + +image/svg+xml + + + + + + + + + + + + + + \ No newline at end of file