diff options
author | Marcelo Canina <me@marcanuy.com> | 2018-08-06 23:20:23 +0300 |
---|---|---|
committer | Marcelo Canina <me@marcanuy.com> | 2018-08-06 23:20:23 +0300 |
commit | 13687ea6ef76a2eca20bd1b1e4d2fb3cd70d6063 (patch) | |
tree | 504cc8199d5ec456e921c3e84d9f481a2a1de06e /static |
init commit
Diffstat (limited to 'static')
-rw-r--r-- | static/css/main.css | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..1947d3c --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,179 @@ +body { + font-size: .875rem; +} + +.feather { + width: 16px; + height: 16px; + vertical-align: text-bottom; +} + +/* + * Sidebar + */ + +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; /* Behind the navbar */ + padding: 48px 0 0; /* Height of navbar */ + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); +} + +.sidebar-sticky { + position: relative; + top: 0; + height: calc(100vh - 48px); + padding-top: .5rem; + overflow-x: hidden; + overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-sticky { + position: -webkit-sticky; + position: sticky; + } +} + +.sidebar .nav-link { + font-weight: 500; + color: #333; +} + +.sidebar .nav-link .feather { + margin-right: 4px; + color: #999; +} + +.sidebar .nav-link.active { + color: #007bff; +} + +.sidebar .nav-link:hover .feather, +.sidebar .nav-link.active .feather { + color: inherit; +} + +.sidebar-heading { + font-size: .75rem; + text-transform: uppercase; +} + +/* + * Content + */ + +[role="main"] { + padding-top: 48px; /* Space for fixed navbar */ +} + +/* + * Navbar + */ + +.navbar-brand { + padding-top: .75rem; + padding-bottom: .75rem; + font-size: 1rem; + background-color: rgba(0, 0, 0, .25); + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); +} + +.navbar .form-control { + padding: .75rem 1rem; + border-width: 0; + border-radius: 0; +} + +.form-control-dark { + color: #fff; + background-color: rgba(255, 255, 255, .1); + border-color: rgba(255, 255, 255, .1); +} + +.form-control-dark:focus { + border-color: transparent; + box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); +} + +/* + * Author box + */ +.author-footer { + border-top: 1px solid #eee; + margin: 2em auto; + padding-top: 2em; + +} + +.author-footer img { + border: 1px solid #eee; + padding: 2px; +} + +/* + * Highlighting fence code + */ +.highlight pre { + padding: 15px +} + +.homepage_branding { + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + margin: 2em auto; + padding-top: 2em; + font-size: large; + +} + + +/* + * Footer + */ +.site-footer { + background-color: #fbfbf7; + border-top: 1px solid #e4e4e4; + margin-top: 5em; +} + +.site-footer .footer-nav { + list-style-type: none; + + +} +.site-footer .footer-nav li .fa { + padding-right: 5px; +} + + +/* + * Shell console + */ +.shell { + + background-color: #101112; //$kbd-bg; + padding: 0.5rem 1rem; + border-radius: 0.2rem; + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); + color: #fff; //$kbd-color; + + + +} +.shell-prompt { + color: #0c0; + font-weight: bold; +} + +.shell-comment { + color: grey; +} + +.shell kbd { + box-shadow: none; + font-weight: bold; +} |