diff options
Diffstat (limited to 'dist/chrome/popup.css')
-rw-r--r-- | dist/chrome/popup.css | 211 |
1 files changed, 211 insertions, 0 deletions
diff --git a/dist/chrome/popup.css b/dist/chrome/popup.css new file mode 100644 index 0000000..6a4d51c --- /dev/null +++ b/dist/chrome/popup.css @@ -0,0 +1,211 @@ +html { + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +html, body { + width: 450px; + min-height: 160px; + padding: 0; + margin: 0; + background: #eee; + font-size: 14px; + font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif; + overflow: hidden; +} + +header { + background-color: #fff; + padding: 12px 10px 1px 10px; +} +header h3 { + color: #ccc; + margin: 0 0 10px; +} +header h3 strong { + color: red; + margin: 0; +} + +header, section * { + cursor: default; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} + +section { + padding: 2px 0; +} + +.logo { + width: 225px; + height: 15px; + margin: 0; +} + +h3 { + text-transform: uppercase; + font-size: 10px; + font-weight: bold; + color: #000; + margin: 10px 12px; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + text-align: center; +} + +li { + background: #000; + color: #fff; + display: inline-block; + font-size: 10px; + line-height: 12px; + text-align: left; + text-transform: uppercase; + vertical-align: middle; + padding: 4px 16px 4px 4px; + white-space: nowrap; + margin: 2px; + cursor: pointer; +} +li:hover { + background: #444; +} + +.icon { + display: inline-block; + background: url(printliminator.png) no-repeat; + width: 25px; + height: 25px; + margin: 0 8px 0 0; + vertical-align: middle; + float: left; +} + +.print .icon { + background-position: -25px 0; +} + +.undo .icon { + background-position: 0 -25px; +} + +.no_graphics .icon { + background-position: -25px -25px; +} + +.stylize .icon { + background-position: -75px -25px; + width: 35px; +} + +.left_click { + background-position: -50px -25px; + float: none; +} + +li.busy .icon { + background-position: -50px 0; + -webkit-animation: spin 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +@-moz-keyframes spin { + 100% { + -moz-transform: rotate(360deg); + } +} +@-webkit-keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.hidden { + display: none; +} + +.commands-wrap { + margin: 8px 0 0 0; + padding: 12px; + background: #ccc; +} + +.toggle { + font-size: 12px; + margin: 0 0 5px 0; + cursor: pointer; +} + +/* keyboard table */ +table { + font-family: Optima, Segoe, 'Segoe UI', Candara, Calibri, Arial, sans-serif; + font-size: 12px; + text-transform: initial; + margin-top: 4px 0 0 0; + padding: 0; +} + +tbody tr:hover td { + background: #ddd; +} + +tbody tr:hover kbd { + background: #eee; +} + +th { + text-align: left; + padding: 0 0 10px 0; +} + +th.key { + width: 30%; +} + +td { + text-align: left; + font-size: 12px; + vertical-align: top; + border-top: #aaa 1px solid; + padding: 5px; +} + +td svg { + vertical-align: middle; +} + +kbd { + background: #fff; + border-radius: 3px; + border: #333 1px solid; + padding: 2px 4px; +} + +span.lower { + text-transform: lowercase; +} + +span.small { + font-size: 0.7em; +} + +/* center asterisk vertically inside of kbd */ +.asterisk { + position: relative; + top: 2px; +} |