diff options
| author | Mark Otto <[email protected]> | 2012-07-20 22:06:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-07-20 22:06:47 -0700 |
| commit | b9105b98f9ee5f15d5b18bccf277344683d4a6db (patch) | |
| tree | 46576b855db322c4950d21b4281326b365a6ad9b /docs/assets/css/docs.css | |
| parent | ee750bbce154fd1e8f1137f5782d9ba21ec07406 (diff) | |
| download | bootstrap-b9105b98f9ee5f15d5b18bccf277344683d4a6db.tar.xz bootstrap-b9105b98f9ee5f15d5b18bccf277344683d4a6db.zip | |
move from downloads.html to customize.html to better match purpose of page, fix up customize page layout to match other docs, link style refinement to jumbotrons
Diffstat (limited to 'docs/assets/css/docs.css')
| -rw-r--r-- | docs/assets/css/docs.css | 63 |
1 files changed, 29 insertions, 34 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f16cb7442..e4dd2e966 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -118,19 +118,41 @@ hr.soften { line-height: 30px; margin-bottom: 30px; } -.jumbotron .btn-large { - font-size: 18px; - font-weight: normal; - padding: 13px 24px; - margin-right: 10px; + +/* Link styles (used on .masthead-links as well) */ +.jumbotron a { + color: #fff; + color: rgba(255,255,255,.5); + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.jumbotron a:hover { + color: #fff; + text-shadow: 0 0 10px rgba(255,255,255,.25); +} + +/* Download button */ +.masthead .btn { + padding: 14px 24px; + font-size: 24px; + font-weight: 200; + color: #fff; /* redeclare to override the `.jumbotron a` */ + border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } -.jumbotron .btn-large small { - font-size: 14px; +.masthead .btn:active { + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); + box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); } + /* Pattern overlay ------------------------- */ .jumbotron .container { @@ -167,22 +189,6 @@ hr.soften { line-height: 1.25; } -/* Drop borders on buttons, improve shadows */ -.masthead .btn { - font-size: 24px; - padding: 14px 24px; - font-weight: 200; - border: 0; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -} -.masthead .btn:active { - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -} - /* Textual links in masthead */ .masthead-links { margin: 0; @@ -193,17 +199,6 @@ hr.soften { padding: 0 10px; color: rgba(255,255,255,.25); } -.masthead-links a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.masthead-links a:hover { - color: #fff; - text-shadow: 0 0 10px rgba(255,255,255,.25); -} /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { |