%PDF- %PDF-
Direktori : /var/www/projetos/catalogo.gracaeditorial.com.br/catalogo-online/css/ |
Current File : /var/www/projetos/catalogo.gracaeditorial.com.br/catalogo-online/css/static.css |
/* = Menu -------------------------------------------------------------- */ nav ul { list-style: none; margin: 0; padding: 0; } nav li { float: left; position: relative; width: 30px; margin: 0 3px; } nav li a { display: block; background: url(../img/icons.png) no-repeat; width: 30px; height: 40px; } nav li a.download { background-position: 0 0; } nav li a.download:hover { background-position: 0 -90px; } nav li a.home { background-position: 0 -180px; } nav li a.home:hover { background-position: 0 -270px; } nav li a.contact { background-position: 0 -360px; } nav li a.contact:hover { background-position: 0 -450px; } nav li a.show_all { background-position: 0 -540px; } nav li a.show_all:hover { background-position: 0 -630px; } nav li a.zoom_auto { background-position: 0 -720px; } nav li a.zoom_auto:hover { background-position: 0 -810px; } nav li a.zoom_in { background-position: 0 -900px; } nav li a.zoom_in:hover { background-position: 0 -990px; } nav li a.zoom_original { background-position: 0 -1080px; } nav li a.zoom_original:hover { background-position: 0 -1170px; } nav li a.zoom_out { background-position: 0 -1260px; } nav li a.zoom_out:hover { background-position: 0 -1350px; } nav#center { width: 260px; margin: 10px auto 0 auto; } nav#right { float: right; width: 180px; margin: 0 20px 0 0; } nav li.goto { position: relative; width: auto; margin: -4px 0 0 0; padding: 6px 0 0 10px; } nav li.goto label { float: left; margin: 7px 5px 0 0; line-height: 12px; font-size: 10px; font-weight: bold; color: #5f6f7b; -webkit-font-smoothing: antialiased; } nav li.goto input[type='text'] { background: #141f28; width: 28px; height: 13px; border: 1px solid #1e2f3c; box-shadow: inset 0 0 3px #0a1014; padding: 0 20px 0 0; text-align: center; font-size: 9px; color: #bababa; } nav li.goto button { position: absolute; right: 2px; top: 14px; font-size: 9px; font-weight: bold; padding: 0 1px; background:#2b3e4d;background:-moz-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2b3e4d),color-stop(100%,#1f303d));background:-webkit-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-o-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:-ms-linear-gradient(top,#2b3e4d 0,#1f303d 100%);background:linear-gradient(to bottom,#2b3e4d 0,#1f303d 100%);filter:progid:dximagetransform.Microsoft.gradient(startcolorstr='#2b3e4d',endcolorstr='#1f303d',gradienttype=0); color: #5f6f7b; } .ui-btn-text { display: none; } /* = Tooltip -------------------------------------------------------------- */ .tooltip { position: absolute; left: 0; top: -25px; z-index: 5; display: none; padding: 2px 10px; background: #F53000; white-space: nowrap; font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; } .tooltip b { position: absolute; left: 6px; bottom: -6px; display: block; background: url(../img/arrow-tooltip.png) no-repeat; width: 7px; height: 6px; } /* = Footer -------------------------------------------------------------- */ footer#footer { position: fixed; bottom: 0; z-index: 15; background-color: #f7f7f7; border-top: 1px solid #ccc; width: 100%; height: 60px; margin: 0; padding: 0; }