diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-09 07:43:20 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-09 07:43:20 +0530 |
| commit | e7c3dac0306f81c53f04ff1ab13a9e1465aaa10d (patch) | |
| tree | 92bc2dd1290fba0ea7d290731d6fc25f902084fb /shared | |
| parent | 111e57454af52c8c4b52463b5473ae67e8cbc09c (diff) | |
| download | firebase-ecommerce-e7c3dac0306f81c53f04ff1ab13a9e1465aaa10d.tar.xz firebase-ecommerce-e7c3dac0306f81c53f04ff1ab13a9e1465aaa10d.zip | |
Updated Home Pge
Diffstat (limited to 'shared')
| -rw-r--r-- | shared/css/homepage.css | 95 |
1 files changed, 59 insertions, 36 deletions
diff --git a/shared/css/homepage.css b/shared/css/homepage.css index 044aec3..9b97325 100644 --- a/shared/css/homepage.css +++ b/shared/css/homepage.css @@ -1,45 +1,68 @@ -#snackbar { - visibility: hidden; - min-width: 250px; - background-color: rgb(231, 81, 81); - color: #fff; - text-align: center; - border-radius: 2px; - padding: 16px; +.padded { + padding: 0px 0px 30px 0px; +} +.padded-bar { + padding: 10px 0px 5px 10px; +} +.sidebar { + height: 100%; position: fixed; z-index: 1; - top: 30px; - right:30px; + left: 0; + overflow-y: scroll; + width: 240px; } -#snackbar.show { - visibility: visible; - -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; - animation: fadein 0.5s, fadeout 0.5s 2.5s; +.main { + margin-left: 245px; + padding-top: 10px; } -@-webkit-keyframes fadein { - from {opacity: 0;} - to { opacity: 1;} +.list-group-item > a { + color: black; + font-size: 0.8em; } - -@keyframes fadein { - from { opacity: 0;} - to { opacity: 1;} +.list-group-item { + padding: .35rem 1.25rem; } -@-webkit-keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} +::-webkit-scrollbar { + width: 8px; + height: 8px; } - -@keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} -} -.middle { - margin: 0 auto; - width: 50%; - justify-content: center; - justify-items: center; - align-content: center; - align-items: center; +::-webkit-scrollbar-button { + width: 0px; + height: 0px; +} +::-webkit-scrollbar-thumb { + background: #555555; + border: 0px none #ffffff; + border-radius: 50px; +} +::-webkit-scrollbar-thumb:hover { + background: #262626; +} +::-webkit-scrollbar-thumb:active { + background: #262626; +} +::-webkit-scrollbar-track { + background: #ffffff; + border: 0px none #ffffff; + border-radius: 50px; +} +::-webkit-scrollbar-track:hover { + background: #ffffff; +} +::-webkit-scrollbar-track:active { + background: #ffffff; +} +::-webkit-scrollbar-corner { + background: transparent; +} +.sale-box { + text-align: center; +} +.sale-box > img { + width: 100%; +} +.recents { + padding: 1.5rem; }
\ No newline at end of file |