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