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