2011 ~ Blogger Bazar Test Lab

/*----- MBL Scrolling Subscribe Now Bar-----*/ #bobar { z-index: 100000; } .barimage { height: 91px; padding: 0px 0px 0px 3px; float: left; background: transparent; line-height: 1em; } .bartext { height: 50px; padding: 0px 0px 0px 5px; float: left; text-align: left; text-transform: none; background: transparent; } .bartext .bartitle { margin: 8px 0px 0px -10px; font-size: 42px; letter-spacing: -1px; font-weight: bold; font-family: 'Share'; color: #ffffff; line-height: 28px; } .bartext .barsubtitle { font-size: 24px; font-family: 'Share'; font-weight: normal; letter-spacing: -2px; padding: 0px 0px 0px 0px; color: #ffffff; line-height: 12px; word-spacing: 3px; margin: -5px 0px 0px 0px; } .bartext .fineprint { color: #ffffff; padding: 0px; line-height: 10px; font-size: 10px; margin: 0px 0px 0px 1px; font-family: Arial; font-weight: normal; } #bobar #bar_topborder { width: 100%; border-top: 3px solid black; padding: 0px; margin: 0px; } #bobar .searchbox_header { color: #ffffff; padding: 2px 0px 2px 0px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; } #bobar #inner { width: 1030px; height: 65px; margin: 0 auto; } #bobar .bar_arrow { padding: 0px 20px 0px 10px; } #bobar div.search { margin: 0; padding: 1px 0px 0px 320px; text-align: left; line-height: 18px; } #bobar div.search input[type="text"] { color: #000000; height: 24px; width: 250px; padding: 3px 0px 3px 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; font-size: 12px; font-family: arial; margin-top: 1px; } #bobar div.search input[type="submit"] { color: black; width: 120px; height: 34px; font-size: 14pt; font-weight: normal; margin: 0px; } #bobar div.search input[type="submit"]:hover { cursor: pointer; } #bobar div.plusone { float: right; margin: 0; padding: 9px 0 0 10px; width: 80px; } #bobar div.twitter { float: right; margin: 0; padding: 5px 0 0 0; width: 116px; } #bobar div.fb { float: right; margin: 0; padding: 5px 0 0 0; width: 96px; text-align: left; } #bobar .message { font-size: 14px; line-height: 25px; } #bobar .success { color: #039c33; font-weight: normal; } #bobar .error { color: #ff0000; font-weight: normal; } /*----- bar style -----*/ .jx-bar { height: 65px; padding: 0px; width: 100%; background-color: #00B0E6; border-top: 1px solid black; margin: 0px; } .jx-bar-rounded-tl { -webkit-border-top-left-radius: 0px; -khtml-border-radius-topleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } .jx-bar-rounded-bl { -webkit-border-bottom-left-radius: 0px; -khtml-border-radius-bottomleft: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; } .jx-bar-rounded-tr { -webkit-border-top-right-radius: 0px; -khtml-border-radius-topright: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; } .jx-bar-rounded-br { -webkit-border-bottom-right-radius: 0px; -khtml-border-radius-bottomright: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } /*----- bar separator -----*/ .jx-bar span { width:1px; height:100%; background-color: #000000; } .jx-separator-left { float:left; } .jx-separator-right { float:right; } /* tooltip point direction */ .jx-tool-point-dir-down { background-image:url('http://cdn.utilcave.com/bobar/ttd.gif'); background-repeat:no-repeat; background-position:center bottom; height:5px; width:auto; } .jx-tool-point-dir-up { background-image:url('http://cdn.utilcave.com/bobar/ttu.gif'); background-repeat:no-repeat; background-position:center bottom; height:5px; width:auto; } /*----- bar button -----*/ .jx-bar-button ul { margin:0px; padding:0px; } .jx-bar-button li { float:left; list-style:none; } .jx-bar-button-right li { float:right; list-style:none; } .jx-bar-button li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; cursor:pointer; padding: 4px 8px 4px 8px; border: 1px solid #00B0E6; margin: 2px; line-height: 1em; background: transparent; } .jx-bar-button li:hover { background-color: #000000; border: 1px solid #000000; padding: 4px 8px 4px 8px; margin: 2px; } .jx-bar-button-rounded li:hover { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* default button's anchor text style */ .jx-bar-button li a:link, .jx-bar-button li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; padding: 1px; } .jx-bar-button li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none; } /*----- bar text container and button arrow indicator -----*/ .jx-bar div, .jx-bar iframe { } .jx-bar div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 2px 8px 2px 8px; margin: 2px 0px 2px 0px; padding: 0px; margin: 0px; } .jx-bar div a:link, .jx-bar div a:visited { color: #666666; text-decoration: none; } .jx-bar div a:hover { color: #0099FF; text-decoration: none; } .jx-bar iframe { margin:4px 0px 4px 10px; } /*----- button tooltip -----*/ .jx-bar-button-tooltip { height: auto; padding: 5px 10px 5px 10px; color: #fff; background-color: #36393D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } /* rounded tooltip */ .jx-bar-button-tooltip { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /*----- nav menu -----*/ .jx-nav-menu { padding: 2px; background-color: transparent; border:#ccc solid 0px; } .jx-nav-menu-rounded { -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .jx-nav-menu ul { margin:0; padding:0; list-style:none; } .jx-nav-menu a:hover { background-color:#4096EE; color:#fff; text-decoration:none; } /* styles for menu items */ .jx-nav-menu ul li a { display:block; text-decoration:none; color:#777; background:#fff; /* IE6 Bug */ padding:8px; border:1px solid #eee; /* IE6 Bug */ border-bottom:0px; } /* active menu button */ .jx-nav-menu-active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; background-color:transparent; padding:4px 8px 4px 8px; margin:2px; } /* active menu button (rounded) */ .jx-nav-menu-active-rounded { -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* hide and show/unhide item */ .jx-hide { float:right; background-image:url(http://cdn.utilcave.com/bobar/hide_dark.gif); background-repeat:no-repeat; height:16px; width:16px; } .jx-hide-top { float:right; background-image:url(http://cdn.utilcave.com/bobar/show_dark.gif); background-repeat:no-repeat; height:16px; width:16px; } .jx-show { height:30px; padding:0px; width:40px; background-color: #00B0E6; border: 2px solid yellow; border-bottom: 0px; } .jx-show-button { float:right; background-image:url(http://cdn.utilcave.com/bobar/show_dark.gif); background-repeat:no-repeat; height:16px; width:16px; } /* if showOnTop is TRUE, use "hide.gif" instead of "show.gif" */ .jx-show-button-top { float:right; background-image:url(http://cdn.utilcave.com/bobar/hide_dark.gif); background-repeat:no-repeat; height:16px; width:16px; } .jx-hide-separator { width:1px; height:100%; background-color: #335c9d; float:right; } .jx-bar-button li { margin: 2px 0px 0px 0px; } .jx-bar-button li:hover { margin: 2px 0px 0px 0px; } /*--------Subscription Form ------*/ .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;} .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 185px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#57ABFE 0%,#0080ff 100%); background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#0080ff)); border: 1px solid #0080ff; text-transform: none; font:bold 12px arial; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;} /*--------Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:40px; padding:0 4px; float:right; background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; }