You are here

Home » API reference » Link Badges 7

link_badges.css in Link Badges 7 

.link-badge {
  background: #f03d25;
  /* IE9 doesn't support background gradients combined with border-radius. Sigh. */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06067', endColorstr='#c70103'); */
  background: -webkit-gradient(linear, left top, left bottom, from(#f06067), to(#c70103)); 
  background: -moz-linear-gradient(top,  #f06067,  #c70103); 
  border: 2px solid #fff;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 2px 4px 3px 4px;
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.75);
  box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.75);
  font-size: 80%;
  line-height: 1.0em;
  margin-top: -0.75em;
  text-shadow: 1px 1px 0px #bb0000;
  font-family:  "Lucida Grande","Lucida Sans Unicode",sans-serif;
}
.link-badge-badge-wrapper {
  position: relative;
  right: 4px;
  top: -12px;
  margin-right: -20px;
  margin-bottom: -8px;
  display: inline-block;
}
body .tabs ul.primary,
ul.action-links li {
  margin-top: -9px;
  padding-top: 9px;
}
.link-badge {
  display: inline-block;
  margin-top: -10px;
}

@-moz-document url-prefix() {
  .link-badge {
    font-size: 85%;
    padding: 2px 4px 2px 4px;
  }
}

File

link_badges.css
View source 
  1. .link-badge {

  2.   background: #f03d25;

  3.   /* IE9 doesn't support background gradients combined with border-radius. Sigh. */

  4.   /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06067', endColorstr='#c70103'); */

  5.   background: -webkit-gradient(linear, left top, left bottom, from(#f06067), to(#c70103)); 

  6.   background: -moz-linear-gradient(top,  #f06067,  #c70103); 

  7.   border: 2px solid #fff;

  8.   color: #fff;

  9.   font-weight: bold;

  10.   -webkit-border-radius: 10px;

  11.   -moz-border-radius: 10px;

  12.   border-radius: 10px;

  13.   padding: 2px 4px 3px 4px;

  14.   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.75);

  15.   -moz-box-shadow:    1px 1px 2px rgba(50, 50, 50, 0.75);

  16.   box-shadow:         1px 1px 2px rgba(50, 50, 50, 0.75);

  17.   font-size: 80%;

  18.   line-height: 1.0em;

  19.   margin-top: -0.75em;

  20.   text-shadow: 1px 1px 0px #bb0000;

  21.   font-family:  "Lucida Grande","Lucida Sans Unicode",sans-serif;

  22. }

  23. .link-badge-badge-wrapper {

  24.   position: relative;

  25.   right: 4px;

  26.   top: -12px;

  27.   margin-right: -20px;

  28.   margin-bottom: -8px;

  29.   display: inline-block;

  30. }

  31. body .tabs ul.primary,

  32. ul.action-links li {

  33.   margin-top: -9px;

  34.   padding-top: 9px;

  35. }

  36. .link-badge {

  37.   display: inline-block;

  38.   margin-top: -10px;

  39. }

  40. 

  41. @-moz-document url-prefix() {

  42.   .link-badge {

  43.     font-size: 85%;

  44.     padding: 2px 4px 2px 4px;

  45.   }

  46. }