aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/node-preview.css

   1 .node-preview-container {
   2   background: #d1e8f5;
   3   background-image: -webkit-linear-gradient(top, #d1e8f5, #d3e8f4);
   4   background-image: linear-gradient(to bottom, #d1e8f5, #d3e8f4);
   5   font-family: Arial, sans-serif;
   6   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3333);
   7   position: fixed;
   8   z-index: 499;
   9   width: 100%;
  10   padding: 10px;
  11 }
  12 .node-preview-backlink {
  13   background-color: #419ff1;
  14   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  15   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
  16   border: 1px solid #0048c8;
  17   border-radius: .4em;
  18   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  19   color: #fff;
  20   font-size: 0.9em;
  21   line-height: normal;
  22   margin: 0;
  23   padding: 4px 1em 4px 0.6em; /* LTR */
  24   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  25 }
  26 [dir="rtl"] .node-preview-backlink {
  27   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  28   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
  29   padding: 4px 0.6em 4px 1em;
  30   float: right;
  31 }
  32 .node-preview-backlink:focus,
  33 .node-preview-backlink:hover {
  34   background-color: #419cf1;
  35   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef);
  36   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
  37   border: 1px solid #0048c8;
  38   text-decoration: none;
  39   color: #fff;
  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   background-color: #0e69be;
  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   border: 1px solid #0048c8;
  51   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  52 }
  53 [dir="rtl"] .node-preview-backlink:active {
  54   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  55   background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
  56 }
  57 .node-preview-backlink::before {
  58   content: '';
  59   width: 10px;
  60   display: inline-block;
  61 }