X-Git-Url: https://git.p6c8.net/jirafeau_mojo42.git/blobdiff_plain/51ce6fcdb734893e1b50ded472e311e77deb16ae..50f88df47f6d5b3cb5dc20fb2e9d3022862adbcf:/media/courgette/style.css.php?ds=inline diff --git a/media/courgette/style.css.php b/media/courgette/style.css.php index 6675ba5..c4edce4 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,19 +26,21 @@ $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; @@ -78,6 +84,7 @@ fieldset { width: 20em; border: 7px dashed #bcaaa4; min-height: 15em; + min-width: 30em; position: relative; } @@ -87,16 +94,18 @@ legend { color: #663D1C; font-size: 1.2em; display: block; - width: 100%; + min-width: 8em; 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; @@ -113,19 +122,18 @@ 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 { @@ -147,7 +155,6 @@ input[type="submit"]:focus { #upload > form { text-align: center; - margin: 1em 0 0 3em; } #file_select { @@ -170,7 +177,7 @@ input[type="submit"]:focus { text-align: center; font-size: 0.8em; color: #795548; - padding-left: 3em; + margin: 3em auto; } #copyright a { @@ -191,14 +198,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"] { @@ -213,13 +224,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; @@ -245,12 +270,16 @@ input[type="submit"]:focus { font-weight: bold; } +#upload_image_email { + padding-left: 20px; + margin-left: 10px; + background: url(email.png) no-repeat; +} + /* ========================================================================== 5 = Terms of service ========================================================================== */ - - textarea[readonly="readonly"] { border: 0; color: #795548; @@ -281,27 +310,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; } @@ -324,7 +351,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; } @@ -342,12 +369,93 @@ 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; +}