diff options
| author | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-26 17:49:14 +1200 |
|---|---|---|
| committer | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-26 18:13:06 +1200 |
| commit | 8bc292b34f76a61a5fbdb841d185df813fb55213 (patch) | |
| tree | 600ff2dc8b09abceb3301f6205df083b5a90322b /public/css/style.css | |
| parent | 86aae357a05f2c52f3fb019dac8bdb620ec346f6 (diff) | |
| download | manavis-8bc292b34f76a61a5fbdb841d185df813fb55213.tar.gz manavis-8bc292b34f76a61a5fbdb841d185df813fb55213.tar.bz2 manavis-8bc292b34f76a61a5fbdb841d185df813fb55213.tar.xz manavis-8bc292b34f76a61a5fbdb841d185df813fb55213.zip | |
Implement remote resource loading
mv.loader.use takes an array of URLs, which are fetched via d3.xhr.
This also restructures mv.loader to refactor out some shared functionality
between mv.loader.use and the file selector change events.
mv.loader could still use some cleanup.
http://css-tricks.com/examples/ButtonMaker/ makes a pretty neat css button.
Hopefully, it's visually attractive enough so people in a hurry know where
to go. :)
Diffstat (limited to 'public/css/style.css')
| -rw-r--r-- | public/css/style.css | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css index 2272814..738449e 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -257,3 +257,35 @@ a:hover { color: #005580; text-decoration: underline; } + +.button { + border-top: 1px solid #96d1f8; + background: #65a9d7; + background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); + background: -webkit-linear-gradient(top, #3e779d, #65a9d7); + background: -moz-linear-gradient(top, #3e779d, #65a9d7); + background: -ms-linear-gradient(top, #3e779d, #65a9d7); + background: -o-linear-gradient(top, #3e779d, #65a9d7); + padding: 6px 12px; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; + -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; + box-shadow: rgba(0,0,0,1) 0 1px 0; + text-shadow: rgba(0,0,0,.4) 0 1px 0; + color: white; + font-size: 13px; + font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; + text-decoration: none; + vertical-align: middle; +} +.button:hover { + border-top-color: #28597a; + background: #28597a; + color: #ccc; +} +.button:active { + border-top-color: #1b435e; + background: #1b435e; +} |