You are here

Home » API reference » External Links 7

extlink.css in External Links 7 

span.ext {
  background: url(../images/extlink_s.png) 2px center no-repeat;
  width: 10px;
  height: 10px;
  padding-right: 12px;
  text-decoration: none;
}
span.mailto {
  background: url(../images/extlink_s.png) -20px center no-repeat;
  width: 10px;
  height: 10px;
  padding-right: 12px;
  text-decoration: none;
}

/* Hide the extra spans when printing. */
@media print {
  span.ext,
  span.mailto {
    display: none;
    padding: 0;
  }
}

/* Put some whitespace between the link and its Font Awesome suffix. */
span.extlink i {
  padding-left: 0.2em;
}

File

css/extlink.css
View source 
  1. span.ext {

  2.   background: url(../images/extlink_s.png) 2px center no-repeat;

  3.   width: 10px;

  4.   height: 10px;

  5.   padding-right: 12px;

  6.   text-decoration: none;

  7. }

  8. span.mailto {

  9.   background: url(../images/extlink_s.png) -20px center no-repeat;

  10.   width: 10px;

  11.   height: 10px;

  12.   padding-right: 12px;

  13.   text-decoration: none;

  14. }

  15. 

  16. /* Hide the extra spans when printing. */

  17. @media print {

  18.   span.ext,

  19.   span.mailto {

  20.     display: none;

  21.     padding: 0;

  22.   }

  23. }

  24. 

  25. /* Put some whitespace between the link and its Font Awesome suffix. */

  26. span.extlink i {

  27.   padding-left: 0.2em;

  28. }