chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-08 13:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
e27406a6fc89cfe68f87fedbd39cbd14c9822ff9
chadsreactproject/build/static/css/main.450e29eb.css.map
Dev EhChad 2edcfc2f11 build2
2024-11-20 16:20:59 -05:00

1 line
20 KiB
Plaintext
Raw Blame History

{"version":3,"file":"static/css/main.450e29eb.css","mappings":"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","sources":["App.css","styles/Navbar.css","styles/Footer.css","styles/DiscordInt.css","styles/Home.css","styles/Shop.css","styles/Socials.css","styles/About.css","styles/Contact.css"],"sourcesContent":[".App {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\nbody {\r\n padding: 0;\r\n margin: 0;\r\n}",".navbar {\r\n width: 100svw;\r\n height: 80px;\r\n background-color: #000000;\r\n display: flex;\r\n flex-direction: row;\r\n }\r\n \r\n .navbar .leftSide {\r\n flex: 50%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 150px;\r\n }\r\n \r\n .navbar .leftSide img {\r\n width: 70px;\r\n }\r\n \r\n .navbar .rightSide {\r\n flex: 50%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .navbar a {\r\n color: rgb(255, 255, 255);\r\n text-decoration: none;\r\n margin: 10px;\r\n font-size: 18px;\r\n }\r\n\r\n .navbar a:hover {\r\n font-size: 20px;\r\n color: rgb(255, 0, 0);\r\n transition: 0.3s ease-in;\r\n }\r\n\r\n .navbar a.active {\r\n font-size: 22px;\r\n border-radius: 15%;\r\n background-color: rgba(255, 0, 0, 0.552);\r\n padding: 10px;\r\n color: rgb(255, 255, 255);\r\n }\r\n\r\n .navbar .rightSide button {\r\n background-color: transparent;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n }\r\n \r\n .navbar .rightSide svg {\r\n font-size: 40px;\r\n }\r\n \r\n .navbar #open {\r\n padding-left: 0px;\r\n }\r\n\r\n .navbar #open img {\r\n display: none;\r\n }\r\n \r\n .navbar #close img {\r\n display: inherit;\r\n }\r\n \r\n .navbar #open .hiddenLinks {\r\n display: inherit;\r\n margin-left: 30px;\r\n }\r\n \r\n .navbar #close .hiddenLinks {\r\n display: none;\r\n }\r\n \r\n .navbar #open a {\r\n width: 70px;\r\n margin: 5px;\r\n }\r\n @media only screen and (max-width: 900px) {\r\n .navbar .rightSide a {\r\n width: 65px;\r\n }\r\n .navbar .leftSide {\r\n padding-left: 50px;\r\n }\r\n }\r\n \r\n @media only screen and (max-width: 600px) {\r\n .navbar .rightSide a {\r\n display: none;\r\n }\r\n \r\n .navbar .rightSide {\r\n justify-content: flex-end;\r\n padding-right: 50px;\r\n }\r\n \r\n .navbar .rightSide button {\r\n display: inherit;\r\n }\r\n }\r\n \r\n @media only screen and (min-width: 601px) {\r\n .navbar .rightSide button {\r\n display: none;\r\n }\r\n \r\n .hiddenLinks {\r\n display: none;\r\n }\r\n \r\n .navbar .leftSide a {\r\n display: none;\r\n }\r\n }",".footer {\r\n bottom: 0;\r\n width: 100vw;\r\n min-height: 100%;\r\n background-color: #000000;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n}\r\n\r\n.socialMedia svg, .socialMedia a {\r\n color: rgb(255, 0, 0);\r\n margin: 20px;\r\n font-size: 50px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n}\r\n\r\n.footer p {\r\n color: rgb(0, 255, 13);\r\n}",".discordint iframe {\r\n position: fixed;\r\n display: flex;\r\n bottom: 20px;\r\n right: 20px;\r\n height: 350px;\r\n width: 400px;\r\n background-color: black;\r\n border: 1px solid black;\r\n padding: 5px;\r\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\r\n border-radius: 10%;\r\n z-index: 1001;\r\n}\r\n\r\n.discordint .discord-minimized button {\r\n display: none;\r\n background-color: transparent;\r\n border: none;\r\n color: white;\r\n cursor: pointer;\r\n}\r\n\r\n.discordint .discord-minimized svg {\r\n font-size: 40px;\r\n}\r\n\r\n.discordint #open {\r\n padding-left: 0px;\r\n}\r\n\r\n.discordint #open .hiddenLinks {\r\n display: inherit;\r\n margin-left: 30px;\r\n}\r\n\r\n.discordint #close .hiddenLinks {\r\n display: none;\r\n}\r\n\r\n.discordint #open a {\r\n width: 70px;\r\n margin: 5px;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 765px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discordint .discord-opened {\r\n display: none;\r\n }\r\n\r\n\r\n .discordint iframe {\r\n \r\n display: none;\r\n }\r\n\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n .discordint .discord-minimized a {\r\n display: none;\r\n }\r\n\r\n .discord .discord-opened a {\r\n padding-left: 50px;\r\n }\r\n \r\n .discordint iframe {\r\n display: none;\r\n }\r\n \r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}\r\n \r\n@media only screen and (max-width: 1030px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .discordint iframe {\r\n display: none;\r\n }\r\n .discordint .discord-minimized button {\r\n display: none;\r\n }\r\n}",".home {\r\n width: 100svw;\r\n height: 90vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: left;\r\n flex-direction: column;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n font-family: \"Gill Sans\", \"Gill Sans MT\", Calibri, \"Trebuchet MS\", sans-serif;\r\n}\r\n\r\n.headerContainer {\r\n border-radius: 10px;\r\n height: auto;\r\n width: 50svw;\r\n margin-left: 30px;\r\n padding: 16px;\r\n background-color: rgba(105, 105, 105, 0.16);\r\n}\r\n\r\n.headerContainer h1 {\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 90px;\r\n height: auto;\r\n font-weight: 50;\r\n color: white;\r\n width: auto;\r\n}\r\n\r\n.headerContainer p {\r\n padding: 0;\r\n font-size: 40px;\r\n font-weight: lighter;\r\n color: white;\r\n width: auto;\r\n}\r\n\r\n.headerContainer button {\r\n color: rgb(0, 0, 0);\r\n border: none;\r\n border-radius: 18px;\r\n cursor: pointer;\r\n justify-content: center;\r\n background-color: hsla(0, 0%, 0%, 0.765);\r\n height: 50px;\r\n width: 180px;\r\n color: rgb(255, 255, 255);\r\n text-decoration: none;\r\n font-size: 20px;\r\n}\r\n\r\n.headerContainer button:hover {\r\n background-color: #ff0000;\r\n color: rgb(255, 255, 255);\r\n cursor: pointer;\r\n transition: 0.3s ease-in;\r\n}\r\n\r\n@media only screen and (max-width: 765px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .headerContainer h1, \r\n .headerContainer p {\r\n display: flex;\r\n } \r\n\r\n .headerContainer {\r\n margin-left: 0px;\r\n border-radius: 10px;\r\n padding: 10px;\r\n width: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n background-color: #121619;\r\n color: white;\r\n }\r\n\r\n .headerContainer h1 {\r\n font-size: 40px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer p {\r\n font-size: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer button {\r\n background-color: rgb(255, 255, 255);\r\n color: #000000;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headerContainer button:hover {\r\n background-color: #ff0000;\r\n color: rgb(255, 255, 255);\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 500px) {\r\n .headerContainer,\r\n .headerContainer h1,\r\n .headerContainer p {\r\n justify-content: center;\r\n display: flex;\r\n \r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1030px) {\r\n \r\n}\r\n\r\n@media only screen and (max-width: 920px),(max-height: 630px) {\r\n .home {\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .headerContainer h1, \r\n .headerContainer p {\r\n display: flex;\r\n } \r\n\r\n .headerContainer {\r\n margin-left: 0px;\r\n border-radius: 10px;\r\n padding: 10px;\r\n width: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n background-color: #121619;\r\n color: white;\r\n }\r\n\r\n .headerContainer h1 {\r\n font-size: 40px;\r\n height: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer p {\r\n font-size: 30px;\r\n color: white;\r\n }\r\n\r\n .headerContainer button {\r\n background-color: rgb(255, 255, 255);\r\n color: #000000;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .headerContainer button:hover {\r\n background-color: red;\r\n color: rgb(255, 255, 255);\r\n }\r\n \r\n}\r\n\r\n",".shop {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n .shop .shopTitle {\r\n font-family: cursive;\r\n font-size: 60px;\r\n }\r\n \r\n .shopList {\r\n width: 70vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n place-items: center;\r\n }\r\n\r\n /* SHOP ITEM STYLING */\r\n \r\n .shopItem {\r\n border-radius: 15px;\r\n width: 300px;\r\n height: 350px;\r\n margin: 20px;\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n .shopItem:hover {\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);\r\n transition: 0.3s ease-in;\r\n cursor: pointer;\r\n }\r\n \r\n .shopItem div {\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n width: 100%;\r\n height: 200px;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n \r\n .shopItem h1,\r\n .shopItem p {\r\n margin-left: 20px;\r\n }\r\n \r\n @media only screen and (max-width: 1300px) {\r\n .shopList {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n \r\n @media only screen and (max-width: 800px) {\r\n .shopList {\r\n grid-template-columns: 1fr;\r\n }\r\n }",".social {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n }\r\n\r\n .social .socialTitle {\r\n font-family: sans-serif, Arial;\r\n font-size: 60px;\r\n }\r\n \r\n .socialList {\r\n width: 70vw;\r\n height: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n place-items: center;\r\n }\r\n\r\n /* social ITEM STYLING */\r\n \r\n .socialItem {\r\n border-radius: 15px;\r\n width: 300px;\r\n height: 350px;\r\n margin: 20px;\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n .socialItem:hover {\r\n box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);\r\n transition: 0.3s ease-in;\r\n cursor: pointer;\r\n }\r\n \r\n .socialItem div {\r\n border-top-left-radius: 15px;\r\n border-top-right-radius: 15px;\r\n width: 100%;\r\n height: 200px;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n \r\n .socialItem a {\r\n text-decoration: none;\r\n color: black;\r\n margin: 20px;\r\n font-size: 20px;\r\n }\r\n\r\n .socialItem h1, \r\n .socialItem p {\r\n margin-left: 20px;\r\n }\r\n \r\n @media only screen and (max-width: 1300px) {\r\n .socialList {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n \r\n @media only screen and (max-width: 800px) {\r\n .socialList {\r\n grid-template-columns: 1fr;\r\n }\r\n }",".about {\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .aboutTop {\r\n width: 100vw;\r\n height: 45%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n font-family: sans-serif, Arial;\r\n }\r\n \r\n .aboutBottom {\r\n font-family: 'Comic Sans', monospace, sans-serif, Arial;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n align-items: center;\r\n margin-top: 50px;\r\n padding-bottom: 10px;\r\n }\r\n \r\n .aboutBottom p {\r\n width: 70svw;\r\n font-size: 23px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n \r\n .about .aboutBottom h1 {\r\n font-weight: 400;\r\n font-size: 70px;\r\n color: black;\r\n height: 30px;\r\n display: flex;\r\n justify-content: center;\r\n transform: translateY(-40px);\r\n }\r\n\r\n .discordInvAbout, .discordInvAbout a {\r\n font-family: 'Comic Sans', monospace, sans-serif, Arial;\r\n background-color: #121619;\r\n display: flex;\r\n justify-content: center;\r\n border: none;\r\n color: white;\r\n padding: 10px;\r\n text-align: center;\r\n text-decoration: none;\r\n font-size: 25px;\r\n border-radius: 15px; \r\n }\r\n \r\n .discordInvAbout a:hover {\r\n text-decoration: none;\r\n font-size: 28px;\r\n cursor: pointer;\r\n border-radius: 30px;\r\n transition: 0.3s ease-in;\r\n }\r\n\r\n .discordIntAbout iframe {\r\n /*display: flex;\r\n justify-content: center;\r\n width: 400px;\r\n height: 300px;*/\r\n display: none;\r\n }",".contact \r\n{\r\n width: 100%;\r\n height: 90vh;\r\n display: flex;\r\n }\r\n \r\n .contact .leftSide \r\n {\r\n height: 100%;\r\n flex: 50%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n \r\n .contact .rightSide \r\n {\r\n height: 100%;\r\n flex: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .contact .rightSide h1 \r\n {\r\n font-family: \"Trebuchet MS\", \"Lucida Sans Unicode\", \"Lucida Grande\",\r\n \"Lucida Sans\", Arial, sans-serif;\r\n font-weight: 10;\r\n font-size: 50px;\r\n margin-left: 30px;\r\n }\r\n \r\n form \r\n {\r\n display: flex;\r\n flex-direction: column;\r\n width: auto;\r\n height: auto;\r\n padding: 30px;\r\n }\r\n \r\n form input \r\n {\r\n height: 40px;\r\n width: 80%;\r\n border: none;\r\n border-bottom: 1px solid #121619;\r\n color: black;\r\n }\r\n \r\n form textarea \r\n {\r\n margin-top: 15px;\r\n height: 70px;\r\n width: 80%;\r\n border: none;\r\n border-bottom: 1px solid #121619;\r\n color: black;\r\n }\r\n \r\n input::placeholder,\r\n textarea::placeholder \r\n {\r\n font-weight: bold;\r\n color: black;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n form input:focus,\r\n textarea:focus \r\n {\r\n outline: none;\r\n }\r\n \r\n form label \r\n {\r\n margin-top: 15px;\r\n color: grey;\r\n }\r\n \r\n form button \r\n {\r\n margin-top: 10px;\r\n width: 140px;\r\n border-radius: 20px;\r\n padding: 10px;\r\n border: none;\r\n background-color: #121619;\r\n color: whitesmoke;\r\n font-size: 15px;\r\n cursor: pointer;\r\n }\r\n\r\n form button:hover \r\n {\r\n text-decoration: none;\r\n width: 160px;\r\n font-size: 20px;\r\n cursor: pointer;\r\n border-radius: 20px;\r\n transition: 0.3s ease-in;\r\n }"],"names":[],"sourceRoot":""}
Reference in New Issue View Git Blame Copy Permalink