Deixar fórum proporcional ao monitor
Eu tenho um fórum e dependendo do tamanho do monitor que você vê ele fica diferente ... queria saber se não tem como deixar ele proporcionalmente igual para todos os monitores
Deixo aqui o CSS, caso alguem poder me ajudar :)
/---------------------------------------------------/
/-------------[Comandos de Outras Skins]------------/
/---------------------------------------------------/
.headerbar {
background-color: (#ffffff);
background-image: url('');
padding: 0pt 5px;
background-repeat: no-repeat;
border-radius: 20px 20px 0px 0px;
max-height: 230px;
}
/-------------[bordas Arredondadas do Fórum]------------/
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
/----------------------------------------------------/
/-------------[Menu (Barra de Navegação)]------------/
/----------------------------------------------------/
/-------------[Tamanho da margem do Menu, Aumentar a margem em cima e em baixo]------------/
div#page-header div.navbar ul.linklist li a {
background-image: url([http://hitskin.com/themes/19/64/99/i_back_catg.png](http://hitskin.com/themes/19/64/99/i_back_catg.png));
margin-left: -10px;
padding: 6px 15px 8px;
}
/-------------[Tamando da Fonte do Menu]------------/
#page-header .navbar .navlinks a {
color: #c5d5e2;
font: normal 13px helvetica,arial,sans-serif;
background: #1c3b5f;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}
/-------------[Posição do Menu na Vertical]------------/
#page-header .navbar .navlinks{
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: left;
top: 250px;
position: absolute;
}
/-------------[Hover (Quando passa o Mouse em Cima do Menu)]------------/
#page-header .navbar .navlinks a:hover {background: #173455;
color: #fff;}
/-----------------------------------------------------------------------/
/-------------[borda no Painel de Controle (Perfil > Informações)]------------/
.panel {
background:#ebf0f3;
border: 3px #dbe4ef solid;
}
/-------------[Escrita no Final do Fórum]------------/
.footer-home::before {
content: "© FileCombo.net - www.filecombo.net";
display: block;
margin-top: 40px;
}
/-------------[imagem de Fundo no ChatBox, Resposta Rapida, etc]------------/
#message-box textarea {
background-image: url([http://i.imgur.com/K0nErJp.png](http://i.imgur.com/K0nErJp.png));
background-repeat: no-repeat;
background-position: bottom right;
}
.wysiwyg {
background-image: url([http://i.imgur.com/K0nErJp.png](http://i.imgur.com/K0nErJp.png));
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox {
background-image: url([http://i.imgur.com/K0nErJp.png](http://i.imgur.com/K0nErJp.png));
background-repeat: no-repeat;
background-position: bottom right;
}form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url([http://i.imgur.com/K0nErJp.png](http://i.imgur.com/K0nErJp.png));
background-repeat: no-repeat;
background-position: bottom right;
}
/-----------------------------------------------------/
/-------------[Caixa de Pesquisa - Search]------------/
/-----------------------------------------------------/
#search-box {
float: right;
margin-right: -25px;
margin-top: 10px;
position: relative;
top: -10px;
white-space: nowrap;
}
#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: #5a5a5a;
padding: 5px 30px 5px 10px;
width: 200px;
height: 15px;
border:0;
}#search-box input.button2 {
background: #7ba60d url([http://i.imgur.com/vJs32.png](http://i.imgur.com/vJs32.png)) no-repeat 50%!important;
color: transparent;
height: 26px!important;
position: relative;
right: 25px;
width: 26px!important;
border-radius: 0px 3px 3px 0px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
border: 1px solid #7ba60d;
}
#search_menu {
background: #fff;
font-size: 11px!important;
left: 18%!important;
top: 263px!important;
}#search_menu a{
color:#000!important;
position: relative;
top:none!important;background:none!important}
#search_menu a:hover{background:none!important}
/-------------[borda no Widgets e Posicionamento da Imagem)]------------/
.module {
background-color:#ebebeb url('')repeat-x repeat-y;
border-top-style: solid;
border-top-color: #c4c4c4;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c4c4c4;
border-bottom-width: 1px;
border-left: 1px #c4c4c4 solid;
border-right: 1px #c4c4c4 solid;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.module span.corners-top {
border-bottom: 1px #dbe4ef solid;
height: 18px;
background: #ebf0f3 url([http://i73.servimg.com/u/f73/14/92/51/72/logo1216.png](http://i73.servimg.com/u/f73/14/92/51/72/logo1216.png)) repeat-x top;
border-radius: 4px 4px 0px 0px;
border-top: 1px solid #AFDBF0;
}
/-------------[borda das Mensagens]------------/
.post span.corners-bottom {
background-color: #292f34;
height: 6px;
margin-top: 15px;
}
.post {
background:#ebebeb url([http://i.imgur.com/lGic3.png](http://i.imgur.com/lGic3.png)) top repeat-x, url() bottom repeat;
border-top-style: solid;
border-top-color: #c4c4c4;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c4c4c4;
border-bottom-width: 1px;
border-right: 1px #c4c4c4 solid;
margin-bottom: 15px;
border-radius 10px 10px 10px 10px;
}
/-------------[borda no Profile das Mensagens]------------/
.postprofile {
background-color: #f2f6f8;
padding-top: 20px;
padding-bottom: 20px;
text-align:center;
border-radius: 10px 10px 10px 10px;
border: 1px solid #000000;
left: -10px;
top: -5px;
}
/-----------------------------------------------------/
/-------------[Comandos da Skin Importada]------------/
/-----------------------------------------------------/
em{
font-style: normal;
}.module .postbody .postbody-head {
background-color: #e5e6e7;
}
.post-footer {
background-color: #CCCCCC;
}.post .post-header {
background-color: #CCCCCC;
}
.headerbar {margin-bottom:0;
}blockquote {
background-color:#CCCCCC;
}ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}
/-------------------------------------------------/
/-------------[Nossos Comandos de CSS]------------/
/-------------------------------------------------/
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}
#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}
/* Fancybox by Baivong */
.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](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](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}Discussão (3)
Carregando comentários...