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.rss h1 {
  97         border-width : 0px 0px 1px 0px;
  98         border-color : gray;
  99         border-style : dotted;
 100         color : gray;
 101         margin-right : 90px;
 102 }
 103
 104 div.rss h2 {
 105         font-size : 12pt;
 106 }
 107
 108 div.rss a.extlink {
 109         color : gray;
 110         border-width : 0px 0px 1px 0px;
 111         border-color : #778899;
 112         border-style : dotted;
 113         font-size : 9pt;
 114 }
 115
 116 div.rss img {
 117         max-width : 775px;
 118 }
 119
 120 div.rss p.description {
 121         color : gray;
 122         font-size : 9pt;
 123 }
 124
 125 div.rss div.content {
 126         margin-top : 0.5em;
 127 }
 128
 129 div.rss img.feedicon {
 130         float : right;
 131 }
 132
 133 div.rss hr {
 134         border-width : 0px 0px 1px 0px;
 135         border-style : dashed;
 136         border-color : #e0e0e0;
 137 }
 138
 139 body#sharepopup {
 140         background-color : white;
 141         background-image : url("images/toolbar.png");
 142         background-repeat : repeat-x;
 143         background-position : bottom;
 144         margin : 10px;
 145         padding : 0px;
 146 }
 147
 148 body#sharepopup h1 {
 149         font-size : 14px;
 150         margin : 0px;
 151         color : #88b0f0;
 152 }
 153
 154 body#sharepopup table {
 155         background : white;
 156         border : 1px solid #88b0f0;
 157         padding : 5px;
 158 }
 159
 160 body#sharepopup form {
 161         height : 100%;
 162 }
 163
 164 body#sharepopup input {
 165         width : 100%;
 166 }
 167
 168 div.autocomplete {
 169         position : absolute;
 170         width : 250px;
 171         background-color : white;
 172         border :1px solid #778899;
 173         margin : 0px;
 174         padding : 0px;
 175         z-index : 4;
 176 }
 177
 178 div.autocomplete ul {
 179         list-style-type : none;
 180         margin : 0px;
 181         padding : 0px;
 182         font-size : 10px;
 183 }
 184
 185 div.autocomplete ul li.selected {
 186         background-color : #fff7d5;
 187 }
 188
 189 div.autocomplete ul li {
 190         list-style-type : none;
 191         display : block;
 192         margin : 0;
 193         padding : 2px;
 194         height : 32px;
 195         cursor : pointer;
 196 }
 197
 198 fieldset {
 199         border-width : 0px;
 200         padding : 0px 0px 5px 0px;
 201         margin : 0px;
 202 }
 203
 204 fieldset input {
 205         font-family : sans-serif;
 206         font-size : medium;
 207         border-spacing : 2px;
 208         border : 1px solid #b5bcc7;
 209         padding : 2px;
 210 }
 211
 212 fieldset label {
 213         width : 120px;
 214         margin-right : 20px;
 215         display : inline-block;
 216         text-align : right;
 217         color : gray;
 218 }
 219