css/utility.less

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