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 (file)
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 (file)
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 (file)
index 0000000..4a55255
--- /dev/null
+++ b/media/elegantish/elegantish.css
@@ -0,0 +1,470 @@
+/* ==========================================================================\r
+   Elegantish Template for Jirafeau V1.1\r
+   Based on the standard Courgette template, re-styled by JordyV\r
+   JordyValentine.Com\r
+   ---\r
+\r
+   Css moved from 'style.css.php', This makes editing things a little nicer, because the Atom editor's sytax highlighting works\r
+   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.\r
+\r
+   Images moved to a seperate 'img' directory, this is also personal preference.\r
+   ---\r
+\r
+   Provided under the same licence as Jirafeau, as this is originally the 'Courgette' stylesheet, just edited.\r
+   ========================================================================== */\r
+\r
+\r
+/* ==========================================================================\r
+   Summary\r
+\r
+   1 = Basic Style\r
+   2 = Copyright\r
+   3 = Options\r
+   4 = Upload\r
+   5 = Terms of service\r
+   6 = Install\r
+   7 = Admin\r
+   8 = Download page\r
+\r
+   ========================================================================== */\r
+\r
+/* ==========================================================================\r
+   1 = Basic Style\r
+   ========================================================================== */\r
+\r
+/* Call Google Fonts */\r
+  @import url(https://fonts.googleapis.com/css?family=Open+Sans|Lobster);\r
+\r
+body {\r
+  background: ##050505;\r
+  background-image: url("bg1.png"), url("bg2.png");\r
+  background-repeat: repeat-x, repeat;\r
+  font-family: 'Lobster', cursive;\r
+  color: #ffffff;\r
+  margin: 0;\r
+  line-height: 1.5;\r
+}\r
+\r
+h1 a {\r
+  font-family: 'Lobster', cursive;\r
+  font-weight: 200;\r
+  display: block;\r
+  background: url(logo.png) no-repeat;\r
+  background-size: 100% 100%;\r
+  text-indent: -9999px;\r
+  width: 194px;\r
+  height: 185px;\r
+  margin: 1em auto;\r
+  position: relative;\r
+  left: 0.4em;\r
+}\r
+\r
+h2 {\r
+  font-family: 'Lobster', cursive;\r
+  text-align: center;\r
+  color: #ffffff;\r
+}\r
+\r
+fieldset {\r
+  border: 0;\r
+  padding: 1.5em;\r
+  margin: 0 auto;\r
+  border-radius: 8px;\r
+  width: 20em;\r
+  border: 7px dashed rgba(255, 255, 255, 0.7);\r
+  min-height: 15em;\r
+  min-width: 30em;\r
+  position: relative;\r
+}\r
+\r
+legend {\r
+  padding: 0.5em 1em;\r
+  background: #ffffff;\r
+  color: #040404;\r
+  font-size: 1.2em;\r
+  display: block;\r
+  min-width: 8em;\r
+  text-align: center;\r
+}\r
+\r
+table a {\r
+  color: #000;\r
+}\r
+\r
+table a:hover,\r
+table a:focus {\r
+  text-decoration: none;\r
+}\r
+\r
+input[type="submit"] {\r
+  font-family: 'Lobster', cursive;\r
+  background: #157EFB;\r
+  border: 0;\r
+  padding: 0.4em 2.2em;\r
+  font-size: 1.1em;\r
+  color: #FFF;\r
+  border-bottom: 5px solid #085B69;\r
+  cursor: pointer;\r
+  margin: 10px;\r
+}\r
+\r
+select,\r
+input[type="text"],\r
+input[type="password"] {\r
+  font-family: 'Lobster', cursive;\r
+  border: 1;\r
+  padding: 5px 5px;\r
+  font-size: 1em;\r
+}\r
+\r
+select { width: 100%; }\r
+\r
+input[type="submit"]:hover,\r
+input[type="submit"]:focus {\r
+  font-family: 'Lobster', cursive;\r
+  border: 0;\r
+  position: relative;\r
+  top: 5px;\r
+  margin-bottom: 15px;\r
+}\r
+\r
+.inner {\r
+  margin-top: 3em;\r
+}\r
+\r
+#upload fieldset {\r
+  background: url(upload.png) no-repeat center;\r
+  -webkit-transition: all 0.5s ease;\r
+     -moz-transition: all 0.5s ease;\r
+      -ms-transition: all 0.5s ease;\r
+       -o-transition: all 0.5s ease;\r
+          transition: all 0.5s ease;\r
+}\r
+\r
+#upload fieldset:hover {\r
+  border-color: #ffffff;\r
+}\r
+\r
+#upload > form {\r
+  text-align: center;\r
+}\r
+\r
+#file_select {\r
+  position: absolute;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100%;\r
+  height: 100%;\r
+  cursor: pointer;\r
+  opacity: 0;\r
+}\r
+\r
+\r
+\r
+/* ==========================================================================\r
+   2 = Copyright\r
+   ========================================================================== */\r
+\r
+#copyright {\r
+  font-family: 'Open Sans', sans-serif;\r
+  text-align: center;\r
+  font-size: 0.7em;\r
+  color: #ffffff;\r
+  padding-left: 3em;\r
+}\r
+\r
+#copyright a {\r
+  font-family: 'Open Sans', sans-serif;\r
+  color: #ffffff;\r
+  text-decoration: none;\r
+}\r
+\r
+#copyright a:hover,\r
+#copyright a:focus {\r
+  text-decoration: underline;\r
+}\r
+\r
+/* ==========================================================================\r
+   3 = Options\r
+   ========================================================================== */\r
+\r
+#options {\r
+  position: relative;\r
+  z-index: 10;\r
+  background: transparent;\r
+  width: 100%;\r
+  height: 90%;\r
+}\r
+\r
+#options tr { height: 2.7em; }\r
+\r
+#option_table tr:first-child {\r
+  width: 100%;\r
+  height: 100%;\r
+}\r
+\r
+#option_table td:first-child {\r
+}\r
+\r
+#options input[type="submit"] {\r
+  position: relative;\r
+  left: 11.2em;\r
+}\r
+\r
+/* ==========================================================================\r
+   4 = Upload\r
+   ========================================================================== */\r
+\r
+#upload_finished,\r
+#uploading,\r
+.message,\r
+.info,\r
+.error {\r
+  font-family: 'Lobster', cursive;\r
+  text-align: center;\r
+  color: #ffffff;\r
+  padding-left: 3em;\r
+}\r
+\r
+#upload_finished > p:nth-child(1) {\r
+  font-family: 'Lobster', cursive;\r
+  color: #157EFB;\r
+  font-weight: bold;\r
+}\r
+\r
+#upload_finished div p:nth-child(1) {\r
+  font-family: 'Lobster', cursive;\r
+  font-weight: bold;\r
+}\r
+\r
+#upload_finished a {\r
+  font-family: 'Lobster', cursive;\r
+  text-decoration: none;\r
+  color: #ffffff;\r
+}\r
+\r
+#uploading a {\r
+  font-family: 'Lobster', cursive;\r
+  font-weight: bold;\r
+  text-decoration: none;\r
+  color: #ffffff;\r
+}\r
+\r
+#uploaded_percentage {\r
+  font-family: 'Lobster', cursive;\r
+  font-size: 2em;\r
+  font-weight: bold;\r
+}\r
+\r
+#upload_finished a:hover,\r
+#uploading a:hover,\r
+#upload_finished a:focus,\r
+#uploading a:focus {\r
+  font-family: 'Lobster', cursive;\r
+  text-decoration: underline;\r
+}\r
+\r
+.message,\r
+.error {\r
+  font-family: 'Lobster', cursive;\r
+  color: #f27a00;\r
+  font-style: italic;\r
+  font-weight: bold;\r
+}\r
+\r
+#upload_image_email {\r
+  padding-left: 20px;\r
+  margin-left: 10px;\r
+  background: url(email.png) no-repeat;\r
+}\r
+\r
+/* ==========================================================================\r
+   5 = Terms of service\r
+   ========================================================================== */\r
+\r
+textarea[readonly="readonly"] {\r
+  border: 0;\r
+  color: #ffffff;\r
+  font-family: 'Open Sans', sans-serif;\r
+  background: none;\r
+  margin: auto;\r
+  display: block;\r
+}\r
+\r
+textarea[readonly="readonly"] + p,\r
+textarea[readonly="readonly"] + p + p {\r
+  font-family: 'Open Sans', sans-serif;\r
+  text-align: center;\r
+  color: #ffffff;\r
+}\r
+\r
+textarea[readonly="readonly"] + p a,\r
+textarea[readonly="readonly"] + p + p a {\r
+  font-family: 'Open Sans', sans-serif;\r
+  font-weight: bold;\r
+  text-decoration: none;\r
+  color: #ffffff;\r
+}\r
+\r
+textarea[readonly="readonly"] + p a:hover,\r
+textarea[readonly="readonly"] + p + p a:hover,\r
+textarea[readonly="readonly"] + p a:focus,\r
+textarea[readonly="readonly"] + p + p a:focus {\r
+  font-family: 'Open Sans', sans-serif;\r
+  text-decoration: underline;\r
+}\r
+\r
+/* ==========================================================================\r
+   6 = Install\r
+   ========================================================================== */\r
+\r
+#install fieldset,\r
+#install + fieldset {\r
+  width: auto;\r
+  max-width: 50em;\r
+  border: 7px dashed #bcaaa4;\r
+}\r
+\r
+#install table,\r
+#install + fieldset table {\r
+  width: 100%;\r
+  border-collapse: collapse;\r
+}\r
+\r
+#install td,\r
+#install + fieldset td {\r
+  padding: 0.5em 1em;\r
+  border-bottom: 0;\r
+}\r
+\r
+#install td:empty {\r
+  width: 13.1em;\r
+}\r
+\r
+#install table form:nth-child(odd),\r
+#install + fieldset tr:nth-child(odd) {\r
+  background: #bcaaa4;\r
+}\r
+\r
+#install fieldset > form {\r
+  margin-top: 2em;\r
+  text-align: center;\r
+}\r
+\r
+#install form {\r
+  display: table;\r
+  width: 100%;\r
+}\r
+\r
+#install td:last-child { text-align: left; }\r
+\r
+#install .info { width: 19em; }\r
+\r
+#install input[type="submit"] {\r
+  min-width: 10.5em;\r
+}\r
+\r
+#install + fieldset table {\r
+  font-size: 0.9em;\r
+}\r
+\r
+#install + fieldset td:first-child input[type="submit"] {\r
+  background: none;\r
+  padding: 0;\r
+  color: #000;\r
+  font-weight: bold;\r
+  border-bottom: 0;\r
+}\r
+\r
+#install + fieldset td:first-child input[type="submit"]:hover,\r
+#install + fieldset td:first-child input[type="submit"]:focus {\r
+  text-decoration: underline;\r
+}\r
+\r
+/* ==========================================================================\r
+   7 = Admin\r
+   ========================================================================== */\r
+\r
+#admin fieldset,\r
+#admin + fieldset {\r
+  width: auto;\r
+  max-width: 50em;\r
+  border: 7px dashed #ffffff;\r
+}\r
+\r
+#admin table,\r
+#admin + fieldset table {\r
+  width: 100%;\r
+  border-collapse: collapse;\r
+  border-bottom: 2px solid #FFF;\r
+}\r
+\r
+#admin td,\r
+#admin + fieldset td {\r
+  padding: 0.5em 1em;\r
+  border: 0px solid #FFF;\r
+  border-bottom: 2px solid #FFF;\r
+}\r
+\r
+#admin td:empty {\r
+  width: 13.1em;\r
+}\r
+\r
+#admin table form:nth-child(odd),\r
+#admin + fieldset tr:nth-child(odd) {\r
+  background: transparent;\r
+}\r
+\r
+#admin fieldset > form {\r
+  margin-top: 2em;\r
+  text-align: center;\r
+}\r
+\r
+#admin form {\r
+  display: table;\r
+  width: 100%;\r
+}\r
+\r
+#admin td:last-child { text-align: left; }\r
+\r
+#admin .info { width: 19em; }\r
+\r
+#admin input[type="submit"] {\r
+  font-family: 'Lobster', cursive;\r
+  min-width: 10.5em;\r
+}\r
+\r
+#admin + fieldset table {\r
+  font-size: 0.9em;\r
+}\r
+\r
+#admin + fieldset td:first-child input[type="submit"] {\r
+  font-family: 'Lobster', cursive;\r
+  background: none;\r
+  padding: 0;\r
+  color: #000;\r
+  font-weight: bold;\r
+  border-bottom: 0;\r
+}\r
+\r
+#admin + fieldset td:first-child input[type="submit"]:hover,\r
+#admin + fieldset td:first-child input[type="submit"]:focus {\r
+  font-family: 'Lobster', cursive;\r
+  text-decoration: underline;\r
+}\r
+\r
+/* ==========================================================================\r
+   8 = Download page\r
+   ========================================================================== */\r
+\r
+#self_destruct {\r
+  font-family: 'Lobster', cursive;\r
+  font-weight: bold;\r
+  color: red;\r
+  background-image: url('pixel_bomb.png');\r
+  background-size: 40px 40px;\r
+  background-repeat: no-repeat;\r
+  padding-left: 40px;\r
+  padding-top: 10px;\r
+  padding-bottom: 10px;\r
+}\r

