media/dark-courgette/style.css.php

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