You are here

Home » API reference » Printer and PDF versions for Drupal 8+ 8

entity-links.css in Printer and PDF versions for Drupal 8+ 8

Same filename and directory in other branches
  1. 2.x css/entity-links.css
.node_view ul {
  list-style-type: none;
}
.node_view a {
  text-decoration: none;
}
.node_view ul.pre_links li {
  float: left;
}
.node_view ul.pre_links li:first-child {
  /** the image will be vertically aligned in the center **/
  background: url(../icons/print_icon.png) left center no-repeat;
  /** move the text to the right **/
  padding-left: 20px;
}
.node_view ul.pre_links li:nth-child(2) {
  /** the image will be vertically aligned in the center **/
  background: url(../icons/pdf_icon.png) left center no-repeat;
  /** move the text to the right **/
  padding-left: 20px;
  margin-left: 7px;
}

File

css/entity-links.css
View source 
  1. .node_view ul {

  2.   list-style-type: none;

  3. }

  4. .node_view a {

  5.   text-decoration: none;

  6. }

  7. .node_view ul.pre_links li {

  8.   float: left;

  9. }

  10. .node_view ul.pre_links li:first-child {

  11.   /** the image will be vertically aligned in the center **/

  12.   background: url(../icons/print_icon.png) left center no-repeat;

  13.   /** move the text to the right **/

  14.   padding-left: 20px;

  15. }

  16. .node_view ul.pre_links li:nth-child(2) {

  17.   /** the image will be vertically aligned in the center **/

  18.   background: url(../icons/pdf_icon.png) left center no-repeat;

  19.   /** move the text to the right **/

  20.   padding-left: 20px;

  21.   margin-left: 7px;

  22. }