You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
42 KiB
1 line
42 KiB
3 years ago
|
{"version":3,"file":"style.css","sources":["style.css"],"sourcesContent":["/* Variables\n---------------------------------------- */\n:root {\n /* Theme Colors */\n --upei-red: #7c2529;\n --upei-green: #789d4a;\n --upei-yellow: #f1b434;\n --theme-color: green;\n --theme-color-two: #383a68;\n --primary: #ffcc18;\n --secondary: #3e4182;\n --dark: #333;\n --dark-grey: #838383;\n --light: #edeef5;\n --border: #cccccc;\n --bold-color: var(--upei-red);\n --content-bg: #f2f2f2;\n --text-color: #222222;\n --body-font: 'Noto Sans', sans-serif;\n --heading-font: 'Adelle Regular', serif; }\n\n/* HTML and Body\n---------------------------------------- */\nbody {\n font-family: var(--body-font);\n background: #ffffff;\n color: var(--text-color);\n background-color: #fff !important; }\n\n/* Regions\n---------------------------------------- */\nsummary {\n color: var(--text-color); }\n\n/* Typography\n---------------------------------------- */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: var(--heading-font);\n color: var(--bold-color); }\n\nstrong {\n color: var(--bold-color); }\n\nem {\n color: var(--upei-green); }\n\na {\n -webkit-transition: color 0.4s ease;\n -o-transition: color 0.4s ease;\n transition: color 0.4s ease; }\n\na,\na:active,\nli a.active {\n color: var(--upei-green); }\n\na:hover {\n color: var(--primary); }\n\n/* Typography-> code tags */\ncode,\nkbd,\npre,\nsamp {\n background: var(--secondary);\n color: #ffffff; }\n\nmark {\n background: var(--primary);\n color: #ffffff; }\n\nfigcaption {\n background: var(--secondary);\n color: #ffffff; }\n\n/* Form\n---------------------------------------- */\n/* Form -> Button */\na.button,\n.button,\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n background-color: var(--secondary);\n color: #ffffff;\n border: 4px solid var(--primary);\n border-radius: 8px;\n -webkit-transition: all 0.4s linear;\n -o-transition: all 0.4s linear;\n transition: all 0.4s linear; }\n\na.button:hover,\n.button:hover,\nbutton:hover,\n[type='button']:hover,\n[type='reset']:hover,\n[type='submit']:hover {\n background-color: var(--dark);\n color: var(--primary); }\n\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n -webkit-transition: all 0.5s ease-in-out;\n -o-transition: all 0.5s ease-in-out;\n transition: all 0.5s ease-in-out; }\n\ninput[type='text'],\ninput[type='email'],\ninput[type='url'],\ninput[type='password'],\ninput[type='search'],\ntextarea {\n color: var(--text-color);\n background: var(--light);\n border: 1px solid var(--border); }\n\ninput[type='text']:focus,\ninput[type='email']:focus,\ninput[type='url']:focus,\ninput[type='password']:focus,\ninput[type='search']:focus,\ntextarea:focus {\n border: 1px solid var(--primary);\n background: #f0f0f0; }\n\nfieldset {\n border: 1px solid var(--border); }\n\n/* Form -> Label */\n.form-item label,\nform label {\n font-weight: 700;\n color: var(--bold-color); }\n\nsummary {\n font-family: var(--heading-font);\n font-weight: 700; }\n\n/* Form -> Radio buttons */\ninput[type='radio'],\ninput[type='checkbox'] {\n border: 2px solid var(--secondary); }\n\ninput[type='radio']:hover,\ninput[type='checkbox']:hover {\n border: 2px solid var(--primary); }\n\ninput[type='radio']:checked,\ninput[type='checkbox']:checked {\n background-color: var(--primary);\n color: #000000; }\n\ninput[type='checkbox'] {\n appearance: none; }\n\ninput[type='checkbox']::after {\n content: '\\2714';\n text-align: center;\n display: none; }\n\ninput[type='checkbox']:checked::after {\n display: block; }\n\nselect {\n color: var(--text-color);\n background: #eeeeee;\n border: 1px solid var(--border); }\n\n::-webkit-input-placeholder {\n color: var(--border); }\n\n::placeholder {\n color: var(--border);\n opacity: 1; }\n\n:-ms-input-placeholder {\n color: var(--border); }\n\n::-ms-input-placeholder {\n color: #969696; }\n\n:-moz-placeholder {\n color: var(--border); }\n\n::-moz-placeholder {\n color: var(--bord
|