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
  42    ========================================================================== */
  43
  44 /* ==========================================================================
  45    1 = Basic Style
  46    ========================================================================== */
  47
  48 * {
  49   -webkit-box-sizing: border-box;
  50      -moz-box-sizing: border-box;
  51           box-sizing: border-box;
  52 }
  53
  54 body {
  55   background: #efebe9;
  56   font-family: Arial, sans-serif;
  57   margin: 0;
  58   line-height: 1.5;
  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 }
  70
  71 h2 {
  72   text-align: center;
  73   color: #795548;
  74 }
  75
  76 fieldset {
  77   border: 0;
  78   padding: 1.5em;
  79   margin: 0 auto;
  80   border-radius: 2px;
  81   width: 25em;
  82   border: 7px dashed #bcaaa4;
  83   min-height: 17em;
  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   width: 100%;
  94   text-align: center;
  95 }
  96
  97 input[type="submit"] {
  98   background: #0D9CB2;
  99   border: 0;
 100   padding: 0.4em 2.2em;
 101   font-size: 1.1em;
 102   color: #FFF;
 103   border-bottom: 5px solid #085B69;
 104   cursor: pointer;
 105 }
 106
 107 input[type="submit"]:hover,
 108 input[type="submit"]:focus {
 109   border: 0;
 110   position: relative;
 111   top: 5px;
 112   margin-bottom: 5px;
 113 }
 114
 115 select,
 116 input[type="text"],
 117 input[type="password"] {
 118   border: 0;
 119   padding: 0.5em 1em;
 120   font-size: 1em;
 121   width: 100%;
 122 }
 123
 124 label {
 125   font-weight: bold;
 126   color: #663D1C;
 127 }
 128
 129 #upload_password { width: 80%; }
 130
 131 .next input[type="submit"] {
 132   position: relative;
 133   margin-top: 0.5em;
 134   padding: 0.4em 2.65em;
 135 }
 136
 137 input[value="Déconnexion"] {
 138   background: none;
 139   color: #663D1C;
 140   border: 0;
 141   display: block;
 142   margin: auto;
 143   padding-left: 4em;
 144   font-size: 1em;
 145   font-style:italic;
 146 }
 147
 148 input[value="Déconnexion"]:hover,
 149 input[value="Déconnexion"]:focus {
 150   top: 0;
 151   margin-bottom: 0;
 152   text-decoration: underline;
 153 }
 154
 155 form[action="index.php"] .label {
 156   width: 7em;
 157 }
 158
 159 form[action="index.php"] fieldset {
 160   border: 0;
 161   background: #d7ccc8;
 162   min-height: 5em;
 163 }
 164
 165
 166
 167 .inner {
 168   margin-top: 3em;
 169 }
 170
 171 #upload fieldset {
 172   background: url(upload.svg) no-repeat center;
 173   -webkit-transition: all 0.5s ease;
 174      -moz-transition: all 0.5s ease;
 175       -ms-transition: all 0.5s ease;
 176        -o-transition: all 0.5s ease;
 177           transition: all 0.5s ease;
 178 }
 179
 180 #upload fieldset:hover {
 181   border-color: #663D1C;
 182 }
 183
 184 #file_select {
 185   position: absolute;
 186   top: 0;
 187   left: 0;
 188   width: 100%;
 189   height: 100%;
 190   cursor: pointer;
 191   opacity: 0;
 192 }
 193
 194
 195
 196 /* ==========================================================================
 197    2 = Copyright
 198    ========================================================================== */
 199
 200 #copyright {
 201   text-align: center;
 202   font-size: 0.8em;
 203   color: #795548;
 204 }
 205
 206 #copyright a {
 207   color: #795548;
 208   text-decoration: none;
 209 }
 210
 211 #copyright a:hover,
 212 #copyright a:focus {
 213   text-decoration: underline;
 214 }
 215
 216 /* ==========================================================================
 217    3 = Options
 218    ========================================================================== */
 219
 220 #options {
 221   position: relative;
 222   z-index: 10;
 223   background: #efebe9;
 224 }
 225
 226 #options tr { height: 2.7em; }
 227
 228 #option_table tr:first-child td:first-child {
 229   width: 12em;
 230   font-weight: bold;
 231   color: #663D1C;
 232 }
 233
 234 #option_table tr td:first-child {
 235
 236 }
 237
 238 #options input[type="submit"] {
 239   position: relative;
 240   left: 11.2em;
 241 }
 242
 243 /* ==========================================================================
 244    4 = Upload
 245    ========================================================================== */
 246
 247 #upload_finished,
 248 #uploading,
 249 .message,
 250 .error {
 251   text-align: center;
 252   color: #795548;
 253 }
 254
 255 #upload_finished a,
 256 #uploading a,
 257 #submit a {
 258   font-weight: bold;
 259   text-decoration: none;
 260   color: #795548;
 261 }
 262
 263 #submit a:before {
 264   content: "› ";
 265 }
 266
 267 #uploaded_percentage {
 268   font-size: 2em;
 269   font-weight: bold;
 270 }
 271
 272 #upload_finished a:hover,
 273 #uploading a:hover,
 274 #upload_finished a:focus,
 275 #uploading a:focus,
 276 #submit a:hover,
 277 #submit a:focus {
 278   text-decoration: underline;
 279 }
 280
 281 .message,
 282 .error {
 283   font-style: italic;
 284 }
 285
 286 #submit tr:first-child td:first-child {
 287   font-weight: bold;
 288   color: #795548;
 289 }
 290
 291 #submit tr + tr td {
 292   padding-top: 1em;
 293 }
 294
 295 #submit td {
 296   color: #795548;
 297 }
 298
 299 /* ==========================================================================
 300    5 = Terms of service
 301    ========================================================================== */
 302
 303
 304
 305 textarea[readonly="readonly"] {
 306   border: 0;
 307   color: #795548;
 308   font-family: Arial, sans-serif;
 309   background: none;
 310   margin: auto;
 311   display: block;
 312 }
 313
 314 textarea[readonly="readonly"] + p,
 315 textarea[readonly="readonly"] + p + p {
 316   text-align: center;
 317   color: #795548;
 318 }
 319
 320 textarea[readonly="readonly"] + p a,
 321 textarea[readonly="readonly"] + p + p a {
 322   font-weight: bold;
 323   text-decoration: none;
 324   color: #795548;
 325 }
 326
 327 textarea[readonly="readonly"] + p a:hover,
 328 textarea[readonly="readonly"] + p + p a:hover,
 329 textarea[readonly="readonly"] + p a:focus,
 330 textarea[readonly="readonly"] + p + p a:focus {
 331   text-decoration: underline;
 332 }