www.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: 5px 10px;
  11 }
  12 .node-preview-backlink {
  13   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5);
  14   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
  15   border: 1px solid #0048c8;
  16   border-radius: 0.4em;
  17   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  18   color: #fff;
  19   font-size: 0.9em;
  20   line-height: normal;
  21   margin: 5px 10px 5px 0; /* LTR */
  22   padding: 4px 1em 4px 0.6em; /* LTR */
  23   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  24   display: inline-block;
  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   margin: 5px 0 5px 10px;
  30   padding: 4px 0.6em 4px 1em;
  31   float: right;
  32 }
  33 .node-preview-backlink:focus,
  34 .node-preview-backlink:hover {
  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: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #0e69be, #2a93ef);
  48   background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
  49   border: 1px solid #0048c8;
  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   content: '';
  58   width: 10px;
  59   display: inline-block;
  60 }
  61 [dir="rtl"] .node-preview-backlink::after {
  62   content: '';
  63   width: 10px;
  64   display: inline-block;
  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 }