.overlay {background: linear-gradient(to top right, rgba(250,0,0,0.3) 0%, transparent 35%), linear-gradient(to bottom left, rgba(250,0,0,0.2) 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; --menufonthov: #000000; --submenu: #ffffff; --submenuhov: #e3e3e3; --submenufont: #000000} :root {--menu-portais: #091ae9; --pmhover: #091ae9; --pmsub: #091ae9; --pmsubhover: #313fed; --pmfont: #ffffff; --pmsubfont: #ffffff; --pmbortop: transparent} :root {--sociais: var(--stta); --solicons: var(--sfon); --solhover: var(--shov); --solbor: #931010} :root {--sidebarmenu: var(--stta); --smenufont: var(--sfon); --smenuhov: var(--shov); --smenuicon: #ffffff} /* --- RED --*/ :root {--tta: #a30808; --thv: #f90000; --tfo: #ffffff; --thf: #ffffff; --twk: #ffffff} :root {--hrd: #40434a; --hrc: #4a4545} :root {--fon: #000000; --fop: #000000; --foa: #000000} :root {--but: #7f0000; --bhv: #910299; --bfo: #ffffff} :root {--odd: #bccad3; --par: #cedde7; --ohv: #c3d3df} :root {--hea: #560000} /* BODY, GERAL, BORDER, BOX, LINE, HR, SCROL, MARQUEE */ :root {--bodybkg:linear-gradient(to top right, #c3d3df 0%, #c3d3df 55%, #c3d3df 70%, #c3d3df 100%)} :root {--geralbkg: #c3d3df; --boxbkg: transparent; --boxbor: #ffffff} :root {--border: #707070; --borderbkg: transparent; --borderDark: #aaa8a8; --borderDarkbkg: #000000} :root {--line: #660000; --linepad: #660000} :root {--ttbkg: transparent; --ttbkgfont: #000000; --ttbkgtxtfont: #000000; --ttbkgdark: var(--tta); --ttbkgdarkfont: #ffffff} :root {--ttline: #484848; --ttlinefont: #000000; --ttlinedark: #3a3f71; --ttlinedarkfont: #ffffff} :root {--ttindexfont: #ffffff; --ttindexborda: #b3c4f1; --boxindexfont: #b3c4f1; --ttindexborda: #b3c4f1} :root {--scrollbkg: #000000; --scrollmov: #1e1e1f; --scrollhover: #ffffff} :root {--scrollnews: #060e2a; --scrollnewsmov: #280696; --scrollnewshover: #0b1b53} :root {--scrollsidebar: #111111; --scrolsidemov: #222222; --scrolsidehov: #333333} :root {--marqueebkg: #6a0404; --marfont: #ffffff; --marbor: #6a0404} :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: #2b0101; --footfont: #b3c4f1; --foothover: #ffffff; --foottitle: #b3c4f1} :root {--copy: #280000; --copyfont: #bbc3ff; --copyhover: #ffffff} /* APPS COMUNS */ :root {--block: #ffffff; --bltext: #ffffff; --blhover: #ffffff; --blfont: #000000; --blborder: #ffffff; --blshadow: #252628} :root {--block-plus: #7f0000; --bphover: var(--bhv); --bpttbkg: #98cce1; --bpttfont: #000000; --bptexfont: #ffffff; --bpborder: #4d4e52; --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: #bcc7d0; --not: transparent; --asichov: #cbd6de; --asicfont: #000000; --asictta: #091ae9; --asicttafont: #ffffff; --asicbot: #e2d6d6; --asicleft: #cbe3f5; --asicrig: transparent} :root {--asideplus: #6d0000; --not: transparent; --asiphov: #750808; --asipfont: #ffffff; --asiptta: #6d0000; --asipttafont: #ffffff; --asipbot: #c20606; --asipleft:transparent; --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: #cccfff} /* 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: #6a0404; --sfon: #ffffff; --shov: #3f1e1e; --sbot: #ab0404} :root {--dropbkg: #ffffff; --dropfont: #333333; --drophover: #f1f1f1; --solsearch: #000000} :root {--sidebarbkg: #2b0101; --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} :root {--sibarscrolbkg: transparent; --siscrolmov: var(--stta); --siscrolhov: var(--shov)} /* FORMS */ :root {--searchbkg: transparent; --searchbtn: #091ae9; --searchbtnhov: #db0dc0; --searchfont: #000000; --searchbor: #878787; --searchwebkit: #000000} :root {--searchboxbkg: #6d0000; --searchbbtn: #830202; --searchbbtnhov: #8d0202; --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: #7f0000; --btransttfont: #000000; --btranstexfont: #ffffff; --btranstit: #ffffff; --btransbor: #ffffff; --btransshadow: transparent}*/ :root {--geraltrans: #a5ceef} :root {--blocklink: #7e8990; --blocklinkhov: var(--bhv); --blockcircle: #6874b8; --blocklinkfont:var(--tfo)} :root {--lineboxtab: #bccad3; --lineboxpar: #cedde7; --lineboxfont: #000000; --linebut: #7e8990; --linebuthov: #2f7aeb; --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; }