media/courgette/style.css.php

   1 <?php
   2 /*
   3  *  Jyraphe, your web file repository
   4  *  Copyright (C) 2013
   5  *  Jerome Jutteau <j.jutteau@gmail.com>
   6  *  Jimmy Beauvois <jimmy.beauvois@gmail.com>
   7  *
   8  *  This program is free software: you can redistribute it and/or modify
   9  *  it under the terms of the GNU Affero General Public License as
  10  *  published by the Free Software Foundation, either version 3 of the
  11  *  License, or (at your option) any later version.
  12  *
  13  *  This program is distributed in the hope that it will be useful,
  14  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  15  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16  *  GNU Affero General Public License for more details.
  17  *
  18  *  You should have received a copy of the GNU Affero General Public License
  19  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  20  */
  21
  22 /*
  23  * This stylesheet is the default stylesheet for Jyraphe.
  24  * The content is dynamically generated for easier handling.
  25  */
  26
  27 $dark = '#8B4513';
  28
  29 header("Content-type: text/css");
  30
  31 ?>
  32
  33 /* ==========================================================================
  34    Sommaire
  35
  36    1 = Basic Style
  37    2 = Copyright
  38    3 = Options
  39    4 = Upload
  40    5 = Terms of service
  41    6 = Admin
  42
  43    ========================================================================== */
  44
  45 /* ==========================================================================
  46    1 = Basic Style
  47    ========================================================================== */
  48
  49 body {
  50   background: #efebe9;
  51   font-family: Arial, sans-serif;
  52   margin: 0;
  53   line-height: 1.5;
  54 }
  55
  56 h1 a {
  57   display: block;
  58   background: url(logo-jirafeau.svg) no-repeat;
  59   background-size: 100% 100%;
  60   text-indent: -9999px;
  61   width: 194px;
  62   height: 185px;
  63   margin: 1em auto;
  64   position: relative;
  65   left: 0.4em;
  66 }
  67
  68 h2 {
  69   text-align: center;
  70   color: #795548;
  71 }
  72
  73 fieldset {
  74   border: 0;
  75   padding: 1.5em;
  76   margin: 0 auto;
  77   border-radius: 8px;
  78   width: 20em;
  79   border: 7px dashed #bcaaa4;
  80   min-height: 15em;
  81   min-width: 30em;
  82   position: relative;
  83 }
  84
  85 legend {
  86   padding: 0.5em 1em;
  87   background: #efebe9;
  88   color: #663D1C;
  89   font-size: 1.2em;
  90   display: block;
  91   width: 100%;
  92   text-align: center;
  93 }
  94
  95 table a { color: #000;}
  96
  97   table a:hover,
  98   table a:focus {
  99     text-decoration: none;
 100   }
 101
 102 input[type="submit"] {
 103   background: #0D9CB2;
 104   border: 0;
 105   padding: 0.4em 2.2em;
 106   font-size: 1.1em;
 107   color: #FFF;
 108   border-bottom: 5px solid #085B69;
 109   cursor: pointer;
 110   margin: 10px;
 111 }
 112
 113 select,
 114 input[type="text"],
 115 input[type="password"] {
 116   border: 1;
 117   padding: 0.5em 1em;
 118   font-size: 1em;
 119   width: 89%;
 120 }
 121
 122 select { width: 127%; }
 123
 124 input[type="submit"]:hover,
 125 input[type="submit"]:focus {
 126   border: 0;
 127   position: relative;
 128   top: 5px;
 129   margin-bottom: 5px;
 130 }
 131
 132 .inner {
 133   margin-top: 3em;
 134 }
 135
 136 #upload fieldset {
 137   background: url(upload.svg) no-repeat center;
 138   -webkit-transition: all 0.5s ease;
 139      -moz-transition: all 0.5s ease;
 140       -ms-transition: all 0.5s ease;
 141        -o-transition: all 0.5s ease;
 142           transition: all 0.5s ease;
 143 }
 144
 145 #upload fieldset:hover {
 146   border-color: #663D1C;
 147 }
 148
 149 #upload > form {
 150   text-align: center;
 151   margin: 1em 0 0 3em;
 152 }
 153
 154 #file_select {
 155   position: absolute;
 156   top: 0;
 157   left: 0;
 158   width: 100%;
 159   height: 100%;
 160   cursor: pointer;
 161   opacity: 0;
 162 }
 163
 164
 165
 166 /* ==========================================================================
 167    2 = Copyright
 168    ========================================================================== */
 169
 170 #copyright {
 171   text-align: center;
 172   font-size: 0.8em;
 173   color: #795548;
 174   padding-left: 3em;
 175 }
 176
 177 #copyright a {
 178   color: #795548;
 179   text-decoration: none;
 180 }
 181
 182 #copyright a:hover,
 183 #copyright a:focus {
 184   text-decoration: underline;
 185 }
 186
 187 /* ==========================================================================
 188    3 = Options
 189    ========================================================================== */
 190
 191 #options {
 192   position: relative;
 193   z-index: 10;
 194   background: #efebe9;
 195 }
 196
 197 #options tr { height: 2.7em; }
 198
 199 #option_table tr:first-child td:first-child { width: 12em; }
 200
 201 #option_table tr td:first-child {
 202
 203 }
 204
 205 #options input[type="submit"] {
 206   position: relative;
 207   left: 11.2em;
 208 }
 209
 210 /* ==========================================================================
 211    4 = Upload
 212    ========================================================================== */
 213
 214 #upload_finished,
 215 #uploading,
 216 .message,
 217 .error {
 218   text-align: center;
 219   color: #795548;
 220   padding-left: 3em;
 221 }
 222
 223 #upload_finished a,
 224 #uploading a {
 225   font-weight: bold;
 226   text-decoration: none;
 227   color: #795548;
 228 }
 229
 230 #uploaded_percentage {
 231   font-size: 2em;
 232   font-weight: bold;
 233 }
 234
 235 #upload_finished a:hover,
 236 #uploading a:hover,
 237 #upload_finished a:focus,
 238 #uploading a:focus {
 239   text-decoration: underline;
 240 }
 241
 242 .message,
 243 .error {
 244   color: #d55548;
 245   font-style: italic;
 246   font-weight: bold;
 247 }
 248
 249 /* ==========================================================================
 250    5 = Terms of service
 251    ========================================================================== */
 252
 253
 254
 255 textarea[readonly="readonly"] {
 256   border: 0;
 257   color: #795548;
 258   font-family: Arial, sans-serif;
 259   background: none;
 260   margin: auto;
 261   display: block;
 262 }
 263
 264 textarea[readonly="readonly"] + p,
 265 textarea[readonly="readonly"] + p + p {
 266   text-align: center;
 267   color: #795548;
 268 }
 269
 270 textarea[readonly="readonly"] + p a,
 271 textarea[readonly="readonly"] + p + p a {
 272   font-weight: bold;
 273   text-decoration: none;
 274   color: #795548;
 275 }
 276
 277 textarea[readonly="readonly"] + p a:hover,
 278 textarea[readonly="readonly"] + p + p a:hover,
 279 textarea[readonly="readonly"] + p a:focus,
 280 textarea[readonly="readonly"] + p + p a:focus {
 281   text-decoration: underline;
 282 }
 283
 284 /* ==========================================================================
 285    6 = Admin
 286    ========================================================================== */
 287
 288 #install fieldset,
 289 #install + fieldset {
 290   width: auto;
 291   max-width: 50em;
 292   border: 0;
 293 }
 294
 295 #install table,
 296 #install + fieldset table {
 297   width: 100%;
 298   border-collapse: collapse;
 299   border-bottom: 2px solid #FFF;
 300 }
 301
 302 #install td,
 303 #install + fieldset td {
 304   padding: 0.5em 1em;
 305   border: 2px solid #FFF;
 306   border-bottom: 0;
 307 }
 308
 309 #install td:empty {
 310   width: 13.1em;
 311 }
 312
 313 #install table form:nth-child(odd),
 314 #install + fieldset tr:nth-child(odd) {
 315   background: #bcaaa4;
 316 }
 317
 318 #install fieldset > form {
 319   margin-top: 2em;
 320   text-align: center;
 321 }
 322
 323 #install form {
 324   display: table;
 325   width: 100%;
 326 }
 327
 328 #install td:last-child { text-align: right; }
 329
 330 #install .info { width: 19em; }
 331
 332 #install input[type="submit"] {
 333   min-width: 10.5em;
 334 }
 335
 336 #install + fieldset table {
 337   font-size: 0.9em;
 338 }
 339
 340 #install + fieldset td:first-child input[type="submit"] {
 341   background: none;
 342   padding: 0;
 343   color: #000;
 344   font-weight: bold;
 345   border-bottom: 0;
 346   width: 12em;
 347 }
 348
 349 #install + fieldset td:first-child input[type="submit"]:hover,
 350 #install + fieldset td:first-child input[type="submit"]:focus {
 351   position: static;
 352   margin: 0;
 353   text-decoration: underline;
 354 }