Em đưa cho anh code tìm kiếm google ( kể cả code css ) anh xem nhé .
CODE tìm kiếm
<div id="searchBox" class="searchBox"><form method="get" action="http://www.google.com.vn/custom" target="_top">
<table border="0" width="190">
<tr>
<td nowrap="nowrap" align="right">
<input type="hidden" name="domains" value="http://domain.com"></input>
<label for="sbi" style="display: none">Nhập các thuật ngữ tìm kiếm của bạn</label>
<input type="text" name="q" value="" id="sbi"></input>
<label for="sbb" style="display: none">Nộp mẫu đơn tìm kiếm</label
</td>
<td>
<input type="submit" name="sa" value="Tìm kiếm" id="sbb"></input>
</td>
</tr>
<input type="hidden" name="sitesearch" value="http://domain.com" checked id="ss1"></input>
<input type="hidden" name="client" value="pub-5869451228002598"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="UTF-8"></input>
<input type="hidden" name="oe" value="UTF-8"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH :center;BGC:ffffff;LBGC:336699;ALC:0000FF;LC:0000F F;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="vi"></input>
</table>
</form>
<ul class="searchBox_advanced_search">
vbulletin-chrome.css
@charset "UTF-8";
/* CSS Document */
/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/
/*************************************************/
/* HEADER */
.above_body {
background:{vb:stylevar header_background};
_background-image: none;
margin: {vb:stylevar bodyheader_margin};
padding: {vb:stylevar header_padding};
width: 100%;
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.doc_header {
_background-image:none;
border:{vb:stylevar header_border};
color:{vb:stylevar header_color};
font:{vb:stylevar header_font};
position:relative;
min-height:35px;
/*padding-bottom:{vb:math {vb:stylevar padding}/2};*/
/*margin-bottom:{vb:math 2 * {vb:stylevar navbar_tab_size.height}}px;*/
}
.doc_header a { color:{vb:stylevar header_link_color}; }
.doc_header a:hover { color:{vb:stylevar header_linkhover_color}; }
.doc_header hr { display: none; }
.logo-image {
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: 2em;
height: auto !important;
height: 2em;
padding: {vb:stylevar titleimage_padding};
}
.toplinks {
position:absolute;
{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar 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: {vb:stylevar right};
clear: {vb:stylevar left};
list-style: none;
}
.toplinks ul.isuser li {
display:inline;
position: relative;
color: {vb:stylevar header_color};
float: {vb:stylevar right};
clear: {vb:stylevar left};
padding-{vb:stylevar right}: 10px;
background:{vb:stylevar toplinks_background.backgroundColor};
}
.toplinks ul.isuser .popupbody li {
display:block;
float: none;
clear: none;
padding:0;
margin:0;
}
.toplinks ul.isuser li.welcomelink {
display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 4px;
}
.toplinks ul.isuser li.logoutlink {
top: 0;
}
.toplinks ul.isuser li a {
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 4px;
font-weight:bold;
color:{vb:stylevar toplinks_link_color};
}
.toplinks ul.isuser li li a {
float: none;
margin-{vb:stylevar left}: 0;
}
.toplinks ul.isuser li.welcomelink a {
display:inline;
float: none;
clear: none;
margin-{vb:stylevar left}: 0;
}
.toplinks ul.isuser li a:hover {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 4px;
background: {vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar toplinks_linkhover_color};
}
.toplinks ul.nouser li {
display:inline;
}
.toplinks ul.nouser li a {
float:{vb:stylevar left};
clear:{vb:stylevar right};
color:{vb:stylevar toplinks_link_color};
}
.toplinks ul.nouser li a{
display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
position: relative;
padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
background: {vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
font-weight:bold;
font-size:{vb:stylevar mid_fontSize};
margin-{vb:stylevar right}: 10px;
}
.toplinks ul.nouser li a:hover {
background: {vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar toplinks_linkhover_color};
}
.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications {
color: {vb:stylevar navbar_selected_popup_body_a_Color};
position: relative;
}
.toplinks ul.isuser li.popupmenu ul li {
position: relative;
top: 0;
margin: 0;
text-align: {vb:stylevar left};
}
.toplinks ul.isuser .notifications .popupbody {
background: {vb:stylevar navbar_tab_background.backgroundColor};
border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
}
.toplinks ul.isuser .notifications .popupbody li a{
color: {vb:stylevar navbar_selected_popup_body_a_Color};
padding: 0 {vb:math {vb:stylevar padding}/2};
font-weight: normal;
background:{vb:stylevar navbar_popup_link_background};
border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor}; /* makes it look consistent with the popup background */
/*position: relative;*/
text-align: {vb:stylevar left};
padding-{vb:stylevar left}: 30px;
line-height: {vb:stylevar navbar_tab_size.height}px;
}
.toplinks ul.isuser .notifications .popupbody li a span {
position: absolute;
line-height: {vb:stylevar navbar_tab_size.height}px;
{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}
.toplinks ul.isuser .notifications .popupbody li a:hover {
background:{vb:stylevar imodhilite_backgroundColor};
color: {vb:stylevar navbar_selected_popup_body_a_Color};
text-decoration: underline;
}
.toplinks form {
min-width: 220px;
display:block;
margin-{vb:stylevar right}: 10px;
text-align: {vb:stylevar left};
float: {vb:stylevar right};
clear: {vb:stylevar left};
_width:20%;
}
.toplinks .logindetails {
padding: 0 {vb:stylevar padding};
text-align: center;
background: {vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height: {vb:stylevar navbar_tab_size.height}px;
}
.toplinks form input {
margin: 3px 0 0;
vertical-align: baseline;
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
padding: 1px;
border: 0;
}
.toplinks form input.textbox {
color: {vb:stylevar toplinks_form_input};
}
.toplinks form input.default-value {
color: {vb:stylevar toplinks_form_input_defaultValue.color};
}
.toplinks .remember {
margin: -{vb:math {vb:stylevar padding}/3} 0 0 {vb:math {vb:stylevar padding}*2};
font-size: {vb:math {vb:stylevar font.fontSize}-3}px;
color: {vb:stylevar toplinks_text};
}
.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: {vb:stylevar toplinks_link_color};
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: {vb:stylevar toplinks_link_color};
text-decoration:none;
}
.notifications > a:hover,
.notifications a.popupctrl:hover {
color: {vb:stylevar toplinks_linkhover_color};
}
.notifications {
font-size:{vb:stylevar small_fontSize};
color: {vb:stylevar toplinks_link_color};
-moz-border-radius-bottom{vb:stylevar left}: 5px;
-webkit-border-bottom-{vb:stylevar left}-radius: 5px;
border-bottom-{vb:stylevar left}-radius: 5px;
-moz-border-radius-bottom{vb:stylevar right}: 5px;
-webkit-border-bottom-{vb:stylevar right}-radius: 5px;
border-bottom-{vb:stylevar right}-radius: 5px;
}
.notifications a {
text-decoration:none;
}
.notifications .popupbody {
color:{vb:stylevar navbar_selected_popup_body_a_Color};
}
.header hr,
.header h2 {
display:none;
}
/*************************************************/
/* NAVBAR */
.navbar {
position:relative;
height:{vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height} * 2}px;
background:{vb:stylevar navbar_background};
margin:{vb:stylevar navbar_margin};
color:{vb:stylevar navbar_color};
font:{vb:stylevar navbar_font};
border:{vb:stylevar navbar_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }
.navtabs {
background:{vb:stylevar navbar_tab_background};
padding: {vb:stylevar navbar_padding};
height: {vb:stylevar navbar_tab_size.height}px;
_background-image:none;
}
.navtabs li:first-child {
border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}
.navtabs ul {
/* background: {vb:stylevar navbar_background.backgroundColor}; */
position:absolute;
top:{vb:math {vb:stylevar navbar_tab_size.height}px + {vb:stylevar navbar_padding.paddingTop}};
{vb:stylevar left}:0px;
width:100%;
border-top:{vb:stylevar navbar_tab_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}px;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
.navtabs li {
float:{vb:stylevar left};
border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}
.navtabs ul li:first-child {
margin-{vb:stylevar left}: 20px;
border-{vb:stylevar left}: 0;
}
#navtabs .popupmenu ul li:first-child {
margin-{vb:stylevar left}: 0px;
}
.navtabs ul li {
border-{vb:stylevar right}: 0;
position: relative;
}
.navtabs li a {
height:{vb:stylevar navbar_tab_size.height}px;
line-height:{vb:stylevar navbar_tab_size.height}px;
padding:0 {vb:stylevar padding};
}
.navtabs li a.navtab {
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
display:block;
background:{vb:stylevar navbar_tab_background};
_background-image:none;
min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
width:auto !important;
width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
_min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
_width:auto !important;
_width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
text-align:center;
color: {vb:stylevar navbar_tab_color};
font:{vb:stylevar navbar_tab_font};
text-decoration:none;
line-height:{vb:stylevar navbar_tab_size.height}px;
}
.navtabs li a.navtab:hover {
background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_width}px;
_background-image:none;
/*color:{vb:stylevar linkhover_color};*/
color:{vb:stylevar navbar_tab_linkhover_color};
}
.navtabs li.selected {
height:{vb:stylevar navbar_tab_size.height}px;
color:{vb:stylevar navbar_tab_linkhover_color};
}
.navtabs li.selected a.navtab {
color:{vb:stylevar navbar_tab_linkhover_color};
background:{vb:stylevar navbar_tab_selected_background};
_background-image:none;
position:relative;
top:-{vb:stylevar navbar_tab_selected_top_width}px;
padding-top:{vb:stylevar navbar_tab_selected_top_width}px;
z-index:10;
}
.navtabs li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font:{vb:stylevar navbar_font};
line-height: {vb:stylevar navbar_tab_size.height}px;
}
.navtabs li.selected li a {
color:{vb:stylevar navbar_link_color};
padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
}
.navbar_advanced_search li {
height: {vb:stylevar navbar_tab_size.height}px;
display:block;
clear:both;
}
.navbar_advanced_search li a {
color:{vb:stylevar navbar_link_color};
}
.navbar_advanced_search li a:hover {
color:{vb:stylevar navbar_linkhover_color};
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected li a:hover {
color:{vb:stylevar navbar_linkhover_color};
text-decoration:{vb:stylevar linkhover_textDecoration};
}
.navtabs li.selected .popupbody li > a {
padding:{vb:stylevar popup_padding}px {vb:stylevar padding};
text-indent: 0;
color: {vb:stylevar navbar_selected_popup_body_a_Color};
}
.navtabs li.selected li a.popupctrl {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
_border: none;
background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
padding-{vb:stylevar right}:15px;
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
color: {vb:stylevar navbar_link_color};
}
.toplinks .notifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: {vb:stylevar navbar_background_notify.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
}
.toplinks .nonotifications a.popupctrl {
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
padding-top: 3px;
padding-bottom: 3px;
padding-{vb:stylevar left}: 4px;
padding-{vb:stylevar right}: 15px;
background: {vb:stylevar navbar_tab_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
_background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
}
.toplinks .notifications a.popupctrl:hover {
padding-top: 3px;
}
.navtabs li.selected li:hover a.popupctrl {
border-color:{vb:stylevar navbar_background.backgroundColor};
background-color:{vb:stylevar navbar_tab_background.backgroundColor};
text-decoration:none;
}
.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
border-color:{vb:stylevar navbar_tab_background.backgroundColor};
background-color:{vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar navbar_link_color};
text-decoration:none;
}
.navtabs .popupbody {
border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
background: {vb:stylevar navbar_tab_background.backgroundColor};
width: auto;
}
.navtabs .popupbody li {
float:none;
border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}
.navtabs .popupbody li a:hover {
background-color: {vb:stylevar imodhilite_backgroundColor};
}
.nonotifications div.popupbody {
min-width: 170px;
width: auto !important;
width: 170px;
background: {vb:stylevar navbar_tab_background.backgroundColor};
border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
}
.nonotifications .popupbody p {
color: {vb:stylevar navbar_selected_popup_body_a_Color};
text-align: {vb:stylevar left};
background: {vb:stylevar navbar_popup_link_background};
border-top: 1px solid {vb:stylevar navbar_tab_background.backgroundColor};
padding: 0;
text-indent: {vb:math {vb:stylevar padding}/2};
line-height: {vb:stylevar navbar_tab_size.height}px;
display:block;
}
.toplinks .nonotifications .popupbody a {
background: {vb:stylevar navbar_popup_link_background};
color: {vb:stylevar navbar_selected_popup_body_a_Color};
float: none;
clear: none;
padding: 0 {vb:math {vb:stylevar padding}/2};
margin-{vb:stylevar left}: 0;
text-align: {vb:stylevar left};
line-height: {vb:stylevar navbar_tab_size.height}px;
}
.toplinks .nonotifications .popupbody a:hover {
background:{vb:stylevar imodhilite_backgroundColor};
color: {vb:stylevar navbar_selected_popup_body_a_Color};
text-decoration: {vb:stylevar linkhover_textDecoration};
padding: 0 {vb:math {vb:stylevar padding}/2};
}
.globalsearch {
position:absolute;
width:180px;
{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
top: {vb:stylevar navbar_padding.paddingTop}{vb:stylevar navbar_padding.units};
float: {vb:stylevar right};
clear: {vb:stylevar left};
text-align:{vb:stylevar right};
line-height: 1.0em;
display:block;
}
.navbar_search {
position:relative;
width:180px;
{vb:stylevar right}: -{vb:math {vb:stylevar padding}*2};
display:block;
}
.navbar_search input {
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
vertical-align:middle;
padding: 1px;
border:{vb:stylevar navbarsearch_borderWidth} solid {vb:stylevar navbarsearch_input_borderColor};
}
.globalsearch .textboxcontainer {
height: {vb:stylevar navbar_tab_size.height}px;
border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
display:inline-block;
float: {vb:stylevar left};
text-align:center;
}
.globalsearch .textboxcontainer span {
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
display: inline-block;
height: {vb:math {vb:stylevar navbar_tab_size.height}-4}px;
padding-{vb:stylevar left}: 2px;
padding-{vb:stylevar right}: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
_width:140px; /* ie6 hack */
}
.globalsearch input.textbox {
width: 130px;
}
.toplinks form input.loginbutton {
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
padding: 0 {vb:math {vb:stylevar padding}/2};
background-color: {vb:stylevar toplinks_input_login_backgroundColor};
border:solid 1px {vb:stylevar heavy_border.borderColor};
}
.globalsearch .buttoncontainer {
height: {vb:stylevar navbar_tab_size.height}px;
border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
display:inline-block;
border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
width: 25px;
overflow: hidden;
float: {vb:stylevar right};
}
.globalsearch .buttoncontainer span{
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
height: {vb:math {vb:stylevar navbar_tab_size.height}-3}px;
padding-{vb:stylevar left}: 4px;
padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}px;
display:inline-block;
}
.globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-{vb:stylevar left}: -2px;
}
/*************************************************/
/* BREADCRUMB */
.breadcrumb > ul {
background:transparent url({vb:stylevar imgdir_misc}/navbit-home.png) {vb:stylevar left} top no-repeat;
border:none;
}
.breadcrumb .navbit {
float:{vb:stylevar left};
background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
background-position:{vb:stylevar right} center;
background-repeat:no-repeat;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit:first-child {
padding-{vb:stylevar left}:0;
}
.breadcrumb .navbit.lastnavbit {
background: transparent;
}
.breadcrumb .navbit.lastnavbit span {
float:{vb:stylevar left};
background: transparent;
padding-{vb:stylevar right}:10px;
padding-{vb:stylevar left}:3px;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span {
display:block;
padding:2px 4px;
float:{vb:stylevar left};
background-color:transparent;
border:1px solid transparent;
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius:{vb:stylevar border_radius};
border-radius:{vb:stylevar border_radius};
}
.breadcrumb .navbit a:hover {
border-color:{vb:stylevar lightweightbox_border.borderColor};
background-color:{vb:stylevar lightweightbox_background.backgroundColor};
}
.breadcrumb .navbit a {
text-decoration:none;
}
.breadcrumb .navbit a.popupctrl {
background-image:url({vb:stylevar imgdir_misc}/navbit-arrow-{vb:stylevar right}.png);
background-position:center center;
padding:2px 6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.breadcrumb .navbit a.popupctrl:hover {
background-color:{vb:stylevar imodhilite_backgroundColor};
color:{vb:stylevar linkhover_color};
}
.breadcrumb hr {
display:none;
}
/*************************************************/
/* PAGE TITLE */
#pagetitle {
padding:{vb:stylevar pagetitle_padding};
clear:both;
padding-top: {vb:math {vb:stylevar padding}/2};
background:{vb:stylevar pagetitle_background};
border:{vb:stylevar pagetitle_border};
}
#pagetitle a { color:{vb:stylevar pagetitle_link_color}; }
#pagetitle a:hover { color:{vb:stylevar pagetitle_linkhover_color}; }
#pagetitle h1 {
color: {vb:stylevar pagetitle_color};
font-size:{vb:stylevar pagetitle_font.fontSize}{vb:stylevar pagetitle_font.units};
font-weight:{vb:stylevar pagetitle_font.fontWeight};
}
#pagetitle .description {
color: {vb:stylevar pagetitle_description_color};
font-size: {vb:math {vb:stylevar font.fontSize}*0.85}{vb:stylevar font.units};
}
/*************************************************/
/* NEW CONTENT LINK */
.newcontent_textcontrol {
background: {vb:stylevar control_content_background};
_background-image: none;
-moz-border-radius: {vb:stylevar control_content_radius};
-webkit-border-radius: {vb:stylevar control_content_radius};
border-radius: {vb:stylevar control_content_radius};
-moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
-webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color};
font: {vb:stylevar control_content_font};
color: {vb:stylevar control_content_color};
padding: {vb:stylevar control_content_padding};
border: {vb:stylevar control_content_border};
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}
.newcontent_textcontrol span {
font-size:15px;
font-weight:bold;
display:inline;
}
.newcontent_textcontrol:hover {
background: {vb:stylevar control_content_hover_background};
_background-image: none;
color: {vb:stylevar control_content_hover_color};
text-decoration: none;
}
/*************************************************/
/* FOOTER */
.footer {
clear:both;
margin-top:{vb:math {vb:stylevar padding}*1.5};
text-align:{vb:stylevar right};
display:block;
/*width: 100%; VBIV-10173*/
-moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};
background:{vb:stylevar footer_background};
padding:{vb:stylevar footer_padding};
border:{vb:stylevar footer_border};
color:{vb:stylevar footer_color};
font:{vb:stylevar footer_font};
}
.footer a { color:{vb:stylevar footer_link_color}; }
.footer a:hover { color:{vb:stylevar footer_linkhover_color}; }
.footer_copyright,
.footer_morecopyright {
padding-bottom:{vb:math {vb:stylevar padding}/2};
color:{vb:stylevar footer_copyright_color};
font:{vb:stylevar footer_copyright_font};
margin-top: {vb:stylevar padding};
text-align:center;
display:block;
}
.footer_time {
color:{vb:stylevar footer_copyright_color};
font:{vb:stylevar footer_copyright_font};
padding-top:{vb:stylevar padding};
text-align:center;
}
.footer_select {
float:{vb:stylevar left};
text-align:{vb:stylevar left};
margin-{vb:stylevar left}: {vb:stylevar padding};
margin-top: 0;
}
.footer_links {
margin-{vb:stylevar right}: {vb:stylevar padding};
margin-top: 2px;
}
.footer_links li {
display:inline;
margin-{vb:stylevar left}:{vb:math {vb:stylevar padding}/2};
}
.below_body .time {
color: {vb:stylevar footer_time_color};
}
.notices {
background: {vb:stylevar body_background.backgroundColor};
margin: {vb:math {vb:stylevar padding}/2} 0;
}
.notices li {
background: {vb:stylevar notices_background};
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
color: {vb:stylevar body_color};
padding:{vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
margin-bottom:{vb:math {vb:stylevar padding}/2};
-moz-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
box-shadow: -2px 2px 2px {vb:stylevar notices_shadow_color};
text-align: {vb:stylevar left};
clear:both;
}
/* from components.css */
/* start styles for template: navbar */
/*doesn't seem to be used anywhere
.popup_inline_break {
color:#262626;
margin-{vb:stylevar left}:5px;
font-weight:bold;
padding:4px 0px;
}*/
.breadcrumb > ul {
background-image:none;
padding-{vb:stylevar left}:0px;
}
.breadcrumb .navbithome {
float: {vb:stylevar left};
padding: {vb:math {vb:math {vb:stylevar font.fontSize}+6px-12px}/2} 0;
}
/* end styles for template: navbar */
/*************************************************/
/* ADS GLOBAL */
.ad_global_header {
}
#ad_global_header1 {
float:{vb:stylevar left};
clear:{vb:stylevar right};
padding:{vb:stylevar ad_padding};
margin:{vb:stylevar ad_margin};
}
#ad_global_header2 {
float:{vb:stylevar left};
padding:{vb:stylevar ad_padding};
margin:{vb:stylevar ad_margin};
}
#ad_global_below_navbar {
width:100%;
padding:{vb:stylevar ad_padding};
margin:{vb:stylevar ad_margin};
}
#ad_global_above_footer {
width:100%;
padding:{vb:stylevar ad_padding};
margin:{vb:stylevar ad_margin};
text-align:{vb:stylevar left};
clear:both;
}
#ad_board_below_whats_going_on {
width:100%;
padding:{vb:stylevar ad_padding};
margin:{vb:stylevar ad_margin};
text-align:{vb:stylevar left};
}
#ad_thread_first_post_content {
float:{vb:stylevar right};
margin:{vb:stylevar ad_margin};
}
#ad_thread_last_post_content {
float:{vb:stylevar right};
margin:{vb:stylevar ad_margin};
z-index: 1000;
}
.google_adsense_footer {
clear:both;
}