widget styling similar to blizzard's battle.net
[sc2-widget] / battle.css
1 body {
2         background: #000D1A;
3         color: #CCE6FF;
4         font: 24px Source Sans Pro, Arial, sans-serif;
5 }
6
7 h1 {
8         font: 700 1.2em Eurostile Extd,Source Sans Pro,sans-serif;
9         text-transform: uppercase;
10 }
11 h2 {
12         font: 700 .8em Eurostile, sans-serif;
13         text-transform: uppercase;
14 }
15 h1,
16 strong {
17         color: #FFF;
18         letter-spacing: .05em;
19         text-shadow: 0 2px 4px rgba(0, 0, 0, .8), 0 8px 16px rgba(0, 0, 0, .6);
20 }
21 h2,
22 a {
23         color: #CCE6FF;
24         text-decoration: none;
25 }
26 em {
27         color: #A3B8CC;
28 }
29 small {
30         color: #7AA3CC;
31         font-weight: 400;
32         font-size: 100%;
33 }
34
35 figure {
36         text-align: center;
37         display: inline-block;
38         margin: 0 .5em 0 0;
39 }
40 figcaption {
41         margin-top: .2ex;
42 }
43 img {
44         border: 2px solid #122A42;
45         background: #021120;
46 }
47
48 .rank:before {
49         background-image: url("https://static.starcraft2.com/dist/images/none.c8b435f5900fab1ac7981cc9b56f6f44.png");
50         background-repeat: no-repeat;
51         background-position: -100px 0;
52         width: 45px;
53         height: 45px;
54         display: inline-block;
55         content: '';
56         vertical-align: middle;
57         margin-right: .2em;
58 }
59 .rank.silver:before {
60         background-image: url("https://static.starcraft2.com/dist/images/silver.57bb73a131314d657135d2acf533d5e5.png");
61 }
62 .rank.gold:before {
63         background-image: url("https://static.starcraft2.com/dist/images/gold.ef84260f60c780d9fa2d99f083668592.png");
64 }
65 .rank.platinum:before {
66         background-image: url("https://static.starcraft2.com/dist/images/platinum.f407fcd425549f315098b0806ef8eac4.png");
67 }
68 .rank.diamond:before {
69         background-image: url("https://static.starcraft2.com/dist/images/diamond.6faad792f7b6bfc1c9f9bbeb5c289043.png");
70 }
71 .rank.master:before {
72         background-image: url("https://static.starcraft2.com/dist/images/master.51c47057b8cee504613a87cd84fba16b.png");
73 }