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 /* A-Z filters */
  58
  59 div#filterrow {
  60     float: left;
  61     overflow: hidden;
  62     clear: left;
  63     width: 2em;
  64 }
  65
  66 div#filterrow ul li {
  67     list-style-type: none;
  68     border-left: 1px solid #999;
  69     border-top: 1px solid #999;
  70     border-bottom: 1px solid #999;
  71     margin: 0.2em 0 0.2em 0.6em;
  72     text-align: center;
  73     -moz-border-radius: 50% 0 0 50%;
  74     margin-right: -1px;
  75 }
  76
  77 /* content */
  78
  79 div#content {
  80     margin-left: 2em;
  81     border: 1px solid #999;
  82     padding: 1em;
  83     height: auto !important;
  84     min-height: 45em;
  85     height: 45em;
  86 }
  87
  88 /* list of contacts or organizations */
  89 table.list tr:hover {
  90     background-color: #DCDCDC !important;
  91 }
  92
  93 table.list tr.even {
  94     background-color: #F5F5F5;
  95 }
  96
  97 table.list td {
  98     padding: 0.1em;
  99 }
 100
 101 /* contact view */
 102 div#show table.show table {
 103     margin-left: 2em;
 104 }
 105
 106 div#show table.show table th {
 107     font-weight: normal;
 108     text-align: right;
 109     padding-right: 1em;
 110     width: 20%;
 111 }
 112
 113 div#show table th,
 114 div#show table td {
 115     vertical-align: top;
 116 }
 117
 118 div#show h3 {
 119     margin: 1em 0 0.6em 0;
 120 }
 121
 122 /* contact edit */
 123 div#edit table th,
 124 div#edit table td {
 125     vertical-align: top;
 126     padding: 0.2em;
 127 }
 128
 129 div#edit table th {
 130     font-weight: normal;
 131     text-align: right;
 132     padding-right: 1em;
 133     width: 35%;
 134 }
 135
 136 div#edit textarea.input,
 137 div#edit input.input {
 138     width: 95%;
 139 }
 140
 141 div#edit span.hint {
 142     font-size: 75%;
 143 }
 144
 145 /* tagcloud */
 146 div#tagcloud {
 147     margin: 2em;
 148 }
 149
 150 /* login form */
 151
 152 form#login {
 153     width: 30em;
 154     margin: 7em auto;
 155 }
 156
 157 form#login fieldset {
 158     padding: 1em 2em;
 159     border: 1px solid #999;
 160 }
 161
 162 form#login legend {
 163     background: transparent url(../pix/key.png) 0px 1px no-repeat;
 164     padding: 1px 0px 1px 20px;
 165 }
 166
 167 form#login div.msg {
 168     font-weight: bold;
 169     margin-bottom: 1em;
 170 }
 171
 172 form#login div.row {
 173     margin: 0.6em;
 174 }
 175
 176 form#login input.input {
 177     width: 12em;
 178 }
 179
 180 form#login input.button {
 181     display: block;
 182     margin: 1em auto;
 183 }
 184
 185 /* import */
 186
 187 form#import {
 188     width: 30em;
 189     margin: 2em auto;
 190 }
 191
 192 form#import fieldset {
 193     padding: 1em 2em;
 194     border: 1px solid #999;
 195 }
 196
 197 form#import legend {
 198     background: transparent url(../pix/page_in.png) 0px 1px no-repeat;
 199     padding: 1px 0px 1px 20px;
 200 }
 201
 202 /* footer */
 203 div#footrow {
 204     margin-left: 2em;
 205 }
 206
 207 div#footrow div.login{
 208     float: right;
 209 }