Theme Options

Background Gradient

Main Theme Color

.invisible{visibility:hidden}@media (max-width:767px){.invisible{display:none}}.demo_options{position:fixed;font-size:14px;top:0;right:0;bottom:0;z-index:99999;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-webkit-transform:translateX(0);transform:translateX(0);background:#fff;width:275px}.demo_options:not(.off_canvas){box-shadow:0 14px 25px rgba(0,0,0,.16)}.demo_options.off_canvas{-webkit-transform:translateX(100%);transform:translateX(100%)}.demo_options .demo_btn{width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;position:absolute;top:100px;left:-35px;border-radius:500px 50px 500px 500px}.demo_options.off_canvas .demo_btn{border-radius:500px 0 0 500px;left:-45px;width:50px}.demo_options.off_canvas .demo_btn:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;animation:pulse-animation 1s cubic-bezier(0.24,0,0.38,1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.demo_content{position:absolute;top:0;right:0;bottom:0;overflow-y:auto}.demo_title{font-weight:bold;color:#ff6043;display:block}.demo_inputs > *{cursor:pointer;margin-right:10px;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;margin-bottom:10px}.demo_inputs > *:hover{color:#007bff}.demo_inputs > * > input{margin-right:10px}.demo_palette,.demo_colors{margin-top:-10px}.demo_palette > *,.demo_colors > *{text-align:center}.demo_palette > * > span,.demo_colors > * > span{background-color:#c4183c;background-image:-webkit-gradient(linear,left top,right top,from(#c4183c),to(#4f37ac));background-image:linear-gradient(to right,#c4183c,#4f37ac);border-radius:500px;display:inline-block;margin-top:10px;height:30px;width:30px;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.demo_palette > * > span:hover,.demo_colors > * > span:hover{opacity:0.8;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.18),0 1px 5px 0 rgba(0,0,0,.15);box-shadow:0 2px 5px 0 rgba(0,0,0,.18),0 1px 5px 0 rgba(0,0,0,.15)}.demo_palette > * > span.active,.demo_colors > * > span.active{border:2px solid black}.demo_palette > *:nth-child(2) > span{background-color:#ff4800;background-image:-webkit-gradient(linear,left top,right top,from(#ff4800),to(#ff007e));background-image:linear-gradient(to right,#ff4800,#ff007e)}.demo_palette > *:nth-child(3) > span{background-color:#2b32b2;background-image:-webkit-gradient(linear,left top,right top,from(#2b32b2),to(#1488cc));background-image:linear-gradient(to right,#2b32b2,#1488cc)}.demo_palette > *:nth-child(4) > span{background-color:#f857a6;background-image:-webkit-gradient(linear,left top,right top,from(#f857a6),to(#ff5858));background-image:linear-gradient(to right,#f857a6,#ff5858)}.demo_palette > *:nth-child(5) > span{background-color:#870000;background-image:-webkit-gradient(linear,left top,right top,from(#870000),to(#c85631));background-image:linear-gradient(to right,#870000,#c85631)}.demo_palette > *:nth-child(6) > span{background-color:#028398;background-image:-webkit-gradient(linear,left top,right top,from(#028398),to(#056546));background-image:linear-gradient(to right,#028398,#056546)}.demo_palette > *:nth-child(7) > span{background-color:#c04848;background-image:-webkit-gradient(linear,left top,right top,from(#c04848),to(#480048));background-image:linear-gradient(to right,#c04848,#480048)}.demo_palette > *:nth-child(8) > span{background-color:#2f7336;background-image:-webkit-gradient(linear,left top,right top,from(#2f7336),to(#38aa5a));background-image:linear-gradient(to right,#2f7336,#38aa5a)}.demo_colors > * > span{background:#007bff}.demo_colors > *:nth-child(2) > span{background:#5cb85c}.demo_colors > *:nth-child(3) > span{background:#f0ad4e}.demo_colors > *:nth-child(4) > span{background:#d9534f}.demo_colors > *:nth-child(5) > span{background:#ff5ca1}.demo_colors > *:nth-child(6) > span{background:#a695c7}.demo_colors > *:nth-child(7) > span{background:#00aea4}.demo_colors > *:nth-child(8) > span{background:#13cf13}.home_on,.light .gradient_on{display:none}.homepage_view .home_on{display:block}.dark .uk-heading-bullet:before,.dark .demo_options hr{border-color:#444}
  • View
Imagem

Seca afeta 56 municípios pernambucanos que estão em situação de emergência

Ads go here
Imagem

Fotos Comemoração Dia das Crianças Escola Cecilia Meireles 2015

Archive

Formulário de contato

Enviar