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 body {
  49   background: #efebe9;
  50   font-family: Arial, sans-serif;
  51   margin: 0;
  52   line-height: 1.5;
  53 }
  54
  55 h1 a {
  56   display: block;
  57   background: url(logo-jirafeau.svg) no-repeat;
  58   background-size: 100% 100%;
  59   text-indent: -9999px;
  60   width: 194px;
  61   height: 185px;
  62   margin: 1em auto;
  63   position: relative;
  64   left: 0.4em;
  65 }
  66
  67 h2 {
  68   text-align: center;
  69   color: #795548;
  70 }
  71
  72 fieldset {
  73   border: 0;
  74   padding: 1.5em;
  75   margin: 0 auto;
  76   border-radius: 2px;
  77   width: 20em;
  78   border: 7px dashed #bcaaa4;
  79   min-height: 15em;
  80   position: relative;
  81 }
  82
  83 legend {
  84   padding: 0.5em 1em;
  85   background: #efebe9;
  86   color: #663D1C;
  87   font-size: 1.2em;
  88   display: block;
  89   width: 100%;
  90   text-align: center;
  91 }
  92
  93 input[type="submit"] {
  94   background: #0D9CB2;
  95   border: 0;
  96   padding: 0.4em 2.2em;
  97   font-size: 1.1em;
  98   color: #FFF;
  99   border-bottom: 5px solid #085B69;
 100   cursor: pointer;
 101 }
 102
 103 input[type="submit"]:hover,
 104 input[type="submit"]:focus {
 105   border: 0;
 106   position: relative;
 107   top: 5px;
 108   margin-bottom: 5px;
 109 }
 110
 111 select,
 112 input[type="text"],
 113 input[type="password"] {
 114   border: 0;
 115   padding: 0.5em 1em;
 116   font-size: 1em;
 117   width: 100%;
 118 }
 119
 120 label {
 121   font-weight: bold;
 122   color: #663D1C;
 123 }
 124
 125 #upload_password { width: 80%; }
 126
 127 .next input[type="submit"] {
 128   position: relative;
 129   margin-top: 0.5em;
 130   padding: 0.4em 2.65em;
 131 }
 132
 133 input[value="Déconnexion"] {
 134   background: none;
 135   color: #663D1C;
 136   border: 0;
 137   display: block;
 138   margin: auto;
 139   padding-left: 4em;
 140   font-size: 1em;
 141   font-style:italic;
 142 }
 143
 144 input[value="Déconnexion"]:hover,
 145 input[value="Déconnexion"]:focus {
 146   top: 0;
 147   margin-bottom: 0;
 148   text-decoration: underline;
 149 }
 150
 151 form[action="index.php"] .label {
 152   width: 7em;
 153 }
 154
 155 form[action="index.php"] fieldset {
 156   border: 0;
 157   background: #d7ccc8;
 158   min-height: 5em;
 159 }
 160
 161 select { width: 127%; }
 162
 163
 164
 165 .inner {
 166   margin-top: 3em;
 167 }
 168
 169 #upload fieldset {
 170   background: url(upload.svg) no-repeat center;
 171   -webkit-transition: all 0.5s ease;
 172      -moz-transition: all 0.5s ease;
 173       -ms-transition: all 0.5s ease;
 174        -o-transition: all 0.5s ease;
 175           transition: all 0.5s ease;
 176 }
 177
 178 #upload fieldset:hover {
 179   border-color: #663D1C;
 180 }
 181
 182 #file_select {
 183   position: absolute;
 184   top: 0;
 185   left: 0;
 186   width: 100%;
 187   height: 100%;
 188   cursor: pointer;
 189   opacity: 0;
 190 }
 191
 192
 193
 194 /* ==========================================================================
 195    2 = Copyright
 196    ========================================================================== */
 197
 198 #copyright {
 199   text-align: center;
 200   font-size: 0.8em;
 201   color: #795548;
 202   padding-left: 3em;
 203 }
 204
 205 #copyright a {
 206   color: #795548;
 207   text-decoration: none;
 208 }
 209
 210 #copyright a:hover,
 211 #copyright a:focus {
 212   text-decoration: underline;
 213 }
 214
 215 /* ==========================================================================
 216    3 = Options
 217    ========================================================================== */
 218
 219 #options {
 220   position: relative;
 221   z-index: 10;
 222   background: #efebe9;
 223 }
 224
 225 #options tr { height: 2.7em; }
 226
 227 #option_table tr:first-child td:first-child {
 228   width: 12em;
 229   font-weight: bold;
 230   color: #663D1C;
 231 }
 232
 233 #option_table tr td:first-child {
 234
 235 }
 236
 237 #options input[type="submit"] {
 238   position: relative;
 239   left: 11.2em;
 240 }
 241
 242 /* ==========================================================================
 243    4 = Upload
 244    ========================================================================== */
 245
 246 #upload_finished,
 247 #uploading,
 248 .message,
 249 .error {
 250   text-align: center;
 251   color: #795548;
 252   padding-left: 3em;
 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 }