css/utility.css

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