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 2px 0px;
  58         font-size : 12px;
  59         box-shadow : 0px 0px 2px #ccc;
  60 }
  61
  62 div.notice {
  63         background : #ecf4ff;
  64 }
  65
  66 div.warning {
  67         background : #fff7d5;
  68 }
  69
  70 div.error {
  71         background : #ffcccc;
  72 }
  73
  74 div.warning img, div.notice img, div.error img {
  75         margin-right : 4px;
  76         vertical-align : middle;
  77 }
  78
  79 div.warning span, div.notice span, div.error span {
  80         display : table-cell;
  81         vertical-align : middle;
  82 }
  83
  84 h1 {
  85         color : #88b0f0;
  86         font-size : 32px;
  87         font-family : serif;
  88         margin : 20px 0px 5px 0px;
  89         text-shadow : 2px 2px 2px #fff;
  90 }
  91
  92 h2 {
  93         color : #88b0f0;
  94         font-size : 14pt;
  95         border-width : 0px 0px 1px 0px;
  96         border-color : #f0f0f0;
  97         border-style : solid;
  98 }
  99
 100 div.content > h2 {
 101         margin-top : 0px;
 102 }
 103
 104 div.rss h1 {
 105         border-width : 0px 0px 1px 0px;
 106         border-color : gray;
 107         border-style : dotted;
 108         color : gray;
 109         margin-right : 90px;
 110 }
 111
 112 div.rss h2 {
 113         font-size : 12pt;
 114 }
 115
 116 div.rss a.extlink {
 117         color : gray;
 118         border-width : 0px 0px 1px 0px;
 119         border-color : #778899;
 120         border-style : dotted;
 121         font-size : 9pt;
 122 }
 123
 124 div.rss img {
 125         max-width : 775px;
 126 }
 127
 128 div.rss p.description {
 129         color : gray;
 130         font-size : 9pt;
 131 }
 132
 133 div.rss div.content {
 134         margin-top : 0.5em;
 135 }
 136
 137 div.rss img.feedicon {
 138         float : right;
 139 }
 140
 141 div.rss hr {
 142         border-width : 0px 0px 1px 0px;
 143         border-style : dashed;
 144         border-color : #e0e0e0;
 145 }
 146
 147 body#sharepopup {
 148         background-color : white;
 149         background-image : url("images/toolbar.png");
 150         background-repeat : repeat-x;
 151         background-position : bottom;
 152         margin : 10px;
 153         padding : 0px;
 154 }
 155
 156 body#sharepopup h1 {
 157         font-size : 14px;
 158         margin : 0px;
 159         color : #88b0f0;
 160 }
 161
 162 body#sharepopup table {
 163         background : white;
 164         border : 1px solid #88b0f0;
 165         padding : 5px;
 166 }
 167
 168 body#sharepopup form {
 169         height : 100%;
 170 }
 171
 172 body#sharepopup input {
 173         width : 100%;
 174 }
 175
 176 div.autocomplete {
 177         position : absolute;
 178         width : 250px;
 179         background-color : white;
 180         border :1px solid #778899;
 181         margin : 0px;
 182         padding : 0px;
 183         z-index : 4;
 184 }
 185
 186 div.autocomplete ul {
 187         list-style-type : none;
 188         margin : 0px;
 189         padding : 0px;
 190         font-size : 10px;
 191 }
 192
 193 div.autocomplete ul li.selected {
 194         background-color : #fff7d5;
 195 }
 196
 197 div.autocomplete ul li {
 198         list-style-type : none;
 199         display : block;
 200         margin : 0;
 201         padding : 2px;
 202         height : 32px;
 203         cursor : pointer;
 204 }
 205
 206 fieldset {
 207         border-width : 0px;
 208         padding : 0px 0px 5px 0px;
 209         margin : 0px;
 210 }
 211
 212 fieldset input {
 213         font-family : sans-serif;
 214         font-size : medium;
 215         border-spacing : 2px;
 216         border : 1px solid #b5bcc7;
 217         padding : 2px;
 218 }
 219
 220 fieldset label {
 221         width : 120px;
 222         margin-right : 20px;
 223         display : inline-block;
 224         text-align : right;
 225         color : gray;
 226 }
 227
 228 body.otp {
 229         margin : 1em;
 230         padding : 0px;
 231 }
 232
 233 form.otpform {
 234         margin : 0px;
 235         padding : 0px;
 236 }
 237
 238 form.otpform label {
 239         margin : 0px;
 240         padding : 0px;
 241 }
 242
 243 body.otp div.content {
 244         display : inline-block;
 245         width : auto;
 246 }
 247
 248 span.hint {
 249         font-size : 10px;
 250         color : gray;
 251 }