node-preview.css

.node-preview-container {
  position: fixed;
  z-index: 499;
  width: 100%;
  padding: 5px 10px;
  background: #d1e8f5;
  background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
  background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
  font-family: Arial, sans-serif;
}
.node-preview-backlink {
  display: inline-block;
  margin: 5px 10px 5px 0; /* LTR */
  padding: 4px 1em 4px 0.6em; /* LTR */
  color: #fff;
  border: 1px solid #0048c8;
  border-radius: 0.4em;
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  line-height: normal;
}
[dir="rtl"] .node-preview-backlink {
  float: right;
  margin: 5px 0 5px 10px;
  padding: 4px 0.6em 4px 1em;
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
}
.node-preview-backlink:focus,
.node-preview-backlink:hover {
  text-decoration: none;
  color: #fff;
  border: 1px solid #0048c8;
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
}
[dir="rtl"] .node-preview-backlink:focus,
[dir="rtl"] .node-preview-backlink:hover {
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
}
.node-preview-backlink:active {
  border: 1px solid #0048c8;
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
[dir="rtl"] .node-preview-backlink:active {
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
}
.node-preview-backlink::before {
  display: inline-block;
  width: 10px;
  content: "";
}
[dir="rtl"] .node-preview-backlink::after {
  display: inline-block;
  width: 10px;
  content: "";
}
.node-preview-container .form-item-view-mode {
  display: inline-block;
  margin: 5px 0;
}
[dir="rtl"] .node-preview-container .form-item-view-mode {
  margin-right: 0;
}

File

View on git.drupalcode.org

core/themes/bartik/css/components/node-preview.css

View source 
  1. .node-preview-container {

  2.   position: fixed;

  3.   z-index: 499;

  4.   width: 100%;

  5.   padding: 5px 10px;

  6.   background: #d1e8f5;

  7.   background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);

  8.   background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);

  9.   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);

  10.   font-family: Arial, sans-serif;

  11. }

  12. .node-preview-backlink {

  13.   display: inline-block;

  14.   margin: 5px 10px 5px 0; /* LTR */

  15.   padding: 4px 1em 4px 0.6em; /* LTR */

  16.   color: #fff;

  17.   border: 1px solid #0048c8;

  18.   border-radius: 0.4em;

  19.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);

  20.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */

  21.   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);

  22.   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);

  23.   font-size: 0.9em;

  24.   line-height: normal;

  25. }

  26. [dir="rtl"] .node-preview-backlink {

  27.   float: right;

  28.   margin: 5px 0 5px 10px;

  29.   padding: 4px 0.6em 4px 1em;

  30.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);

  31.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);

  32. }

  33. .node-preview-backlink:focus,

  34. .node-preview-backlink:hover {

  35.   text-decoration: none;

  36.   color: #fff;

  37.   border: 1px solid #0048c8;

  38.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);

  39.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */

  40. }

  41. [dir="rtl"] .node-preview-backlink:focus,

  42. [dir="rtl"] .node-preview-backlink:hover {

  43.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);

  44.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);

  45. }

  46. .node-preview-backlink:active {

  47.   border: 1px solid #0048c8;

  48.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);

  49.   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */

  50.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);

  51. }

  52. [dir="rtl"] .node-preview-backlink:active {

  53.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);

  54.   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);

  55. }

  56. .node-preview-backlink::before {

  57.   display: inline-block;

  58.   width: 10px;

  59.   content: "";

  60. }

  61. [dir="rtl"] .node-preview-backlink::after {

  62.   display: inline-block;

  63.   width: 10px;

  64.   content: "";

  65. }

  66. .node-preview-container .form-item-view-mode {

  67.   display: inline-block;

  68.   margin: 5px 0;

  69. }

  70. [dir="rtl"] .node-preview-container .form-item-view-mode {

  71.   margin-right: 0;

  72. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.