-
-
Notifications
You must be signed in to change notification settings - Fork 11
/
pc-switcher.css
49 lines (49 loc) · 1.54 KB
/
pc-switcher.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
.pc-switcher {
clear: both;
text-align: center;
margin: 1.4em auto;
}
.pc-switcher a,
.pc-switcher span {
padding: 0.4em 8%;
text-align: center;
border: 1px solid #0059A8;
border-left: none;
color: #fff !important;
font-weight: bold;
text-decoration: none;
}
.pc-switcher a {
background-color: #0074DA;
background-image: -moz-linear-gradient(#0074DA, #004A8D);
background-image: -o-linear-gradient(#0074DA, #004A8D);
background-image: -ms-linear-gradient(#0074DA, #004A8D);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0074DA), to(#004A8D));
background-image: -webkit-linear-gradient(#0074DA, #004A8D);
background-image: linear-gradient(#0074DA, #004A8D);
}
.pc-switcher a:hover {
background-color: #0059A8;
background-image: -moz-linear-gradient(#0059A8, #004A8D);
background-image: -o-linear-gradient(#0059A8, #004A8D);
background-image: -ms-linear-gradient(#0059A8, #004A8D);
background-image: -webkit-gradient(linear, left top, left bottom, from(#0059A8), to(#004A8D));
background-image: -webkit-linear-gradient(#0059A8, #004A8D);
background-image: linear-gradient(#0059A8, #004A8D);
}
.pc-switcher span.active {
background-color: #00305C;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
border-left: 1px solid #0074DA;
-webkit-border-radius: 2.4em 0 0 2.4em;
-moz-border-radius: 2.4em 0 0 2.4em;
border-radius: 2.4em 0 0 2.4em;
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
-webkit-border-radius: 0 2.4em 2.4em 0;
-moz-border-radius: 0 2.4em 2.4em 0;
border-radius: 0 2.4em 2.4em 0;
}