.overlay {background: linear-gradient(to top right, rgba(2,208,200,0.2) 0%, transparent 40%), linear-gradient(to bottom left, rgba(2,208,200,0.1) 0%, transparent 20%), linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%); } :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; --submenu: #ffffff; --submenuhov: #e3e3e3; --menufonthov: #000000; --submenufont: #000000} :root {--menu-portais: #091ae9; --pmhover: #091ae9; --pmsub: #091ae9; --pmsubhover: #313fed; --pmfont: #ffffff; --pmsubfont: #ffffff; --pmbortop: transparent} :root {--sociais: #007d78; --solhover: #289994; --solicons: #ffffff; --solbor: #939593} :root {--sidebarmenu: #007d78; --smenufont: var(--sfon); --smenuhov: var(--shov); --smenuicon: #ffffff} /* --- GREEN --*/ :root {--tta: #007d78; --thv: #599d1e; --tfo: #ffffff; --thf: #ffffff; --twk: #ffffff} :root {--hrd: #a3a2a2; --hrc: #000000} :root {--fon: #000000; --fop: #000000; --foa: #b506ab} :root {--but: #1e5e03; --bhv: #599d1e; --bfo: #ffffff} :root {--odd: #b0cbc5; --par: #c1ddd6; --ohv: #cae2dc} :root {--hea: #013d3a} /* BODY, GERAL, BORDER, BOX, LINE, HR, SCROL, MARQUEE */ :root {--bodybkg:linear-gradient(to top right, #d5d3d3 0%, #d5d3d3 55%, #d5d3d3 70%, #d5d3d3 100%)} :root {--geralbkg: #d5d3d3; --boxbkg: transparent; --boxbor: #ffffff} :root {--border: #afafaf; --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: #5f5f5f; --ttlinedarkfont: #ffffff} :root {--ttindexfont: #b3c4f1; --ttindexborda: #b3c4f1; --boxindexfont: #b3c4f1; --ttindexborda: #b3c4f1} :root {--scrollbkg: #000000; --scrollmov: #073905; --scrollhover: #0a5707} :root {--scrollnews: #a5ceef; --scrollnewsmov: #b5aad8; --scrollnewshover: #80a1bc} :root {--scrollsidebar: #111111; --scrolsidemov: #222222; --scrolsidehov: #333333} :root {--marqueebkg: #007d78; --marfont: #ffffff; --marbor: #3e6164} :root {--hrdefault: var(--hrd); --hrcontrast: var(--hrc)} /* BANNER */ :root {--banner: rgba(0,0,0,0.0); --banfonth1: #ffffff; --banfonth2: #ffffff; --banfonth3: #d0d0d0; --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: #013d3a; --footfont: #ffffff; --foothover: #ffffff; --foottitle: #ffffff} :root {--copy: #012d2a; --copyfont: #ffffff; --copyhover: #cccfff} /* APPS COMUNS */ :root {--block: transparent; --bltext: transparent; --blhover: transparent; --blfont: #000000; --blborder: #ffffff; --blshadow: transparent} :root {--block-plus: #0b7785; --bphover: var(--bhv); --bpttbkg: #98cce1; --bpttfont: #000000; --bptexfont: #ffffff; --bpborder: #ffffff; --bpborderbot: #4a4a4a; --bpborshadow: transparent} :root {--tablink: transparent; --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: #c1ddd6; --not: transparent; --asichov: #cae2dc; --asicfont: #000000; --asictta: #091ae9; --asicttafont: #ffffff; --asicbot: #e2d6d6; --asicleft: #cbe3f5; --asicrig: transparent} :root {--asideplus: #007d78; --not: transparent; --asiphov: #26908c; --asipfont: #ffffff; --asiptta: #0b4f3d; --asipttafont: #ffffff; --asipbot: #729b8c; --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: #d3d3d3} :root {--enquetesbar: var(--tta); --efont: var(--tfo)} /* SIDEBAR ESTRUTURA E ASIDES */ :root {--stta: #00a39c; --shov: #289994; --sfon: #ffffff; --sbot: #ffffff} :root {--dropbkg: #ffffff; --drophover: #f1f1f1; --dropfont: #333333; --solsearch: #000000} :root {--sidebarbkg: #007d78; --sidefont: var(--sfon); --sidebot: #72b991} :root {--sidebarbut: #289994; --sidebutfont: var(--sfon); --sidebuthov: var(--stta); --sidebutbor: #76af9c} :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 */ :root {--searchbkg: transparent; --searchbtn: #33ad0d; --searchbtnhov: #2c920c; --searchfont: #000000; --searchbor: #878787; --searchwebkit: #000000} :root {--searchboxbkg: #007d78; --searchbbtn: #33ad0d; --searchbbtnhov: #2c920c; --searchbfont: #ffffff; --searchbbor: #878787; --searchbwebkit: #ffffff} :root {--searchsidbkg: transparent; --searchsidbtn: #758c72; --searchsidbtnhov: #2c920c; --searchsidfont: #ffffff; --searchsidbor: #838383; --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: #7f0000; --btransttfont: #000000; --btranstexfont: #ffffff; --btranstit: #ffffff; --btransbor: #ffffff; --btransshadow: transparent}*/ :root {--geraltrans: #dfdfdf} :root {--blocklink: #007d78; --blocklinkhov: var(--bhv); --blockcircle: #6ba28a; --blocklinkfont:var(--tfo)} :root {--lineboxtab: #b0cbc5; --lineboxpar: #c1ddd6; --lineboxfont: #000000; --linebut: #007d78; --linebuthov: #599d1e; --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; }