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