Erro, acesso fórum pelo celular

[Mauricio Molina]

Qual é minha questão:
Ola pessoal...

Hoje, pela primeira vez, acessei o meu fórum pelo celular, e percebi um grande erro, que não sabia...

Quando entrei nos tópicos, apareceu de fundo, repetidamente, dificultando a leitura, o icone de offline...

Como corrigir isto?

Meu CSS:

Código:

/***Icone online para posts coloridos***/

.online .postprofile {
background-image: url("http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif");
background-repeat: no-repeat;
background-position: right top;
  background-position: 82% 5px;
}

/***Icone online para posts coloridos***/

/***Icones online e offline***/

div.post {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
div.online {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
/***Icones online e offline***/


.module {
border: 0px;
background-color: transparent !important;
}

/***Efeito função citar***/

blockquote, blockquote blockquote, blockquote blockquote blockquote {
margin-bottom: 10px;
 
}
cite{
margin-top: 0px;
margin-bottom: 10px;
}
blockquote {
margin-top: 0px !important;
margin-bottom: 0px;
}

/***Efeito função citar***/

/***Efeito cor nos widgets, é função diferenciada***/

.module .h3,.introduction .h3 {
border-bottom: 0px solid #0A0A0A;
height: 1%;
margin-top: -1px;
padding-bottom: 5px;
margin: 0.5em 0;
}
.module h3 {
margin: 0.5 em 0
border-bottom: 0px solid #0A0A0A;
margin-top: -1px;
padding-bottom: 5px;

}
.module .h3, .introduction .h3{
color: #0A0A0A !important;
}
#cp-main table.table1 thead th{
color: #0A0A0A !important;
}


/***Efeito borda arrendondada no fórum***/

#wrap {
-moz-box-shadow: 20px 20px 30px #484a4a;
-webkit-box-shadow: 20px 20px 30px #484a4a;
}

/***Efeito borda arrendondada no fórum***/

/***Fundo, borda e cor da caixa citar***/

blockquote{
border:3px solid #0A0A0A !important;
background-color: #FFFFFF;
}

/***Fundo, borda e cor da caixa citar***/



/***Efeito de sombra no avatar***/

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #0A0A0A;
-webkit-box-shadow:1px 1px 5px #0A0A0A;
box-shadow:1px 1px 5px #0A0A0A;
}

/***Efeito de sombra no avatar***/
 
/***Cores personalizadas dos nomes***/

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}

/***Cores personalizadas dos nomes***/

/***Destacar autor da mensagem***/

p.author {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9E9EA3;
    border-radius: 0 6px 6px 0;
    color: #0A0A0A;
    left: -20px;
    margin-top: 7px;
    padding-left: 1px;
    padding-top: 1px;
    position: relative;
    width: 350px;
}

/***Destacar autor da mensagem***/

/***Espessura linha divisional perfil e mensagem***/

.postprofile {
border-right: 3px solid white;
}

/***Linha divisional perfil e mensagem***/

/***Fundo colorido dos posts diferenciados***/

div.post.online.staffermember, div.post.staffermember {
        background-image: url("http://img443.imageshack.us/img443/715/admw.png") !important;
          background-position: right bottom;
        background-repeat: no-repeat;

  }

div.post.online.staffermembermod, div.post.staffermembermod {
        background-image: url("http://img812.imageshack.us/img812/4208/modeg.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;}
      div.post {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;

    }
div.post.online.staffermembermodgeral, div.post.staffermembermodgeral {
        background-image: url("http://img832.imageshack.us/img832/7236/modgv.png") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

/***Fundo colorido dos posts diferenciados***/

/***Imagem do peixe no fundo do post***/
   
#login_popup {
background-image: url('http://img534.imageshack.us/img534/3235/jpl.png');
background-repeat: no-repeat;
background-position: center;
}

.post div.inner {
background-image: url(http://img534.imageshack.us/img534/3235/jpl.png);
background-repeat: no-repeat;
background-position: bottom right;
background-position: 60% 50px;
}

/***Imagem do peixe no fundo do post***/

/***Redimensionamento automático imagens***/

.post img {
max-width: 500px;
max-height: 375px;
}

/***Redimensionamento automático imagens***/



/***Efeito giratório no avatar***/

.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}

/***Efeito giratório no avatar***/

/***Aviso acima da caixa de resposta***/

.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Verdana, Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

/***Aviso acima da caixa de resposta***/

/***Corrigir botão enviar e previsualizar, aviso***/

#quick_reply input[value="Enviar"],#quick_reply input[value="Pré-visualizar"] {
margin-top: 20px;
}

/***Corrigir botão enviar e previsualizar, aviso***/

/***Sobe os botões do menu***/

a.mainmenu:hover{position:relative;bottom:5px}

/***Sobe os botões do menu***/

/***efeito botões menu***/
a.mainmenu{-moz-transition: all .2s linear;-o-transition: all .2s linear;-webkit-transition: all .2s linear;background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;padding-top: 14px;position: relative;transition: all .2s linear;}
a.mainmenu:hover {background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 50% 0% no-repeat;padding-top: 6px;}
/***efeito botões menu***/

/***Diminuir espaço entre botões do menu***/

.mainmenu,a.mainmenu,.navig {margin-left:-1px;}

/***Diminuir espaço entre botões do menu***/

/*** Espaço entre avatar, nick e rank***/

.postprofile dt img {
margin: 0px 10px 7px 0;
  }
  .postprofile dd, .postprofile dt {
margin-top: 5px;
  }

/*** Espaço entre avatar, nick e rank***/

/***Bordas Widgets***/

.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border-bottom: 0px solid #000000;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}
/***Bordas Widgets***/

/***imagem flutuante***/
#flutuante {
display: scroll;
position: fixed;
top: 30px;
right: 5px;
}
/***imagem flutuante***/

/***Borda ultimas mensagens***/
.forabg .topiclist.forums .row .icon dd.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-radius: 7px;
box-shadow: 0 0 8px #666;
margin: 3px;
width: 200px;
}

/***Borda ultimas mensagens***/

/***Efeito LightBox MP***/

.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

/***Efeito LightBox MP***/

/*** efeito spoiler***/ 
  dl.codebox dt {
    background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
    color: #0372BE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 0px;
    padding-top: 0px;
    text-transform: none;
    }
/*** efeito spoiler***/

/*** quote msg ***/
blockquote,blockquote blockquote,
blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
background:none;
background-color:#FFFFFF;
background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#3b90f7), to(#3b90f7));
border:1px solid #8d8f8f;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);
padding:10px 20px;background-image: url(https://lh5.googleusercontent.com/-YBxm5_04jiI/UPwh57pZmuI/AAAAAAAAKlE/JoRuprOfXCI/s1444/imagem12.JPG);
background-repeat: no-repeat;background-attachment: fixedbackground-position: bottom right;
background-position: 0px 0px;box-shadow:1px 1px 5px #ffffff;min-height:30px}
/*** quote msg fim ***/


Abraços!

Endereço do meu fórum:
http://aquapeixes.forumeiros.com

Versão do fórum:
PHPBB3

[Ace]

Olá,

Poderia nos informar qual é o seu celular e browser? Isso pode ser um erro de leitura dele e não do seu CSS.

Até mais.