css/utility.css

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