ÿØÿà JFIF ` ` ÿþ
|
Server : Apache System : Linux cloud.heroica.com.br 4.18.0-553.36.1.el8_10.x86_64 #1 SMP Wed Jan 22 03:07:54 EST 2025 x86_64 User : farolpborg ( 1053) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/farolpborg/public_html/cms/_assets/css/ |
Upload File : |
/* colesq */
.colesq { width: 63px; height: 100%; background-color: #36424e; float: left; position: fixed; z-index: 3; }
/* logo */
.logo { }
.logo a { width: 63px; height: 57px; background-color: rgba(0,0,0,0.1); display: table-cell; vertical-align: middle; text-align: center; }
.logo a:hover { background-color: rgba(0,0,0,0.27); }
.logo img { width: 23px; height: 23px; }
/* menres */
.menres { display: none; position: relative; }
.menres a { width: 63px; height: 57px; color: #fff; display: table-cell; vertical-align: middle; text-align: center; }
.menres a:hover,
.menres a.sel,
.portal p a:hover,
.notificacoes p a:hover,
.configuracoes p a:hover,
.configuracoes p a.sel { background-color: rgba(255,255,255,0.1) }
.menres a i { font-size: 24px; }
.menres a span { display: none; }
/* coldir */
.coldir { width: 100%; height: 100%; display: table-cell; vertical-align: top; position: relative; z-index: 2; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* cabecalho */
.cabecalho { width: 100%; height: 57px; background-color: #1074ae; color: #fff; position: fixed; z-index: 4; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); padding-left: 63px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* logado */
.logado { float: left; }
.logado p { height: 57px; display: table-cell; vertical-align: middle; padding: 0 22px; }
/* portal */
.portal { float: right; position: relative; }
.portal p a { height: 57px; display: table-cell; vertical-align: middle; padding: 0 22px; color: #fff; text-decoration: none;}
.portal p i { display: table-cell; vertical-align: middle; font-size: 19px; }
.portal p span { display: table-cell; vertical-align: middle; padding-left: 7px; }
/* notificacoes */
.notificacoes { float: right; position: relative; }
.notificacoes ul li { display: table-cell; font-size: 19px; }
.notificacoes ul li a { height: 57px; display: table-cell; vertical-align: middle; padding: 0 22px; color: #fff; position: relative; }
.notificacoes ul li a:hover { background-color: rgba(255,255,255,0.1) }
.notificacoes ul li a span { width: 22px; height: 22px; background-color: #f72239; position: absolute; z-index: 3; top: 7px; right: 7px; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; font-size: 12px; text-align: center; line-height: 22px; }
/* configuracoes */
.configuracoes { float: right; position: relative; }
.configuracoes p { font-size: 17px; }
.configuracoes p a { height: 57px; display: table-cell; vertical-align: middle; padding: 0 22px; color: #fff; }
.configuracoes p a:hover,
.configuracoes p a.sel { background-color: rgba(255,255,255,0.1) }
.configuracoes ul { width: 227px; background-color: #fff; display: none; position: absolute; z-index: 4; right: 40px; top: 17px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2); padding: 7px 0; }
.configuracoes ul > span { width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #fff; position: absolute; z-index: 4; right: -4px; top: 8px; }
.configuracoes ul > li { white-space: nowrap; }
.configuracoes ul > li small { height: 30px; line-height: 30px; font-size: 13px; color: rgba(54,66,78,0.5); padding: 0 22px; }
.configuracoes ul > li.divisor { height: 1px; background-color: rgba(54,66,78,0.1); margin: 7px 0; }
.configuracoes ul > li a { height: 30px; line-height: 30px; padding: 0 22px; display: block; text-decoration: none; }
.configuracoes ul > li a:hover,
.configuracoes ul > li a.sel,
.menu > ul li a:hover,
.menu > ul li a.sel { background-color: rgba(54,66,78,0.1); }
.configuracoes ul > li a strong { font-family: 'HNB'; }
/* menu */
.menu { width: 240px; height: 100%; background-color: #fff; float: left; position: fixed; z-index: 3; border-right: 1px solid #d9e7f0; margin-top: -57px; padding-top: 57px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; left: 63px; top: 57px; overflow: auto; }
.menu .filtrar { position: relative; padding: 17px 22px; border-bottom: 1px solid rgba(54,66,78,0.1); display: ; }
.menu .filtrar input[type=search] { width: 100%; height: 34px; background-color: rgba(54,66,78,0.1); padding: 0 11px; font-family: 'HNB'; border: none; }
.menu .filtrar i.zmdi-close-circle { font-size: 19px; position: absolute; right: 31px; top: 24px; cursor: pointer; opacity: 0.5; display: none; }
.menu .filtrar i.zmdi-close-circle:hover { opacity: 1; }
.menu > ul { padding-bottom: 7px; border-bottom: 1px solid rgba(54,66,78,0.1); }
.menu > ul li { }
.menu > ul li.tit { font-family: 'HNB'; color: #2a95d4; padding: 14px 22px; }
.menu > ul li a { height: 30px; line-height: 30px; padding: 0 22px; display: block; text-decoration: none; position: relative; }
/*.menu > ul li a span { width: 18px; height: 18px; background-color: #f72239; position: absolute; right: 22px; top: 6px; display: inline-block; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; font-size: 11px; text-align: center; line-height: 17.5px; color: #fff; }*/
.menu > ul li a span { width: 10px; height: 10px; background-color: #f72239; position: absolute; right: 22px; top: 10px; display: inline-block; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; font-size: 0; text-align: center; line-height: 0; color: #fff; }
/* conteudo */
.conteudo { width: 100%; display: flex; flex-direction: column; position: absolute; z-index: 2; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 22px 22px 22px 325px; top: 57px; }
/* rodape */
.rodape { padding-top: 22px; display: flex; flex-direction: column; opacity: 0.5; }