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 }
  89
  90 .alert-success {
  91         color: #468847;
  92         background-color: #dff0d8;
  93         border-color: #d6e9c6;
  94 }
  95
  96 .alert-success h4 {
  97         color: #468847;
  98 }
  99
 100 .alert-danger,
 101 .alert-error {
 102         color: #b94a48;
 103         background-color: #f2dede;
 104         border-color: #eed3d7;
 105 }
 106
 107 .alert-danger h4,
 108 .alert-error h4 {
 109         color: #b94a48;
 110 }
 111
 112 .alert-info {
 113         color: #3a87ad;
 114         background-color: #d9edf7;
 115         border-color: #bce8f1;
 116 }
 117
 118 .alert-info h4 {
 119         color: #3a87ad;
 120 }
 121
 122 h1 {
 123         color : rgb(82, 168, 236);
 124         font-size : 32px;
 125         margin : 20px 0px 5px 0px;
 126         text-shadow : 0 0 6px #fff;
 127 }
 128
 129 h2 {
 130         color : rgb(82, 168, 236);
 131         font-size : 14pt;
 132         border-width : 0px 0px 1px 0px;
 133         border-color : #f0f0f0;
 134         border-style : solid;
 135 }
 136
 137 div.content > h2 {
 138         margin-top : 0px;
 139 }
 140
 141 div.rss h1 {
 142         border-width : 0px 0px 1px 0px;
 143         border-color : gray;
 144         border-style : dotted;
 145         color : gray;
 146 }
 147
 148 div.rss h2 {
 149         font-size : 12pt;
 150 }
 151
 152 div.rss a.extlink {
 153         color : gray;
 154         border-width : 0px 0px 1px 0px;
 155         border-color : #778899;
 156         border-style : dotted;
 157         font-size : 9pt;
 158 }
 159
 160 div.rss img {
 161         max-width : 775px;
 162 }
 163
 164 div.rss p.description {
 165         color : gray;
 166         font-size : 9pt;
 167 }
 168
 169 div.rss div.content {
 170         margin-top : 0.5em;
 171 }
 172
 173 div.rss img.feedicon {
 174         float : right;
 175 }
 176
 177 div.rss hr {
 178         border-width : 0px 0px 1px 0px;
 179         border-style : dashed;
 180         border-color : #e0e0e0;
 181 }
 182
 183 body#sharepopup {
 184         background-color : white;
 185         background-image : url("../images/toolbar.png");
 186         background-repeat : repeat-x;
 187         background-position : bottom;
 188         margin : 10px;
 189         padding : 0px;
 190 }
 191
 192 body#sharepopup h1 {
 193         font-size : 14px;
 194         margin : 0px;
 195         color : rgb(82, 168, 236);
 196 }
 197
 198 body#sharepopup table {
 199         background : white;
 200         border : 1px solid rgb(82, 168, 236);
 201         padding : 5px;
 202 }
 203
 204 body#sharepopup form {
 205         height : 100%;
 206 }
 207
 208 body#sharepopup input {
 209         width : 100%;
 210 }
 211
 212 div.autocomplete {
 213         position : absolute;
 214         width : 250px;
 215         background-color : white;
 216         border :1px solid #778899;
 217         margin : 0px;
 218         padding : 0px;
 219         z-index : 4;
 220 }
 221
 222 div.autocomplete ul {
 223         list-style-type : none;
 224         margin : 0px;
 225         padding : 0px;
 226         font-size : 10px;
 227 }
 228
 229 div.autocomplete ul li.selected {
 230         background-color : #fff7d5;
 231 }
 232
 233 div.autocomplete ul li {
 234         list-style-type : none;
 235         display : block;
 236         margin : 0;
 237         padding : 2px;
 238         height : 32px;
 239         cursor : pointer;
 240 }
 241
 242 fieldset {
 243         border-width : 0px;
 244         padding : 0px 0px 5px 0px;
 245         margin : 0px;
 246 }
 247
 248 fieldset input {
 249         font-family : sans-serif;
 250         font-size : medium;
 251         border-spacing : 2px;
 252         border : 1px solid #b5bcc7;
 253         padding : 2px;
 254 }
 255
 256 fieldset label {
 257         width : 120px;
 258         margin-right : 20px;
 259         display : inline-block;
 260         text-align : right;
 261         color : gray;
 262 }
 263
 264 body.otp {
 265         margin : 1em;
 266         padding : 0px;
 267 }
 268
 269 form.otpform {
 270         margin : 0px;
 271         padding : 0px;
 272 }
 273
 274 form.otpform label {
 275         margin : 0px;
 276         padding : 0px;
 277 }
 278
 279 body.otp div.content {
 280         display : inline-block;
 281         width : auto;
 282 }
 283
 284 span.hint {
 285         font-size : 10px;
 286         color : gray;
 287 }