From 8ab88c2f8502fcfa8288fd10756bd10541aa17a8 Mon Sep 17 00:00:00 2001 From: Douglas Muth Date: Sun, 26 Apr 2015 00:24:01 -0400 Subject: [PATCH] First draft of dice CSS --- dice.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 dice.css diff --git a/dice.css b/dice.css new file mode 100644 index 0000000..be95b6f --- /dev/null +++ b/dice.css @@ -0,0 +1,49 @@ + +.side { + width: 100px; + height: 100px; + background: #fff; + box-shadow:inset 0 0 40px #ccc; + border-radius: 40px; + margin-left: 20px; + margin-bottom: 20px; +} + +.dot { + position:absolute; + width: 18px; + height: 18px; + border-radius: 18px; + background: #444; + box-shadow: inset 5px 0 10px #000; +} + +.dot.center { + /* Orders of margins are: top right bottom left */ + margin: 39px 0 0 39px; +} + +.dot.dtop { + margin-top: 14px; +} + +.dot.dleft { + margin-left: 63px; +} + +.dot.dright { + margin-left: 14px; +} + +.dot.dbottom { + margin-top: 63px; +} + +.dot.center.dleft { + margin: 38px 0 0 14px; +} + +.dot.center.dright { + margin: 38px 0 0 63px; +} +