.overlay {background: linear-gradient(to top right, rgba(0,120,255, 0.3) 0%, transparent 45%), linear-gradient(to bottom left, rgba(208,17,192, 0.5) 0%, transparent 60%), linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%); } :root{--logo-min:url('../imagens/logo-close.png'); --logo-close:url('../imagens/logo-close.png')} /* HEADER, MENUS, SOCIAIS */ :root {--headermin: #ffffff; --headerclose: #ffffff; --mobilemin: #000000; --mobileclose: #000000} :root {--headerminpag: #ffffff; --headerclosepag: #ffffff; --mobilemin: #000000; --mobileclose: #000000} :root {--menu: transparent; --menuhov: #091ae9; --menufont: #000000; --menufonthov: #000000; --submenu: #ffffff; --submenuhov: #e3e3e3; --submenufont: #000000} :root {--menu-portais: #e1e2e9; --pmhover: #091ae9; --pmsub: #091ae9; --pmsubhover: #313fed; --pmfont: #ffffff; --pmsubfont: #ffffff; --pmbortop: transparent} :root {--sociais: #e1e2e9; --solicons: #5f5f5f; --solhover: #d6dde5} :root {--sidebarmenu: #e1e2e9; --smenufont: #5f5f5f; --smenuhov: #d6dde5; --smenuicon: #ffffff} /* --- BLUE --*/ :root {--tta: #091ae9; --thv: #599bec; --tfo: #ffffff; --thf: #ffffff; --twk: #ffffff} :root {--hrd: #a3a2a2; --hrc: #000000} :root {--fon: #000000; --fop: #000000; --foa: #b506ab} :root {--but: #2b79f3; --bhv: #db0dc0; --bfo: #ffffff; bbo: #fff} :root {--odd: #96c4f3; --par: #c6d7ff; --ohv: #bed0fe} :root {--hea: #04045d} /* BODY, GERAL, BORDER, BOX, LINE, HR, SCROL, MARQUEE */ :root {--bodybkg:linear-gradient(to top right, #ffffff 0%, #ffffff 55%, #ffffff 70%, #ffffff 100%)} :root {--geralbkg: #ffffff; --boxbkg: transparent; --boxbor: #ffffff} :root {--border: #e1e1e1; --borderbkg: transparent; --borderDark: #aaa8a8; --borderDarkbkg: #000000} :root {--line: #ffffff; --linepad: #ffffff} :root {--ttbkg: transparent; --ttbkgfont: #000000; --ttbkgtxtfont: #000000; --ttbkgdark: var(--tta); --ttbkgdarkfont: #ffffff} :root {--ttline: #484848; --ttlinefont: #000000; --ttlinedark: #3a3f71; --ttlinedarkfont: #ffffff} :root {--ttindexfont: #b3c4f1; --ttindexborda: #b3c4f1; --boxindexfont: #b3c4f1; --ttindexborda: #b3c4f1} :root {--scrollbkg: #000000; --scrollmov: #020f42; --scrollhover: #031a73} :root {--scrollnews: #a5ceef; --scrollnewsmov: #b5aad8; --scrollnewshover: #80a1bc} :root {--scrollsidebar: #111111; --scrolsidemov: #222222; --scrolsidehov: #333333} :root {--marqueebkg: #022239; --marfont: #ffffff; --marbor: #222222} :root {--hrdefault: var(--hrd); --hrcontrast: var(--hrc)} /* BANNER */ :root {--banner: rgba(0,0,0,0.0); --banfonth1: #ffffff; --banfonth2: #ffffff; --banfonth3: #cccfff; --banbtn: #4c05f7; --banbtnhover: #555000} :root {--tbanner: rgba(0,0,0, 0.0); --tbanfonth1: #afb2d8; --tbanfonth2: #ffffff; --tbanfonth3: #cccfff; --tbanbtn: transparent; --tbanbtnhover: #e90909; --tbanbtnfont: #ffffff; --tbanbtnbor: #ffffff} /* FOOTER, COPYRIGHT */ :root {--footer: #061161; --footfont: #cccfff; --foothover: #ffffff; --foottitle: #cccfff} :root {--copy: #060f4b; --copyfont: #cccfff; --copyhover: #ffffff} /* APPS COMUNS */ :root {--block: transparent; --bltext: transparent; --blhover: transparent; --blfont: #000000; --blborder: #ffffff; --blshadow: transparent} :root {--block-plus: #ffffff; --bphover: var(--bhv); --bpttbkg: #98cce1; --bpttfont: #000000; --bptexfont: #ffffff; --bpborder: #ffffff; --bpborderbot: #4a4a4a; --bpborshadow: transparent} :root {--tablink: #091ae9; --tabconteiner:transparent; --tabbuttom: var(--tta); --tabbuthover: var(--bhv); --tabbutactive: var(--bhv); --tabbutfont: #ffffff} /* TABELAS, DOWN, FAQ */ :root {--asidetab: var(--odd); --asitabpar: var(--par); --asitabhov: var(--ohv); --asitabfont: #000000} /* ASIDES */ :root {--asidebox: #99cef9; --asiboxborder: #ffffff} :root {--asidecol: #a8d6fb; --not: transparent; --asichov: #b7ddfc; --asicfont: #000000; --asictta: #091ae9; --asicttafont: #ffffff; --asicbot: #e2d6d6; --asicleft: #cbe3f5; --asicrig: transparent} :root {--asideplus: #091ae9; --not: transparent; --asiphov: #3d4aee; --asipfont: #ffffff; --asiptta: #091ae9; --asipttafont: #ffffff; --asipbot: #d5d0fe; --asipleft: #cbe3f5; --asiprig: transparent} :root {--asideacormenu: transparent; --asiacormenu: transparent; --asiacorhov: #282855; --asiacorfont: #ffffff; --asiacorbot: #3a3a45} :root {--not: transparent; --asiacorsub: #1a1d4b; --asiacorsubhov: #282855; --asiacorsubfont: #ffffff; --asiacorsubbot: #343e64} /* ABAS */ :root {--midias: #010b17; --midiasbkg: #002f67; --midiastopo: #3b3b3d; --midiasfont: #000000} /* BUTTONS, NAVBAR, NAVLINK, PAGINAÇÃO, TTAS, ABAS, FONT */ :root {--abasbkg: var(--tta); --abashover: var(--thv); --abasfont: var(--tfo); --abashovfont: var(--thf)} :root {--button: var(--tta); --buthover: var(--thv); --buttonfont: var(--bfo)} :root {--ttabkg: var(--tta); --ttahover: var(--thv); --ttafont: var(--tfo)} :root {--fontes: var(--fon); --fonp: var(--fop); --fonact: var(--foa)} :root {--pagin: var(--tta); --paginhover: var(--thv); --paginfont: var(--tfo)} :root {--navbar: var(--tta); --navhover: var(--thv); --navfont: var(--tfo)} :root {--navlinks: var(--tta); --navlinhov: var(--thv); --navlinfont: var(--tfo); --navlink: #e1e1e1} :root {--enquetesbar: var(--tta); --efont: var(--tfo)} /* SIDEBAR ESTRUTURA E ASIDES */ :root {--stta: #091ae9; --sfon: #ffffff; --shov: #1414ae; --sbot: #3f3d52} :root {--dropbkg: #ffffff; --dropfont: #000000; --drophover: #f1f1f1; --solsearch: #000000} :root {--sidebarbkg: #0f0f95; --sidefont: var(--sfon); --sidebot: var(--sbot)} :root {--sidebarbut: var(--stta); --sidebutfont: var(--sfon); --sidebuthov: var(--shov); --sidebutbor: #1e722e} :root {--asidebarmenu: var(--stta); --asimenufont: var(--sfon); --asimenuhov: var(--shov)} :root {--asidebarcol: transparent; --asicolfont: var(--sfon); --asicolhov: var(--shov); --asicoltta: var(--stta)} :root {--asideacortit: var(--stta); --asiacorfont: var(--sfon); --asideacortith: #1c5902} /* FORMS, MODAIS */ :root {--searchbkg: transparent; --searchbtn: #091ae9; --searchbtnhov: #db0dc0; --searchfont: #000000; --searchbor: #878787; --searchwebkit: #000000} :root {--searchboxbkg: #2849e3; --searchbbtn: #6697f1; --searchbbtnhov: #db0dc0; --searchbfont: #ffffff; --searchbbor: #878787; --searchbwebkit: #ffffff} :root {--searchsidbkg: transparent; --searchsidbtn: #6697f1; --searchsidbtnhov: #db0dc0; --searchsidfont: #ffffff; --searchsidbor: #56599b; --searchsidwebkit: #ffffff} :root { --modalbody: #000000; --modalclose: #000000; --modalclosehov: #000000; --modaisbkg: #d7d7d7; --modcamposbkg: #ffffff; --modfont: #000000; --modbutton: #0415fc; --modbuttonhov: #ff014c; --modbuttonfont: #ffffff; } /* TRANSPARÊNCIA */ /*:root {--block-trans: #0c32ed; --btransttfont: #000000; --btranstexfont: #ffffff; --btranstit: #ffffff; --btransbor: #ffffff; --btransshadow: transparent}*/ :root {--geraltrans: #a5ceef} :root {--blocklink: #091ae9; --blocklinkhov: var(--bhv); --blockcircle: #6874b8; --blocklinkfont:var(--tfo)} :root {--lineboxtab: #96c4f3; --lineboxpar: #c6d7ff; --lineboxfont: #000000; --linebut: #091ae9; --linebuthov: #9d111d; --linebutfont: #ffffff} :root {--tbanner: rgba(0,0,0, 0.0); --tbanfonth1: #afb2d8; --tbanfonth2: #ffffff; --tbanfonth3: #cccfff; --tbanbtn: transparent; --tbanbtnhover: #e90909; --tbanbtnfont: #ffffff; --tbanbtnbor: #ffffff} :root {--boletim: #000000; --bolbkg: #0f34f0; --bolblock: #747cf4; --bolfontes: #ffffff} :root {--ttatr: transparent; --ttatrfont: #000000; --ttlinetr: #000000; --ttlinetrfont: #000000; --bordertrbkg: #ccdaff; --bordertr: transparent} :root{ --tselect: var(--tta); --tinput: var(--tta); --tglente: var(--tta); --tinputfont: var(--tfo); --tfont: var(--tfo); --tlentehov: var(--thv); --twebkit: var(--tfo); --typetexbkg: transparent; --typetexfont: #000000; --typetexbor: #999999; }