css/utility.css

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