media/courgette: cleaner design of links page

[jirafeau.git] / media / courgette / style.css.php

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index e4812dc8baedd402bde79f4852ad659bdcc91e4a..3bb25a9cc827cac5fc304c547b365dfafffa3a68 100644 (file)
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -38,7 +38,9 @@ header("Content-type: text/css");
    3 = Options
    4 = Upload
    5 = Terms of service
-   6 = Admin
+   6 = Install
+   7 = Admin
+   8 = Download page
    
    ========================================================================== */
 
@@ -78,6 +80,7 @@ fieldset {
   width: 20em;
   border: 7px dashed #bcaaa4;
   min-height: 15em;
+  min-width: 30em;
   position: relative;
 }
 
@@ -87,7 +90,7 @@ legend {
   color: #663D1C;
   font-size: 1.2em;
   display: block;
-  width: 100%;
+  min-width: 8em;
   text-align: center;
 }
 
@@ -106,25 +109,25 @@ input[type="submit"] {
   color: #FFF;
   border-bottom: 5px solid #085B69;
   cursor: pointer;
+  margin: 10px;
 }
 
 select,
 input[type="text"],
 input[type="password"] {
   border: 1;
-  padding: 0.5em 1em;
+  padding: 5px 5px;
   font-size: 1em;
-  width: 89%;
 }
 
-select { width: 127%; }
+select { width: 100%; }
 
 input[type="submit"]:hover,
 input[type="submit"]:focus {
   border: 0;
   position: relative;
   top: 5px;
-  margin-bottom: 5px;
+  margin-bottom: 15px;
 }
 
 .inner {
@@ -146,7 +149,6 @@ input[type="submit"]:focus {
 
 #upload > form {
   text-align: center;
-  margin: 1em 0 0 3em;
 }
 
 #file_select {
@@ -190,14 +192,18 @@ input[type="submit"]:focus {
   position: relative;
   z-index: 10;
   background: #efebe9;
+  width: 100%;
+  height: 90%;
 }
 
 #options tr { height: 2.7em; }
 
-#option_table tr:first-child td:first-child { width: 12em; }
+#option_table tr:first-child {
+  width: 100%;
+  height: 100%;
+}
 
-#option_table tr td:first-child {
-  
+#option_table td:first-child {
 }
 
 #options input[type="submit"] {
@@ -218,7 +224,20 @@ input[type="submit"]:focus {
   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;
@@ -239,15 +258,15 @@ input[type="submit"]:focus {
 
 .message,
 .error {
+  color: #d55548;
   font-style: italic;
+  font-weight: bold;
 }
 
 /* ==========================================================================
    5 = Terms of service
    ========================================================================== */
 
-
-
 textarea[readonly="readonly"] {
   border: 0;
   color: #795548;
@@ -278,27 +297,25 @@ textarea[readonly="readonly"] + p + p a:focus {
 }
 
 /* ==========================================================================
-   6 = Admin
+   6 = Install
    ========================================================================== */
 
 #install fieldset,
 #install + fieldset {
   width: auto;
   max-width: 50em;
-  border: 0;
+  border: 7px dashed #bcaaa4;
 }
 
 #install table,
 #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;
 }
 
@@ -321,7 +338,7 @@ textarea[readonly="readonly"] + p + p a:focus {
   width: 100%;
 }
 
-#install td:last-child { text-align: right; }
+#install td:last-child { text-align: left; }
 
 #install .info { width: 19em; }
 
@@ -339,12 +356,94 @@ textarea[readonly="readonly"] + p + p a:focus {
   color: #000;
   font-weight: bold;
   border-bottom: 0;
-  width: 12em;
 }
 
 #install + fieldset td:first-child input[type="submit"]:hover,
 #install + fieldset td:first-child input[type="submit"]:focus {
-  position: static;
-  margin: 0;
   text-decoration: underline;
 }
+
+/* ==========================================================================
+   7 = Admin
+   ========================================================================== */
+
+#admin fieldset,
+#admin + fieldset {
+  width: auto;
+  max-width: 50em;
+  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;
+}
+