css/utility.css

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