Mercurial > kallithea

comparison rhodecode/public/css/contextbar.css @ 3539:c65b440540da beta

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Style clean up, and comments removal.
author Leonardo Carneiro <leonardo@unity3d.com>
date Mon, 11 Mar 2013 16:43:41 +0100
parents 9bf927589f7a
children fc79b3d5beb7
comparison
equal deleted inserted replaced
3538:9bf927589f7a 3539:c65b440540da
5 #quick .repo_switcher { background-image: url("../images/icons/database.png"); } 5 #quick .repo_switcher { background-image: url("../images/icons/database.png"); }
6 #quick .journal { background-image: url("../images/icons/book.png"); } 6 #quick .journal { background-image: url("../images/icons/book.png"); }
7 #quick .search { background-image: url("../images/icons/search_16.png"); } 7 #quick .search { background-image: url("../images/icons/search_16.png"); }
8 #quick .admin { background-image: url("../images/icons/cog_edit.png"); } 8 #quick .admin { background-image: url("../images/icons/cog_edit.png"); }
9 9
10 #context-bar button.follow { background-image: url("../images/icons/heart.png"); } 10 #context-bar button.follow { background-image: url("../images/icons/heart.png"); }
11 #context-bar button.following { background-image: url("../images/icons/heart_delete.png"); } 11 #context-bar button.following { background-image: url("../images/icons/heart_delete.png"); }
12 #context-bar a.fork { background-image: url("../images/icons/arrow_divide.png"); } 12 #context-bar a.fork { background-image: url("../images/icons/arrow_divide.png"); }
13 #context-bar a.summary { background-image: url("../images/icons/clipboard_16.png"); } 13 #context-bar a.summary { background-image: url("../images/icons/clipboard_16.png"); }
14 #context-bar a.changelogs { background-image: url("../images/icons/time.png"); } 14 #context-bar a.changelogs { background-image: url("../images/icons/time.png"); }
15 #context-bar a.files { background-image: url("../images/icons/file.png"); } 15 #context-bar a.files { background-image: url("../images/icons/file.png"); }
16 #context-bar a.switch-to { background-image: url("../images/icons/arrow_switch.png"); } 16 #context-bar a.switch-to { background-image: url("../images/icons/arrow_switch.png"); }
17 #context-bar a.options { background-image: url("../images/icons/table_gear.png"); } 17 #context-bar a.options { background-image: url("../images/icons/table_gear.png"); }
18 #context-bar a.pull-request { background-image: url("../images/icons/arrow_join.png"); } 18 #context-bar a.pull-request { background-image: url("../images/icons/arrow_join.png"); }
19 #context-bar a.branches { background-image: url("../images/icons/arrow_branch.png"); } 19 #context-bar a.branches { background-image: url("../images/icons/arrow_branch.png"); }
20 #context-bar a.tags { background-image: url("../images/icons/tag_blue.png"); } 20 #context-bar a.tags { background-image: url("../images/icons/tag_blue.png"); }
21 #context-bar a.bookmarks { background-image: url("../images/icons/tag_green.png"); } 21 #context-bar a.bookmarks { background-image: url("../images/icons/tag_green.png"); }
22 #context-bar a.settings { background-image: url("../images/icons/cog.png"); } 22 #context-bar a.settings { background-image: url("../images/icons/cog.png"); }
23 #context-bar a.shortlog { background-image: url("../images/icons/time.png"); } 23 #context-bar a.shortlog { background-image: url("../images/icons/time.png"); }
24 #context-bar a.search { background-image: url("../images/icons/search_16.png"); } 24 #context-bar a.search { background-image: url("../images/icons/search_16.png"); }
25 #context-bar a.admin { background-image: url("../images/icons/cog_edit.png"); } 25 #context-bar a.admin { background-image: url("../images/icons/cog_edit.png"); }
26 26
27 #context-bar a.journal { background-image: url("../images/icons/book.png"); } 27 #context-bar a.journal { background-image: url("../images/icons/book.png"); }
28 #context-bar a.repos { background-image: url("../images/icons/database_edit.png"); } 28 #context-bar a.repos { background-image: url("../images/icons/database_edit.png"); }
29 #context-bar a.repos_groups { background-image: url("../images/icons/database_link.png"); } 29 #context-bar a.repos_groups { background-image: url("../images/icons/database_link.png"); }
30 #context-bar a.users { background-image: url("../images/icons/user_edit.png"); } 30 #context-bar a.users { background-image: url("../images/icons/user_edit.png"); }
31 #context-bar a.groups { background-image: url("../images/icons/group_edit.png"); } 31 #context-bar a.groups { background-image: url("../images/icons/group_edit.png"); }
32 #context-bar a.permissions { background-image: url("../images/icons/key.png"); } 32 #context-bar a.permissions { background-image: url("../images/icons/key.png"); }
33 #context-bar a.ldap { background-image: url("../images/icons/server_key.png"); } 33 #context-bar a.ldap { background-image: url("../images/icons/server_key.png"); }
34 #context-bar a.defaults { background-image: url("../images/icons/wrench.png"); } 34 #context-bar a.defaults { background-image: url("../images/icons/wrench.png"); }
35 #context-bar a.settings { background-image: url("../images/icons/cog_edit.png"); } 35 #context-bar a.settings { background-image: url("../images/icons/cog_edit.png"); }
36 #context-bar a.compare_request { background-image: url('../images/icons/arrow_inout.png')} 36 #context-bar a.compare_request { background-image: url('../images/icons/arrow_inout.png')}
37 #context-bar a.locking_del { background-image: url('../images/icons/lock_delete.png')} 37 #context-bar a.locking_del { background-image: url('../images/icons/lock_delete.png')}
38 #context-bar a.locking_add { background-image: url('../images/icons/lock_add.png')} 38 #context-bar a.locking_add { background-image: url('../images/icons/lock_add.png')}
39 39
40 #content #context-bar { 40 #content #context-bar {
41 position: relative; 41 position: relative;
42 background-color: #003B76 !important; 42 background-color: #003B76 !important;
43 padding: 0px; 43 padding: 0px;
44 overflow: visible; 44 overflow: visible;
45 } 45 }
46 46
47 #header #header-inner #quick a, 47 #header #header-inner #quick a,
48 #content #context-bar, 48 #content #context-bar,
49 #content #context-bar a, 49 #content #context-bar a,
50 #content #context-bar button { 50 #content #context-bar button {
51 color: #FFFFFF; 51 color: #FFFFFF;
52 } 52 }
53 53
54 #header #header-inner #quick a:hover, 54 #header #header-inner #quick a:hover,
55 #content #context-bar a:hover, 55 #content #context-bar a:hover,
56 #content #context-bar button:hover { 56 #content #context-bar button:hover {
57 text-decoration: none; 57 text-decoration: none;
58 /* color: #bfe3ff;*/
59 } 58 }
60 59
61 #content #context-bar .icon { 60 #content #context-bar .icon {
62 display: inline-block; 61 display: inline-block;
63 width: 16px; 62 width: 16px;
64 height: 16px; 63 height: 16px;
65 vertical-align: text-bottom; 64 vertical-align: text-bottom;
66 } 65 }
67 66
68 ul.horizontal-list { 67 ul.horizontal-list {
69 display: block; 68 display: block;
70 /* overflow: hidden;*/
71 } 69 }
72 70
73 ul.horizontal-list > li { 71 ul.horizontal-list > li {
74 float: left; 72 float: left;
75 position: relative; 73 position: relative;
76 } 74 }
77 75
78 #header #header-inner #quick ul, 76 #header #header-inner #quick ul,
79 ul.horizontal-list > li ul { 77 ul.horizontal-list > li ul {
80 position: absolute; 78 position: absolute;
81 display: none; 79 display: none;
82 right: 0; 80 right: 0;
83 z-index: 999; 81 z-index: 999;
84 } 82 }
85 83
86 #header #header-inner #quick li:hover > ul, 84 #header #header-inner #quick li:hover > ul,
87 ul.horizontal-list li:hover > ul { 85 ul.horizontal-list li:hover > ul {
88 display: block; 86 display: block;
89 } 87 }
90 88
91 #header #header-inner #quick li ul li, 89 #header #header-inner #quick li ul li,
92 ul.horizontal-list ul li { 90 ul.horizontal-list ul li {
93 position: relative; 91 position: relative;
94 border-bottom: 1px solid rgba(0,0,0,0.1); 92 border-bottom: 1px solid rgba(0,0,0,0.1);
95 border-top: 1px solid rgba(255,255,255,0.1); 93 border-top: 1px solid rgba(255,255,255,0.1);
96 } 94 }
97 95
98 ul.horizontal-list > li ul ul { 96 ul.horizontal-list > li ul ul {
99 position: absolute; 97 position: absolute;
100 right: 100%; 98 right: 100%;
101 top: -1px; 99 top: -1px;
102 min-width: 200px; 100 min-width: 200px;
103 max-height: 400px; 101 max-height: 400px;
104 overflow-x:hidden; 102 overflow-x:hidden;
105 overflow-y:auto; 103 overflow-y:auto;
106 } 104 }
107 105
108 #header #header-inner #quick ul a, 106 #header #header-inner #quick ul a,
109 ul.horizontal-list li a { 107 ul.horizontal-list li a {
110 white-space: nowrap; 108 white-space: nowrap;
111 } 109 }
112 110
113 #breadcrumbs { 111 #breadcrumbs {
114 float:left; 112 float:left;
115 padding: 5px 0; 113 padding: 5px 0;
116 padding-left: 5px; 114 padding-left: 5px;
117 font-weight: bold; 115 font-weight: bold;
118 font-size: 14px; 116 font-size: 14px;
119 } 117 }
120 118
121 #breadcrumbs span{ 119 #breadcrumbs span {
122 font-weight: bold; 120 font-weight: bold;
123 font-size: 2em; 121 font-size: 2em;
124 } 122 }
125 123
126 #context-top { 124 #context-top {
127 position: relative; 125 position: relative;
128 overflow: hidden; 126 overflow: hidden;
129 border-bottom: 1px solid #003162; 127 border-bottom: 1px solid #003162;
130 padding: 5px; 128 padding: 5px;
131 } 129 }
132 130
133 /*#quick,*/
134 #header #header-inner #quick ul, 131 #header #header-inner #quick ul,
135 #revision-changer, 132 #revision-changer,
136 #context-pages, 133 #context-pages,
137 #context-pages ul /*, 134 #context-pages ul {
138 ul#context-actions */{ 135 background: #3b6998; /* Old browsers */
139 background: #3b6998; /* Old browsers */ 136 background: -moz-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* FF3.6+ */
140 background: -moz-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* FF3.6+ */ 137 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4574a2), color-stop(100%,#2f5d8b)); /* Chrome,Safari4+ */
141 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4574a2), color-stop(100%,#2f5d8b)); /* Chrome,Safari4+ */ 138 background: -webkit-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Chrome10+,Safari5.1+ */
142 background: -webkit-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Chrome10+,Safari5.1+ */ 139 background: -o-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Opera 11.10+ */
143 background: -o-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* Opera 11.10+ */ 140 background: -ms-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* IE10+ */
144 background: -ms-linear-gradient(top, #4574a2 0%, #2f5d8b 100%); /* IE10+ */ 141 background: linear-gradient(to bottom, #4574a2 0%, #2f5d8b 100%); /* W3C */
145 background: linear-gradient(to bottom, #4574a2 0%, #2f5d8b 100%); /* W3C */ 142 /*Filter on IE will also use overflow:hidden implicitly, and that would clip our inner menus.*/
146 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4574a2', endColorstr='#2f5d8b',GradientType=0 ); /* IE6-9 */*/ 143 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4574a2', endColorstr='#2f5d8b',GradientType=0 ); /* IE6-9 */*/
147 } 144 }
148 145
149 #header #header-inner #quick a, 146 #header #header-inner #quick a,
150 #context-actions a, 147 #context-actions a,
151 #context-pages a { 148 #context-pages a {
152 background-repeat: no-repeat; 149 background-repeat: no-repeat;
153 background-position: 10px 50%; 150 background-position: 10px 50%;
154 padding-left: 30px; 151 padding-left: 30px;
155 } 152 }
156 153
157 #quick a, 154 #quick a,
158 #context-pages ul ul a{ 155 #context-pages ul ul a {
159 padding-left: 10px; 156 padding-left: 10px;
160 } 157 }
161 158
162 ul#context-actions { 159 ul#context-actions {
163 display: inline-block; 160 display: inline-block;
164 float: right; 161 float: right;
165 border-radius: 4px; 162 border-radius: 4px;
166 /*background-color:#3b6998;*/ 163 background-image: linear-gradient(top, #4574a2 0%, #2f5d8b 100%);
167 background-image: linear-gradient(top, #4574a2 0%, #2f5d8b 100%);
168 /* padding: 5px;*/
169 } 164 }
170 #content ul#context-actions li { 165 #content ul#context-actions li {
171 padding: 0px; 166 padding: 0px;
172 border-right: 1px solid rgba(0,0,0,0.1); 167 border-right: 1px solid rgba(0,0,0,0.1);
173 border-left: 1px solid rgba(255,255,255,0.1); 168 border-left: 1px solid rgba(255,255,255,0.1);
174 } 169 }
175 170
176 #context-actions button, 171 #context-actions button,
177 #context-actions a { 172 #context-actions a {
178 display: block; 173 display: block;
179 cursor: pointer; 174 cursor: pointer;
180 background: none; 175 background: none;
181 border: none; 176 border: none;
182 margin: 0px; 177 margin: 0px;
183 height: auto; 178 height: auto;
184 padding: 10px 10px 10px 30px; 179 padding: 10px 10px 10px 30px;
185 background-repeat: no-repeat; 180 background-repeat: no-repeat;
186 background-position: 10px 50%; 181 background-position: 10px 50%;
187 font-size: 1em; 182 font-size: 1em;
188 /*padding-top: 24px;*/
189 } 183 }
190 184
191 #context-actions a { 185 #context-actions a {
192 padding: 11px 10px 12px 30px; 186 padding: 11px 10px 12px 30px;
193 } 187 }
194 188
195 /*#context-actions button{
196 padding-top: 22px;
197 height: 40px;
198 }*/
199 #header #header-inner #quick li:hover, 189 #header #header-inner #quick li:hover,
200 #revision-changer:hover, 190 #revision-changer:hover,
201 #context-pages li:hover, 191 #context-pages li:hover,
202 #context-actions li:hover, 192 #context-actions li:hover,
203 #content #context-actions li:hover, 193 #content #context-actions li:hover,
204 #header #header-inner #quick li.current, 194 #header #header-inner #quick li.current,
205 #context-pages li.current { 195 #context-pages li.current {
206 /*background: rgba(255,255,255,0.2);*/ 196 background: #6388ad; /* Old browsers */
207 background: #6388ad; /* Old browsers */ 197 background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
208 background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */ 198 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
209 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ 199 background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
210 background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */ 200 background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
211 background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */ 201 background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* IE10+ */
212 background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* IE10+ */ 202 background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */
213 background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */ 203 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */*/
214 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */*/
215
216 background-image: -webkit-gradient(linear, left top, left bottom, rgb(255,255,255) 0%, rgb(255,255,255) 100%);
217
218 /*border-radius: 4px;*/
219 } 204 }
220 205
221 206
222 #content #context-actions li:first-child { 207 #content #context-actions li:first-child {
223 border-left: none; 208 border-left: none;
224 border-radius:4px 0 0px 4px; 209 border-radius:4px 0 0px 4px;
225 } 210 }
226 211
227 #content #context-actions li:last-child { 212 #content #context-actions li:last-child {
228 border-right: none; 213 border-right: none;
229 border-radius:0 4px 4px 0; 214 border-radius:0 4px 4px 0;
230 } 215 }
231 216
232 #content #context-actions .icon{ 217 #content #context-actions .icon {
233 margin: auto; 218 margin: auto;
234 margin-bottom: 5px; 219 margin-bottom: 5px;
235 display: block; 220 display: block;
236 clear: both; 221 clear: both;
237 float: none; 222 float: none;
238 } 223 }
239 224
240 #content #context-actions button.follow, 225 #content #context-actions button.follow,
241 #content #context-actions button.following{ 226 #content #context-actions button.following {
242 width: auto; 227 width: auto;
243 float: none; 228 float: none;
244 } 229 }
245 230
246 #content #context-actions button .show-following, 231 #content #context-actions button .show-following,
247 #content #context-actions button .show-follow { 232 #content #context-actions button .show-follow {
248 display: none; 233 display: none;
249 } 234 }
250 235
251 #content #context-bar #context-actions button.follow .show-follow { 236 #content #context-bar #context-actions button.follow .show-follow {
252 display: block; 237 display: block;
253 } 238 }
254 239
255 #content #context-bar #context-actions button.following .show-following { 240 #content #context-bar #context-actions button.following .show-following {
256 display: block; 241 display: block;
257 } 242 }
258 243
259 #context-state { 244 #context-state {
260 background-color: #336699; 245 background-color: #336699;
261 border-top: 1px solid #517da8; 246 border-top: 1px solid #517da8;
262 min-height: 36px; 247 min-height: 36px;
263 /* overflow: hidden;*/
264 } 248 }
265 249
266 #context-pages { 250 #context-pages {
267 float: right; 251 float: right;
268 border-left: 1px solid rgba(0,0,0,0.1); 252 border-left: 1px solid rgba(0,0,0,0.1);
269 /* overflow: hidden;*/ 253 }
270 } 254
271 255 #context-pages li.curreasdnt {
272 #context-pages li.curreasdnt{ 256 background: #535353; /* Old browsers */
273 background: #535353; /* Old browsers */ 257 background: -moz-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* FF3.6+ */
274 background: -moz-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* FF3.6+ */ 258 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#484848)); /* Chrome,Safari4+ */
275 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#484848)); /* Chrome,Safari4+ */ 259 background: -webkit-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Chrome10+,Safari5.1+ */
276 background: -webkit-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Chrome10+,Safari5.1+ */ 260 background: -o-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Opera 11.10+ */
277 background: -o-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* Opera 11.10+ */ 261 background: -ms-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* IE10+ */
278 background: -ms-linear-gradient(top, #5d5d5d 0%, #484848 100%); /* IE10+ */ 262 background: linear-gradient(to bottom, #5d5d5d 0%, #484848 100%); /* W3C */
279 background: linear-gradient(to bottom, #5d5d5d 0%, #484848 100%); /* W3C */
280 } 263 }
281 264
282 #content #context-pages .icon { 265 #content #context-pages .icon {
283 margin-right:5px; 266 margin-right:5px;
284 } 267 }
285 268
286 #header #header-inner #quick li, 269 #header #header-inner #quick li,
287 #content #context-pages li { 270 #content #context-pages li {
288 border-right: 1px solid rgba(0,0,0,0.1); 271 border-right: 1px solid rgba(0,0,0,0.1);
289 border-left: 1px solid rgba(255,255,255,0.1); 272 border-left: 1px solid rgba(255,255,255,0.1);
290 padding: 0; 273 padding: 0;
291 } 274 }
292 #header #header-inner #quick li:last-child, 275 #header #header-inner #quick li:last-child,
293 #content #context-pages li:last-child { 276 #content #context-pages li:last-child {
294 border-right:none; 277 border-right:none;
295 } 278 }
296 279
297 #header #header-inner #quick li:first-child{ 280 #header #header-inner #quick li:first-child {
298 border-left:none; 281 border-left:none;
299 } 282 }
300 283
301 #header #header-inner #quick > li:first-child > a{ 284 #header #header-inner #quick > li:first-child > a {
302 border-radius: 4px 0 0 4px; 285 border-radius: 4px 0 0 4px;
303 } 286 }
304 287
305 #header #header-inner #quick a, 288 #header #header-inner #quick a,
306 #context-pages a, 289 #context-pages a,
307 #context-pages .admin_menu a{ 290 #context-pages .admin_menu a {
308 display: block; 291 display: block;
309 padding: 0px 10px 1px 30px; 292 padding: 0px 10px 1px 30px;
310 padding-left: 30px; 293 padding-left: 30px;
311 line-height: 35px; 294 line-height: 35px;
312 } 295 }
313 296
314 #header #header-inner #quick a#quick_login_link { 297 #header #header-inner #quick a#quick_login_link {
315 padding-left: 0px; 298 padding-left: 0px;
316 } 299 }
317 300
318 #header #header-inner #quick a { 301 #header #header-inner #quick a {
319 overflow: hidden; 302 overflow: hidden;
320 } 303 }
321 #quick a.childs:after, 304 #quick a.childs:after,
322 #revision-changer:before, 305 #revision-changer:before,
323 #context-pages a.childs:after, 306 #context-pages a.childs:after,
324 #context-pages a.dropdown:after { 307 #context-pages a.dropdown:after {
325 content: ' \25BE'; 308 content: ' \25BE';
326 } 309 }
327 #context-pages a.childs { 310 #context-pages a.childs {
328 padding-right: 20px; 311 padding-right: 20px;
329 } 312 }
330 #context-pages a.childs:after{ 313 #context-pages a.childs:after {
331 position: absolute; 314 position: absolute;
332 float: right; 315 float: right;
333 padding-left: 5px; 316 padding-left: 5px;
334 padding-right: 5px; 317 padding-right: 5px;
335 } 318 }
336 319
337 #revision-changer:before { 320 #revision-changer:before {
338 position: absolute; 321 position: absolute;
339 top: 0px; 322 top: 0px;
340 right: 0px; 323 right: 0px;
341 border-right: 1px solid rgba(0,0,0,0.1); 324 border-right: 1px solid rgba(0,0,0,0.1);
342 height: 25px; 325 height: 25px;
343 padding-top: 10px; 326 padding-top: 10px;
344 padding-right: 10px; 327 padding-right: 10px;
345 } 328 }
346 329
347 #context-pages li:last-child a { 330 #context-pages li:last-child a {
348 padding-right: 10px; 331 padding-right: 10px;
349 } 332 }
350 333
351 #context-bar #revision-changer { 334 #context-bar #revision-changer {
352 position: relative; 335 position: relative;
353 cursor: pointer; 336 cursor: pointer;
354 border: none; 337 border: none;
355 padding: 0; 338 padding: 0;
356 margin: 0; 339 margin: 0;
357 color: #FFFFFF; 340 color: #FFFFFF;
358 font-size: 0.85em; 341 font-size: 0.85em;
359 padding: 2px 15px; 342 padding: 2px 15px;
360 padding-bottom: 3px; 343 padding-bottom: 3px;
361 padding-right: 30px; 344 padding-right: 30px;
362 border-right: 1px solid rgba(255,255,255,0.1); 345 border-right: 1px solid rgba(255,255,255,0.1);
363 } 346 }
364 347
365 #revision-changer .branch-name, 348 #revision-changer .branch-name,
366 #revision-changer .revision { 349 #revision-changer .revision {
367 display: block; 350 display: block;
368 text-align: center; 351 text-align: center;
369 line-height: 1.5em; 352 line-height: 1.5em;
370 } 353 }
371 354
372 #revision-changer .branch-name { 355 #revision-changer .branch-name {
373 font-weight: bold; 356 font-weight: bold;
374 } 357 }
375 358
376 #revision-changer .revision{ 359 #revision-changer .revision {
377 text-transform: uppercase; 360 text-transform: uppercase;
378 } 361 }
379 362
380 363