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