widget styling similar to blizzard's battle.net

[sc2-widget] / battle.css

diff --git a/battle.css b/battle.css
new file mode 100644 (file)
index 0000000..103dc7c
--- /dev/null
+++ b/battle.css
@@ -0,0 +1,73 @@
+body {
+       background: #000D1A;
+       color: #CCE6FF;
+       font: 24px Source Sans Pro, Arial, sans-serif;
+}
+
+h1 {
+       font: 700 1.2em Eurostile Extd,Source Sans Pro,sans-serif;
+       text-transform: uppercase;
+}
+h2 {
+       font: 700 .8em Eurostile, sans-serif;
+       text-transform: uppercase;
+}
+h1,
+strong {
+       color: #FFF;
+       letter-spacing: .05em;
+       text-shadow: 0 2px 4px rgba(0, 0, 0, .8), 0 8px 16px rgba(0, 0, 0, .6);
+}
+h2,
+a {
+       color: #CCE6FF;
+       text-decoration: none;
+}
+em {
+       color: #A3B8CC;
+}
+small {
+       color: #7AA3CC;
+       font-weight: 400;
+       font-size: 100%;
+}
+
+figure {
+       text-align: center;
+       display: inline-block;
+       margin: 0 .5em 0 0;
+}
+figcaption {
+       margin-top: .2ex;
+}
+img {
+       border: 2px solid #122A42;
+       background: #021120;
+}
+
+.rank:before {
+       background-image: url("https://static.starcraft2.com/dist/images/none.c8b435f5900fab1ac7981cc9b56f6f44.png");
+       background-repeat: no-repeat;
+       background-position: -100px 0;
+       width: 45px;
+       height: 45px;
+       display: inline-block;
+       content: '';
+       vertical-align: middle;
+       margin-right: .2em;
+}
+.rank.silver:before {
+       background-image: url("https://static.starcraft2.com/dist/images/silver.57bb73a131314d657135d2acf533d5e5.png");
+}
+.rank.gold:before {
+       background-image: url("https://static.starcraft2.com/dist/images/gold.ef84260f60c780d9fa2d99f083668592.png");
+}
+.rank.platinum:before {
+       background-image: url("https://static.starcraft2.com/dist/images/platinum.f407fcd425549f315098b0806ef8eac4.png");
+}
+.rank.diamond:before {
+       background-image: url("https://static.starcraft2.com/dist/images/diamond.6faad792f7b6bfc1c9f9bbeb5c289043.png");
+}
+.rank.master:before {
+       background-image: url("https://static.starcraft2.com/dist/images/master.51c47057b8cee504613a87cd84fba16b.png");
+}