media/modern/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 body {
  34 font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
  35 font-size: 100%;
  36 color:#333333;
  37 margin:0;
  38 background:#e5e5e5;
  39 }
  40
  41 a, a:link, a:visited {
  42         color: #223344;
  43         text-decoration: underlined;
  44 }
  45
  46 fieldset {
  47   text-align: left;
  48   font-size:90%;
  49   width: 50em;
  50   margin: auto;
  51   background: white;
  52   border: 2px solid #dbdbdb;
  53 -webkit-border-radius: 5px;
  54     -moz-border-radius: 5px;
  55     border-radius: 5px;
  56 }
  57
  58 fieldset legend {
  59
  60   color: white;
  61   font-size:130%;
  62   background: #cf3b19;
  63   border: 1px solid #A52E13;
  64   padding: 5px 20px;
  65 -webkit-border-radius: 5px;
  66     -moz-border-radius: 5px;
  67     border-radius: 5px;
  68 }
  69
  70 h1 {
  71
  72   font-size: 175%;
  73   width: 100%;
  74   text-align: center;
  75   height: 50px;
  76   padding-top: 30px;
  77 }
  78
  79 h1 a {
  80   text-decoration: none;
  81   color: #333;
  82 }
  83
  84 h2 {
  85   text-decoration: none;
  86   color: #333;
  87   text-align: center;
  88 }
  89
  90 fieldset p {
  91   margin-left: 25%;
  92 }
  93
  94 .jyraphe_info {
  95   font-size: 120%;
  96   margin-left: 30%;
  97 }
  98
  99 label {
 100   float: left;
 101   width: 12em;
 102 }
 103
 104 input[type=text], input[type=submit], select {
 105   width: 15em;
 106   font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
 107
 108 }
 109
 110
 111 #jyraphe {
 112   background: url('jyraphe.png') right bottom no-repeat;
 113   position: fixed;
 114   bottom: 0;
 115   right: 0;
 116   height: 50px;
 117   width: 50px;
 118   clear:both;
 119 }
 120
 121 #copyright {
 122   text-align: center;
 123   font-size: 70%;
 124
 125 }
 126
 127 .error, .message {
 128   width: 50em;
 129   margin: 5ex auto;
 130 }
 131
 132 .error {
 133 text-align: center;
 134   padding-bottom: 1ex;
 135   border: #FB7373 2px solid;
 136   background-color: #FBB;
 137     -webkit-border-radius: 5px;
 138   -moz-border-radius: 5px;
 139   border-radius: 5px;
 140 }
 141
 142 .error p:before {
 143 text-align: center;
 144   content: url('error.png');
 145   padding-right: 1ex;
 146     -webkit-border-radius: 5px;
 147   -moz-border-radius: 5px;
 148   border-radius: 5px;
 149 }
 150
 151 .message {
 152 text-align: center;
 153   padding: 1ex;
 154   border: #91C27C 2px solid;
 155   background-color: #BFB;
 156     -webkit-border-radius: 5px;
 157   -moz-border-radius: 5px;
 158   border-radius: 5px;
 159 }
 160
 161 .message p:before {
 162   content: url('ok.png');
 163   padding-right: 1ex;
 164 }
 165
 166 .info {
 167   text-align: left;
 168   width: 50em;
 169   margin: auto;
 170   -moz-border-radius: 5px;
 171   -webkit-border-radius: 5px;
 172 }
 173
 174 .info h2 {
 175   text-align: left;
 176 }
 177
 178 .info h3 {
 179   text-align: center;
 180 }
 181
 182 .info p {
 183   margin-left: 5%;
 184   margin-right: 5%;
 185 }
 186
 187 #upload {
 188   text-align: left;
 189   font-size: 90%;
 190   width: 50em;
 191   background: #e5e5e5;
 192   border: 0px solid #CCCCCC;
 193   margin: auto;
 194   -webkit-border-radius: 5px;
 195   -moz-border-radius: 5px;
 196   border-radius: 5px;
 197 }
 198
 199 #uploading {
 200   text-align: center;
 201   width: 50em;
 202   background: white;
 203   border: 2px solid #CCCCCC;
 204   margin: auto;
 205   -webkit-border-radius: 5px;
 206   -moz-border-radius: 5px;
 207    border-radius: 5px;
 208 }
 209
 210 #upload_finished {
 211 font-size:90%;
 212   text-align: center;
 213   padding-top: 20px;
 214   padding-bottom: 20px;
 215   width: 50em;
 216   background: #B6D7A8;
 217   border: 2px solid #91C27C;
 218   margin: auto;
 219   -webkit-border-radius: 5px;
 220     -moz-border-radius: 5px;
 221     border-radius: 5px;
 222 }