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