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

Prefeita Renya Carla de Passira Apresentará seu Secretariado

Ads go here

Archive

Formulário de contato

Enviar