comparison core/themes/bartik/css/components/node-preview.css @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:34:47 +0100
parents c75dbcec494b
children
comparison
equal deleted inserted replaced
4:a9cd425dd02b 5:12f9dff5fda9
1 .node-preview-container { 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; 2 position: fixed;
8 z-index: 499; 3 z-index: 499;
9 width: 100%; 4 width: 100%;
10 padding: 5px 10px; 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 } 11 }
12 .node-preview-backlink { 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;
13 background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5); 19 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 */ 20 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); 21 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
18 color: #fff; 22 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
19 font-size: 0.9em; 23 font-size: 0.9em;
20 line-height: normal; 24 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 } 25 }
26 [dir="rtl"] .node-preview-backlink { 26 [dir="rtl"] .node-preview-backlink {
27 float: right;
28 margin: 5px 0 5px 10px;
29 padding: 4px 0.6em 4px 1em;
27 background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, -webkit-linear-gradient(top, #419ff1, #1076d5); 30 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); 31 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 } 32 }
33 .node-preview-backlink:focus, 33 .node-preview-backlink:focus,
34 .node-preview-backlink:hover { 34 .node-preview-backlink:hover {
35 text-decoration: none;
36 color: #fff;
37 border: 1px solid #0048c8;
35 background: url(../../../../misc/icons/000000/chevron-left.svg) left no-repeat, -webkit-linear-gradient(top, #59abf3, #2a90ef); 38 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 */ 39 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 } 40 }
41 [dir="rtl"] .node-preview-backlink:focus, 41 [dir="rtl"] .node-preview-backlink:focus,
42 [dir="rtl"] .node-preview-backlink:hover { 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); 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); 44 background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
45 } 45 }
46 .node-preview-backlink:active { 46 .node-preview-backlink:active {
47 border: 1px solid #0048c8;
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, -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 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); 50 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
51 } 51 }
52 [dir="rtl"] .node-preview-backlink:active { 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); 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); 54 background: url(../../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
55 } 55 }
56 .node-preview-backlink::before { 56 .node-preview-backlink::before {
57 content: ''; 57 display: inline-block;
58 width: 10px; 58 width: 10px;
59 display: inline-block; 59 content: "";
60 } 60 }
61 [dir="rtl"] .node-preview-backlink::after { 61 [dir="rtl"] .node-preview-backlink::after {
62 content: ''; 62 display: inline-block;
63 width: 10px; 63 width: 10px;
64 display: inline-block; 64 content: "";
65 } 65 }
66 .node-preview-container .form-item-view-mode { 66 .node-preview-container .form-item-view-mode {
67 display: inline-block; 67 display: inline-block;
68 margin: 5px 0; 68 margin: 5px 0;
69 } 69 }