css/utility.css

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