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.1em 0.6em;
  76     text-align: center;
  77     -moz-border-radius: 50% 0 0 50%;
  78     margin-right: -1px;
  79     font-size: 85%;
  80 }
  81
  82 /* content */
  83
  84 div#content {
  85     margin-left: 2em;
  86     border: 1px solid #999;
  87     padding: 1em;
  88     height: auto !important;
  89     min-height: 60em;
  90     height: 60em;
  91 }
  92
  93 /* help screen */
  94
  95 div#help h2,
  96 div#help h3 {
  97     margin-bottom: 1em;
  98 }
  99
 100 div#help p {
 101     margin: 0.5em 0;
 102 }
 103
 104 div#help dl {
 105     margin: 0.5em 2em;
 106 }
 107
 108 div#help dd {
 109     margin: 0.3em 1em;
 110 }
 111
 112 div#help code {
 113     font-size: 14px;
 114 }
 115
 116 /* list of contacts or organizations */
 117 table.list tr:hover {
 118     background-color: #DCDCDC !important;
 119 }
 120
 121 table.list tr.even {
 122     background-color: #F5F5F5;
 123 }
 124
 125 table.list td {
 126     padding: 0.1em;
 127 }
 128
 129 /* contact view */
 130 div#show table.show table {
 131     margin-left: 2em;
 132 }
 133
 134 div#show table.show table th {
 135     font-weight: normal;
 136     text-align: right;
 137     padding-right: 1em;
 138     width: 20%;
 139 }
 140
 141 div#show table th,
 142 div#show table td {
 143     vertical-align: top;
 144 }
 145
 146 div#show h3 {
 147     margin: 1em 0 0.6em 0;
 148 }
 149
 150 /* contact edit */
 151 div#edit table th,
 152 div#edit table td {
 153     vertical-align: top;
 154     padding: 0.2em;
 155 }
 156
 157 div#edit table th {
 158     font-weight: normal;
 159     text-align: right;
 160     padding-right: 1em;
 161     width: 35%;
 162 }
 163
 164 div#edit textarea.input,
 165 div#edit input.input {
 166     width: 95%;
 167 }
 168
 169 div#edit span.hint {
 170     font-size: 75%;
 171 }
 172
 173 /* mapping */
 174 div#map div#google_map {
 175     width: 95%;
 176     margin: 2em auto;
 177     height: 40em;
 178 }
 179
 180
 181 /* tagcloud */
 182 div#tagcloud {
 183     margin: 2em;
 184 }
 185
 186 /* login form */
 187
 188 form#login {
 189     width: 30em;
 190     margin: 7em auto;
 191 }
 192
 193 form#login fieldset {
 194     padding: 1em 2em;
 195     border: 1px solid #999;
 196 }
 197
 198 form#login legend {
 199     background: transparent url(../pix/key.png) 0px 1px no-repeat;
 200     padding: 1px 0px 1px 20px;
 201 }
 202
 203 form#login div.msg {
 204     font-weight: bold;
 205     margin-bottom: 1em;
 206 }
 207
 208 form#login div.row {
 209     margin: 0.6em;
 210 }
 211
 212 form#login input.input {
 213     width: 12em;
 214 }
 215
 216 form#login input.button {
 217     display: block;
 218     margin: 1em auto;
 219 }
 220
 221 /* import */
 222
 223 form#import {
 224     width: 30em;
 225     margin: 2em auto;
 226 }
 227
 228 form#import fieldset {
 229     padding: 1em 2em;
 230     border: 1px solid #999;
 231 }
 232
 233 form#import legend {
 234     background: transparent url(../pix/page_in.png) 0px 1px no-repeat;
 235     padding: 1px 0px 1px 20px;
 236 }
 237
 238 /* footer */
 239 div#footrow {
 240     margin-left: 2em;
 241 }
 242
 243 div#footrow div.login{
 244     float: right;
 245 }