comparison core/modules/toolbar/css/toolbar.theme.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
13 -o-touch-callout: none; 13 -o-touch-callout: none;
14 -webkit-touch-callout: none; 14 -webkit-touch-callout: none;
15 touch-callout: none; 15 touch-callout: none;
16 } 16 }
17 .toolbar .toolbar-item { 17 .toolbar .toolbar-item {
18 padding: 1em 1.3333em;
18 cursor: pointer; 19 cursor: pointer;
19 padding: 1em 1.3333em; 20 text-decoration: none;
20 line-height: 1em; 21 line-height: 1em;
21 text-decoration: none;
22 } 22 }
23 .toolbar .toolbar-item:hover, 23 .toolbar .toolbar-item:hover,
24 .toolbar .toolbar-item:focus { 24 .toolbar .toolbar-item:focus {
25 text-decoration: underline; 25 text-decoration: underline;
26 } 26 }
27 27
28 /** 28 /**
29 * Toolbar bar. 29 * Toolbar bar.
30 */ 30 */
31 .toolbar .toolbar-bar { 31 .toolbar .toolbar-bar {
32 color: #ddd;
32 background-color: #0f0f0f; 33 background-color: #0f0f0f;
33 box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */ 34 box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
34 color: #ddd;
35 } 35 }
36 [dir="rtl"] .toolbar .toolbar-bar { 36 [dir="rtl"] .toolbar .toolbar-bar {
37 box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333); 37 box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3333);
38 } 38 }
39 .toolbar .toolbar-bar .toolbar-item { 39 .toolbar .toolbar-bar .toolbar-item {
64 [dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining { 64 [dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
65 padding-right: 0; 65 padding-right: 0;
66 padding-left: 5em; 66 padding-left: 5em;
67 } 67 }
68 .toolbar .toolbar-tray-vertical { 68 .toolbar .toolbar-tray-vertical {
69 border-right: 1px solid #aaa; /* LTR */
69 background-color: #f5f5f5; 70 background-color: #f5f5f5;
70 border-right: 1px solid #aaa; /* LTR */
71 box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */ 71 box-shadow: -1px 0 5px 2px rgba(0, 0, 0, 0.3333); /* LTR */
72 } 72 }
73 [dir="rtl"] .toolbar .toolbar-tray-vertical { 73 [dir="rtl"] .toolbar .toolbar-tray-vertical {
74 border-right: 0 none;
74 border-left: 1px solid #aaa; 75 border-left: 1px solid #aaa;
75 border-right: 0 none;
76 box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333); 76 box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
77 } 77 }
78 .toolbar-horizontal .toolbar-tray { 78 .toolbar-horizontal .toolbar-tray {
79 border-bottom: 1px solid #aaa; 79 border-bottom: 1px solid #aaa;
80 box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */ 80 box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
84 } 84 }
85 .toolbar .toolbar-tray-horizontal .toolbar-tray { 85 .toolbar .toolbar-tray-horizontal .toolbar-tray {
86 background-color: #f5f5f5; 86 background-color: #f5f5f5;
87 } 87 }
88 .toolbar-tray a { 88 .toolbar-tray a {
89 padding: 1em 1.3333em;
90 cursor: pointer;
91 text-decoration: none;
89 color: #565656; 92 color: #565656;
90 cursor: pointer;
91 padding: 1em 1.3333em;
92 text-decoration: none;
93 } 93 }
94 .toolbar-tray a:hover, 94 .toolbar-tray a:hover,
95 .toolbar-tray a:active, 95 .toolbar-tray a:active,
96 .toolbar-tray a:focus, 96 .toolbar-tray a:focus,
97 .toolbar-tray a.is-active { 97 .toolbar-tray a.is-active {
98 text-decoration: underline;
98 color: #000; 99 color: #000;
99 text-decoration: underline;
100 } 100 }
101 .toolbar .toolbar-menu { 101 .toolbar .toolbar-menu {
102 background-color: #fff; 102 background-color: #fff;
103 } 103 }
104 .toolbar-horizontal .toolbar-tray .menu-item + .menu-item { 104 .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
105 border-left: 1px solid #ddd; /* LTR */ 105 border-left: 1px solid #ddd; /* LTR */
106 } 106 }
107 [dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item { 107 [dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
108 border-right: 1px solid #ddd;
108 border-left: 0 none; 109 border-left: 0 none;
109 border-right: 1px solid #ddd;
110 } 110 }
111 .toolbar-horizontal .toolbar-tray .menu-item:last-child { 111 .toolbar-horizontal .toolbar-tray .menu-item:last-child {
112 border-right: 1px solid #ddd; /* LTR */ 112 border-right: 1px solid #ddd; /* LTR */
113 } 113 }
114 [dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child { 114 [dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
122 } 122 }
123 .toolbar .toolbar-tray-vertical .menu-item .menu-item { 123 .toolbar .toolbar-tray-vertical .menu-item .menu-item {
124 border: 0 none; 124 border: 0 none;
125 } 125 }
126 .toolbar .toolbar-tray-vertical .toolbar-menu ul ul { 126 .toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
127 border-top: 1px solid #ddd;
127 border-bottom: 1px solid #ddd; 128 border-bottom: 1px solid #ddd;
128 border-top: 1px solid #ddd;
129 } 129 }
130 .toolbar .toolbar-tray-vertical .menu-item:last-child > ul { 130 .toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
131 border-bottom: 0; 131 border-bottom: 0;
132 } 132 }
133 .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu { 133 .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
134 margin-left: 0.25em; /* LTR */ 134 margin-left: 0.25em; /* LTR */
135 } 135 }
136 [dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu { 136 [dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu .toolbar-menu .toolbar-menu .toolbar-menu {
137 margin-right: 0.25em;
137 margin-left: 0; 138 margin-left: 0;
138 margin-right: 0.25em;
139 } 139 }
140 .toolbar .toolbar-menu .toolbar-menu a { 140 .toolbar .toolbar-menu .toolbar-menu a {
141 color: #434343; 141 color: #434343;
142 } 142 }
143 143
144 /** 144 /**
145 * Orientation toggle. 145 * Orientation toggle.
146 */ 146 */
147 .toolbar .toolbar-toggle-orientation { 147 .toolbar .toolbar-toggle-orientation {
148 height: 100%;
149 padding: 0;
148 background-color: #f5f5f5; 150 background-color: #f5f5f5;
149 padding: 0;
150 height: 100%;
151 } 151 }
152 .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation { 152 .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
153 border-left: 1px solid #c9c9c9; /* LTR */ 153 border-left: 1px solid #c9c9c9; /* LTR */
154 } 154 }
155 [dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation { 155 [dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
156 border-right: 1px solid #c9c9c9;
156 border-left: 0 none; 157 border-left: 0 none;
157 border-right: 1px solid #c9c9c9;
158 } 158 }
159 .toolbar .toolbar-toggle-orientation > .toolbar-lining { 159 .toolbar .toolbar-toggle-orientation > .toolbar-lining {
160 float: right; /* LTR */ 160 float: right; /* LTR */
161 } 161 }
162 [dir="rtl"] .toolbar .toolbar-toggle-orientation > .toolbar-lining { 162 [dir="rtl"] .toolbar .toolbar-toggle-orientation > .toolbar-lining {
163 float: left; 163 float: left;
164 } 164 }
165 .toolbar .toolbar-toggle-orientation button { 165 .toolbar .toolbar-toggle-orientation button {
166 display: inline-block;
166 cursor: pointer; 167 cursor: pointer;
167 display: inline-block;
168 } 168 }