views/style.sass

   1 /*
   2  * Coquelicot: "one-click" file sharing with a focus on users' privacy.
   3  * Copyright © 2010-2012 potager.org <jardiniers@potager.org>
   4  *           © 2011 mh / immerda.ch <mh+coquelicot@immerda.ch>
   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 body
  21   background: no-repeat fixed 50% 100% #70794e url('images/background.jpg')
  22   font-family: Georgia
  23   color: darkgreen
  24
  25 a, a:visited
  26   text-decoration: underline
  27   color: blue
  28
  29 .error
  30   background-color: red
  31   color: white
  32   border: black solid 1px
  33
  34 h1
  35   margin-top: 0.1ex
  36   border-bottom: solid 1px #b60a00
  37   text-align: center
  38
  39 #container
  40   width: 550px
  41   margin: 2em auto
  42   border-radius: 25px
  43   -moz-border-radius: 25px
  44   -webkit-border-radius: 25px
  45   background: white
  46   border: solid 1px black
  47   padding: 5px 25px
  48
  49 .url
  50   text-align: center
  51
  52 .url a
  53   text-decoration: none
  54   color: black
  55
  56 .url .base
  57   display: block
  58   font-size: small
  59
  60 .url .name
  61   display: block
  62   font-size: x-large
  63   white-space: nowrap
  64
  65 .again
  66   margin-top: 1ex
  67   text-align: right
  68
  69 .field label
  70   float: left
  71   width: 12em
  72   text-align: right
  73   margin: 0 5px 2px 0
  74
  75 fieldset
  76   border: none
  77
  78 .radio
  79   clear: left
  80   margin-left: 11.8em
  81
  82 .radio input
  83   float: left
  84   margin: 2px 5px 0 0
  85
  86 .radio label
  87   text-align: left
  88   width: 17em
  89
  90 .input, .random-pass
  91   margin: 0 5px 2px 0
  92   float: left
  93   width: 220px
  94
  95 .random-pass
  96   font-family: monospace
  97   font-size: large
  98   color: black
  99
 100 #gen_pass
 101   font-size: small
 102
 103 .field
 104   clear: left
 105
 106 .submit
 107   text-align: center
 108   margin-top: 5px
 109
 110 #progress
 111   margin: 8px
 112   width: 220px
 113   height: 19px
 114
 115 #progressbar
 116   background: url('images/ajax-loader.gif') no-repeat
 117   width: 0px
 118   height: 19px
 119
 120 #auth-message
 121   clear: both
 122   color: red
 123   text-align: center
 124
 125 #footer
 126   position: fixed
 127   bottom: 0
 128   clear: both
 129   width: 100%
 130   padding-top: 0.5em
 131   padding-bottom: 0.2em
 132   border-top: dashed 1px black
 133   text-align: center
 134   color: #ccc
 135   font-size: small
 136
 137 #footer a, #footer a:visited
 138   color: #ccc
 139   text-decoration: underline
 140
 141 #upload-authentication .field label
 142   margin: 0 5px 1px 0
 143
 144 #upload-authentication .submit
 145   float: right
 146   margin: 1px 22px