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 = Install
  42    7 = Admin
  43    8 = Download page
  44
  45    ========================================================================== */
  46
  47 /* ==========================================================================
  48    1 = Basic Style
  49    ========================================================================== */
  50
  51 body {
  52   background: #efebe9;
  53   font-family: Arial, sans-serif;
  54   margin: 0;
  55   line-height: 1.5;
  56 }
  57
  58 h1 a {
  59   display: block;
  60   background: url(logo-jirafeau.svg) no-repeat;
  61   background-size: 100% 100%;
  62   text-indent: -9999px;
  63   width: 194px;
  64   height: 185px;
  65   margin: 1em auto;
  66   position: relative;
  67   left: 0.4em;
  68 }
  69
  70 h2 {
  71   text-align: center;
  72   color: #795548;
  73 }
  74
  75 fieldset {
  76   border: 0;
  77   padding: 1.5em;
  78   margin: 0 auto;
  79   border-radius: 8px;
  80   width: 20em;
  81   border: 7px dashed #bcaaa4;
  82   min-height: 15em;
  83   min-width: 30em;
  84   position: relative;
  85 }
  86
  87 legend {
  88   padding: 0.5em 1em;
  89   background: #efebe9;
  90   color: #663D1C;
  91   font-size: 1.2em;
  92   display: block;
  93   min-width: 8em;
  94   text-align: center;
  95 }
  96
  97 table a { color: #000;}
  98
  99   table a:hover,
 100   table a:focus {
 101     text-decoration: none;
 102   }
 103
 104 input[type="submit"] {
 105   background: #0D9CB2;
 106   border: 0;
 107   padding: 0.4em 2.2em;
 108   font-size: 1.1em;
 109   color: #FFF;
 110   border-bottom: 5px solid #085B69;
 111   cursor: pointer;
 112   margin: 10px;
 113 }
 114
 115 select,
 116 input[type="text"],
 117 input[type="password"] {
 118   border: 1;
 119   padding: 5px 5px;
 120   font-size: 1em;
 121 }
 122
 123 select { width: 100%; }
 124
 125 input[type="submit"]:hover,
 126 input[type="submit"]:focus {
 127   border: 0;
 128   position: relative;
 129   top: 5px;
 130   margin-bottom: 15px;
 131 }
 132
 133 .inner {
 134   margin-top: 3em;
 135 }
 136
 137 #upload fieldset {
 138   background: url(upload.svg) no-repeat center;
 139   -webkit-transition: all 0.5s ease;
 140      -moz-transition: all 0.5s ease;
 141       -ms-transition: all 0.5s ease;
 142        -o-transition: all 0.5s ease;
 143           transition: all 0.5s ease;
 144 }
 145
 146 #upload fieldset:hover {
 147   border-color: #663D1C;
 148 }
 149
 150 #upload > form {
 151   text-align: center;
 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   width: 100%;
 196   height: 90%;
 197 }
 198
 199 #options tr { height: 2.7em; }
 200
 201 #option_table tr:first-child {
 202   width: 100%;
 203   height: 100%;
 204 }
 205
 206 #option_table td:first-child {
 207 }
 208
 209 #options input[type="submit"] {
 210   position: relative;
 211   left: 11.2em;
 212 }
 213
 214 /* ==========================================================================
 215    4 = Upload
 216    ========================================================================== */
 217
 218 #upload_finished,
 219 #uploading,
 220 .message,
 221 .info,
 222 .error {
 223   text-align: center;
 224   color: #795548;
 225   padding-left: 3em;
 226 }
 227
 228 #upload_finished > p:nth-child(1) {
 229   color: #0D9CB2;
 230   font-weight: bold;
 231 }
 232
 233 #upload_finished div p:nth-child(1) {
 234   font-weight: bold;
 235 }
 236
 237 #upload_finished a {
 238   text-decoration: none;
 239   color: #795548;
 240 }
 241
 242 #uploading a {
 243   font-weight: bold;
 244   text-decoration: none;
 245   color: #795548;
 246 }
 247
 248 #uploaded_percentage {
 249   font-size: 2em;
 250   font-weight: bold;
 251 }
 252
 253 #upload_finished a:hover,
 254 #uploading a:hover,
 255 #upload_finished a:focus,
 256 #uploading a:focus {
 257   text-decoration: underline;
 258 }
 259
 260 .message,
 261 .error {
 262   color: #d55548;
 263   font-style: italic;
 264   font-weight: bold;
 265 }
 266
 267 #upload_image_email {
 268   padding-left: 20px;
 269   margin-left: 10px;
 270   background: url(email.png) no-repeat;
 271 }
 272
 273 /* ==========================================================================
 274    5 = Terms of service
 275    ========================================================================== */
 276
 277 textarea[readonly="readonly"] {
 278   border: 0;
 279   color: #795548;
 280   font-family: Arial, sans-serif;
 281   background: none;
 282   margin: auto;
 283   display: block;
 284 }
 285
 286 textarea[readonly="readonly"] + p,
 287 textarea[readonly="readonly"] + p + p {
 288   text-align: center;
 289   color: #795548;
 290 }
 291
 292 textarea[readonly="readonly"] + p a,
 293 textarea[readonly="readonly"] + p + p a {
 294   font-weight: bold;
 295   text-decoration: none;
 296   color: #795548;
 297 }
 298
 299 textarea[readonly="readonly"] + p a:hover,
 300 textarea[readonly="readonly"] + p + p a:hover,
 301 textarea[readonly="readonly"] + p a:focus,
 302 textarea[readonly="readonly"] + p + p a:focus {
 303   text-decoration: underline;
 304 }
 305
 306 /* ==========================================================================
 307    6 = Install
 308    ========================================================================== */
 309
 310 #install fieldset,
 311 #install + fieldset {
 312   width: auto;
 313   max-width: 50em;
 314   border: 7px dashed #bcaaa4;
 315 }
 316
 317 #install table,
 318 #install + fieldset table {
 319   width: 100%;
 320   border-collapse: collapse;
 321 }
 322
 323 #install td,
 324 #install + fieldset td {
 325   padding: 0.5em 1em;
 326   border-bottom: 0;
 327 }
 328
 329 #install td:empty {
 330   width: 13.1em;
 331 }
 332
 333 #install table form:nth-child(odd),
 334 #install + fieldset tr:nth-child(odd) {
 335   background: #bcaaa4;
 336 }
 337
 338 #install fieldset > form {
 339   margin-top: 2em;
 340   text-align: center;
 341 }
 342
 343 #install form {
 344   display: table;
 345   width: 100%;
 346 }
 347
 348 #install td:last-child { text-align: left; }
 349
 350 #install .info { width: 19em; }
 351
 352 #install input[type="submit"] {
 353   min-width: 10.5em;
 354 }
 355
 356 #install + fieldset table {
 357   font-size: 0.9em;
 358 }
 359
 360 #install + fieldset td:first-child input[type="submit"] {
 361   background: none;
 362   padding: 0;
 363   color: #000;
 364   font-weight: bold;
 365   border-bottom: 0;
 366 }
 367
 368 #install + fieldset td:first-child input[type="submit"]:hover,
 369 #install + fieldset td:first-child input[type="submit"]:focus {
 370   text-decoration: underline;
 371 }
 372
 373 /* ==========================================================================
 374    7 = Admin
 375    ========================================================================== */
 376
 377 #admin fieldset,
 378 #admin + fieldset {
 379   width: auto;
 380   max-width: 50em;
 381   border: 7px dashed #bcaaa4;
 382 }
 383
 384 #admin table,
 385 #admin + fieldset table {
 386   width: 100%;
 387   border-collapse: collapse;
 388   border-bottom: 2px solid #FFF;
 389 }
 390
 391 #admin td,
 392 #admin + fieldset td {
 393   padding: 0.5em 1em;
 394   border: 2px solid #FFF;
 395   border-bottom: 0;
 396 }
 397
 398 #admin td:empty {
 399   width: 13.1em;
 400 }
 401
 402 #admin table form:nth-child(odd),
 403 #admin + fieldset tr:nth-child(odd) {
 404   background: #bcaaa4;
 405 }
 406
 407 #admin fieldset > form {
 408   margin-top: 2em;
 409   text-align: center;
 410 }
 411
 412 #admin form {
 413   display: table;
 414   width: 100%;
 415 }
 416
 417 #admin td:last-child { text-align: left; }
 418
 419 #admin .info { width: 19em; }
 420
 421 #admin input[type="submit"] {
 422   min-width: 10.5em;
 423 }
 424
 425 #admin + fieldset table {
 426   font-size: 0.9em;
 427 }
 428
 429 #admin + fieldset td:first-child input[type="submit"] {
 430   background: none;
 431   padding: 0;
 432   color: #000;
 433   font-weight: bold;
 434   border-bottom: 0;
 435 }
 436
 437 #admin + fieldset td:first-child input[type="submit"]:hover,
 438 #admin + fieldset td:first-child input[type="submit"]:focus {
 439   text-decoration: underline;
 440 }
 441
 442 /* ==========================================================================
 443    8 = Download page
 444    ========================================================================== */
 445
 446 #self_destruct {
 447   font-weight: bold;
 448   color: red;
 449   background-image: url('pixel_bomb.png');
 450   background-size: 40px 40px;
 451   background-repeat: no-repeat;
 452   padding-left: 40px;
 453   padding-top: 10px;
 454   padding-bottom: 10px;
 455 }
 456