git.sur5r.net Git - contagged/blob - styles/layout.css

   1 /* body */
   2 body {
   3     padding: 0.5em;
   4 }
   5
   6 /* top row */
   7
   8 div#titlerow {
   9     overflow: hidden;
  10     height: 3em;
  11     margin-bottom: 1em;
  12 }
  13
  14 div#titlerow div.logo {
  15     float: left;
  16     margin-left: 2em;
  17 }
  18
  19 div#titlerow div.search {
  20     float: right;
  21     margin-top: 1em;
  22 }
  23
  24 div#titlerow div.search form {
  25     float: left;
  26 }
  27
  28 div#titlerow div.search form.tags {
  29     margin-left: 1em;
  30 }
  31
  32
  33 /* Editing buttons */
  34
  35 div#toolbar {
  36     overflow: hidden;
  37     padding-left: 2em;
  38 }
  39
  40 div#toolbar ul li {
  41     list-style-type: none;
  42     float: left;
  43     border-left: 1px solid #999;
  44     border-top: 1px solid #999;
  45     border-right: 1px solid #999;
  46     margin: 0 0.2em 0 0.2em;
  47     text-align: center;
  48     -moz-border-radius: 50% 50% 0 0;
  49     padding: 0.2em 0.4em 0.1em 0.4em;
  50 }
  51
  52 div#toolbar ul li.sep {
  53     border: none;
  54     width: 1em;
  55 }
  56
  57 div#toolbar ul li.right {
  58     float: right;
  59 }
  60
  61 /* A-Z filters */
  62
  63 div#filterrow {
  64     float: left;
  65     overflow: hidden;
  66     clear: left;
  67     width: 2em;
  68 }
  69
  70 div#filterrow ul li {
  71     list-style-type: none;
  72     border-left: 1px solid #999;
  73     border-top: 1px solid #999;
  74     border-bottom: 1px solid #999;
  75     margin: 0.2em 0 0.2em 0.6em;
  76     text-align: center;
  77     -moz-border-radius: 50% 0 0 50%;
  78     margin-right: -1px;
  79 }
  80
  81 /* content */
  82
  83 div#content {
  84     margin-left: 2em;
  85     border: 1px solid #999;
  86     padding: 1em;
  87     height: auto !important;
  88     min-height: 55em;
  89     height: 55em;
  90 }
  91
  92 /* help screen */
  93
  94 div#help h2,
  95 div#help h3 {
  96     margin-bottom: 1em;
  97 }
  98
  99 div#help p {
 100     margin: 0.5em 0;
 101 }
 102
 103 div#help dl {
 104     margin: 0.5em 2em;
 105 }
 106
 107 div#help dd {
 108     margin: 0.3em 1em;
 109 }
 110
 111 div#help code {
 112     font-size: 14px;
 113 }
 114
 115 /* list of contacts or organizations */
 116 table.list tr:hover {
 117     background-color: #DCDCDC !important;
 118 }
 119
 120 table.list tr.even {
 121     background-color: #F5F5F5;
 122 }
 123
 124 table.list td {
 125     padding: 0.1em;
 126 }
 127
 128 /* contact view */
 129 div#show table.show table {
 130     margin-left: 2em;
 131 }
 132
 133 div#show table.show table th {
 134     font-weight: normal;
 135     text-align: right;
 136     padding-right: 1em;
 137     width: 20%;
 138 }
 139
 140 div#show table th,
 141 div#show table td {
 142     vertical-align: top;
 143 }
 144
 145 div#show h3 {
 146     margin: 1em 0 0.6em 0;
 147 }
 148
 149 /* contact edit */
 150 div#edit table th,
 151 div#edit table td {
 152     vertical-align: top;
 153     padding: 0.2em;
 154 }
 155
 156 div#edit table th {
 157     font-weight: normal;
 158     text-align: right;
 159     padding-right: 1em;
 160     width: 35%;
 161 }
 162
 163 div#edit textarea.input,
 164 div#edit input.input {
 165     width: 95%;
 166 }
 167
 168 div#edit span.hint {
 169     font-size: 75%;
 170 }
 171
 172 /* mapping */
 173 div#map div#google_map {
 174     width: 95%;
 175     margin: 2em auto;
 176     height: 40em;
 177 }
 178
 179
 180 /* tagcloud */
 181 div#tagcloud {
 182     margin: 2em;
 183 }
 184
 185 /* login form */
 186
 187 form#login {
 188     width: 30em;
 189     margin: 7em auto;
 190 }
 191
 192 form#login fieldset {
 193     padding: 1em 2em;
 194     border: 1px solid #999;
 195 }
 196
 197 form#login legend {
 198     background: transparent url(../pix/key.png) 0px 1px no-repeat;
 199     padding: 1px 0px 1px 20px;
 200 }
 201
 202 form#login div.msg {
 203     font-weight: bold;
 204     margin-bottom: 1em;
 205 }
 206
 207 form#login div.row {
 208     margin: 0.6em;
 209 }
 210
 211 form#login input.input {
 212     width: 12em;
 213 }
 214
 215 form#login input.button {
 216     display: block;
 217     margin: 1em auto;
 218 }
 219
 220 /* import */
 221
 222 form#import {
 223     width: 30em;
 224     margin: 2em auto;
 225 }
 226
 227 form#import fieldset {
 228     padding: 1em 2em;
 229     border: 1px solid #999;
 230 }
 231
 232 form#import legend {
 233     background: transparent url(../pix/page_in.png) 0px 1px no-repeat;
 234     padding: 1px 0px 1px 20px;
 235 }
 236
 237 /* footer */
 238 div#footrow {
 239     margin-left: 2em;
 240 }
 241
 242 div#footrow div.login{
 243     float: right;
 244 }