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 <https://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   border-radius: 10px;
  48 }
  49
  50 fieldset legend {
  51   color: white;
  52   background: #02233f;
  53   border: 2px solid #02233f;
  54   padding: 1px 5px;
  55   -moz-border-radius: 5px;
  56   -webkit-border-radius: 5px;
  57   border-radius: 5px;
  58 }
  59
  60 h1 {
  61   width: 100%;
  62   text-align: center;
  63   background: url('bandeau.png') left top repeat-x;
  64   height: 70px;
  65   padding-top: 30px;
  66 }
  67
  68 h1 a {
  69   text-decoration: none;
  70   color: white;
  71 }
  72
  73 fieldset p {
  74   margin-left: 25%;
  75 }
  76
  77 .jyraphe_info {
  78   font-size: small;
  79   margin-left: 30%;
  80 }
  81
  82 label {
  83   float: left;
  84   width: 12em;
  85 }
  86
  87 input[type=text], input[type=submit], select {
  88   color: black;
  89   width: 15em;
  90   border: 1px #02233f solid;
  91   background: white;
  92 }
  93
  94 input:hover {
  95   color: white;
  96   background: #02233f;
  97 }
  98
  99 #jyraphe {
 100   background: url('jyraphe.png') right bottom no-repeat;
 101   position: fixed;
 102   bottom: 0;
 103   right: 0;
 104   height: 100px;
 105   width: 100px;
 106   clear:both;
 107 }
 108
 109 #copyright {
 110   text-align: center;
 111 }
 112
 113 .error, .message {
 114   width: 50em;
 115   margin: 5ex auto;
 116 }
 117
 118 .error {
 119   padding-bottom: 1ex;
 120   border: red 2px solid;
 121   background-color: #FBB;
 122 }
 123
 124 .error p:before {
 125   content: url('error.png');
 126   padding-right: 1ex;
 127 }
 128
 129 .message {
 130   padding: 1ex;
 131   border: green 2px solid;
 132   background-color: #BFB;
 133 }
 134
 135 .message p:before {
 136   content: url('ok.png');
 137   padding-right: 1ex;
 138 }
 139
 140 .info {
 141   text-align: left;
 142   width: 40em;
 143   margin: auto;
 144   background: #E2f5ff;
 145   border: 2px solid #02233f;
 146   -moz-border-radius: 10px;
 147   -webkit-border-radius: 10px;
 148   border-radius: 10px;
 149 }
 150
 151 .info h2 {
 152   text-align: center;
 153 }
 154
 155 .info h3 {
 156   text-align: center;
 157 }
 158
 159 .info p {
 160   margin-left: 5%;
 161   margin-right: 5%;
 162 }
 163
 164 #upload {}
 165
 166 #uploading {
 167   text-align: center;
 168   width: 30em;
 169   background: #E2f5ff;
 170   border: 2px solid #02233f;
 171   margin: auto;
 172 }
 173
 174 #upload_finished {
 175   text-align: center;
 176   width: 60em;
 177   background: #E2f5ff;
 178   border: 2px solid #02233f;
 179   margin: auto;
 180 }
 181
 182 #self_destruct {
 183   font-weight: bold;
 184   color: red;
 185 }
 186
 187 #upload_image_email {
 188   padding-left: 20px;
 189   margin-left: 10px;
 190   background: url(email.png) no-repeat;
 191 }