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 <http://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 body {
  32   text-align: center;
  33   font-family: sans-serif;
  34   width: 60em;
  35   margin: 2ex auto;
  36   border: <?php echo $dark; ?> 5px solid;
  37 }
  38
  39 h1 a {
  40   text-decoration: none;
  41   color: black;
  42   border-bottom: <?php echo $dark; ?> 1px dotted;
  43 }
  44
  45 #content {
  46   padding: 0 4em;
  47   background: url('jirafeau.png') left top repeat-y;
  48 }
  49
  50 #upload {
  51   width: 25em;
  52   margin: 5ex auto;
  53 }
  54
  55 #upload table {
  56   width: 100%;
  57 }
  58
  59 #upload .config {
  60   font-size: smaller;
  61 }
  62
  63 #upload .info {
  64   text-align: left;
  65   font-size: smaller;
  66   border-bottom: <?php echo $dark; ?> 1px dashed;
  67 }
  68
  69 #upload .more {
  70   cursor: pointer;
  71 }
  72
  73 #upload .more:after {
  74   content: ' ▼';
  75 }
  76
  77 #upload .activation {
  78   text-align: left;
  79   font-style: italic;
  80 }
  81
  82 #upload .label {
  83   text-align: left;
  84   vertical-align: top;
  85   font-size: smaller;
  86 }
  87
  88 #upload .field {
  89   text-align: right;
  90   vertical-align: bottom;
  91 }
  92
  93 #upload p {
  94   margin: 0.8ex 0;
  95 }
  96
  97 #moreoptions p {
  98   text-align: left;
  99 }
 100
 101 #copyright {
 102   font-size: smaller;
 103 }
 104
 105 .error, .message {
 106   width: 50em;
 107   margin: 5ex auto;
 108 }
 109
 110 .error {
 111   padding-bottom: 1ex;
 112   border: red 2px solid;
 113   background-color: #FBB;
 114 }
 115
 116 .error p:before {
 117   content: url('error.png');
 118   padding-right: 1ex;
 119 }
 120
 121 .message {
 122   padding: 1ex;
 123   border: green 2px solid;
 124   background-color: #BFB;
 125 }
 126
 127 .message p:before {
 128   content: url('ok.png');
 129   padding-right: 1ex;
 130 }
 131
 132 #install {
 133   width: 40em;
 134   margin: 5ex auto;
 135 }
 136
 137 #install table {
 138   width: 100%;
 139 }
 140
 141 #install label {
 142   font-style: italic;
 143 }
 144
 145 #install .info {
 146   text-align: justify;
 147   padding-bottom: 1ex;
 148 }
 149
 150 #install .label {
 151   text-align: justify;
 152   vertical-align: top;
 153 }
 154
 155 #install .field {
 156   text-align: right;
 157   vertical-align: bottom;
 158 }
 159
 160 #install .nav {
 161   padding-top: 2em;
 162 }
 163
 164 #install .next {
 165   text-align: right;
 166 }
 167
 168 #install .previous {
 169   text-align: left;
 170 }
 171
 172 #install .navright {
 173   float: right;
 174 }
 175
 176 #install .navleft {
 177   float: left;
 178 }