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   position: relative;
  82 }
  83
  84 legend {
  85   padding: 0.5em 1em;
  86   background: #efebe9;
  87   color: #663D1C;
  88   font-size: 1.2em;
  89   display: block;
  90   width: 100%;
  91   text-align: center;
  92 }
  93
  94 table a { color: #000;}
  95
  96   table a:hover,
  97   table a:focus {
  98     text-decoration: none;
  99   }
 100
 101 input[type="submit"] {
 102   background: #0D9CB2;
 103   border: 0;
 104   padding: 0.4em 2.2em;
 105   font-size: 1.1em;
 106   color: #FFF;
 107   border-bottom: 5px solid #085B69;
 108   cursor: pointer;
 109 }
 110
 111 select,
 112 input[type="text"],
 113 input[type="password"] {
 114   border: 1;
 115   padding: 0.5em 1em;
 116   font-size: 1em;
 117   width: 89%;
 118 }
 119
 120 select { width: 127%; }
 121
 122 input[type="submit"]:hover,
 123 input[type="submit"]:focus {
 124   border: 0;
 125   position: relative;
 126   top: 5px;
 127   margin-bottom: 5px;
 128 }
 129
 130 .inner {
 131   margin-top: 3em;
 132 }
 133
 134 #upload fieldset {
 135   background: url(upload.svg) no-repeat center;
 136   -webkit-transition: all 0.5s ease;
 137      -moz-transition: all 0.5s ease;
 138       -ms-transition: all 0.5s ease;
 139        -o-transition: all 0.5s ease;
 140           transition: all 0.5s ease;
 141 }
 142
 143 #upload fieldset:hover {
 144   border-color: #663D1C;
 145 }
 146
 147 #upload > form {
 148   text-align: center;
 149   margin: 1em 0 0 3em;
 150 }
 151
 152 #file_select {
 153   position: absolute;
 154   top: 0;
 155   left: 0;
 156   width: 100%;
 157   height: 100%;
 158   cursor: pointer;
 159   opacity: 0;
 160 }
 161
 162
 163
 164 /* ==========================================================================
 165    2 = Copyright
 166    ========================================================================== */
 167
 168 #copyright {
 169   text-align: center;
 170   font-size: 0.8em;
 171   color: #795548;
 172   padding-left: 3em;
 173 }
 174
 175 #copyright a {
 176   color: #795548;
 177   text-decoration: none;
 178 }
 179
 180 #copyright a:hover,
 181 #copyright a:focus {
 182   text-decoration: underline;
 183 }
 184
 185 /* ==========================================================================
 186    3 = Options
 187    ========================================================================== */
 188
 189 #options {
 190   position: relative;
 191   z-index: 10;
 192   background: #efebe9;
 193 }
 194
 195 #options tr { height: 2.7em; }
 196
 197 #option_table tr:first-child td:first-child { width: 12em; }
 198
 199 #option_table tr td:first-child {
 200
 201 }
 202
 203 #options input[type="submit"] {
 204   position: relative;
 205   left: 11.2em;
 206 }
 207
 208 /* ==========================================================================
 209    4 = Upload
 210    ========================================================================== */
 211
 212 #upload_finished,
 213 #uploading,
 214 .message,
 215 .error {
 216   text-align: center;
 217   color: #795548;
 218   padding-left: 3em;
 219 }
 220
 221 #upload_finished a,
 222 #uploading a {
 223   font-weight: bold;
 224   text-decoration: none;
 225   color: #795548;
 226 }
 227
 228 #uploaded_percentage {
 229   font-size: 2em;
 230   font-weight: bold;
 231 }
 232
 233 #upload_finished a:hover,
 234 #uploading a:hover,
 235 #upload_finished a:focus,
 236 #uploading a:focus {
 237   text-decoration: underline;
 238 }
 239
 240 .message,
 241 .error {
 242   color: #d55548;
 243   font-style: italic;
 244   font-weight: bold;
 245 }
 246
 247 /* ==========================================================================
 248    5 = Terms of service
 249    ========================================================================== */
 250
 251
 252
 253 textarea[readonly="readonly"] {
 254   border: 0;
 255   color: #795548;
 256   font-family: Arial, sans-serif;
 257   background: none;
 258   margin: auto;
 259   display: block;
 260 }
 261
 262 textarea[readonly="readonly"] + p,
 263 textarea[readonly="readonly"] + p + p {
 264   text-align: center;
 265   color: #795548;
 266 }
 267
 268 textarea[readonly="readonly"] + p a,
 269 textarea[readonly="readonly"] + p + p a {
 270   font-weight: bold;
 271   text-decoration: none;
 272   color: #795548;
 273 }
 274
 275 textarea[readonly="readonly"] + p a:hover,
 276 textarea[readonly="readonly"] + p + p a:hover,
 277 textarea[readonly="readonly"] + p a:focus,
 278 textarea[readonly="readonly"] + p + p a:focus {
 279   text-decoration: underline;
 280 }
 281
 282 /* ==========================================================================
 283    6 = Admin
 284    ========================================================================== */
 285
 286 #install fieldset,
 287 #install + fieldset {
 288   width: auto;
 289   max-width: 50em;
 290   border: 0;
 291 }
 292
 293 #install table,
 294 #install + fieldset table {
 295   width: 100%;
 296   border-collapse: collapse;
 297   border-bottom: 2px solid #FFF;
 298 }
 299
 300 #install td,
 301 #install + fieldset td {
 302   padding: 0.5em 1em;
 303   border: 2px solid #FFF;
 304   border-bottom: 0;
 305 }
 306
 307 #install td:empty {
 308   width: 13.1em;
 309 }
 310
 311 #install table form:nth-child(odd),
 312 #install + fieldset tr:nth-child(odd) {
 313   background: #bcaaa4;
 314 }
 315
 316 #install fieldset > form {
 317   margin-top: 2em;
 318   text-align: center;
 319 }
 320
 321 #install form {
 322   display: table;
 323   width: 100%;
 324 }
 325
 326 #install td:last-child { text-align: right; }
 327
 328 #install .info { width: 19em; }
 329
 330 #install input[type="submit"] {
 331   min-width: 10.5em;
 332 }
 333
 334 #install + fieldset table {
 335   font-size: 0.9em;
 336 }
 337
 338 #install + fieldset td:first-child input[type="submit"] {
 339   background: none;
 340   padding: 0;
 341   color: #000;
 342   font-weight: bold;
 343   border-bottom: 0;
 344   width: 12em;
 345 }
 346
 347 #install + fieldset td:first-child input[type="submit"]:hover,
 348 #install + fieldset td:first-child input[type="submit"]:focus {
 349   position: static;
 350   margin: 0;
 351   text-decoration: underline;
 352 }