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