css/utility.less

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