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