Mercurial > hg > cmmr2012-drupal-site
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 } |