utility.css

   1 body {
   2         font-family : sans-serif;
   3         font-size : 12px;
   4         background : #eee;
   5         margin-left : auto;
   6         margin-right : auto;
   7         max-width : 800px;
   8 }
   9
  10 form {
  11         margin : 10px 0px 0px 0px;
  12         padding : 0px;
  13 }
  14
  15 div.content {
  16         background : white;
  17         border : 1px solid #ccc;
  18         padding : 10px;
  19         box-shadow : 0px 0px 3px #ccc;
  20 }
  21
  22 p.warning {
  23         color : red;
  24 }
  25
  26 p.query, code {
  27         color : green;
  28 }
  29
  30 p.insensitive {
  31         color : gray;
  32 }
  33
  34 div.insensitive-small {
  35         color : gray;
  36         font-size : 10px;
  37 }
  38
  39 .floatingLogo {
  40         float : right;
  41         position : relative;
  42         top : -10px;
  43 }
  44
  45 a {
  46         color : #4684ff;
  47         text-decoration : none;
  48 }
  49
  50 a:hover {
  51         color : black;
  52 }
  53
  54 div.notice, div.warning, div.error {
  55         padding : 4px 10px 4px 4px;
  56         display : inline-block;
  57         margin : 2px 0px 4px 0px;
  58         font-size : 12px;
  59         border-style : solid;
  60         border-color : #ccc;
  61         border-radius : 4px;
  62         border-width : 1px;
  63         box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
  64 }
  65
  66 div.notice div.inner, div.warning div.inner, div.error div.inner {
  67         vertical-align : middle;
  68 }
  69
  70 div.notice {
  71         background : #ecf4ff;
  72         border-color : #88b0f0;
  73 }
  74
  75 div.warning {
  76         border-color : #EFDC88;
  77         background : #fff7d5;
  78 }
  79
  80 div.error {
  81         background : #ffcccc;
  82         border-color : #ff0000;
  83 }
  84
  85 div.warning img, div.notice img, div.error img {
  86         margin-right : 4px;
  87         vertical-align : middle;
  88 }
  89
  90 div.warning span, div.notice span, div.error span {
  91         display : table-cell;
  92         vertical-align : middle;
  93
  94 }
  95
  96 h1 {
  97         color : #88b0f0;
  98         font-size : 32px;
  99         font-family : serif;
 100         margin : 20px 0px 5px 0px;
 101         text-shadow : 2px 2px 2px #fff;
 102 }
 103
 104 h2 {
 105         color : #88b0f0;
 106         font-size : 14pt;
 107         border-width : 0px 0px 1px 0px;
 108         border-color : #f0f0f0;
 109         border-style : solid;
 110 }
 111
 112 div.content > h2 {
 113         margin-top : 0px;
 114 }
 115
 116 div.rss h1 {
 117         border-width : 0px 0px 1px 0px;
 118         border-color : gray;
 119         border-style : dotted;
 120         color : gray;
 121         margin-right : 90px;
 122 }
 123
 124 div.rss h2 {
 125         font-size : 12pt;
 126 }
 127
 128 div.rss a.extlink {
 129         color : gray;
 130         border-width : 0px 0px 1px 0px;
 131         border-color : #778899;
 132         border-style : dotted;
 133         font-size : 9pt;
 134 }
 135
 136 div.rss img {
 137         max-width : 775px;
 138 }
 139
 140 div.rss p.description {
 141         color : gray;
 142         font-size : 9pt;
 143 }
 144
 145 div.rss div.content {
 146         margin-top : 0.5em;
 147 }
 148
 149 div.rss img.feedicon {
 150         float : right;
 151 }
 152
 153 div.rss hr {
 154         border-width : 0px 0px 1px 0px;
 155         border-style : dashed;
 156         border-color : #e0e0e0;
 157 }
 158
 159 body#sharepopup {
 160         background-color : white;
 161         background-image : url("images/toolbar.png");
 162         background-repeat : repeat-x;
 163         background-position : bottom;
 164         margin : 10px;
 165         padding : 0px;
 166 }
 167
 168 body#sharepopup h1 {
 169         font-size : 14px;
 170         margin : 0px;
 171         color : #88b0f0;
 172 }
 173
 174 body#sharepopup table {
 175         background : white;
 176         border : 1px solid #88b0f0;
 177         padding : 5px;
 178 }
 179
 180 body#sharepopup form {
 181         height : 100%;
 182 }
 183
 184 body#sharepopup input {
 185         width : 100%;
 186 }
 187
 188 div.autocomplete {
 189         position : absolute;
 190         width : 250px;
 191         background-color : white;
 192         border :1px solid #778899;
 193         margin : 0px;
 194         padding : 0px;
 195         z-index : 4;
 196 }
 197
 198 div.autocomplete ul {
 199         list-style-type : none;
 200         margin : 0px;
 201         padding : 0px;
 202         font-size : 10px;
 203 }
 204
 205 div.autocomplete ul li.selected {
 206         background-color : #fff7d5;
 207 }
 208
 209 div.autocomplete ul li {
 210         list-style-type : none;
 211         display : block;
 212         margin : 0;
 213         padding : 2px;
 214         height : 32px;
 215         cursor : pointer;
 216 }
 217
 218 fieldset {
 219         border-width : 0px;
 220         padding : 0px 0px 5px 0px;
 221         margin : 0px;
 222 }
 223
 224 fieldset input {
 225         font-family : sans-serif;
 226         font-size : medium;
 227         border-spacing : 2px;
 228         border : 1px solid #b5bcc7;
 229         padding : 2px;
 230 }
 231
 232 fieldset label {
 233         width : 120px;
 234         margin-right : 20px;
 235         display : inline-block;
 236         text-align : right;
 237         color : gray;
 238 }
 239
 240 body.otp {
 241         margin : 1em;
 242         padding : 0px;
 243 }
 244
 245 form.otpform {
 246         margin : 0px;
 247         padding : 0px;
 248 }
 249
 250 form.otpform label {
 251         margin : 0px;
 252         padding : 0px;
 253 }
 254
 255 body.otp div.content {
 256         display : inline-block;
 257         width : auto;
 258 }
 259
 260 span.hint {
 261         font-size : 10px;
 262         color : gray;
 263 }