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         margin-right : 90px;
 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 }