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