[Summary view] [Print] [Text view]

   1  body {
   2      font-family: Verdana, Arial;
   3      font-size: 12px;
   4      color: #595441;
   5      background:#e3f3ff;
   6      text-align:center;
   7      margin-top:0px;
   8      padding-top:10px;
   9  }
  10  #wrap {
  11      max-width:950px;
  12      min-height:150px;
  13      margin:0 auto;
  14      background:white;
  15      text-align:left;
  16      padding:5px 20px 10px 20px;
  17      border-left:3px solid #2a85b3;
  18      border-right:3px solid #2a85b3;
  19      border-bottom:3px solid #2a85b3;
  20      border-top:3px solid #2a85b3;
  21      -moz-border-radius:20px;
  22      -webkit-border-radius:20px;
  23      border-radius:20px;
  24  }
  25  .hide-if-no-js {display: none;}
  26  div, p, td {
  27      font-family: Verdana, Arial;
  28      font-size: 12px;
  29  }
  30  a, a:link, a:active, a:visited {
  31      color: #2a85b3;
  32      text-decoration: none;
  33  }
  34  a:hover {
  35      text-decoration: underline;
  36  }
  37  h1 {height:50px;margin:0;float:right;max-width:500px;}
  38  h1 a {text-align:right;font-size:20px;float:right;}
  39  h1 a, h1 a:link, h1 a:active, h1 a:visited {color:#2a85b3}
  40  h1 a:hover{text-decoration:none;}
  41  h1 a:hover span{text-decoration:underline;color:#88c0eb}
  42  #yourls-logo {
  43      border:0px;
  44      width:300px;
  45  }
  46  ul#admin_menu {
  47      min-height:100px;
  48      list-style-type:none;
  49      padding:0;
  50      font-size:105%;
  51  }
  52  ul#admin_menu li {
  53      color:#aaa;
  54      padding:1px 0;
  55  }
  56  ul#admin_menu li:hover {
  57      list-style-type:square;
  58      color:#000;
  59  }
  60  
  61  code {
  62      background:#eaeaef;
  63      padding:0 2px;
  64  }
  65  tt {
  66      background:#ffc;
  67      padding:0 2px;
  68  }
  69  
  70  input, textarea {
  71      -moz-border-radius:3px;
  72      -webkit-border-radius:3px;
  73      border-radius:3px;
  74  }
  75  Input.text, select, textarea {
  76      font-family: Verdana, Arial;
  77      font-size: 10px;
  78      color: #595441;
  79      background-color: #FFFFFF;
  80      border: 1px solid #88c0eb;
  81      margin:1px;
  82  }
  83  input.button {
  84      font-family: Verdana, Arial;
  85      font-size: 10px;
  86      color: #595441;
  87      font-weight: bold;
  88      background-color: #FFFFFF;
  89      border: 1px solid #88c0eb;
  90      cursor:pointer;
  91  }
  92  input.primary {
  93      border:2px solid #2A85B3;
  94      background:#fafafe;
  95  }
  96  input.text:focus, textarea:focus {
  97      border:2px solid #2A85B3;
  98      margin:0px;
  99  }
 100  tr.edit-row  td {
 101      background:#e3f3ff !important;
 102  }
 103  #new_url {
 104      text-align:center;
 105      padding:1px;
 106      border:1px solid #CDCDCD;
 107      background:#fff;
 108      clear:both;
 109  }
 110  #new_url div {
 111      background:#C7E7FF;
 112      padding:4px;
 113  }
 114  #new_url_form {
 115      padding:4px;
 116  }
 117  #new_url #feedback {
 118      background:#ff8;
 119      color:#88c0eb;
 120      width:50%;
 121      margin:0px 25%;
 122      padding:2px;
 123      border:1px solid #ff8;
 124  }
 125  #new_url #feedback .fail {
 126      color:#f55;
 127  }
 128  #add-url {width:400px}
 129  td.url small a{
 130      color:#bbc;
 131  }
 132  /* Hide buttons visually but keep them accessible to screen readers */
 133  body.desktop td.actions input, body.desktop td.actions a {
 134      opacity: 0;
 135      pointer-events: none;
 136      transition: opacity 0.2s ease;
 137  }
 138  td.timestamp span.timestamp {
 139      display:none;
 140  }
 141  td.actions input.disabled, td.actions input.loading {
 142      visibility:visible;
 143  }
 144  /* Show buttons on row hover */
 145  tr:hover td.actions input, tr:hover td.actions a {
 146      opacity: 1;
 147      pointer-events: auto;
 148  }
 149  /* Show buttons when any button in the actions cell receives focus */
 150  td.actions:focus-within input, td.actions:focus-within a {
 151      opacity: 1;
 152      pointer-events: auto;
 153  }
 154  /* Show all buttons when any element in the row receives focus (for keyboard nav through the entire row) */
 155  tr:focus-within td.actions input, tr:focus-within td.actions a {
 156      opacity: 1;
 157      pointer-events: auto;
 158  }
 159  td.actions .button {
 160      font-family: Verdana, Arial;
 161      font-size: 10px;
 162      color: #595441;
 163      font-weight: bold;
 164      background-color: #FFFFFF;
 165      border: 1px solid #88c0eb;
 166      -moz-border-radius:3px;
 167      -webkit-border-radius:3px;
 168      border-radius:3px;
 169      cursor:pointer;
 170      height:22px;
 171      width:22px;
 172      margin-top:0px;
 173      margin-right:5px;
 174      display:block;
 175      float:left;
 176      text-indent:-9999px;
 177      outline:0px;
 178  }
 179  td.actions .button:active {
 180      border:1px solid #000;
 181  }
 182  td.actions .button:hover {
 183      text-decoration:none;
 184  }
 185  td.actions .button.disabled, #add-button.disabled {
 186      border:1px solid #333;
 187      background:#ccc;
 188  }
 189  td.actions .button.loading, #add-button.loading {
 190      background:#cc7 url(../images/loading.gif) center center no-repeat;
 191      color:#cc7;
 192  }
 193  td.actions .button_share {
 194      background:transparent url(../images/share.svg) center no-repeat;
 195  }
 196  td.actions .button_edit {
 197      background:transparent url(../images/pencil.svg) center no-repeat;
 198  }
 199  td.actions .button_delete {
 200      background:transparent url(../images/delete.svg) center no-repeat;
 201  }
 202  td.actions .button_stats {
 203      background:transparent url(../images/chart_bar.svg) center no-repeat;
 204  }
 205  #main_table tfoot th, #main_table tfoot th div {
 206      font-size:10px;
 207  }
 208  .error {
 209      color: red;
 210      background:#fee;
 211  }
 212  .warning {
 213      color: orange;
 214      background:#ffe9bf;
 215  }
 216  .success {
 217      color: green;
 218      background:#efe;
 219  }
 220  #login {
 221      max-width: 300px;
 222      margin: 200px auto 0px auto;
 223  }
 224  #login p{
 225      font-weight: bold;
 226  }
 227  #login .text {
 228      width: 100%;
 229  }
 230  #login ul {
 231      padding-left:0px;
 232      list-style-type:none;
 233      text-indent:0;
 234  }
 235  #login ul li {
 236      padding:0 0 5px 20px;
 237  }
 238  #login ul.error li {
 239      background:transparent url(../images/cancel.svg) top left no-repeat;
 240  }
 241  #login ul.warning li {
 242      background:transparent url(../images/error.svg) top left no-repeat;
 243  }
 244  #login ul.success li {
 245      background:transparent url(../images/accept.svg) top left no-repeat;
 246  }
 247  .sub_wrap {
 248      max-width:580px;
 249      padding-bottom:30px;
 250      text-align:justify;
 251  }
 252  .sub_wrap span {
 253      background:#ffa;
 254      padding:0 2px;
 255  }
 256  a.bookmarklet {
 257      border:2px solid #2a85b3;
 258      -moz-border-radius:3px;
 259      -webkit-border-radius:3px;
 260      border-radius:3px;
 261      padding:5px 5px 5px 20px;
 262      background:#eef url(../images/favicon.svg) 2px center no-repeat;
 263      padding-left:30px;
 264      margin:3px;
 265      display:inline-block;
 266  }
 267  a.bookmarklet:hover {
 268      text-decoration:none;
 269      background-position:3px center;
 270  }
 271  #footer {
 272      text-align:center;
 273      margin-top:20px;
 274  }
 275  #footer p {
 276      padding:10px;
 277      background:white;
 278      margin:0 auto;
 279      max-width:950px;
 280      -moz-border-radius:10px;
 281      -webkit-border-radius:10px;
 282      border-radius:10px;
 283      border:2px solid #2a85b3;
 284      -moz-border-radius-bottomleft:30px;
 285      -moz-border-radius-bottomright:30px;
 286      -webkit-border-bottom-left-radius:25px;
 287      -webkit-border-bottom-right-radius:25px;
 288      border-bottom-left-radius:25px;
 289      border-bottom-right-radius:25px;
 290  }
 291  #footer p a {
 292      background:#fff url(../images/favicon.svg) 2px center no-repeat;
 293      padding-left:30px;
 294  }
 295  
 296  .notice {
 297      border:1px solid #2a85b3;
 298      background: #F3FAFD;
 299      -moz-border-radius:6px;
 300      -webkit-border-radius:6px;
 301      border-radius:6px;
 302      width:70%;
 303      margin-left:15%;
 304      padding-left:10px;
 305      margin-bottom:5px;
 306  }
 307  
 308  .jquery-notify-bar {
 309    width:100%;
 310    position:fixed;
 311    top:0;
 312    left:0;
 313    z-index:32768;
 314    background-color:#efefef;
 315    font-size:18px;
 316    color:#000;
 317    text-align:center;
 318    font-family: Arial, Verdana, sans-serif;
 319    padding:20px 0px;
 320    border-bottom:1px solid #bbb;
 321    filter:alpha(opacity=95);
 322    -moz-opacity:0.95;
 323    -khtml-opacity:0.95;
 324    opacity:0.95;
 325    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
 326    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 327    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
 328  }
 329  .jquery-notify-bar.error ,.jquery-notify-bar.fail {
 330    color:#f00;
 331    background-color:#fdd;
 332  }
 333  .jquery-notify-bar.error span,.jquery-notify-bar.fail span{
 334      background:transparent url("../images/error.svg") no-repeat left center;
 335      padding-left:20px;
 336  }.jquery-notify-bar.success span{
 337      background:transparent url("../images/accept.svg") no-repeat left center;
 338      padding-left:20px;
 339  }
 340  .jquery-notify-bar.success {
 341    color:#060;
 342    background-color:#aea;
 343  }
 344  .notify-bar-close {
 345    position:absolute;
 346    left:95%;
 347    font-size:11px;
 348  }
 349  tr.plugin.active a{ font-weight:bolder;}
 350  body.desktop tr.plugin td.plugin_desc small{ visibility:hidden;}
 351  tr:hover.plugin td.plugin_desc small{ visibility:visible;}