utility.css

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