From: Jerome Jutteau Date: Fri, 26 Aug 2016 21:22:51 +0000 (+0200) Subject: Adding a very nice theme from JordyValentine X-Git-Tag: 1.2.0~23^2 X-Git-Url: https://git.p6c8.net/jirafeau_mojo42.git/commitdiff_plain/6ae26ef124e8092e8a5532466f657c8542b2ca58 Adding a very nice theme from JordyValentine Integrated from https://github.com/JordyValentine/jirafeau-elegantish --- diff --git a/media/elegantish/bg1.png b/media/elegantish/bg1.png new file mode 100644 index 0000000..1d9f67f Binary files /dev/null and b/media/elegantish/bg1.png differ diff --git a/media/elegantish/bg2.png b/media/elegantish/bg2.png new file mode 100644 index 0000000..2721ca8 Binary files /dev/null and b/media/elegantish/bg2.png differ diff --git a/media/elegantish/elegantish.css b/media/elegantish/elegantish.css new file mode 100644 index 0000000..4a55255 --- /dev/null +++ b/media/elegantish/elegantish.css @@ -0,0 +1,470 @@ +/* ========================================================================== + Elegantish Template for Jirafeau V1.1 + Based on the standard Courgette template, re-styled by JordyV + JordyValentine.Com + --- + + Css moved from 'style.css.php', This makes editing things a little nicer, because the Atom editor's sytax highlighting works + better in a plain css file. This is a personal preference, you can move it back to 'style.css.php' and it will work fine. + + Images moved to a seperate 'img' directory, this is also personal preference. + --- + + Provided under the same licence as Jirafeau, as this is originally the 'Courgette' stylesheet, just edited. + ========================================================================== */ + + +/* ========================================================================== + Summary + + 1 = Basic Style + 2 = Copyright + 3 = Options + 4 = Upload + 5 = Terms of service + 6 = Install + 7 = Admin + 8 = Download page + + ========================================================================== */ + +/* ========================================================================== + 1 = Basic Style + ========================================================================== */ + +/* Call Google Fonts */ + @import url(https://fonts.googleapis.com/css?family=Open+Sans|Lobster); + +body { + background: ##050505; + background-image: url("bg1.png"), url("bg2.png"); + background-repeat: repeat-x, repeat; + font-family: 'Lobster', cursive; + color: #ffffff; + margin: 0; + line-height: 1.5; +} + +h1 a { + font-family: 'Lobster', cursive; + font-weight: 200; + display: block; + background: url(logo.png) no-repeat; + background-size: 100% 100%; + text-indent: -9999px; + width: 194px; + height: 185px; + margin: 1em auto; + position: relative; + left: 0.4em; +} + +h2 { + font-family: 'Lobster', cursive; + text-align: center; + color: #ffffff; +} + +fieldset { + border: 0; + padding: 1.5em; + margin: 0 auto; + border-radius: 8px; + width: 20em; + border: 7px dashed rgba(255, 255, 255, 0.7); + min-height: 15em; + min-width: 30em; + position: relative; +} + +legend { + padding: 0.5em 1em; + background: #ffffff; + color: #040404; + font-size: 1.2em; + display: block; + min-width: 8em; + text-align: center; +} + +table a { + color: #000; +} + +table a:hover, +table a:focus { + text-decoration: none; +} + +input[type="submit"] { + font-family: 'Lobster', cursive; + background: #157EFB; + border: 0; + padding: 0.4em 2.2em; + font-size: 1.1em; + color: #FFF; + border-bottom: 5px solid #085B69; + cursor: pointer; + margin: 10px; +} + +select, +input[type="text"], +input[type="password"] { + font-family: 'Lobster', cursive; + border: 1; + padding: 5px 5px; + font-size: 1em; +} + +select { width: 100%; } + +input[type="submit"]:hover, +input[type="submit"]:focus { + font-family: 'Lobster', cursive; + border: 0; + position: relative; + top: 5px; + margin-bottom: 15px; +} + +.inner { + margin-top: 3em; +} + +#upload fieldset { + background: url(upload.png) 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: #ffffff; +} + +#upload > form { + text-align: center; +} + +#file_select { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} + + + +/* ========================================================================== + 2 = Copyright + ========================================================================== */ + +#copyright { + font-family: 'Open Sans', sans-serif; + text-align: center; + font-size: 0.7em; + color: #ffffff; + padding-left: 3em; +} + +#copyright a { + font-family: 'Open Sans', sans-serif; + color: #ffffff; + text-decoration: none; +} + +#copyright a:hover, +#copyright a:focus { + text-decoration: underline; +} + +/* ========================================================================== + 3 = Options + ========================================================================== */ + +#options { + position: relative; + z-index: 10; + background: transparent; + 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; + left: 11.2em; +} + +/* ========================================================================== + 4 = Upload + ========================================================================== */ + +#upload_finished, +#uploading, +.message, +.info, +.error { + font-family: 'Lobster', cursive; + text-align: center; + color: #ffffff; + padding-left: 3em; +} + +#upload_finished > p:nth-child(1) { + font-family: 'Lobster', cursive; + color: #157EFB; + font-weight: bold; +} + +#upload_finished div p:nth-child(1) { + font-family: 'Lobster', cursive; + font-weight: bold; +} + +#upload_finished a { + font-family: 'Lobster', cursive; + text-decoration: none; + color: #ffffff; +} + +#uploading a { + font-family: 'Lobster', cursive; + font-weight: bold; + text-decoration: none; + color: #ffffff; +} + +#uploaded_percentage { + font-family: 'Lobster', cursive; + font-size: 2em; + font-weight: bold; +} + +#upload_finished a:hover, +#uploading a:hover, +#upload_finished a:focus, +#uploading a:focus { + font-family: 'Lobster', cursive; + text-decoration: underline; +} + +.message, +.error { + font-family: 'Lobster', cursive; + color: #f27a00; + font-style: italic; + font-weight: bold; +} + +#upload_image_email { + padding-left: 20px; + margin-left: 10px; + background: url(email.png) no-repeat; +} + +/* ========================================================================== + 5 = Terms of service + ========================================================================== */ + +textarea[readonly="readonly"] { + border: 0; + color: #ffffff; + font-family: 'Open Sans', sans-serif; + background: none; + margin: auto; + display: block; +} + +textarea[readonly="readonly"] + p, +textarea[readonly="readonly"] + p + p { + font-family: 'Open Sans', sans-serif; + text-align: center; + color: #ffffff; +} + +textarea[readonly="readonly"] + p a, +textarea[readonly="readonly"] + p + p a { + font-family: 'Open Sans', sans-serif; + font-weight: bold; + text-decoration: none; + color: #ffffff; +} + +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 { + font-family: 'Open Sans', sans-serif; + 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: 50em; + border: 7px dashed #ffffff; +} + +#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: 0px solid #FFF; + border-bottom: 2px solid #FFF; +} + +#admin td:empty { + width: 13.1em; +} + +#admin table form:nth-child(odd), +#admin + fieldset tr:nth-child(odd) { + background: transparent; +} + +#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"] { + font-family: 'Lobster', cursive; + min-width: 10.5em; +} + +#admin + fieldset table { + font-size: 0.9em; +} + +#admin + fieldset td:first-child input[type="submit"] { + font-family: 'Lobster', cursive; + 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 { + font-family: 'Lobster', cursive; + text-decoration: underline; +} + +/* ========================================================================== + 8 = Download page + ========================================================================== */ + +#self_destruct { + font-family: 'Lobster', cursive; + 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/elegantish/email.png b/media/elegantish/email.png new file mode 100644 index 0000000..0037344 Binary files /dev/null and b/media/elegantish/email.png differ diff --git a/media/elegantish/logo-jirafeau.png b/media/elegantish/logo-jirafeau.png new file mode 100644 index 0000000..88ca195 Binary files /dev/null and b/media/elegantish/logo-jirafeau.png differ diff --git a/media/elegantish/logo.png b/media/elegantish/logo.png new file mode 100644 index 0000000..6b88996 Binary files /dev/null and b/media/elegantish/logo.png differ diff --git a/media/elegantish/pixel_bomb.png b/media/elegantish/pixel_bomb.png new file mode 100644 index 0000000..38ab1ee Binary files /dev/null and b/media/elegantish/pixel_bomb.png differ diff --git a/media/elegantish/style.css.php b/media/elegantish/style.css.php new file mode 100644 index 0000000..a6d5dd4 --- /dev/null +++ b/media/elegantish/style.css.php @@ -0,0 +1,38 @@ + + * 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'); + +?> + +/* ========================================================================== + Elegantish Template - JordyV - http://jordyvalentine.com/ + CSS Seperated from PHP + This is a preference of the template developer, feel free to move it back. + ========================================================================== */ +@import url(elegantish.css); diff --git a/media/elegantish/upload.png b/media/elegantish/upload.png new file mode 100644 index 0000000..e72b598 Binary files /dev/null and b/media/elegantish/upload.png differ