diff --git a/media/elegantish/email.png b/media/elegantish/email.png
new file mode 100644 (file)
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 (file)
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 (file)
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 (file)
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 (file)
index 0000000..a6d5dd4
--- /dev/null
+++ b/media/elegantish/style.css.php
@@ -0,0 +1,38 @@
+<?php\r
+/*\r
+ *  Jyraphe, your web file repository\r
+ *  Copyright (C) 2013\r
+ *  Jerome Jutteau <j.jutteau@gmail.com>\r
+ *  Jimmy Beauvois <jimmy.beauvois@gmail.com>\r
+ *\r
+ *  This program is free software: you can redistribute it and/or modify\r
+ *  it under the terms of the GNU Affero General Public License as\r
+ *  published by the Free Software Foundation, either version 3 of the\r
+ *  License, or (at your option) any later version.\r
+ *\r
+ *  This program is distributed in the hope that it will be useful,\r
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of\r
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\r
+ *  GNU Affero General Public License for more details.\r
+ *\r
+ *  You should have received a copy of the GNU Affero General Public License\r
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.\r
+ */\r
+\r
+/*\r
+ * This stylesheet is the default stylesheet for Jyraphe.\r
+ * The content is dynamically generated for easier handling.\r
+ */\r
+\r
+$dark = '#8B4513';\r
+\r
+header('Content-type: text/css');\r
+\r
+?>\r
+\r
+/* ==========================================================================\r
+   Elegantish Template - JordyV - http://jordyvalentine.com/\r
+   CSS Seperated from PHP\r
+   This is a preference of the template developer, feel free to move it back.\r
+   ========================================================================== */\r
+@import url(elegantish.css);\r

diff --git a/media/elegantish/upload.png b/media/elegantish/upload.png
new file mode 100644 (file)
index 0000000..e72b598
Binary files /dev/null and b/media/elegantish/upload.png differ