1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,yBAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,uDACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Regular'), local('Merriweather-Regular'),\n url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Italic'), local('Merriweather-Italic'),\n url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n:root {\n --body-bg: #9f9287;\n --main-bg: #cdcac4; \n --menu-bg: #2b2623;\n --foot-bg: #2b2623; \n --btn-col: #dba047; \n --btn-hov: #ae4e26;\n}\n\n* {\n font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n font-family: Merriweather;\n}\n\nq::before {\n content: open-quote;\n}\n\nq::after {\n content: close-quote;\n}\n\nbody {\n /* border: 2px solid rgba(167, 47, 20, 1); */\n /* border-radius: 25px; */\n margin-left: 10%;\n margin-right: 10%;\n padding: 10px;\n background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n font-variant: small-caps;\n padding: .3em .3em;\n}\n\n.main h1 {\n border-top: 5px double rgba(167, 47, 20, 1);\n border-bottom: 5px double rgba(167, 47, 20, 1);\n text-align: center;\n}\n\n.main h2 {\n border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n font-size: 16px;\n text-align: justify;\n}\n\n.main img {\n max-width: 100%;\n}\n\ndiv.pfp {\n padding: .5em;\n}\n\ndiv.main {\n background-color: var(--main-bg);\n padding: 2em;\n border-radius: 10px;\n min-height: 500px;\n}\n\n.pfp img {\n border: 5px double rgba(167, 47, 20, 1);\n border-radius: 10px;\n max-width: 150px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pfp p {\n text-align: center;\n font-style: italic;\n font-size: 12px; \n}\n\ndiv.menu {\n /* background: #ae4e26; */\n background: var(--menu-bg); \n padding: .5em;\n margin-bottom: 2em;\n overflow: hidden;\n text-align: center;\n border-radius: 10px;\n min-height: 3em;\n height: auto;\n}\n\n.menu p {\n color: white;\n text-decoration: none;\n padding: .5em .5em; \n margin-left: .5em;\n text-align: right;\n border-radius: 10px;\n}\n\n.menu a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n margin-right: 1em;\n margin-left: 1em;\n min-width: 100px;\n text-align: center;\n background-color: var(--btn-col);\n display:inline-block;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: .5em;\n margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n background-color: var(--btn-hov);\n}\n\n.main a {\n color: #ae4e26;\n}\n\n.main a:hover {\n text-decoration: none;\n}\n\ndiv.contact {\n text-align: center;\n}\n\n.contact a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n text-align: center;\n background-color: var(--btn-col);\n display:grid;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n min-width: 94%;\n} */\n\na.webring-btn {\n color: white;\n text-decoration: none;\n padding: .5em .5em;\n margin-right: 0.5em;\n margin-left: 0.5em;\n min-width: 75px;\n text-align: center;\n background-color: var(--btn-col);\n display: inline-block;\n font-size: medium;\n border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n \n}\n\ndiv.webring {\n border-top: 2px solid var(--btn-hov);\n border-bottom: 2px solid var(--btn-hov);\n text-align: right;\n display: flex;\n align-items: center;\n height: 50px;\n justify-content: space-between;\n margin-top: 5px;\n}\n\n.webring span {\n float: left;\n padding: auto 0;\n}\n\nfooter {\n /* background: #ae4e26; */\n background: var(--foot-bg); \n padding: 1em;\n margin-top: 2em;\n overflow: hidden;\n text-align: center;\n height: auto;\n border-radius: 10px;\n min-height: 3em;\n}\n\nfooter p {\n color: white;\n}\n\nfooter p:first-of-type {\n float: left;\n}\n\nfooter p:last-of-type {\n float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n .menu a {\n font-size: medium;\n min-width: 90px;\n }\n\n div.menu {\n padding: .5em;\n height: auto;\n }\n\n body {\n margin-left: 5%;\n margin-right: 5%;\n }\n}\n\n@media only screen and (max-width: 700px) {\n .menu a {\n font-size: smaller;\n min-width: 80px;\n margin-left: 0.1em;\n margin-right: 0.1em;\n }\n\n footer p:first-of-type, footer p:last-of-type {\n float: none;\n }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n display: flex;\n justify-content: center;\n}\n\ndiv.gallery {\n border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n border: 5px double #dba047;\n}\n\ndiv.gallery img {\n width: 100%;\n height: 200px;\n object-fit: scale-down;\n}\n\ndiv.desc {\n padding: 10px;\n text-align: center;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.responsive {\n padding: 0 6px;\n float: left;\n width: 24.99999%;\n}\n\nsection.colour-cols {\n display:flex;\n flex-direction: column;\n justify-content: space-around;\n text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n display: flex;\n justify-content: center;\n\n > div {\n height: 75px;\n width: 25%;\n }\n\n &[class*=\"1\"] {\n :nth-child(1) { background-color: #2E2A1E; }\n :nth-child(2) { background-color: #CB9E4F; }\n :nth-child(3) { background-color: #994F2C; }\n :nth-child(4) { background-color: #90331C; }\n }\n\n &[class*=\"2\"] {\n :nth-child(1) { background-color: #FFFFFF; }\n :nth-child(2) { background-color: #233443; }\n :nth-child(3) { background-color: #2E2A1E; }\n }\n\n &[class*=\"3\"] {\n :nth-child(1) { background-color: #BCB4AC; }\n :nth-child(2) { background-color: #9B9186; }\n :nth-child(3) { background-color: #2E2A1E; }\n :nth-child(4) { background-color: #794721; }\n }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n display: flex;\n justify-content: center;\n flex-direction: row;\n margin-bottom: 15px;\n\n > span {\n width: 25%;\n display: inline;\n text-align: center;\n font-family: monospace;\n }\n}\n\nspan.colour-heading {\n margin-bottom: 5px;\n font-size: large;\n}\n\nimg.refsheet {\n width: 100%;\n}\n\n@media only screen and (max-width: 700px) {\n .responsive {\n width: 49.99999%;\n margin: 6px 0;\n }\n \n div.art {\n display: inherit;\n justify-content: inherit\n }\n}\n\n@media only screen and (max-width: 500px) {\n .responsive {\n width: 100%;\n }\n\n div.art {\n display: inherit;\n justify-content: inherit\n }\n\n a.webring-btn {\n min-width: 40px;\n margin-right: 0.2em;\n margin-left: 0.2em;\n }\n}\n\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\ncode {\n font-family: monospace;\n background-color: lightgrey;\n border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --body-bg: rgb(49, 49, 49);\n --main-bg: #191919; \n --menu-bg: #191919;\n --foot-bg: #191919; \n --btn-hov: #dba047; \n --btn-col: #ae4e26;\n }\n\n code {\n background-color: darkgray;\n }\n\n div.gallery {\n border: 5px double rgba(167, 47, 20, 1);\n }\n\n .main a {\n color: #dba047;\n }\n\n .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b {\n color: white; \n }\n}"],"file":"styles.css"} |