Rodapé Fixo

Henrique Gouvêa · Julho 25, 2011

Pessoal, alguém me ajuda...meu rodapé não fica fixo no final da página. Eu quero que ele sempre esteje no final da página, mesmo se o scroll tiver no topo.

Meu css ta assim:

html
{
        height: 100%;
}

body
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #f4f4f4;
background-image: url('images/background.png');
background-repeat: repeat-x;
text-align:center;
}

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input, html
{
   margin: 0px;
   padding: 0px;    
}

#contain-all
{
   width: 100%;
}

#content-up
{
   background: #F4F4F4 url(images/bg-container-meio.png) repeat-y;
   background-position: center;
   height: 750px;
   min-width: 1035px;
   margin-top: -5px;
   width:1000px;
}

#container
{
display: inline-block;
position: relative;
margin-bottom: 0px;
}

#rodape-fixo
{
   height: 30px;
   position: fixed;
   bottom: 0px;
   left: 15px;
   right: 30px;
}

Rafael Rosario · Julho 25, 2011

Manda o código todo. Fica mais fácil de identificar o problema.

Abrass

Henrique Gouvêa · Julho 25, 2011

É que o código inteiro tem 1400 linhas Rafael...Mando assim mesmo?

Rafael Rosario · Julho 25, 2011

É que o código inteiro tem 1400 linhas Rafael...Mando assim mesmo?

Manda em link.

=)

Henrique Gouvêa · Julho 25, 2011

Não sei como mandar em link. Vai aqui mesmo. UAHseha

Ta aqui o código.

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input, html
{
   margin: 0px;
   padding: 0px;  
}

html
{
height: 100%;  
}

body
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #f4f4f4;
background-image: url('images/background.png');
background-repeat: repeat-x;
text-align:center;
}

