diff options
| author | François Schmidts <francois.schmidts@gmail.com> | 2016-01-27 17:14:23 +0100 |
|---|---|---|
| committer | François Schmidts <francois.schmidts@gmail.com> | 2016-01-28 00:05:52 +0100 |
| commit | c3d6c25e52e37d772286f293f94a5dd7e1059529 (patch) | |
| tree | 1d3a7e462fa82924eab9bd4a0a4434709cb0c8b1 /src/web/static/css/one-page-app.css | |
| parent | bumping react and removing react-bootstrap listgroup which are not (diff) | |
| download | newspipe-c3d6c25e52e37d772286f293f94a5dd7e1059529.tar.gz newspipe-c3d6c25e52e37d772286f293f94a5dd7e1059529.tar.bz2 newspipe-c3d6c25e52e37d772286f293f94a5dd7e1059529.zip | |
redoing UI and finishing up sidebar
Diffstat (limited to 'src/web/static/css/one-page-app.css')
| -rw-r--r-- | src/web/static/css/one-page-app.css | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css new file mode 100644 index 00000000..5a3444c2 --- /dev/null +++ b/src/web/static/css/one-page-app.css @@ -0,0 +1,82 @@ +#menu { + position: fixed; + top: 51px; + bottom: 0px; + left: 0px; + z-index: 1000; + display: block; + padding: 10px; + overflow-x: hidden; + overflow-y: auto; + background-color: #F5F5F5; + border-right: 1px solid #EEE; + color: #555; +} +#menu div.nav.btn-group { + margin-bottom: 10px; +} +#menu li { + padding: 2px; + cursor: pointer; + border-radius: 6px; +} +#menu li.nav-feed { + margin-left: 15px; + margin-bottom: 3px; + max-height: 22px; + overflow: hidden; +} +#menu li.nav-feed > span.badge { + top: 2px; + position: absolute; + right: 2px; +} +#menu li.nav-feed > span.title { + margin-left: 3px; +} +#menu li.bg-primary.bg-danger { + color: #fff; + background-color: orangered; +} +#menu li.bg-primary.bg-warning { + color: #fff; + background-color: gold; +} +#menu li:hover { + color: #000; + background-color: #e8e8e8; +} +#menu li.bg-primary:hover { + color: #fff; + background-color: #62a9e6; +} +#menu li.bg-warning:hover { + background-color: #f3f0da; +} +#menu li.bg-danger:hover { + background-color: #f6cab6; +} +#menu li > h4 { + padding-left: 5px; + margin: 2px; + display: inline; +} +#middle-panel { + padding-left: 20px; + padding-top: 10px; + padding-right: 20px; + position: fixed; + top: 51px; + bottom: 0px; + left: 0px; + z-index: 1000; + display: block; + overflow-x: hidden; + overflow-y: auto; + background-color: #F5F5F5; + border-right: 1px solid #EEE; +} +#middle-panel .btn-group { + margin-right: 10px; + margin-bottom: 10px; +} |