X-Git-Url: https://git.p6c8.net/jirafeau_project.git/blobdiff_plain/e52d63a4571281a820f2c538c76070e16411d794..c82662e6bc694d465f99bd252c041de288cc7677:/media/courgette/style.css.php

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index 5cffb5a..e8f0a76 100644
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -16,7 +16,7 @@
  *  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 <http://www.gnu.org/licenses/>.
+ *  along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
 /*
@@ -26,20 +26,22 @@
 
 $dark = '#8B4513';
 
-header("Content-type: text/css");
+header('Content-type: text/css');
 
 ?>
 
 /* ==========================================================================
-   Sommaire
+   Summary
 
    1 = Basic Style
    2 = Copyright
    3 = Options
    4 = Upload
    5 = Terms of service
-   6 = Admin
-   
+   6 = Install
+   7 = Admin
+   8 = Download page
+
    ========================================================================== */
 
 /* ==========================================================================
@@ -53,6 +55,10 @@ body {
   line-height: 1.5;
 }
 
+#content {
+  padding: 2em;
+}
+
 h1 a {
   display: block;
   background: url(logo-jirafeau.svg) no-repeat;
@@ -92,12 +98,14 @@ legend {
   text-align: center;
 }
 
-table a { color: #000;}
+table a {
+  color: #000;
+}
 
-  table a:hover,
-  table a:focus {
-    text-decoration: none;
-  }
+table a:hover,
+table a:focus {
+  text-decoration: none;
+}
 
 input[type="submit"] {
   background: #0D9CB2;
@@ -149,16 +157,24 @@ input[type="submit"]:focus {
   text-align: center;
 }
 
+#upload p {
+  margin: 0;
+}
+
 #file_select {
-  position: absolute;
-  top: 0;
-  left: 0;
+  position: relative;
   width: 100%;
-  height: 100%;
+  height: 16em;
   cursor: pointer;
   opacity: 0;
 }
-
+  #upload.file-selected #file_select {
+    opacity: 1;
+    height: 2em;
+  }
+  #upload.file-selected fieldset {
+    background-image: none;
+  }
 
 
 /* ==========================================================================
@@ -169,7 +185,7 @@ input[type="submit"]:focus {
   text-align: center;
   font-size: 0.8em;
   color: #795548;
-  padding-left: 3em;
+  margin: 3em auto;
 }
 
 #copyright a {
@@ -189,7 +205,6 @@ input[type="submit"]:focus {
 #options {
   position: relative;
   z-index: 10;
-  background: #efebe9;
   width: 100%;
   height: 90%;
 }
@@ -206,7 +221,7 @@ input[type="submit"]:focus {
 
 #options input[type="submit"] {
   position: relative;
-  left: 11.2em;
+  margin: 1em auto;
 }
 
 /* ==========================================================================
@@ -216,13 +231,27 @@ input[type="submit"]:focus {
 #upload_finished,
 #uploading,
 .message,
+.info,
 .error {
   text-align: center;
   color: #795548;
   padding-left: 3em;
 }
 
-#upload_finished a,
+#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: #795548;
+}
+
 #uploading a {
   font-weight: bold;
   text-decoration: none;
@@ -248,12 +277,20 @@ input[type="submit"]:focus {
   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: #795548;
@@ -284,7 +321,7 @@ textarea[readonly="readonly"] + p + p a:focus {
 }
 
 /* ==========================================================================
-   6 = Admin
+   6 = Install
    ========================================================================== */
 
 #install fieldset,
@@ -298,13 +335,11 @@ textarea[readonly="readonly"] + p + p a:focus {
 #install + fieldset table {
   width: 100%;
   border-collapse: collapse;
-  border-bottom: 2px solid #FFF;
 }
 
 #install td,
 #install + fieldset td {
   padding: 0.5em 1em;
-  border: 2px solid #FFF;
   border-bottom: 0;
 }
 
@@ -351,3 +386,87 @@ textarea[readonly="readonly"] + p + p a:focus {
 #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;
+}