hr
{
border-bottom: 1px solid #CCC;
color: #FFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a
{
color: #000;
text-decoration: none;
font-weight: bold;
}

a:hover
{
text-decoration: underline;
color: #000;
font-weight: bold;
}

a img
{
border: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img
{
border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

HEADINGS & TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5, h6
{
font-family: arial, helvetica, sans-serif;
}

h2, h3
{
font-size: 16px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

SECTION HEADERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.section-title
{
border-bottom: solid 3px #dfdfdf;
padding-bottom: 1px;
margin: 10px;
color: #009FFF;
font-size: 14px;
font-weight: bold;
vertical-align: bottom;
text-align: left;
margin-left: 10px;
}

.section-title img
{
vertical-align: middle;
padding-bottom: 2px;
}

.section-header .title a
{
text-decoration: none;
font-size: 11px;
color: #555;
text-transform: none;
}

.section-header
{
padding-bottom: 1px;
height: 15px;
margin-top: 25px;
}

.section-header .title
{
float: left;
color: GrayText;
font-size: 20px;
vertical-align: bottom;
margin-top: 0px;
text-transform: capitalize;
margin-left: 20px;
}

.section-header .title img
{
vertical-align: middle;
padding-bottom: 2px;
}

.section-header .options
{
text-align: right;
float: right;
margin-right: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

TABLES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td
{
vertical-align: middle;
text-align: left;
}

td.fieldname
{
font-size: 12px;
}

.table-container
{
   text-align: left;
}

.table-container .row
{
}

.table-container .row .item-name
{
padding: 3px 10px 0px 0px;
display: block;
white-space: nowrap;
padding-right: 10px;
vertical-align: middle;
}

.table-container .row .item-value
{
padding: 3px 0px 0px 0px;
vertical-align: middle;
}

table.adminContent
{
   text-align: left;
border-collapse: collapse;
color: #333;
font-size: 12px;
margin: 10px;
margin-left: 20px;
vertical-align: middle;
text-align: left;
}

table.adminContent td.adminTitle
{
   text-align: left;
padding: 4px 4px 4px 4px;
margin-left: 10px;
margin-right: 10px;
}

table.adminContent td.adminData
{
   text-align: left;
padding: 4px 4px 4px 4px;
margin-left: 10px;
margin-right: 10px;
}

td.adminTitle
{
text-align: left;
vertical-align: middle;
white-space:nowrap;
width: 175px;
}

td.adminTitle img
{
vertical-align: bottom;
padding-right: 2px;
}

td.adminData
{
text-align: left;
vertical-align: middle;
}

tr.adminSeparator hr
{
background-color:#D3D3D3;
   border:medium none;
   color:#D3D3D3;
   height:1px;
   margin-top:10px;
   margin-bottom:10px;
   padding:0;
}

span.g3-tooltip
{
white-space:nowrap;
}

.gridview
{
   text-align: left;
}

.label-nao-encontrado
{
   text-align: center;
   margin: 295px;
}

.data-textbox
{
   float: left;
   margin-right: 15px;
}

#legenda-pedido
{
   background: url(images/barra-status-pedido.jpg) no-repeat;
   background-position: right;
   margin-left: 3%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

TAB CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.grey .ajax__tab_header
{
   text-align: left;
font-family: "Helvetica Neue" , Arial, Sans-Serif;
background: url(images/tab-line.png) repeat-x bottom;
font-size: 12px;
display: block;	
margin-left: 10px;
margin-right: 10px;
}

.grey .ajax__tab_header .ajax__tab_outer
{
background: url(images/tab.png) no-repeat left top;
border-color: #222;
color: #222;
padding-left: 10px;
margin-right: 3px;
}

.grey .ajax__tab_header .ajax__tab_inner
{
background: url(images/tab.png) no-repeat right top;
border-color: #666;
color: #666;
padding: 3px 10px 2px 0px;
}

.grey .ajax__tab_hover .ajax__tab_inner
{
color: #000;
}

.grey .ajax__tab_active .ajax__tab_outer
{
background: url(images/tab.png) no-repeat 0pt -40px;
border-bottom-color: #ffffff;
}

.grey .ajax__tab_active .ajax__tab_inner
{
background: url(images/tab.png) no-repeat right -40px;
color: #009FFF;
border-color: #333;
}

.grey .ajax__tab_body
{
   text-align: left;
background-color: #fff;
border: solid 1px #d7d7d7;
border-top-width: 0;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

SERVER CONTROLS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.adminButtonBlue
{	
background: url(images/grey_button_bg.gif) no-repeat 0% 0% #333;
border: 1px solid #333;
margin-bottom: 3px;
margin-right: 5px;
color: #FFF;
height: 22px;
font-size: 12px;
font-weight: bold;
}

.adminButtonSearch
{
background: url(images/grey_button_bg.png) no-repeat 15% 15% #333;
border: 1px solid #333;
margin-bottom: 3px;
color: #FFF;
height: 22px;
font-size: 15px;
font-weight: bold;
}

.adminButton
{
background: url(images/grey_button_bg.gif) no-repeat 0% 0% #333;
border: 1px solid #333;
margin-bottom: 3px;
color: #FFF;
text-align: right;
height: 20px;
padding: 0 0px 0 0px;
font-size: 11px;
font-weight: bold;
}

.adminInput
{
border: 1px solid #acacac;
width: 250px;
font-size: 16px;
}

.adminInputNoWidth
{
border: 1px solid #acacac;
}

label
{
padding-left: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

ADMIN GRID VIEW

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.tablestyle
{
font-family: arial;
font-size: 11px;
border: 1px solid #808080;
background-color: #FFF;
margin-left: 0px;
color: #245D75;
width: 90%;
}

.tablestyle td a
{
   color: #DEB887;
   font-weight: bold;
   text-decoration: none;
}

.altrowstyle
{
background-color: #F4FAFF;
}

.headerstyle th
{
background: url('images/admin-gvw-bg.gif') repeat-x 50%;
color: #fff;
padding: 5px 10px 5px 10px;
text-align: left;
vertical-align: middle;
font-weight: bold;
border: solid 1px #676767;
}

.headerstyle th a
{
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
display: block;
padding-right: 10px;
}

.rowstyle td, .altrowstyle td
{
padding: 4px 10px 4px 10px;
border-right: solid 1px #A0C0E7;
border-right-color: #808080;
}

.PagerStyle
{
height: 28px;
background: url(Images/grid_header_back.png) repeat-x;
background: #EEEEEE;
vertical-align: middle;
text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

HOME PAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.homepage
{
}

.homepage .intro
{
font-weight: bold;
padding: 5px 5px 5px 5px;
background: #fcfabc;
border: dashed 1px #dfdfdf;
margin-bottom: 10px;
}

.homepage .options
{
padding: 10px 0px 10px 10px;
background: #e7efef;
text-align: left;
}

.homepage .options ul
{
margin: 0;
padding: 0;
}

.homepage .options ul li
{
margin-bottom: 5px;
padding-bottom: 5px;
list-style: none;
}

.homepage .options .title
{
}

.homepage .options .description p
{
margin-top: 5px;
margin-bottom: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

RATING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.rating-star
{
font-size: 0pt;
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
cursor: pointer;
display: block;
background-repeat: no-repeat;
}

.filled-rating-star
{
background-image: url(Images/FilledStar.png);
}

.empty-rating-star
{
background-image: url(Images/EmptyStar.png);
}

.saved-rating-star
{
background-image: url(Images/SavedStar.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MISC. CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear
{
border: medium none;
clear: both;
float: none;
font-size: 0;
height: 0;
line-height: 0;
}

.validatorCalloutHighlight
{
background-color: #FFFBD5;
}

.progress
{
position: absolute;
   top: 20px;
   width: 280px;
   height: 40px;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   background: none repeat scroll 0 0 #FFFFFF;
   padding: 5px 10px;
   text-align: center;
   z-index: 2147483647;
}

div.login-header
{
   position: absolute;
   text-align: left;
   margin: 210px 0px 0px 900px; 
}

div.login-block
{
position: absolute;
text-align: left;
margin: -160px 10px 10px -170px;
padding: 0px 0px 0px 0px;
top: 50%;
left: 50%;
width: 344px;
height: 200px;
background-image: url("images/bg-topo-autenticacao.jpg");
background-repeat: repeat-x;
background-position: top;
background-color: #FFF;
color: #000;
}

div.login-table-text
{
   color: #FFF;
   position: relative;
   margin: 8px 0px 0px 110px;
   font-weight: bold;
}

div.login-block table.login-table-container
{
margin: 30px 10px 0px 40px;
width: 340px;
}

.login-table-container .forgot-password a
{
font-weight: bold;
color: #000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-wrapper-page
{

}

.master-wrapper-content
{

}
.top-image
{
   background-image: url('images/background.png') no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
position: relative;
margin-top: -35px;
}

.header .logo
{
   position: relative;
background: url('images/logo.png') no-repeat;
height: 60px;
width: 200px;
margin-top:  -85px;
margin-left: -44%;
}

.header .languageselector
{
   position: absolute;
right: 300px;
top: 7px;
text-align: right;
}

.header .links
{
position: relative;
float: right;
top:10px;
   margin-top: -110px;
   margin-right: 1%;
text-align:right;
}

a img
{
border: 0;
}
.header .links .separator
{
color: #FFF;
padding: 0 3px 0 3px;
}

.header .login-info
{
position: relative;
float: right;
right: 5px;
top: 35px;
   text-align: right;
color: #000;
font-size: 10px;
margin-top: -185px;
margin-right: 455px;
}

.header .login-info .a
{
   position: relative;
   color: #000;
text-decoration: none;
font-weight: bold;
margin-top: -250px;
margin-right: 455px;
}

.header .version
{
position: absolute;
right: 5px;
top: 55px;
text-align: right;
color: #e7e7e7;
font-size: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER HEADER MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header-menu
{
   width: 100%;
   line-height: 30px;
   max-height: 30px;
   text-align: left;
   margin-left: 495px;
   margin-top: 14px;
}

.header-menu ul
{
padding: 0;
margin: 0;
}

.header-menu li
{
list-style: none;
display: inline;
white-space: nowrap;
}

.header-menu a
{	
text-decoration: none;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
vertical-align: middle;
padding-left: 1px;
padding-right: 10px;
}

.esquerdo
{
   float: left;
   position: absolute;
   margin-top: -32px;
margin-left: -480px;
color: White;
}

.direito
{
   position: absolute;
   margin-top: -40px;
   margin-left: -300px;
   z-index: 100px;    
}

#conteudo
{
}

#conteudo-direita 
{
   overflow: auto;
   margin: auto;
   margin-right: 40px;
margin-left: 40px;
}

#conteudo-esquerda 
{
   background:  #FFF url('images/painel-background-menu-esquerda.jpg') repeat-y;
font-family: sans-serif;
font-size: 12px;
   font-style:normal;
   font-variant: normal;
   color: #000;
height: 300px;
width: 250px;
float:left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

TESTANDO MENU SUSPENSO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



.menu_class
{
float:left;
}

.the_menu 
{
   float: left;
display:none;
width:200px;
border: 1px solid #1c1c1c;
position:absolute;
top: 185px;
text-align: left;
background-color: #FFF;
}

.the_menu ul
{
   color: #c0c0c0;
}

.the_menu li 
{

}

.the_menu li a {
color:#c0c0c0; 
line-height: 5px;
}

.the_menu li a:hover {
font-weight:bold;
color: #ff9933;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER HEADER STATUS BAR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.status-bar
{
height: 26px;
margin-left: 325px;
}

.status-bar .help
{
padding-top: 5px;
float:left;
}

.status-bar .breadcrumb
{
   float: left;
margin-top: 40px;
margin-left: -340px;
margin-bottom: 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER ERRORS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.messageBox
{
   background-color:#F4F4F4;
background-position: 7px 5px;
background-repeat: no-repeat;
color: #333333;
font-family: Tahoma;
font-size: 11px;
margin: 5px 0;
padding: 8px 8px 8px 30px;
}

.messageBoxError
{
   background-color: #FFECEC;
   background-image: url('images/ErrorMessage.gif')
}

.messageBoxSuccess
{
   background-image: url('images/SuccessMessage.gif')
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

MASTER CONTENT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.content .cph
{
padding: 0px 0px 0px 0px;
}

#contain-all
{
   width: 100%;
}

#content-up
{
   background: #F4F4F4 url(images/bg-container-meio.png) repeat-y;
   background-position: center;
   height: 750px;
   min-width: 1035px;
   margin-top: -5px;
   width:1000px;
}

#friso
{
background-image: url('images/background.png');
background-repeat: repeat-x;
}

#container
{	
display: inline-block;
position: relative;
margin-bottom: 0px;
}
#container-header
{
   width: 1000px;
   margin-left: 100px;
}
#container-content
{
   width: 1000px;
   padding-left: 100px;
}
#container-footer
{
   max-width: 1000px;
min-height: 30px;
margin-left: 100px;
}

#rodape-fixo
{    
   height: 30px;
   position: fixed;
   bottom: 0px;
   left: 15px;
   right: 30px;
}

#rodape-texto
{    
   text-align: center;
   height: 30px;
   background-color: #B22222;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

DASHBOARD

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.dashboard
{
margin-top: 5px;
border: solid 1px #cccccc;
width: 97%;
border-collapse: collapse;
}

table.dashboard td.maincol
{
padding:1%;
vertical-align: top;
}

table.dashboard td.splitcol
{
width: 50%;
vertical-align: top;
}

table.dashboard td.rightcol
{
width: 215px;
background: #f3f3f3;
padding: 0px 0px 0px 0px;
vertical-align: top;
}

table.stats
{
margin-top: 1%;
width: 100%;
}

table.stats td.orderaveragereport
{
width: 100%;
vertical-align: top;	
}

table.stats td.orderstatistics
{
width: 50%;
vertical-align: top;
}

table.stats td.customerstatistics
{
width: 50%;
vertical-align: top;
padding-left: 0;
}

table.stats td.bestsellers
{
width: 65%;
vertical-align: top;
}

table.stats td.searchterms
{
padding-left: 0%;
width: 35%;
vertical-align: top;	
}

.statisticsTitle
{
text-align: left;
color: #333;
font-weight: bold;
margin-bottom: 4px;
}

.nop-news .newsitem
{

}

.nop-news .newsitem .newstitle
{

}

.nop-news .newsitem .newstitle a:hover
{
text-decoration: none;
}

.nop-news .newsitem .newsdate
{
font-size: 0.8em;
color: #555;
border-bottom: solid 1px #dfdfdf;
padding-bottom: 5px;
margin-bottom: 5px;
}

.nop-news .newsitem .newsdetails
{
color: #333;
margin-bottom: 10px;
}

.nop-news .adv
{
   border-top: solid 3px #dfdfdf;
   padding: 1px 0px 1px 0px;
   text-align: right;
}

.nop-news .adv a
{
   color: #D16400;
}


.sf-menu, .sf-menu * 
{
margin: 0;
padding: 0;
list-style: none;
}

.sf-menu 
{
line-height: 31px;
width: 100%;
}

.sf-menu ul 
{
position: absolute;
top: -999em;
width: 230px;
line-height: 31px;
}

.sf-menu li 
{
float: left;
position: relative;
padding: 0 5px 0px 5px;
white-space: nowrap;
vertical-align: middle;
text-transform: capitalize;
}

.sf-menu ul li 
{
width: 230px;
border-top: solid 1px #e0e0e0;
padding: 0px 3px 0px 3px;
}

.sf-menu li:hover, .sf-menu li.sfHover
{
visibility: inherit;
}

.sf-menu li img
{
border: none;
padding-right: 7px;
margin-bottom: 2px;
padding-top: 6px;
vertical-align: text-bottom;
}

.sf-menu li a, .sf-menu li a:hover
{
display: inline-block;
color: #ffffff;
text-decoration: none;
font-size: 12px;
font-weight: normal;
font-family: Arial;
padding-right: 5px;
height: 31px;
}

.sf-menu li:hover a, .sf-menu li.sfHover a
{
}

.sf-menu li:hover ul li:hover, .sf-menu li.sfHover ul li.sfHover
{
background-color: #E60000;
background-image: none;
}

.sf-menu li:hover ul li a, .sf-menu li.sfHover ul li a
{
color: #FFF;
background-image: none;
font-size: 12px;
font-weight: normal;
font-family: Arial;
}

/*MENU FLUTUANTE*/
.sf-menu li:hover ul, .sf-menu li.sfHover ul 
{
left: 0;
top: 2.4em;
z-index: 0;
width: 230px;	
background-color: #A20E0E;
border: solid 1px #6b798c;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul 
{
top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul 
{
left: 230px;
top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul 
{
top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul 
{
left: 230px;
top: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

CONTENT PANEL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.tabcontainer-usual
{
   margin-top:15px;
}

div.tabcontainer-usual ul.idTabs
{
   margin-left:0px;
}

div.tabcontainer-usualPageEdit
{
   margin-top:15px;
}

div.tabcontainer-usualPageEdit ul.idTabs
{
   margin-left:0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

ORDER EDITING

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.order-edit
{
width: 100%;
border: solid 1px black; 
padding: 5px;
}

table.order-edit td
{
padding: 1px 5px 1px 5px;
border: medium none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

WARNINGS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.system-warnings .inprogress, .system-warnings .pass, .system-warnings .fail, .system-warnings .warning
{
   padding-left: 35px;
   display: block;
   min-height: 35px;
   font-size: 120%;
   vertical-align: middle;
}

.system-warnings .inprogress
{
   background: transparent url("images/warnings-ajax-loader.gif") no-repeat;        
}

.system-warnings .pass 
{
   background: transparent url("images/warnings-tick.png") no-repeat;
}

.system-warnings .fail
{
   background: transparent url("images/warnings-cross.png") no-repeat;        
}

.system-warnings .warning 
{
   background: transparent url("images/warnings-warning.png") no-repeat;        
}

.system-warnings .error
{
   color: Red;
}

.system-warnings .suggestion
{
   color: Red;
   font-style: italic;
   font-size: 120%;
}

.system-warnings ul
{      
   list-style: none;
}

Rafael Rosario · Julho 25, 2011

=o

Precisava do código HTML, não somente do css. Você não tem esse HTML online?

Henrique Gouvêa · Julho 25, 2011

Está online, só que essa parte está na intranet e exige autenticação pra entrar.

Vo colocar aqui em baixo o ASP.NET.

<%@ Master Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Administration.mainMaster"
   CodeBehind="main.master.cs" %>

<%@ Register TagPrefix="nopCommerce" TagName="AdminLanguageSelector" Src="Modules/AdminLanguageSelector.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="Menu" Src="Modules/MenuControl.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="Footer" Src="~/Painel/Modules/Footer.ascx" %>


<script type="text/javascript" src="../App_Themes/G3Soft/js/jquery.js"></script>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
   <title>Administração G3Commerce</title>
   <asp:PlaceHolder id="SCRIPTS" runat="server" />

   <link id="estilo" type="text/css" rel="stylesheet" runat="server" />
</head>
<body>
   <form id="form1" runat="server">
   <ajaxToolkit:ToolkitScriptManager runat="server" ID="sm1" EnableScriptGlobalization="true" EnableScriptLocalization="true" CombineScripts="false"  ScriptMode="Release" CompositeScript-ScriptMode="Release" />
   <div id="container">
         <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Themes/administration/images/topo.png" />
             <div id="content-up">          
           <div class="header">                
                   <a href="Default.aspx" runat="server" class="logo"></a>                
               <div class="languageselector">
                   <nopCommerce:AdminLanguageSelector runat="server" ID="ctrlAdminLanguageSelector" />
               </div>
               <div class="links">
                   <a href="<%=CommonHelper.GetStoreLocation()%>"><%= GetLocaleResourceString("Admin.PublicStore")%></a>
                   <asp:ImageButton ID="imageButton" ImageUrl="~/App_Themes/administration/images/icone-visualizar-loja.png" runat="server" PostBackUrl="~/Default.aspx" />

                   <asp:LinkButton runat="server" ID="lbClearCache" CausesValidation="false" OnClick="lbClearCache_Click" Visible="false"
                       Text="<% $NopResources:Admin.ClearCacheButton.Text %>" />

                   <asp:LoginView ID="topLoginView" runat="server">
                       <LoggedInTemplate>
                           <%= GetLocaleResourceString("Admin.LoggedInAs")%>
                           <%=Page.User.Identity.Name %>, <a href="<%=Page.ResolveUrl(CommonHelper.GetStoreLocation() + "painel/sair.aspx")%>">
                               <%= GetLocaleResourceString("Admin.Logout")%></a>
                       </LoggedInTemplate>
                   </asp:LoginView>
               </div>

           <div class="clear">
           </div>

           <div class="header-menu">


               <div class="direito">
                   <nopCommerce:Menu runat="server" ID="ctrlMenu" SiteMapProviderName="NopAdminXmlSiteMapProvider" />
               </div>

           </div>
           </div>


       <!-- CONTEUDO : INICIO-->

           <div id="conteudo-direita">
               <asp:Panel runat="server" ID="pnlMessage" EnableViewState="false" Visible="false">
                   <asp:Literal runat="server" ID="lMessage" EnableViewState="false" />
                   <asp:Literal runat="server" ID="lMessageComplete" EnableViewState="false" />
               </asp:Panel>

                       <asp:ContentPlaceHolder id="cph1" runat="server"></asp:ContentPlaceHolder>
           </div>     
       <!--CONTEUDO : TERMINO-->  

       </div>

       <center>
           <asp:Image ID="Image4" runat="server" ImageUrl="~/App_Themes/administration/images/bg-container-inferior.png" />
       </center>
   </div>

   <div id="rodape-fixo">
       <div id="rodape-texto">
                   <%= GetLocaleResourceString("Admin.NewOrders")%>
                   <asp:LinkButton ID="lnkNovosPedidos" runat="server" Width="50px" OnClick="lnkNovosPedidos_Click"></asp:LinkButton>

                   <%= GetLocaleResourceString("Admin.NewReturnRequests")%>
                   <asp:LinkButton ID="lnkNovasTrocas" runat="server" Width="50px" OnClick="lnkNovasTrocas_Click"></asp:LinkButton>

                   <%= GetLocaleResourceString("Admin.ProductVariantLowStock")%>
                   <asp:LinkButton ID="lnkProdutosEmFalta" runat="server" Width="50px" OnClick="lnkProdutosEmFalta_Click"></asp:LinkButton>

                   <asp:LinkButton ID="lnkDicas" Text="Novas dicas do assistente" runat="server" OnClick="lnkDicas_Click"></asp:LinkButton>
        </div>
   </div>    
   </form>
</body>
</html>

William Bruno · Julho 25, 2011

@Rafael Rosario, leia:

use o Responder Azul
ou a 'Resposta Rápida'.

Henrique Gouvêa · Julho 26, 2011

Deu pra ter alguma idéia?

Arquivado

Rodapé Fixo

Recommended Posts

Henrique Gouvêa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael Rosario 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Gouvêa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael Rosario 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Gouvêa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael Rosario 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Gouvêa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Gouvêa 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

JAVA - Ajuda em Paginação

Fóruns

Tempo Real

Informação importante