annotate core/themes/bartik/css/components/node-preview.css @ 5:c69a71b4f40f

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