diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
| commit | 1594fbd8e7d1704781c2de2eb6528b2883373b35 (patch) | |
| tree | 5bda52f04c558085909714cd979fcf62038f09fe | |
| parent | 7c228f0995d37fc13d58b5b461ac43fc8e0927f9 (diff) | |
| download | firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.tar.xz firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.zip | |
External CSS Added and Bifurcated from INDEX Pages
| -rw-r--r-- | dashboard/index.html | 93 | ||||
| -rw-r--r-- | index.html | 48 | ||||
| -rw-r--r-- | shared/css/dashboard.css | 89 | ||||
| -rw-r--r-- | shared/css/homepage.css | 45 |
4 files changed, 137 insertions, 138 deletions
diff --git a/dashboard/index.html b/dashboard/index.html index 6fef2fc..efe0d36 100644 --- a/dashboard/index.html +++ b/dashboard/index.html @@ -4,97 +4,8 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>Firebase ECommerce Solution</title><style> - #snackbar { - visibility: hidden; - min-width: 250px; - background-color: rgb(231, 81, 81); - color: #fff; - text-align: center; - border-radius: 2px; - padding: 16px; - position: fixed; - z-index: 1; - top: 30px; - right:30px; - } - #snackbar.show { - visibility: visible; - -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; - animation: fadein 0.5s, fadeout 0.5s 2.5s; - } - @-webkit-keyframes fadein { - from {opacity: 0;} - to { opacity: 1;} - } - - @keyframes fadein { - from { opacity: 0;} - to { opacity: 1;} - } - - @-webkit-keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} - } - - @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; - } - #signout { - position: absolute; - top: 25px; - right: 25px; - } - #cart { - position: absolute; - top: 25px; - right: 105px; - } - .singleProduct { - width: 250px; - border: solid 1px #333; - padding: 20px; - border-radius: 5px; - margin: 10px; - display: inline-block; - } - .productImage { - width: 210px; - height: 210px; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - } - .productTitle { - display: inline-block; - width: 250px; - white-space: nowrap; - overflow: hidden !important; - text-overflow: ellipsis; - margin-bottom: -10px; - } - .productDetail { - display: grid; - grid-template-columns: 50% auto; - padding: 50px 0px; - } - .picture { - width: 100%; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - } - </style> + <title>Firebase ECommerce Solution</title> + <link rel="stylesheet" href="../shared/css/dashboard.css"> </head> <body> <div id="snackbar">Some text some message..</div> @@ -5,53 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Firebase ECommerce Solution</title> - <style> - #snackbar { - visibility: hidden; - min-width: 250px; - background-color: rgb(231, 81, 81); - color: #fff; - text-align: center; - border-radius: 2px; - padding: 16px; - position: fixed; - z-index: 1; - top: 30px; - right:30px; - } - #snackbar.show { - visibility: visible; - -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; - animation: fadein 0.5s, fadeout 0.5s 2.5s; - } - @-webkit-keyframes fadein { - from {opacity: 0;} - to { opacity: 1;} - } - - @keyframes fadein { - from { opacity: 0;} - to { opacity: 1;} - } - - @-webkit-keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} - } - - @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; - } - </style> + <link rel="stylesheet" href="shared/css/homepage.css"> </head> <body> <div id="snackbar">Some text some message..</div> diff --git a/shared/css/dashboard.css b/shared/css/dashboard.css new file mode 100644 index 0000000..048a6af --- /dev/null +++ b/shared/css/dashboard.css @@ -0,0 +1,89 @@ +#snackbar { + visibility: hidden; + min-width: 250px; + background-color: rgb(231, 81, 81); + color: #fff; + text-align: center; + border-radius: 2px; + padding: 16px; + position: fixed; + z-index: 1; + top: 30px; + right:30px; +} +#snackbar.show { + visibility: visible; + -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; + animation: fadein 0.5s, fadeout 0.5s 2.5s; +} +@-webkit-keyframes fadein { + from {opacity: 0;} + to { opacity: 1;} +} + +@keyframes fadein { + from { opacity: 0;} + to { opacity: 1;} +} + +@-webkit-keyframes fadeout { + from {opacity: 1;} + to {opacity: 0;} +} + +@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; +} +#signout { + position: absolute; + top: 25px; + right: 25px; +} +#cart { + position: absolute; + top: 25px; + right: 105px; +} +.singleProduct { + width: 250px; + border: solid 1px #333; + padding: 20px; + border-radius: 5px; + margin: 10px; + display: inline-block; +} +.productImage { + width: 210px; + height: 210px; + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.productTitle { + display: inline-block; + width: 250px; + white-space: nowrap; + overflow: hidden !important; + text-overflow: ellipsis; + margin-bottom: -10px; +} +.productDetail { + display: grid; + grid-template-columns: 50% auto; + padding: 50px 0px; +} +.picture { + width: 100%; + background-repeat: no-repeat; + background-size: contain; + background-position: center; +}
\ No newline at end of file diff --git a/shared/css/homepage.css b/shared/css/homepage.css new file mode 100644 index 0000000..044aec3 --- /dev/null +++ b/shared/css/homepage.css @@ -0,0 +1,45 @@ +#snackbar { + visibility: hidden; + min-width: 250px; + background-color: rgb(231, 81, 81); + color: #fff; + text-align: center; + border-radius: 2px; + padding: 16px; + position: fixed; + z-index: 1; + top: 30px; + right:30px; +} +#snackbar.show { + visibility: visible; + -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; + animation: fadein 0.5s, fadeout 0.5s 2.5s; +} +@-webkit-keyframes fadein { + from {opacity: 0;} + to { opacity: 1;} +} + +@keyframes fadein { + from { opacity: 0;} + to { opacity: 1;} +} + +@-webkit-keyframes fadeout { + from {opacity: 1;} + to {opacity: 0;} +} + +@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; +}
\ No newline at end of file |