Podaj kody szablonów:
1. header
2. aditional.css
Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW
Header
aditional.cssKod php:
<div class="above_body"><!-- closing tag is in template navbar -->
<div id="header" class="floatcontainer doc_header">
<div><centre><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></centre></a></div>
<div id="toplinks" class="toplinks">
<vb:if condition="$show['member']">
<ul class="isuser">
<li><a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
<vb:if condition="$notifications_total">
<li class="popupmenu notifications" id="notifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
<ul class="popupbody popuphover">
{vb:raw notifications_menubits}
</ul>
</li>
<vb:else />
<li class="popupmenu nonotifications" id="nonotifications">
<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
<ul class="popupbody popuphover">
<li>{vb:rawphrase no_new_messages}</li>
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
</ul>
</li>
</vb:if>
<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
{vb:raw template_hook.header_userinfo}
<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
<vb:else />
<ul class="nouser">
<vb:if condition="$show['registerbutton']">
<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
</vb:if>
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
<li>
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
<form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
<fieldset id="logindetails" class="logindetails">
<div>
<div>
<input type="text" class="textbox" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>
</div>
</fieldset>
<div id="remember" class="remember">
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<script type="text/javascript">
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
YAHOO.util.Dom.setStyle('navbar_username', "color", "#828282");
vB_XHTML_Ready.subscribe(function()
{
//
YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);
YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);
YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);
YAHOO.util.Event.on('navbar_password', "blur", navbar_password);
});
function navbar_username_focus(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')
{
//
textbox.value='';
textbox.style.color='black';
}
}
function navbar_username_blur(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
//
textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';
textbox.style.color='#828282';
}
}
function navbar_password_hint(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");
YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");
YAHOO.util.Dom.get('navbar_password').focus();
}
function navbar_password(e)
{
//
var textbox = YAHOO.util.Event.getTarget(e);
if (textbox.value == '')
{
YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");
YAHOO.util.Dom.setStyle('navbar_password', "display", "none");
}
}
</script>
</li>
<vb:if condition="$vboptions['enablefacebookconnect']">
{vb:raw facebook_header}
</vb:if>
</ul>
</vb:if>
</div>
<div class="ad_global_header">
{vb:raw ad_location.global_header1}
{vb:raw ad_location.global_header2}
</div>
<hr />
</div>
Kod php:
#message_form, #message_form .blockrow, #message_form .blockfoot, #message_form .blockbody, .wysiwyg_block .blockrow, .wysiwyg_block .blockfoot, .wysiwyg_block .blockbody, .texteditor.formcontrols .blockrow, .editor .editor_textbox { background-color: #BBB !important; color: #000;}
.wysiwyg_block .formcontrols { border: 0 none; }
.editor .editor_textbox {padding:5px;}
.textbox, textarea, select { color: #5A7F97 !important; }
.postbit .header { background-color:#373737; color:#FFFFFF; }
.bloghead, .blogbody {padding: 5px;}
table.blockrow tr td { border: 1px solid #1f1f1f;}
.outer_border {border: 1px solid #363636; margin:5px 0;}
.above_body .outer_border { margin: 5px 0px; }
.inner_border {border:1px solid #282828; margin:1px; padding:5px; background:none repeat scroll 0 0 #2C2C2C;}
.article_width .outer_border {margin-top:0;}
.vbmenu_head {
background: #2c2c2c url(images/bluefox/gradients/gradient_thead.gif) repeat-x ;
border: 0 none;
color: #FFF;
padding: 5px 0;
}
.vbbottom {
clear:both;
height: 10px;
background: #2c2c2c none ;
border: 1px solid #363636;
}
.clear { clear:both; }
legend { padding: 0 5px;}
.hr { background:url(images/bluefox/misc/hr.gif) repeat scroll center center transparent;
clear:both; height:2px;margin:10px 0; }
.hr.vbsig {width: 100px;}
.hr.vbsig.legacy {margin: 10px; }
.vbsig.signaturecontainer { padding: 0 10px;}
input[type=radio], input[type=image] { background-color : transparent !important; border: 0 none !important;}
.recaptchatable input { color: #5D7F97 !important; }
.yui-layout-doc { background: #1b1b1b url(images/bluefox/misc/bg_tile.gif) repeat ;}
.yui-skin-sam .yui-layout .yui-layout-hd {
background: #5A7F97 url(images/bluefox/gradients/gradient_tcat.gif) repeat-x ;
border: 0 none;
}
Nie widzę tutaj ustawienia na stałą szerokość. Jeszcze będę prosił Cię o kody dwóch szablonów: vbulletin-chrome.css i vbulletin.css Powiedz mi jeszcze czy zmieniasz obrazek przez zmienną "titleimage" w stylevars, czy wstawiasz ręcznie w szablonie?
Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW
vbulletin-chrome.css
te 2 podesle ci jak bede mial dostep bo cos sie zawiesza ;/ serwer a co do topa to ja podmienilem tylko obrazek na ftpKod php:
@charset "UTF-8";
/* CSS Document */
/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/
/*************************************************/
/* HEADER */
.above_body {
background:#000000 url(images/bluefox/misc/nav_bg.gif) repeat-x ;
_background-image: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #373737;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
}
.doc_header {
_background-image:none;
border: ;
color:#a9a9a9;
font:normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
position:relative;
/*padding-bottom:5px;*/
/*height:36px;*/
/*margin-bottom:52px;*/
}
.doc_header a { color:; }
.doc_header a:hover { color:; }
.doc_header hr { display: none; }
.logo-image {
float: left;
clear: right;
height: 90px !important;
}
.toplinks {
position:absolute;
right:20px;
top:0;
color:#FFFFFF;
font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
text-align:right;}
.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
padding-top: 0;
background: none;
cursor: pointer;
}
li#fb_headerbox a#fb_link {
position: relative;
}
li#fb_headerbox a#fb_link #fb_squarepic{
position:absolute;
right:-6px;
top:5px;
z-index:1;
border:1px solid #B3CCE7;
padding:1px;
}
li#fb_headerbox a#fb_link #fb_icon{
position:absolute;
right:10px;
top:1px;
z-index:2;
}
.toplinks ul.isuser, .toplinks ul.nouser {
display:block;
float: right;
clear: left;
list-style: none;
}
.toplinks ul.isuser li {
display:inline;
position: relative;
color: #a9a9a9;
float: right;
clear: left;
padding-right: 10px;
background:;
}
.toplinks ul.isuser .popupbody li {
display:block;
float: none;
clear: none;
padding:0;
margin:0;
}
.toplinks ul.isuser li.welcomelink {
display: block;
float: right;
clear: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
}
.toplinks ul.isuser li.logoutlink {
top: 0;
}
.toplinks ul.isuser li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
font-weight:bold;
color:#FFFFFF;
}
.toplinks ul.isuser li li a {
float: none;
margin-left: 0;
}
.toplinks ul.isuser li.welcomelink a {
display:inline;
float: none;
clear: none;
margin-left: 0;
}
.toplinks ul.isuser li a:hover {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
background: #373737;
color:rgb(255, 255, 255);
}
.toplinks ul.nouser li {
display:inline;
}
.toplinks ul.nouser li a {
float:left;
clear:right;
color:#FFFFFF;
}
.toplinks ul.nouser li a {
display: block;
float: right;
clear: left;
color:#FFFFFF;
position: relative;
padding: 6px 10px 0 10px;
background: #5D7F94;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
height:20px;
font-weight:bold;
font-size:12px;
margin-right: 10px;
}
.toplinks ul.nouser li a:hover {
background: #375A76;
color:rgb(255, 255, 255);
}
.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications {
color: #FFF;
position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
position: relative;
top: 0;
margin: 0;
text-align: left;
}
.toplinks ul.isuser .notifications .popupbody {
background: #373737;
border: 1px solid #373737; /* makes it look consistent with the popup background */
}
.toplinks ul.isuser .notifications .popupbody li a{
color: #FFF;
padding: 0 5px;
font-weight: normal;
background:#2c2c2c;
border-top:1px solid #373737; /* makes it look consistent with the popup background */
/*position: relative;*/
text-align: left;
padding-left: 30px;
line-height: 26px;
}
.toplinks ul.isuser .notifications .popupbody li a span {
position: absolute;
line-height: 26px;
left: 5px;
}
.toplinks ul.isuser .notifications .popupbody li a:hover {
background:#373737;
color: #FFF;
text-decoration: underline;
}
.toplinks form {
min-width: 220px;
display:block;
margin-right: 10px;
text-align: left;
float: right;
clear: left;
_width:30%;
}
.toplinks .logindetails {
padding: 0 10px;
text-align: center;
background: #373737;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
height: 26px;
}
.toplinks form input {
margin: 3px 0 0;
vertical-align: baseline;
font-size: 13px;
padding: 1px;
border: 0;
}
.toplinks form input.default-value {
color: #88AACE;
}
.toplinks .remember {
margin: -3.33333333333px 0 0 20px;
font-size: 10px;
color: ;
}
.toplinks .remember input {
vertical-align: baseline;
}
.cb_cookieuser_navbar{
position: relative;
top: 2px;
}
.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
color: #FFFFFF;
text-decoration:none;
}
.notifications>a:link, .notifications>a:visited {
/* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */
color: #FFFFFF;
text-decoration:none;
}
.notifications > a:hover,
.notifications a.popupctrl:hover {
color: rgb(255, 255, 255);
}
.notifications {
font-size:11px;
color: #FFFFFF;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
.notifications a {
text-decoration:none;
}
.notifications .popupbody {
color:#FFF;
}
.header hr,
.header h2 {
display:none;
}
/*************************************************/
/* NAVBAR */
.navbar {
position:relative;
height:53px;
background:#373737 url(images/bluefox/gradients/gradient_thead.gif) ;
margin:0px 0px 0px 0px;
color:rgb(255, 255, 255);
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
}
.navbar a { color:rgb(255, 255, 255); }
.navbar a:hover { color:rgb(255, 255, 255); }
.navtabs {
background:#373737 url(images/bluefox/misc/nav.gif) repeat-x ;
padding: 0px 0px 0px 0px;
height: 26px;
_background-image:none;
}
.navtabs li:first-child {
}
.navtabs ul {
/* background: #373737; */
position:absolute;
top:26px;
left:0px;
width:100%;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
margin-right:-80px;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:left;
border-right: 1px outset #5D7f97;
}
.navtabs ul li:first-child {
text-indent: 20px;
border-left: 0;
}
.navtabs ul li {
border-right: 0;
position: relative;
}
.navtabs li a {
height:26px;
line-height:26px;
padding:0 10px;
}
.navtabs li a.navtab {
border-top: 0 ;
border-left: 0 ;
display:block;
background:#373737 url(images/bluefox/misc/nav.gif) repeat-x ;
_background-image:none;
min-width:60px;
width:auto !important;
width:60px;
_min-width:75px;
_width:auto !important;
_width:75px;
text-align:center;
color: #ffffff;
font: bold 12px Arial, Calibri, Verdana, Geneva, sans-serif;
text-decoration:none;
line-height:26px;
}
.navtabs li a.navtab:hover {
background:#5D7F97 url(images/bluefox/misc/nav_over.gif) repeat-x 0 -0px;
_background-image:none;
/*color:#88AACE;*/
color:#FFF;
padding-top: 1px;
}
.navtabs li.selected {
height:26px;
color:#FFF;
}
.navtabs li.selected a.navtab {
color:#FFF;
background:#5D7F97 url(images/bluefox/misc/nav_over.gif) repeat-x ;
position:relative;
top:-0px;
padding-top:0px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
line-height: 26px;
}
.navtabs li.selected li a {
color:rgb(255, 255, 255);
padding:2px 5px;
}
.navbar_advanced_search li {
height: 26px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:rgb(255, 255, 255);
}
.navbar_advanced_search li a:hover {
color:rgb(255, 255, 255);
text-decoration:underline;
}
.navtabs li.selected li a:hover {
color:rgb(255, 255, 255);
text-decoration:underline;
}
.navtabs li.selected .popupbody li > a {
padding:0px 10px;
text-indent: 0;
color: #FFF;
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:solid 1px transparent;
_border: none;
background:transparent url(images/bluefox/misc/arrow.png) no-repeat right center;
padding-right:15px;
_background-image:url('images/bluefox/misc/arrow.gif');
color: rgb(255, 255, 255);
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 15px;
background: #375A76 url(images/bluefox/misc/arrow.png) right center no-repeat ;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
_background-image:url('images/bluefox/misc/arrow.gif');
}
.toplinks .nonotifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 15px;
background: transparent url(images/bluefox/misc/arrow.png) no-repeat right center;
_background-image:url('images/bluefox/misc/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 15px;
background: #373737 url(images/bluefox/misc/arrow.png) no-repeat right center;
_background-image:url('images/bluefox/misc/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover {
padding-top: 3px;
}
.navtabs li.selected li:hover a.popupctrl {
border-color:#373737;
background-color:#373737;
text-decoration:none;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
border-color:#373737;
background-color:#373737;
color:rgb(255, 255, 255);
text-decoration:none;
}
.navtabs .popupbody {
border: 1px solid #373737;
background: #373737;
width: auto;
}
.navtabs .popupbody li {
float:none;
border-top: 1px solid #373737;
}
.navtabs .popupbody li a:hover {
background-color: #373737;
}
.nonotifications div.popupbody {
min-width: 170px;
width: auto !important;
width: 170px;
background: #373737;
border: 1px solid #373737;
}
.nonotifications .popupbody p {
color: #FFF;
text-align: left;
background: #2c2c2c;
border-top: 1px solid #373737;
padding: 0;
text-indent: 5px;
line-height: 26px;
display:block;
}
.toplinks .nonotifications .popupbody a {
background: #2c2c2c;
color: #FFF;
float: none;
clear: none;
padding: 0 5px;
margin-left: 0;
text-align: left;
line-height: 26px;
}
.toplinks .nonotifications .popupbody a:hover {
background:#373737;
color: #FFF;
text-decoration: underline;
padding: 0 5px;
}
.globalsearch {
position:absolute;
width:180px;
right: 20px;
top: 0px;
float: right;
clear: left;
text-align:right;
line-height: 1.0em;
display:block;
}
.navbar_search {
position:relative;
width:180px;
bottom: 1px;
right: -20px;
display:block;
}
.navbar_search input {
font-size: 11px;
vertical-align:middle;
padding: 1px;
border:1px solid #375A76;
}
.globalsearch .textboxcontainer {
height: 26px;
display:inline-block;
float: left;
text-align:center;
}
.globalsearch .textboxcontainer span {
border-top: 0 ;
border-left: 0 ;
display: inline-block;
height: 22px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
_width:140px; /* ie6 hack */
}
.globalsearch input.textbox {
width: 150px;
margin-top: 2px;
}
.toplinks form input.loginbutton {
font-size: 11px;
padding: 0 5px;
background-color: #5D7F94;
border:solid 1px rgb(65,93,141);
}
.globalsearch .buttoncontainer {
height: 26px;
display:inline-block;
width: 25px;
overflow: hidden;
float: right;
}
.globalsearch .buttoncontainer span{
border-top: 0 ;
border-left: 0 ;
height: 23px;
padding-left: 4px;
padding-top: 2.5px;
display:inline-block;
}
.globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-left: -2px;
}
/*************************************************/
/* BREADCRUMB */
.breadcrumb > ul {
background:transparent url(images/bluefox/misc/navbit-home.png) left top no-repeat;
border:none;
}
.breadcrumb .navbit {
float:left;
background-image:url(images/bluefox/misc/navbit-arrow-right.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:10px;
padding-left:3px;
}
.breadcrumb .navbit:first-child {
padding-left:0;
}
.breadcrumb .navbit.lastnavbit {
background: transparent;
}
.breadcrumb .navbit.lastnavbit span {
float:left;
background: transparent;
padding-right:10px;
padding-left:3px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
display:block;
padding:3px 4px;
float:left;
background-color:transparent;
border: 0 none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.breadcrumb .navbit a:hover {
border-color:#2c2c2c;
background-color:#373737;
}
.breadcrumb .navbit a {
text-decoration:none;
}
.breadcrumb .navbit a.popupctrl {
background-image:url(images/bluefox/misc/navbit-arrow-right.png);
background-position:center center;
padding:2px 6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.breadcrumb .navbit a.popupctrl:hover {
background-color:#373737;
color:#88AACE;
}
.breadcrumb hr {
display:none;
}
/*************************************************/
/* PAGE TITLE */
#pagetitle {
padding:5px 0px 10px 0px;
clear:both;
padding-top: 5px;
background: none ;
border: ;
}
#pagetitle a { color:; }
#pagetitle a:hover { color:; }
#pagetitle h1 {
color: #E2E2E2;
font:normal bold 14px ;
font-size:14px;
font-weight:bold;
}
#pagetitle .description {
color: #E2E2E2;
font-size: 11px;
}
/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
background: #5A7F97 url(images/buttons/newbtn_middle.png) repeat-x left top;
_background-image: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 3px 8px transparent;
-webkit-box-shadow: 0 3px 8px transparent;
font: normal 14px Arial, sans-serif;
color: rgb(255, 255, 255);
padding: 4px 15px 4px 15px;
border: 0 ;
display:block;
float: left;
clear: right;
}
.newcontent_textcontrol span {
font-size:15px;
font-weight:bold;
display:inline;
}
.newcontent_textcontrol:hover {
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x left top;
_background-image: none;
color: rgb(255, 255, 255);
text-decoration: none;
}
/*************************************************/
/* FOOTER */
.footer {
clear:both;
margin-top:15px;
text-align:right;
display:block;
width: 100%;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
background:#373737 url(images/bluefox/gradients/gradient_thead.gif) repeat-x ;
padding:5px 0px 5px 0px;
border:1px solid #373737;
color:;
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.footer a { color:#FFFFFF; }
.footer a:hover { color:#5D7F97; }
.footer_copyright,
.footer_morecopyright {
padding-bottom:5px;
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
margin-top: 10px;
text-align:center;
display:block;
}
.footer_time {
color:rgb(102, 102, 102);
font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding-top:10px;
text-align:center;
}
.footer_select {
float:left;
text-align:left;
margin-left: 10px;
margin-top: 0;
}
.footer_links {
margin-right: 10px;
margin-top: 2px;
}
.footer_links li {
display:inline;
margin-left:5px;
}
.below_body .time {
color: #88AACE;
}
.notices {
background: #1b1b1b;
margin: 5px 0;
}
.notices li {
background: #2c2c2c none ;
font-size: 12px;
color: #848484;
padding:5px 10px;
margin-bottom:5px;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
text-align: left;
clear:both;
}
/* from components.css */
/* start styles for template: navbar */
/*doesn't seem to be used anywhere
.popup_inline_break {
color:#262626;
margin-left:5px;
font-weight:bold;
padding:4px 0px;
}*/
.breadcrumb > ul {
background-image:none;
padding-left:0px;
}
.breadcrumb .navbithome {
float: left;
padding: 3.5px 0;
}
/* end styles for template: navbar */
/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
}
#ad_global_header1 {
float:left;
clear:right;
padding:0 0 0 0;
margin:0 0 0 0;
}
#ad_global_header2 {
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}
#ad_global_below_navbar {
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
}
#ad_global_above_footer {
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
text-align:left;
clear:both;
}
#ad_board_below_whats_going_on {
width:100%;
padding:0 0 0 0;
margin:0 0 0 0;
text-align:left;
}
#ad_thread_first_post_content {
float:right;
margin:0 0 0 0;
}
#ad_thread_last_post_content {
float:right;
margin:0 0 0 0;
z-index: 1000;
}
.google_adsense_footer {
clear:both;
}
<vb:if condition="$stylevar['textdirection'] == 'rtl'">
.navbar .selected ul li { text-indent: 0; margin-right: 5px; }
</vb:if>
Kod php:
@charset "UTF-8";
/* CSS Document */
/*THIS*/
html {
background:#1b1b1b url(images/bluefox/misc/bg_tile.gif) repeat ;
}
/* REVERSE SOME YUI RESET STUFF */
em {}
strong {}
/* BASIC PAGE ELEMENTS */
body {
width:px;
min-width:650px;
max-width:auto;
margin: 0px 35px 0px 35px;
font-size:13px;
color:#848484;
line-height:1.230;
}
body a {
color:#FFFFFF;
text-decoration:none;
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
color:#88AACE;
text-decoration:underline;
}
body a.understate,
body a .understate {
color:#FFFFFF;
text-decoration:none;
*clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}
.body_wrapper {
padding: 10px 20px 10px 20px;
background: #1b1b1b none ;
border: 1px solid #373737;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
input,
textarea,
button,
select {
font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.button {
padding: 2.5px 5px;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border:1px solid #373737;
/*border-bottom: 1px solid #e0e0e0;*/
color:#FFFFFF;
background:#375a76 none repeat-x top left;
-moz-border-radius:2pxpx;
-webkit-border-radius:2pxpx;
}
.button:hover {
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x ;
color: #FFFFFF;
}
/*
.button[type="reset"]:hover {
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x ;
color: #FFFFFF;
}
*/
body,
legend {
font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
.shade {
color:#777777;
}
.time {
color:#88AACE;
}
.nocss_label {
display:none;
}
.normal {
font-size:13px;
font-weight:normal;
}
/* BLOCK STUFF */
.block {
background:#1b1b1b none ;
clear:both;
padding:0;
color:#FFF;
font: ;
/*margin-bottom:20px;*/
}
.blockhead a { color:; }
.blockhead a:hover { color:; }
.blockhead {
font: bold 14px Tahoma, Calibri, Verdana, Geneva, sans-serif;
color:#ffffff;
background:#5A7F97 url(images/bluefox/gradients/gradient_tcat.gif) repeat-x ;
_background-image: none;
padding:4px 10px 4px 10px;
border:1px solid #5A7F97;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
}
.blockhead h2 {
font-weight:bold;
}
.blockhead a { color:#ffffff; }
.blockhead a:hover { color:#ffffff; }
.blockhead img {
margin-bottom: -4px;
}
.blocksubhead {
font: normal 12px ;
color:#FFF;
background:#2c2c2c url(images/bluefox/gradients/gradient_thead.gif) repeat-x ;
padding:4px 10px 4px 10px;
border-top:1px solid #1f1f1f;
/*margin: 0 1px;*/
}
.blocksubhead img {
vertical-align:middle;
}
/*dl.blocksubhead dt, dl.blocksubhead dd {
display:inline;
}
dl.blocksubhead dt { color:#777777; font-weight:normal; }*/
.blocksubhead a { color:#FFFFFF; text-decoration:none; }
.blocksubhead a:hover { color:#5A7F97; }
#sidebar_container .blocksubhead a:hover {color: #FFFFFF;}
.blockhead_info, .blocksubhead_info {
float:right;
font-weight:normal;
}
/*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */
background:#2c2c2c none no-repeat ;
padding-left:0px;
padding-right:0px;
}
.blockrow {
background:#2c2c2c none ;
padding:5px 10px 5px 10px;
border: ;
color:#848484;
font: ;
}
.blockrow a { color:; }
.blockrow a:hover { color:#5D7F94; }
.blockfoot, .blocksubfoot {
display:block;
clear:both;
background: none ;
padding:5px 0px 5px 0px;
border:0 rgb(102, 204, 0);
color:;
font: ;
}
.blockfoot a { color:; }
.blockfoot a:hover { color:; }
.blockfoot,
.blocksubfoot {
padding:5px 0px 5px 0px;
}
.blocksubfoot {
text-align:right;
}
/* END BLOCK STUFF */
/* WYSIWYG */
.wysiwyg_block {
margin-bottom: 10px;
}
.wysiwyg_block .blockrow:first-child {
background: transparent url() repeat-x top left;
}
.wysiwyg_block iframe.textbox {
border: 1px solid #375A76;
background: #000 none ;
padding-bottom: 0;
}
.wysiwyg_block .formcontrols .blockrow {
border-top: 0;
}
/* CSS TABLE STUFF */
.table { display:table; table-layout:fixed; }
.thead { width:100%; padding:0; }
.tr { display:table-row; }
.td { display:table-cell; }
/* POPUPS */
.popupgroup {}
.popupmenu {
*z-index:999;
position: relative;
}
.popupmenu a.popupctrl {
background-image:url(images/bluefox/misc/black_downward_arrow.png);
background-position:right center;
background-repeat:no-repeat;
padding-right:15px;
_padding-right:25px;
}
.popupmenu a.popupctrl.nogadget {
padding-right:0;
background-image:none;
}
.popupgroup .popupmenu a.popupctrl {
font-size:11px;
padding:2px 4px;
border:solid 1px transparent;
background-color:transparent;
text-decoration:none;
padding-right:15px;
margin-left:5px;
}
.popupgroup .popupmenu:hover a.popupctrl {
background-color:transparent;
}
.popupgroup .popupmenu a.popupctrl:hover {color: #FFFFFF;}
/* see PopupMenu.set_control_style() */
/*
.popupgroup .popupmenu:hover a.popupctrl.active,
.popupmenu a.popupctrl.active {
border:1px solid #2c2c2c;
background-color:transparent;
color:#848484;
}*/
.popupgroup .popupmenu {
float:left;
border-left: 1px solid #373737;
padding: 6px 0;
}
.blockfoot .popupctrl {
text-decoration:none;
padding:2px 6px;
padding-right:15px;
-moz-border-radius:2pxpx;
-webkit-border-radius:2pxpx;
}
.blockhead .popupctrl {
color: #ffffff;
}
.blockhead .popupctrl:hover {
color: #ffffff;
}
/* PAGINATION LINKS */
.pagination span {
display: block;
float: left;
clear: right;
}
.pagination span a {
font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
border: 1px solid #383838;
height: 15.99px;
padding: 2px 4px;
margin-left: 1px;
background:#2c2c2c none ;
text-decoration:none;
color: #FFFFFF;
}
.pagination span a:hover {
border: 1px solid #375A76;
}
.pagination span.prev_next a, .pagination span.first_last a {
position: relative;
top: -2px;
}
.pagination span.prev_next a img, .pagination span.first_last a img {
position: relative;
display: inline;
top: 3px;
}
.pagination dt.label {
display:none;
}
.pagination span.selected a {
background: #375A76 url(images/buttons/newbtn_middle.png) repeat-x ;
color: #ffffff;
border: 1px solid #375A76;
height: 15.99px;
font-weight:bold;
padding: 2px 4px;
margin-left: 1px;
}
.pagination .separator,
.pagination .elipsis {
background: none;
border: 0;
}
.pagination .separator:hover {
border: 0;
}
.pagination li.jumptopage {
text-align:center;
padding: 10px 0;
/*line-height:4em;*/
}
.pagination span a.popupctrl {
height: 15.99px;
background: #375a76 url(images/bluefox/misc/black_downward_arrow.png) no-repeat center left;
padding-right: 4px;
padding-left: 18px;
}
.pagination .popupmenu:hover a.popupctrl {
border: 1px solid #375A76;
color: #848484;
}
/* TEXT CONTROLS */
.textcontrols a,
a.textcontrol {
position:relative;
padding: 3px 5px;
/*padding-left:35px;*/
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
line-height: 1.230;
text-decoration:none;
border: 1px solid #373737;
color: #FFFFFF;
background:#375a76 none repeat-x top left;
-moz-border-radius:2pxpx;
-webkit-border-radius:2pxpx;
}
.textcontrols a img,
a.textcontrol img {
position:absolute;
left:-2px;
}
.textcontrols a:hover img,
a:hover.textcontrol img {
position: absolute;
left:-2px;
}
.textcontrols a:hover,
/*.actionbutton_container a:hover.pagetitleinfo.textcontrol, */
a:hover.textcontrol {
background:#417394 url(images/buttons/newbtn_middle.png) repeat-x ;
text-decoration:none;
color: #FFFFFF;
}
.textcontrols a:hover,
.actionbutton_container a:hover.pagetitleinfo.textcontrol,
a:hover.textcontrol {
text-decoration:none;
}
.blockhead a.textcontrol {
float:right;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
margin-top: -4.5px;
text-transform: none;
}
.blockhead a.textcontrol:hover {
color: #FFFFFF;
}
.blockfoot a.textcontrol, .blocksubfoot a.textcontrol {
margin-top: 10px;
}
/* FORUMJUMP (navpopup) */
.navpopupmenu {
text-align:right;
padding:10px 0;
float: right;
}
.navpopupmenu .popupctrl {
text-decoration:none;
padding:2px 6px;
-moz-border-radius:2pxpx;
-webkit-border-radius:2pxpx;
}
* html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
color: #FFFFFF;
background: #375a76;
_background-image: none;
border: 1px solid #373737;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding: 3.33333333333px 6.66666666667px;
}
.navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl {
color: #FFFFFF;
background: #375a76 none repeat-x top left;
_background-image: none;
border: 1px solid #373737;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
padding: 3.33333333333px 6.66666666667px;
}
.navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover {
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x ;
color: #FFFFFF;
_background-image: none;
}
.navpopupmenu .popupctrl .ctrlcontainer {
background: transparent url(images/bluefox/misc/black_downward_arrow.png) no-repeat center left;
padding-left: 15px;
white-space:nowrap;
}
.navpopupbody {
width:auto;
max-height:350px;
text-align:left;
*overflow:auto;
overflow-y:scroll;
left:auto;
right:0;
}
.navpopupbody li {
overflow:hidden;
}
.navpopupbody li.optionlabel {
text-align:center;
font-weight:bold;
}
/**
* Not pretty, but it works...
*/
.navpopupbody .d1 a, option.d1 { text-indent:20px; }
.navpopupbody .d2 a, option.d2 { text-indent:40px; }
.navpopupbody .d3 a, option.d3 { text-indent:60px; }
.navpopupbody .d4 a, option.d4 { text-indent:80px; }
.navpopupbody .d5 a, option.d5 { text-indent:100px; }
.navpopupbody .d6 a, option.d6 { text-indent:120px; }
.navpopupbody .d7 a, option.d7 { text-indent:140px; }
.navpopupbody .d8 a, option.d8 { text-indent:160px; }
.navpopupbody .d9 a, option.d9 { text-indent:180px; }
.navpopupbody .d10 a, option.d10 { text-indent:200px; }
.navpopupbody .d11 a, option.d11 { text-indent:220px; }
.navpopupbody .d12 a, option.d12 { text-indent:240px; }
.navpopupbody .d13 a, option.d13 { text-indent:260px; }
.navpopupbody .d14 a, option.d14 { text-indent:280px; }
.navpopupbody .d15 a, option.d15 { text-indent:300px; }
.navpopupbody .d16 a, option.d16 { text-indent:320px; }
.navpopupbody .d17 a, option.d17 { text-indent:340px; }
.navpopupbody .d18 a, option.d18 { text-indent:360px; }
.navpopupbody .d19 a, option.d19 { text-indent:380px; }
.navpopupbody .d20 a, option.d20 { text-indent:400px; }
/* LEFT / RIGHT DT+DD */
dl.stats.totals {
float:right;
padding:5px;
}
dl.stats dt {
display:inline;
color:#777777;
}
dl.stats dt:after {
content:":";
}
dl.stats dd {
display:inline;
}
/* BLOCK STATS */
dl.statsblock dt {
display:block;
float:left;
clear:left;
width:25%;
}
dl.statsblock dd {
display:block;
float:left;
margin-left:10px;
}
/* LIGHT-TABS */
dl.tabslight {
border-bottom:solid 1px #375A76;
padding-left:20px;
margin-bottom:1em;
height:23px;
margin-top:15px;
}
dl.tabslight dt {
display:none;
}
dl.tabslight dd {
float:left;
}
dl.tabslight dd a {
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding:0 10px;
min-width:55;
height:22;
line-height:22px;
display:block;
border:1px solid #373737;
background-color:#2c2c2c;
margin-left:-1;
margin-bottom:-1;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:11px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:11px;
}
html>/**/body dl.tabslight dd.selected a,
html>/**/body dl.tabslight dd.selected a:hover {
position:relative;
border-bottom: 1px solid transparent;
background:#5D7F97 url(images/bluefox/gradients/gradient_tcat.gif) ;
}
* dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover {
border-bottom: 1px solid transparent;
background:#5D7F97 url(images/bluefox/gradients/gradient_tcat.gif) ;
color:rgb(255, 255, 255);
}
dl.tabslight dd a:hover {
color:rgb(255, 255, 255);
background:#5D7F97 url(images/bluefox/misc/nav_over.gif) repeat-x 0 -0px;
}
/* COLUMN SORT LINKS */
.columnsort a,
.columnsort span {
display:block;
text-decoration:none;
white-space:nowrap;
text-align: left;
}
.columnsort a:hover {
background-color:#373737;
text-decoration:none;
color:inherit;
}
tr.columnsort th {
white-space:nowrap;
}
/* MISC */
div.collapse {
position:relative;
}
a.collapse {
float:right;
right:10px;
top:20px;
position:absolute;
}
.blockhead a.collapse {
top: 10px;
}
#forumrules {
margin-bottom: 10px;
border-bottom: 1px solid #373737;
border-left: 1px solid #373737;
border-right: 1px solid #373737;
border-top: 1px solid #2c2c2c;
background: #2c2c2c none repeat-x ;
}
#forumrules ul.youcandoblock {
float:left;
width:55%;
margin-bottom: 10px;
overflow:hidden;
}
#forumrules ul.bbcodeblock {
float:right;
width:42%;
text-align:right;
overflow:hidden;
}
#forumrules .rules_link {
margin-top: 10px;
width: 42%;
padding-left: 55%;
}
.errorblock ul.blockrow.error > li {
border-bottom:solid 1px #373737;
padding-bottom:10px;
margin-bottom:10px;
}
.errorblock ul.blockrow.error li:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
blockquote.preview {
font: 13px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
}
blockquote.preview.forumcontent {
font: 12px Verdana,Tahoma,Arial,Calibri,Geneva,sans-serif;
}
blockquote.preview .bbcode_container div.bbcode_code,
blockquote.preview .bbcode_container pre.bbcode_code {
margin:0;
padding:6px;
border:1px inset;
text-align:left;
overflow:auto;
direction:ltr;
background:#373737 repeat-x;
/*height:;*/
font-size:12px;
}
blockquote.preview .bbcode_container code.bbcode_code {
margin:0;
text-align:left;
direction:ltr;
font-size:12px;
}
blockquote.preview .bbcode_container code.bbcode_code code {
white-space:nowrap;
}
blockquote.preview fieldset.postattachlist {
background:#2c2c2c bottom repeat-x;
border-top:solid 1px #373737;
padding-bottom:1em;
}
blockquote.preview .bbcode_container div.bbcode_quote {
margin:0 10px;
margin-bottom: 10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: #282828 none ;
border-radius: 0px;
border: 1px outset #848484;
font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
}
blockquote.preview .bbcode_container .bbcode_quote_container {
background: transparent url(images/bluefox/misc/quote-left.png) no-repeat left;
display:block;
width: 9px;
height: 13px;
position: absolute;
top: 5;
left: -9px;
}
blockquote.preview .bbcode_quote div.quote_container {
border-top: 1px solid #2c2c2c;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 5px 10px 5px 10px;
}
.attachments {
border: 0 none;
background: transparent;
margin: 5px;
-moz-border-radius: 0px;
padding: 5px;
font-size: 12px;
}
.attachments fieldset {
margin: 5px 0;
}
.attachments img.inlineimg {
position: relative;
top: 2px;
}
blockquote.preview .signature {
margin-top:1.5em;
border-top:solid 1px #375a76;
padding-top:0.5em;
}
.commalist li {
display:inline;
}
.commalist li:after {
content:",";
}
.commalist li:last-child:after {
content:"";
}
ul.username li a,
ol.username li a,
a.username {}
.standard_error {
max-width:600px;
margin:0 auto;
padding:4em 0 6em;
}
a.extlink {
width:10px;
height:10px;
text-indent:-9999px;
position:absolute;
margin-left:2px;
background:transparent url(images/buttons/extlink.png) no-repeat ;
}
.hidden {
display:none;
}
/* Auto-clearing of floats */
.floatcontainer:after,
.formcontrols .blockrow:after,
dl.stats:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
display:inline-block;
font-weight:normal;
}
/* IE-Mac hide \*/
* html .floatcontainer,
.formcontrols .blockrow,
dl.stats {
height:1%;
}
.floatcontainer,
.formcontrols .blockrow,
dl.stats {
display:block;
}
.floatcontainer.hidden {
display:none;
}
/* End IE-Mac hide */
/* INLINEMOD */
#inlinemod_formctrls {
float:right;
}
#inlinemod_formctrls .popupctrl {
text-decoration:none;
background: #375a76 none repeat-x top left;
padding-right: 0;
color: #FFFFFF;
border: 1px solid #373737;
font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
float: left;
-moz-border-radius:2pxpx;
-webkit-border-radius:2pxpx;
}
#inlinemod_formctrls a.popupctrl:hover {
background: #417394 url(images/buttons/newbtn_middle.png) repeat-x ;
color: #FFFFFF;
}
#inlinemod_formctrls a.popupctrl span.ctrlcontainer {
display:inline-block;
background: transparent url(images/bluefox/misc/black_downward_arrow.png) no-repeat center left;
padding-top: 3.33333333333px;
padding-right: 5px;
padding-bottom: 3.33333333333px;
padding-left: 15px;
font-size: 11px;
float: left;
}
#inlinemod_formctrls .popupbody {
left:auto;
right:0px;
}
/* FORUM DISABLED */
div.forum_disabled {
text-align:center;
color:red;
background-color:white;
padding:10px;
font-size:20px;
}
/**
* UN-RESET
*
* These definitions are designed to undo the effects of YUI Reset, but only when contained within a *.reset element.
* Code is based on YUI Base
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
* YUI Base
* @module base
* @namespace yui-
* @requires reset, fonts
*/
.restore body {
/* For breathing room between content and viewport. */
margin:10px;
}
.restore h1 {
/* 18px via YUI Fonts CSS foundation. */
font-size: 138.5%;
}
.restore h2 {
/* 16px via YUI Fonts CSS foundation. */
font-size: 123.1%;
}
.restore h3 {
/* 14px via YUI Fonts CSS foundation. */
font-size: 108%;
}
.restore h1,
.restore h2,
.restore h3 {
/* Top & bottom margin based on font size. */
margin: 1em 0;
}
.restore h1,
.restore h2,
.restore h3,
.restore h4,
.restore h5,
.restore h6,
.restore strong,
.restore dt {
/* Bringing boldness back to headers and the strong element. */
font-weight: bold;
}
.restore optgroup {
font-weight:normal;
}
.restore abbr,
.restore acronym {
/* Indicating to users that more info is available. */
border-bottom: 1px dotted #000;
cursor: help;
}
.restore em {
/* Bringing italics back to the em element. */
font-style: italic;
}
.restore del {
/* Striking deleted phrases. */
text-decoration: line-through;
}
.restore blockquote,
.restore ul,
.restore ol,
.restore dl {
/* Giving blockquotes and lists room to breath. */
margin: 1em;
}
.restore ol,
.restore ul,
.restore dl {
/* Bringing lists on to the page with breathing room. */
margin-left: 2em;
}
.restore ol li,
.restore ol.decimal li {
list-style:decimal outside;
}
.restore ol.upper-roman li {
list-style:upper-roman outside;
}
.restore ol.lower-roman li {
list-style:lower-roman outside;
}
.restore ol.upper-alpha li {
list-style:upper-alpha outside;
}
.restore ol.lower-alpha li {
list-style:lower-alpha outside;
}
.restore ul li {
/* Giving UL's LIs generated disc markers. */
list-style: disc outside;
}
.restore dl dd {
/* Giving UL's LIs generated numbers. */
margin-left: 1em;
}
.restore th,
.restore td {
/* Borders and padding to make the table readable. */
border: 1px solid #000;
padding: 0.5em;
}
.restore th {
/* Distinguishing table headers from data cells. */
font-weight: bold;
text-align: center;
}
.restore caption {
/* Coordinated margin to match cell's padding. */
margin-bottom: .5em;
/* Centered so it doesn't blend in to other content. */
text-align: center;
}
.restore sup {
/* to preserve line-height and selector appearance */
vertical-align: super;
}
.restore sub {
/* to preserve line-height and selector appearance */
vertical-align: sub;
}
.restore p,
.restore fieldset,
.restore table,
.restore pre {
/* So things don't run into each other. */
margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
.restore button,
.restore input[type="checkbox"],
.restore input[type="radio"],
.restore input[type="reset"],
.restore input[type="submit"] {
padding:1px;
}
.unread {
font-weight:bold;
}
/* Cloud tags */
li.tag {
display:inline;
margin-right:5pxpx;
}
li.tag label.mine {
font-weight:bold;
}
li.tag a {
text-decoration:none;
}
li.taglevel1 {
font-size:xx-small;
}
li.taglevel2 {
font-size:small;
}
li.taglevel3 {
font-size:medium;
}
li.taglevel4,
li.taglevel5 {
font-size:large;
}
li.taglevel5 {
font-weight:bold;
}
li.tag.option {
padding:10px;
}
/* Tag Controls */
/* Tagging Controls */
#thread_tags_list input#tag_add_input {
display:block;
width:90%;
margin-top:2px;
margin-bottom:0.5em;
}
#thread_tags_list .description {
color:#777777;
}
#thread_tags_list .actionbuttons {
text-align:right;
margin-bottom:1em;
}
#tag_edit_list {
list-style:none;
margin:0;
padding:0;
}
#tag_edit_list li {
float:left;
display:block;
width:100px;
}
#tag_edit_list li.mine {
font-weight:bold;
}
/* We don't use class="inlineimg" in vB4
img.inlineimg {
padding:0 10px;
}
*/
/* Social Bookmarks */
#social_bookmarks_list li {
display:block;
float:left;
padding-left:10px;
}
/* Imagereg */
#imagereg {
vertical-align:middle;
margin-bottom:5px;
}
#wol_navpopup.navpopupmenu {
margin-bottom:6px;
}
.navlinks {
background: #2c2c2c url(images/bluefox/gradients/gradient_thead.gif) repeat-x ;
border: 1px solid #373737;
padding: 10px 0;
text-align: center;
color: #FFFFFF;
font-size: ;
margin-top: 20px;
margin-bottom: 20px;
width:100%;
clear:both;
font-weight:bold;
}
.cleardiv {
clear:both;
}
#ajax_post_errors {
position:absolute;
width:420px;
z-index:500;
padding:2px;
background-color:#FFFFFF;
-moz-border-radius-topright:0px;
-moz-border-radius-topleft:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-top-left-radius:0px;
}
#ajax_post_errors .blockrow {
border-bottom:1px solid #373737;
border-left:1px solid #373737;
border-right:1px solid #373737;
}
#ajax_post_errors .blockfoot {
text-align:center;
}
#ajax_post_errors_message ol {
margin:1em;
margin-left:2em;
}
#ajax_post_errors_message ol.numeric li,
#ajax_post_errors_message ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
}
.highlight {
background: #383838 none repeat-x ;
}
.clear {
clear: both;
}
/* Facebook Section */
label#fb_pulishlabel {
font-size: 12px;
font-weight: normal;
margin-right: 10px;
vertical-align: middle;
}
#fb_likeframe {
border: none;
overflow: hidden;
height: 27px;
width: 260px;
vertical-align: text-bottom;
}
#pagetitle #fb_likeframe {
float: right;
}
.blogbit #fb_likeframe {
margin-top: 7px;
}
/* Fix for Facebook Connect rtl scrollbar */
#recaptcha_area {
direction:ltr;
display:inline;
}
#recaptcha_widget_div {
float:left;
}
.blogentrybit h4, div#blog_title {
padding-right:2px;
padding-left:10px;
color:#FFF;
font-size:14px;
line-height:35px;
margin: 1px;
background: #5A7F97 url(images/bluefox/gradients/gradient_tcat.gif) repeat-x ;
}
.blogentryhead a:hover {color: #FFFFFF;}
.ajax_tag_edit_container {
background:#2c2c2c none ;
color:#FFFFFF;
padding:10px;
border: ;
}
Ostatnio edytowane przez kamiill ; 28.12.2011 o 23:22 Powód: dodałem post pod postem poniewaz za dluga byla tresc calej wiadomosci
Zmień w tym height na standardowe z vb:Kod:.logo-image { float: left; clear: right; height: 90px !important; }
Być może błąd tkwi właśnie tutaj. Przez tą szerokość na 90px.Kod:.logo-image { float: left; clear: right; height: auto !important; min-height: 2em; }
Potrzebujesz stylu dla swojego forum? Chcesz przenieść styl z vbulletin 3 na vbulletin 4? Pisz PW
Dziękówa, udało się... Wszystkiego najlepszego na nowy rok ... byłem blisko bo nawet to ręcznie wpisałem 155pix ale nie wychodziło mi ;/, ale z Twoją pomocą udało się
Ostatnio edytowane przez kamiill ; 30.12.2011 o 13:54
Ten problem został rozwiązany, a wątek zamknięty.
- Jeśli chcesz zadać nowe pytanie, załóż nowy wątek.
- Jeśli masz wątpliwości odnośnie rozwiązanego problemu, poproś moderatora o otworzenie wątku.
Z poważaniem,
WoG
Ty też możesz pomóc spolszczać vBulletin 5: GitHub.com
"Rozczarowanie spowodowane niską jakością pamięta się długo po przeminięciu radości spowodowanej niską ceną"