X-Git-Url: https://git.p6c8.net/jirafeau_mojo42.git/blobdiff_plain/75886b4edae7b29d13193e32b4718559c81d90bd..2e017ea2f8334178120b0e5898590218366b2141:/media/courgette/style.css.php?ds=sidebyside diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php index b2c3e95..f3763c9 100644 --- a/media/courgette/style.css.php +++ b/media/courgette/style.css.php @@ -38,6 +38,7 @@ header("Content-type: text/css"); 3 = Options 4 = Upload 5 = Terms of service + 6 = Admin ========================================================================== */ @@ -45,12 +46,6 @@ header("Content-type: text/css"); 1 = Basic Style ========================================================================== */ -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - body { background: #efebe9; font-family: Arial, sans-serif; @@ -66,6 +61,8 @@ h1 a { width: 194px; height: 185px; margin: 1em auto; + position: relative; + left: 0.4em; } h2 { @@ -77,10 +74,11 @@ fieldset { border: 0; padding: 1.5em; margin: 0 auto; - border-radius: 2px; - width: 25em; + border-radius: 8px; + width: 20em; border: 7px dashed #bcaaa4; - min-height: 17em; + min-height: 15em; + min-width: 30em; position: relative; } @@ -90,10 +88,17 @@ legend { color: #663D1C; font-size: 1.2em; display: block; - width: 100%; + min-width: 8em; text-align: center; } +table a { color: #000;} + + table a:hover, + table a:focus { + text-decoration: none; + } + input[type="submit"] { background: #0D9CB2; border: 0; @@ -102,68 +107,27 @@ input[type="submit"] { color: #FFF; border-bottom: 5px solid #085B69; cursor: pointer; -} - -input[type="submit"]:hover, -input[type="submit"]:focus { - border: 0; - position: relative; - top: 5px; - margin-bottom: 5px; + margin: 10px; } select, input[type="text"], input[type="password"] { - border: 0; - padding: 0.5em 1em; + border: 1; + padding: 5px 5px; font-size: 1em; - width: 100%; -} - -label { - font-weight: bold; - color: #663D1C; } -#upload_password { width: 80%; } +select { width: 100%; } -.next input[type="submit"] { - position: relative; - margin-top: 0.5em; - padding: 0.4em 2.65em; -} - -input[value="Déconnexion"] { - background: none; - color: #663D1C; - border: 0; - display: block; - margin: auto; - padding-left: 4em; - font-size: 1em; - font-style:italic; -} - -input[value="Déconnexion"]:hover, -input[value="Déconnexion"]:focus { - top: 0; - margin-bottom: 0; - text-decoration: underline; -} - -form[action="index.php"] .label { - width: 7em; -} - -form[action="index.php"] fieldset { +input[type="submit"]:hover, +input[type="submit"]:focus { border: 0; - background: #d7ccc8; - min-height: 5em; + position: relative; + top: 5px; + margin-bottom: 15px; } - - .inner { margin-top: 3em; } @@ -181,6 +145,10 @@ form[action="index.php"] fieldset { border-color: #663D1C; } +#upload > form { + text-align: center; +} + #file_select { position: absolute; top: 0; @@ -201,6 +169,7 @@ form[action="index.php"] fieldset { text-align: center; font-size: 0.8em; color: #795548; + padding-left: 3em; } #copyright a { @@ -221,18 +190,18 @@ form[action="index.php"] fieldset { 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; - font-weight: bold; - color: #663D1C; +#option_table tr:first-child { + width: 100%; + height: 100%; } -#option_table tr td:first-child { - +#option_table td:first-child { } #options input[type="submit"] { @@ -250,20 +219,16 @@ form[action="index.php"] fieldset { .error { text-align: center; color: #795548; + padding-left: 3em; } #upload_finished a, -#uploading a, -#submit a { +#uploading a { font-weight: bold; text-decoration: none; color: #795548; } -#submit a:before { - content: "› "; -} - #uploaded_percentage { font-size: 2em; font-weight: bold; @@ -272,28 +237,15 @@ form[action="index.php"] fieldset { #upload_finished a:hover, #uploading a:hover, #upload_finished a:focus, -#uploading a:focus, -#submit a:hover, -#submit a:focus { +#uploading a:focus { text-decoration: underline; } .message, .error { + color: #d55548; font-style: italic; -} - -#submit tr:first-child td:first-child { font-weight: bold; - color: #795548; -} - -#submit tr + tr td { - padding-top: 1em; -} - -#submit td { - color: #795548; } /* ========================================================================== @@ -329,4 +281,142 @@ textarea[readonly="readonly"] + p + p a:hover, textarea[readonly="readonly"] + p a:focus, textarea[readonly="readonly"] + p + p a:focus { text-decoration: underline; -} \ No newline at end of file +} + +/* ========================================================================== + 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 #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; +} + +