media/industrial/style.css.php

   1 <?php
   2 /*
   3  *  Jyraphe, your web file repository
   4  *  Copyright (C) 2008  Julien "axolotl" BERNARD <axolotl@magieeternelle.org>
   5  *
   6  *  This program is free software: you can redistribute it and/or modify
   7  *  it under the terms of the GNU Affero General Public License as
   8  *  published by the Free Software Foundation, either version 3 of the
   9  *  License, or (at your option) any later version.
  10  *
  11  *  This program is distributed in the hope that it will be useful,
  12  *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  13  *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14  *  GNU Affero General Public License for more details.
  15  *
  16  *  You should have received a copy of the GNU Affero General Public License
  17  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  18  */
  19
  20 /*
  21  * This stylesheet is the default stylesheet for Jyraphe.
  22  * The content is dynamically generated for easier handling.
  23  */
  24
  25 $dark = '#8B4513';
  26
  27 header("Content-type: text/css");
  28
  29 ?>
  30
  31 body {
  32   font-family: sans-serif;
  33   text-align: center;
  34   margin: 2ex auto;
  35   background: white;
  36   /* border: <?php echo $dark; ?> 5px solid; */
  37 }
  38
  39 fieldset {
  40   text-align: left;
  41   width: 40em;
  42   margin: auto;
  43   background: #E2f5ff;
  44   border: 2px solid #02233f;
  45   -moz-border-radius: 10px;
  46   -webkit-border-radius: 10px;
  47 }
  48
  49 fieldset legend {
  50   color: white;
  51   background: #02233f;
  52   border: 2px solid #02233f;
  53   padding: 1px 5px;
  54   -moz-border-radius: 5px;
  55   -webkit-border-radius: 5px;
  56 }
  57
  58 h1 {
  59   width: 100%;
  60   text-align: center;
  61   background: url('bandeau.png') left top repeat-x;
  62   height: 70px;
  63   padding-top: 30px;
  64 }
  65
  66 h1 a {
  67   text-decoration: none;
  68   color: white;
  69 }
  70
  71 fieldset p {
  72   margin-left: 25%;
  73 }
  74
  75 .jyraphe_info {
  76   font-size: small;
  77   margin-left: 30%;
  78 }
  79
  80 label {
  81   float: left;
  82   width: 12em;
  83 }
  84
  85 input[type=text], input[type=submit], select {
  86   color: black;
  87   width: 15em;
  88   border: 1px #02233f solid;
  89   background: white;
  90 }
  91
  92 input:hover {
  93   color: white;
  94   background: #02233f;
  95 }
  96
  97 #jyraphe {
  98   background: url('jyraphe.png') right bottom no-repeat;
  99   position: fixed;
 100   bottom: 0;
 101   right: 0;
 102         height: 100px;
 103   width: 100px;
 104         clear:both;
 105 }
 106
 107 #copyright {
 108   text-align: center;
 109 }
 110
 111 .error, .message {
 112   width: 50em;
 113   margin: 5ex auto;
 114 }
 115
 116 .error {
 117   padding-bottom: 1ex;
 118   border: red 2px solid;
 119   background-color: #FBB;
 120 }
 121
 122 .error p:before {
 123   content: url('error.png');
 124   padding-right: 1ex;
 125 }
 126
 127 .message {
 128   padding: 1ex;
 129   border: green 2px solid;
 130   background-color: #BFB;
 131 }
 132
 133 .message p:before {
 134   content: url('ok.png');
 135   padding-right: 1ex;
 136 }
 137
 138 .info {
 139   text-align: left;
 140   width: 40em;
 141   margin: auto;
 142   background: #E2f5ff;
 143   border: 2px solid #02233f;
 144   -moz-border-radius: 10px;
 145   -webkit-border-radius: 10px;
 146 }
 147
 148 .info h2 {
 149   text-align: center;
 150 }
 151
 152 .info h3 {
 153   text-align: center;
 154 }
 155
 156 .info p {
 157   margin-left: 5%;
 158   margin-right: 5%;
 159 }
 160
 161 #upload {}
 162
 163 #uploading {
 164   text-align: center;
 165   width: 30em;
 166   background: #E2f5ff;
 167   border: 2px solid #02233f;
 168   margin: auto;
 169 }
 170
 171 #upload_finished {
 172   text-align: center;
 173   width: 60em;
 174   background: #E2f5ff;
 175   border: 2px solid #02233f;
 176   margin: auto;
 177 }