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