[BUGFIX] fix admin moving buttons on focus

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

diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php
index 0e88ed5abf7a328b65ed168e5b5d0fb1e14b59ea..4b75988ead60e3cbaedf804feef29d20c1b3a79a 100644 (file)
--- a/media/courgette/style.css.php
+++ b/media/courgette/style.css.php
@@ -2,7 +2,7 @@
 /*
  *  Jyraphe, your web file repository
  *  Copyright (C) 2013
- *  Jerome Jutteau <j.jutteau@gmail.com>
+ *  Jerome Jutteau <jerome@jutteau.fr>
  *  Jimmy Beauvois <jimmy.beauvois@gmail.com>
  *
  *  This program is free software: you can redistribute it and/or modify
@@ -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/>.
  */
 
 /*
@@ -24,14 +24,12 @@
  * The content is dynamically generated for easier handling.
  */
 
-$dark = '#8B4513';
-
-header("Content-type: text/css");
+header('Content-type: text/css');
 
 ?>
 
 /* ==========================================================================
-   Sommaire
+   Summary
 
    1 = Basic Style
    2 = Copyright
@@ -41,7 +39,7 @@ header("Content-type: text/css");
    6 = Install
    7 = Admin
    8 = Download page
-   
+
    ========================================================================== */
 
 /* ==========================================================================
@@ -55,6 +53,10 @@ body {
   line-height: 1.5;
 }
 
+#content {
+  padding: 2em;
+}
+
 h1 a {
   display: block;
   background: url(logo-jirafeau.svg) no-repeat;
@@ -94,12 +96,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;
@@ -126,8 +130,9 @@ input[type="submit"]:hover,
 input[type="submit"]:focus {
   border: 0;
   position: relative;
-  top: 5px;
-  margin-bottom: 15px;
+  background: #085B69;
+  border-bottom: 5px solid #0D9CB2;
+  margin-bottom: 10px;
 }
 
 .inner {
@@ -151,16 +156,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;
+  }
 
 
 /* ==========================================================================
@@ -171,7 +184,7 @@ input[type="submit"]:focus {
   text-align: center;
   font-size: 0.8em;
   color: #795548;
-  padding-left: 3em;
+  margin: 3em auto;
 }
 
 #copyright a {
@@ -191,7 +204,6 @@ input[type="submit"]:focus {
 #options {
   position: relative;
   z-index: 10;
-  background: #efebe9;
   width: 100%;
   height: 90%;
 }
@@ -208,7 +220,7 @@ input[type="submit"]:focus {
 
 #options input[type="submit"] {
   position: relative;
-  left: 11.2em;
+  margin: 1em auto;
 }
 
 /* ==========================================================================
@@ -264,9 +276,13 @@ input[type="submit"]:focus {
   font-weight: bold;
 }
 
+#upload_link_email {
+  margin-left: 10px;
+}
+
 #upload_image_email {
   padding-left: 20px;
-  margin-left: 10px;
+  padding-bottom: 15px;
   background: url(email.png) no-repeat;
 }
 
@@ -377,7 +393,7 @@ textarea[readonly="readonly"] + p + p a:focus {
 #admin fieldset,
 #admin + fieldset {
   width: auto;
-  max-width: 50em;
+  max-width: 60em;
   border: 7px dashed #bcaaa4;
 }
 
@@ -453,4 +469,3 @@ textarea[readonly="readonly"] + p + p a:focus {
   padding-top: 10px;
   padding-bottom: 10px;
 }
-