media/jyraphe/style.css.php

   1 <?php
   2 /*
   3  *  Jirafeau, 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 Jirafeau.
  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 @charset "UTF-8";
  32
  33 body {
  34   text-align: center;
  35   font-family: sans-serif;
  36   width: 60em;
  37   margin: 2ex auto;
  38   border: <?php echo $dark; ?> 5px solid;
  39 }
  40
  41 h1 a {
  42   text-decoration: none;
  43   color: black;
  44   border-bottom: <?php echo $dark; ?> 1px dotted;
  45 }
  46
  47 #content {
  48   padding: 0 4em;
  49   background: url('jirafeau.png') left top repeat-y;
  50 }
  51
  52 #upload {
  53   width: 25em;
  54   margin: 5ex auto;
  55 }
  56
  57 #upload table {
  58   width: 100%;
  59 }
  60
  61 #upload .config {
  62   font-size: smaller;
  63 }
  64
  65 #upload .info {
  66   text-align: left;
  67   font-size: smaller;
  68   border-bottom: <?php echo $dark; ?> 1px dashed;
  69 }
  70
  71 #upload .more {
  72   cursor: pointer;
  73 }
  74
  75 #upload .more:after {
  76   content: ' ▼';
  77 }
  78
  79 #upload .activation {
  80   text-align: left;
  81   font-style: italic;
  82 }
  83
  84 #upload .label {
  85   text-align: left;
  86   vertical-align: top;
  87   font-size: smaller;
  88 }
  89
  90 #upload .field {
  91   text-align: right;
  92   vertical-align: bottom;
  93 }
  94
  95 #upload p {
  96   margin: 0.8ex 0;
  97 }
  98
  99 #moreoptions p {
 100   text-align: left;
 101 }
 102
 103 #copyright {
 104   font-size: smaller;
 105 }
 106
 107 .error, .message {
 108   width: 50em;
 109   margin: 5ex auto;
 110 }
 111
 112 .error {
 113   padding-bottom: 1ex;
 114   border: red 2px solid;
 115   background-color: #FBB;
 116 }
 117
 118 .error p:before {
 119   content: url('error.png');
 120   padding-right: 1ex;
 121 }
 122
 123 .message {
 124   padding: 1ex;
 125   border: green 2px solid;
 126   background-color: #BFB;
 127 }
 128
 129 .message p:before {
 130   content: url('ok.png');
 131   padding-right: 1ex;
 132 }
 133
 134 #install {
 135   width: 40em;
 136   margin: 5ex auto;
 137 }
 138
 139 #install table {
 140   width: 100%;
 141 }
 142
 143 #install label {
 144   font-style: italic;
 145 }
 146
 147 #install .info {
 148   text-align: justify;
 149   padding-bottom: 1ex;
 150 }
 151
 152 #install .label {
 153   text-align: justify;
 154   vertical-align: top;
 155 }
 156
 157 #install .field {
 158   text-align: right;
 159   vertical-align: bottom;
 160 }
 161
 162 #install .nav {
 163   padding-top: 2em;
 164 }
 165
 166 #install .next {
 167   text-align: right;
 168 }
 169
 170 #install .previous {
 171   text-align: left;
 172 }
 173
 174 #install .navright {
 175   float: right;
 176 }
 177
 178 #install .navleft {
 179   float: left;
 180 }
 181
 182 #admin {
 183   width: 40em;
 184   margin: 5ex auto;
 185 }
 186
 187 #admin table {
 188   width: 100%;
 189 }
 190
 191 #admin label {
 192   font-style: italic;
 193 }
 194
 195 #admin .info {
 196   text-align: justify;
 197   padding-bottom: 1ex;
 198 }
 199
 200 #admin .label {
 201   text-align: justify;
 202   vertical-align: top;
 203 }
 204
 205 #admin .field {
 206   text-align: right;
 207   vertical-align: bottom;
 208 }
 209
 210 #admin .nav {
 211   padding-top: 2em;
 212 }
 213
 214 #admin .next {
 215   text-align: right;
 216 }
 217
 218 #admin .previous {
 219   text-align: left;
 220 }
 221
 222 #admin .navright {
 223   float: right;
 224 }
 225
 226 #admin .navleft {
 227   float: left;
 228 }
 229
 230 #self_destruct {
 231   font-weight: bold;
 232   color: red;
 233 }
 234
 235 #upload_link_email {
 236   margin-left: 10px;
 237 }
 238
 239 #upload_image_email {
 240   padding-bottom: 15px;
 241   padding-left: 20px;
 242   background: url(email.png) no-repeat;
 243 }