/confirmboxclose.png") no-repeat 0px 0px; */
height:38px;
width:38px;
position:absolute;
top:-20px;
right:-20px;
text-indent:-9999px;
}
#confirmBox .confirmboxin {
background:#FFF;
width:400px;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:0px;
}
#confirmOverlay a.bookmarklet {
background: url("http://roohit.com/css/../images/aa/dragndrophlgrey.png") no-repeat scroll 0 0 transparent;
display: block;
height: 48px;
margin: 0 auto;
padding: 0;
text-indent: -9999px;
width: 129px;
}
#confirmBox h1 {
background-color:#c6eafd;
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
float:left;
padding:10px 0px;
margin:0px 0px 10px 0px;
font-size:24px;
font-weight:bold;
color:#000000;
text-align:center;
width:100%;
}
#confirmBox h1, #confirmBox p {
font:22px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
/*background:url("http://roohit.com/css/header_bg.jpg") repeat-x left bottom #f5f5f5;*/
padding: 10px 15px;
color:#000;
}
#confirmBox h1 {
letter-spacing:0.3px;
color:#0088ba;
padding:10px 0px;
}
#confirmBox p {
background:none;
font-size:13px;
line-height:1.4;
padding-top: 18px;
}
#confirmButtons {
padding:15px 0 25px;
text-align:center;
cursor: pointer;
}
#confirmBox .button {
display:inline-block;
/* background:url(/images/hp_toolbar/buttons.png) no-repeat; */
background: url("/images/bluebtnbg.png") repeat-x scroll 0 0 transparent;
color:white;
position:relative;
height: 33px;
font:17px/33px 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
margin-right: 15px;
padding: 0 35px 0 40px;
text-decoration:none;
border:none;
border-radius: 5px;
}
#confirmBox .button:last-child {
margin-right:0;
}
#confirmBox .button span {
position:absolute;
top:0;
right:-5px;
background:url(/images/hp_toolbar/buttons.png) no-repeat;
width:5px;
height:33px
}
#confirmBox .blue {
background-position:left top;
text-shadow:1px 1px 0 #5889a2;
}
#confirmBox .blue span {
background-position:-195px 0;
}
#confirmBox .blue:hover {
background-position:left bottom;
}
#confirmBox .blue:hover span {
background-position:-195px bottom;
}
#confirmBox .gray {
background-position:-200px top;
text-shadow:1px 1px 0 #707070;
}
#confirmBox .gray span {
background-position:-395px 0;
}
#confirmBox .gray:hover {
background-position:-200px bottom;
}
#confirmBox .gray:hover span {
background-position:-395px bottom;
}
function accomodateSlider() {
try {
var $sliderMain = roohJQ('#rooh-hp-slider'),
$logodiv = roohJQ('.logo-container'),
$dragbkmk = roohJQ('#dragbkmk-container'),
height = $sliderMain.height();
if($dragbkmk.is(':visible')) {
if(roohJQ('#slider-overlay').length === 0) {
roohJQ('').css({
'top' : $sliderMain.offset().top + $sliderMain.outerHeight(),
'width' : roohJQ(window).width(),
'height' :roohJQ(window).height()
}).appendTo($sliderMain).click(function() {
roohJQ('#slider-overlay').fadeOut(400).remove();
});
//$dragbkmk.css('border-color', '#d5030b') ; //RC - 10/22/12
} else {
roohJQ('#slider-overlay').css({
'top' : $sliderMain.offset().top + $sliderMain.outerHeight(),
'width' : roohJQ(window).width(),
'height' :roohJQ(window).height()
});
}
$logodiv.removeClass().addClass('logo-container');
} else {
roohJQ('#slider-overlay').fadeOut(400).remove();
$logodiv.removeClass().addClass('logo-container logo-container-inner-white');
//$dragbkmk.css('border-color', '#d5030b') ; //RC - 10/22/12
}
if(!height || height > 200) {
return;
}
if(roohJQ("#rooh-hp-panel").is(":visible") && typeof elemToPush != 'undefined' && elemToPush == '#rooh-hp-slider') // just hard code for roohit own site
height -= pushPageDown;
if(typeof origMarginTop != 'undefined') // If there was margin-top already on body tag, add that also
height += origMarginTop;
roohJQ('body').animate({
'margin-top' : height
}, {
queue : false
});
} catch (exc) {
console.log ("Exception trying to acoomodate the Slider: " + exc.message) ;
}
}
var blink = null;
function blurExceptBkmrkBtn()
{
var opacity = "0.1";
roohJQ(".dragbtn-screen").css("opacity",opacity);
// $(".bar-instruction").css("color","#999");
// $(".dragthis").css("color","#999");
// $(".dragbkmk-content h2").css("color","#999");
//$(".bar-instruction").css("opacity",opacity);
roohJQ("#header").css("opacity", opacity) ;
roohJQ("#home-banner-container").css("opacity", opacity) ;
roohJQ("#home-wrapper").css("opacity", opacity) ;
roohJQ(".starthl-downarrow").hide() ;
roohJQ(".to-start-hlbtn").hide() ;
//$("#rooh-btn-inst1").hide();
//$("#rooh-btn-inst2").show();
roohJQ(".dragthis span").css("visibility","hidden");
roohJQ(".dragbkmk-content h2").css("visibility","hidden");
roohJQ("#hideslider").css("visibility","hidden");
roohJQ("#tip").children().css("bottom",'');
roohJQ("#tip").children().css("top",'-70px');
roohJQ(".dragbtn-uparrow-home").css('visibility','visible');
roohJQ(".straddle").css("opacity", opacity);//facebook login button on home page
if(blink == null)
{
var len = timeouts.length;
for(var i=0; i < len; i++)
{
clearTimeout(timeouts[i]);
}
timeouts = [];
if(roohJQ(".dragbtn-uparrow-home").length)
blink = window.setInterval(blinkUpArrowHome, 500);
else
blink = window.setInterval(blinkUpArrow, 500);
}
}
function removeBlurExceptBkmrkBtn()
{
roohJQ(".dragbtn-screen").css("opacity","1");
// $(".bar-instruction").css("color","#333333");
// $(".dragthis").css("color","#000");
// $(".dragbkmk-content h2").css("color","#999");
//$(".bar-instruction").css("opacity","1");
roohJQ("#header").css("opacity", "1") ;
roohJQ("#home-banner-container").css("opacity", "1") ;
roohJQ("#home-wrapper").css("opacity", "1") ;
roohJQ(".starthl-downarrow").show() ;
roohJQ(".to-start-hlbtn").show() ;
//$("#rooh-btn-inst2").hide();
//$("#rooh-btn-inst1").show();
roohJQ(".dragthis span").css("visibility","visible");
roohJQ(".dragbkmk-content h2").css("visibility","visible");
roohJQ("#hideslider").css("visibility","visible");
roohJQ("#tip").children().css("top",'');
roohJQ("#tip").children().css("bottom",'0px');
roohJQ(".straddle").css("opacity", "1"); //facebook login button on home page
if(blink != null)
{
clearInterval(blink);
blink = null;
roohJQ(".dragbtn-uparrow").show();
roohJQ(".dragbtn-uparrow-home").css('visibility','hidden');
}
}
function blinkUpArrow()
{
roohJQ(".dragbtn-uparrow").toggle();
}
function blinkUpArrowHome()
{
var upArrow = roohJQ(".dragbtn-uparrow-home");
if(upArrow.css("visibility") == 'visible')
{
upArrow.css('visibility','hidden');
}
else
{
upArrow.css('visibility','visible');
}
}
(function($) {
function initTip() {
roohJQ('#tip.dragbtn-tip').mousetip({
//to overwrite tips, just define the tip like this :
tipSuccess: "
Click ★Rooh.it on any page to start highlighting it."
},
// Define the function that will be called after user successfully add bookmarklet to bookmarkbar
function(){
// setTimeout(closeSlider, 500);
roohJQ("#dragbkmk-container").slideUp(700, function() {
accomodateSlider();
});
});
}
roohJQ(document).ready(function() {
if(roohJQ(document).data('mousetip.loaded') === true) {
initTip();
} else {
roohJQ(document).bind('mousetip.loaded', function() {
initTip();
});
}
/* Always show it
$("h1.dragthis").hover(function(){
$('.bar-instruction').fadeIn(150);
},
function(){
$('.bar-instruction').fadeOut(150);
});
*/
});
})(roohJQ);
★Rooh.it Drag button to Bookmarks Bar to get your own Highlighter
Without installing anything
Just click down and drag it to your Bookmarks Bar.It's very easy! I know you can do it.Go ahead and mouse over the gray buttonIt's very easy! I know you can do it.
Ctrl + Shift + B to show Bookmarks Bar.
Hide for today
I already have it
var showBkMrkBar = 'Ctrl + Shift + B';
accomodateSlider();
roohJQ('#skiphl').click(function () {
roohJQ("#dragbkmk-container").slideUp(700, function(){accomodateSlider();});
});
roohJQ("#hideslider").on("click","li",function(){
var id = roohJQ(this).attr('id');
MAX_PROMPTS = 5 ;
if(id = "hlnow")
{
// Get current time, subtract from EOD and pass in duration
SetCookie('pluginprompted', MAX_PROMPTS, 86400); // 1-day cookie
}
else if(id = "hlnever")
{
// Set expiry of 180 days
SetCookie('pluginprompted', MAX_PROMPTS, 31536000); // 365-day cookie
}
roohJQ("#dragbkmk-container").slideUp(700, function(){accomodateSlider();});
});
var timeouts = new Array();
var timeout = setTimeout("roohJQ('.dragbtn-uparrow').css('visibility','visible').hide().fadeIn(800);", 2500) ;
timeouts.push(timeout);
for (iterate=1; iterate<5; iterate++) {
timeout = setTimeout("roohJQ('.dragbtn-uparrow').hide();", 5000*iterate) ;
timeouts.push(timeout);
timeout = setTimeout("roohJQ('.dragbtn-uparrow').css('visibility','visible').hide().fadeIn(800);", 5800*iterate) ;
timeouts.push(timeout);
}
/*
function blink(selector){
$(selector).fadeOut(1, function(){
$(this).fadeIn(800, function(){
blink(this);
});
});
}
blink('.blinkingDiv') ;
*/
close
:: Rooh it - Get Highlighter ::
For your Webpage
|
For your Internet browser
WordPress Plugin
Joomla Extension
Put a
Highlighter on
you blog, website
User highlights are posted to FB
and all Social Media
View Benefits
if (!$("link[href='/css/page-template-style.css']").length)
$('').appendTo("head");
if (!$("link[href='/css/biz-solution-style.css']").length)
$('').appendTo("head");
#page-template .right-container h3 {
/* color:#3e24ab; */
color:#3ca6ce;
font-weight:bold;
line-height:36px
}
Get Social Exposure
•
Boost Your Traffic
•
Fight Info Overload
Instant Highlighter for your Visitors
Do you have a highlighter pen on your desk? Provide your visitors with a highlighter on your website and earn their appreciation.
Don't let your webpage be missing the the most common publishing tool - a Highlighter button.
Enable efficient sharing and boost your traffic.
Screenshot your Site to Facebook
When a user makes a highlight on your website, it automatically gets posted to Facebook - on their Timeline.
Gets you brand exposure on their Social Networks.
Tweet Highlights from your Site
Users can automatically tweet their highlights to Twitter (links back to your website).
Automatically shortens the highlighted text to fit in 140 characters.
Stream your Content in Real-Time
Highlights on your website are automatically distributed to all users' widgets.
User widgets are present on all Social Networks and Blogging Platforms. Gets you exposure to all users' on all Social Networks.
Reach your Users' Friends
Make it easier for new users to discover your website - based upon what their friends' are reading.
Easy, Intuitive, Powerful
Upon clicking the highlighter button:
• Mouse cursor instantly changes to a highlighter
• Select text, it instantly gets highlighted
• Automatically share highlights using any medium
No Registration needed | No Installation needed
Roohit enables Social Sharing and is packed with features that get you a lot of brand exposure & increase your traffic - try it FREE and see for yourself.
$(document).ready(function(){
$('.biz-benefits-modal').click(function(e){
e.preventDefault();
$.fancybox({
'width' : '776',
'height' : '500',
'scrolling' : 'auto',
'autoDimensions' : false,
'href' : '#biz-benefits-fancy'
});
});
});
var rooh_domain_path = 'http://roohit.com';
var highlighterOptions = {"defaults":{"pubid":"","uid":"","domain":"","serviceLevel":"10","url":"http://","autoload":0,"showHorizontal":0,"showVertical":1,"btnImg":2,"showcount":-1,"btnImgV":2,"showcountV":-1,"leftOrRight":1,"distFromTop":200},"user":{"http":{"url":"http://http://roohit.com/get-highlighter/index.php#grab-code-vbtn","serviceLevel":"0","autoload":0,"showHorizontal":0,"showVertical":1,"showcountV":"-1","btnImgV":"2","distFromTop":"200","leftOrRight":"1"}}};
var previewOptions = {"baseimage":"/images/browserYourWebsite.png","horizontal":{"image":"/images/hbtns.png","buttonCoords":{"1":{"x":0,"y":0,"w":16,"h":16},"2":{"x":0,"y":24,"w":96,"h":16},"3":{"x":0,"y":48,"w":156,"h":34}}},"vertical":{"image":"/images/vbtns.png","buttonCoords":{"1":{"x":0,"y":0,"w":33,"h":37},"2":{"x":45,"y":0,"w":33,"h":118},"3":{"x":90,"y":0,"w":58,"h":188}}}};
#get-hl{
background:url(/images/bg-gethl-wrapper.jpg) repeat-y right 0px;
width:940px;
height: 605px;
float:left;
margin:10px 0px 0px 0px;
padding:20px;
border:2px solid #535d63;
border-radius:10px;
box-shadow:0px 0px 5px #999999;
position:relative;
min-height:300px;
}
.banner-get-hl{
background: url(/images/Banners-Sprite9.png) no-repeat 284px 14px;
height:215px;
width:980px;
float:left;
margin:0px 0px 15px 0px;
padding:0px;
text-indent:-9999px;
}
#get-hl .starbuzz-gethl{
background:url(/images/starbuzz-gethl.png) no-repeat 0px 0px;
height:106px;
width:106px;
position:absolute;
top:-50px;
right:-50px;
text-indent:-9999px;
z-index:2
}
#get-hl .testimonials{
background:#fdfae0;
width:265px;
padding:10px;
position:absolute;
top:30px;
right:30px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
color:#666666;
border-radius:5px;
z-index:1;
}
#get-hl .testimonials p{
padding:5px;
float:left;
}
#preview{
position:absolute;
top:215px;
right:30px;
width:277px;
height:232px;
}
#preview canvas, #preview img {
width: 100%;
height: 100%;
display:none;
border: 1px solid #77D5F9;
box-shadow: 0px 0px 8px #77D5F9;
}
#preview p{
width: 100%;
text-align: center;
color:#555;
font-size:16px;
}
#get-hl .platforms{
width:600px;
float:left;
margin:0px;
padding:0px;
}
#get-hl .platforms .customplatform {
display: none;
clear: both;
}
#get-hl .platforms .typeOfSiteWrapper{
width:185px;
float:left;
margin:0px;
padding:0px 5px 0px 5px;
line-height:3em;
}
#get-hl .platforms .typeOfSiteWrapper.clearLeft {
clear: left;
}
/*Added by Fermin START*/
#get-hl .platforms .platform-icon{
background:url(/images/get-highlighter/sprites-icons-gethl-platforms.1.png) no-repeat;
height:16px;
width:16px;
display:inline-block;
margin:0px 5px 0px 5px;
padding:0px;
text-indent:-9999px;
line-height:1.5em;
}
#get-hl .platforms .platform-web{
background-position:0px 0px;
}
#get-hl .platforms .platform-bp{
background-position:-18px 0px;
}
#get-hl .platforms .platform-blg{
background-position:-36px 0px;
}
#get-hl .platforms .platform-frwb{
background-position:0px -18px;
}
#get-hl .platforms .platform-lvj{
background-position:-18px -18px;
}
#get-hl .platforms .platform-mg{
background-position:-36px -18px;
}
#get-hl .platforms .platform-mlp{
background-position:0px -36px;
}
#get-hl .platforms .platform-msp{
background-position:-18px -36px;
}
#get-hl .platforms .platform-mybk{
background-position:-36px -36px;
}
#get-hl .platforms .platform-ork{
background-position:0px -54px;
}
#get-hl .platforms .platform-tgd{
background-position:-18px -54px;
}
#get-hl .platforms .platform-wp{
background-position:-36px -54px;
}
#get-hl .platforms .platform-xg{
background-position:0px -72px;
}
/*Added by Fermin END*/
#vbtn-container,
#vbtn-container-vcount,
#vbtn-container-hcount{
float:left;
margin:0px;
padding:0px;
width:100%;
}
#vbtn-container .vbtn-container-row,
#vbtn-container-vcount .vbtn-container-vcount-row,
#vbtn-container-hcount .vbtn-container-hcount-row{
float:left;
margin:0px;
padding:10px 0px 10px 0px;
min-width: 100px;
/*width:100%;*/
}
#vbtn-container .vbtn-container-row {
position: relative;
/*margin-top:20px;*/
}
#vbtn-container input,
#vbtn-container-vcount input,
#vbtn-container-hcount input{
float:left;
}
#vbtn-small-container,
#vbtn-small-container-with-hcount,
#vbtn-small-container-with-vcount,
#vbtn-medium-container,
#vbtn-medium-container-with-hcount,
#vbtn-medium-container-with-vcount,
#vbtn-big-container,
#vbtn-big-container-with-hcount,
#vbtn-big-container-with-vcount
{
display:inline-block;
position: relative;
}
#vbtn-small-container .vbtn-small{
background:url(/images/vbtns.png) no-repeat 0px 0px;
height:37px;
width:33px;
display:inline-block;
text-indent:-9999px;
float:left;
margin:0px;
padding:0px;
clear:left;
}
#vbtn-small-container .vbtn-small-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 0px 5px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
top: 3px;
border-radius:2px;
}
#vbtn-small-container .vbtn-small-hcount-tip{
background:url(/images/hcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
top:4px;
left:-6px;
width:6px;
height:7px;
}
#vbtn-small-container .vbtn-small-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
margin:0px 0px 8px 0px;
padding:5px;
font-size:11px;
line-height:4px;
position:absolute;
left:6px;
top: -20px;
border-radius:2px;
}
#vbtn-small-container .vbtn-small-vcount-tip{
background:url(/images/vcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
bottom:-6px;
left:40%;
width:6px;
height:6px;
}
#vbtn-medium-container .vbtn-medium{
background:url(/images/vbtns.png) no-repeat -45px 0px;
height:118px;
width:33px;
display:inline-block;
text-indent:-9999px;
float:left;
margin:0px;
padding:0px;
clear:left;
}
#vbtn-medium-container .vbtn-medium-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 0px 7px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
top: 3px;
border-radius:2px;
}
#vbtn-medium-container .vbtn-medium-hcount-tip{
background:url(/images/hcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
top:4px;
left:-6px;
width:6px;
height:7px;
}
#vbtn-medium-container .vbtn-medium-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
margin:0px 0px 6px 0px;
padding:5px;
font-size:11px;
line-height:4px;
position:absolute;
left:3px;
top: -20px;
border-radius:2px;
}
#vbtn-medium-container .vbtn-medium-vcount-tip{
background:url(/images/vcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
bottom:-6px;
left:40%;
width:6px;
height:6px;
}
#vbtn-big-container .vbtn-big{
background:url(/images/vbtns.png) no-repeat -90px 0px;
height:188px;
width:58px;
display:inline-block;
text-indent:-9999px;
float:left;
margin:0px;
padding:0px;
clear:left;
}
#vbtn-big-container .vbtn-big-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:8px;
float:left;
margin:0px 0px 0px 10px;
padding:12px;
font-size:14px;
line-height:6px;
position:relative;
top: 3px;
border-radius:5px;
}
#vbtn-big-container .vbtn-big-hcount-tip{
background:url(/images/hcount-big-tip.png) no-repeat 0px 0px;
height:10px;
width:8px;
position:absolute;
top:10px;
left:-8px;
}
#vbtn-big-container .vbtn-big-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:8px;
margin:0px 0px 8px 0px;
padding:12px;
font-size:14px;
line-height:6px;
position:absolute;
left:7px;
top: -40px;
border-radius:5px;
}
#vbtn-big-container .vbtn-big-vcount-tip{
background:url(/images/vcount-big-tip.png) no-repeat 0px 0px;
height:8px;
width:10px;
position:absolute;
left:40%;
bottom:-8px;
}
#hbtn-container,
#hbtn-container-vcount,
#hbtn-container-hcount{
float:left;
margin:0px;
padding:0px;
width:100%;
}
#hbtn-container .hbtn-container-row,
#hbtn-container-vcount .hbtn-container-vcount-row,
#hbtn-container-hcount .hbtn-container-hcount-row{
float:left;
margin:0px;
padding:10px 0px 10px 0px;
width:100%;
}
/* Removed to align radio buttons with images.
#hbtn-container input,
#hbtn-container-vcount input,
#hbtn-container-hcount input{
float:left;
}
*/
#hbtn-small-container,
#hbtn-small-container-with-hcount,
#hbtn-small-container-with-vcount,
#hbtn-medium-container,
#hbtn-medium-container-with-hcount,
#hbtn-medium-container-with-vcount,
#hbtn-big-container,
#hbtn-big-container-with-hcount,
#hbtn-big-container-with-vcount
{
display:inline-block;
}
#hbtn-small-container .hbtn-small{
background:url(/images/hbtns.png) no-repeat 0px 0px;
height:16px;
width:16px;
float:left;
margin:0px;
padding:0px;
clear:left;
text-indent:-9999px;
}
#hbtn-small-container .hbtn-small-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 0px 5px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
border-radius:2px;
}
#hbtn-small-container .hbtn-small-hcount-tip{
background:url(/images/hcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
top:4px;
left:-6px;
width:6px;
height:7px;
}
#hbtn-small-container .hbtn-small-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 8px 0px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
border-radius:2px;
}
#hbtn-small-container .hbtn-small-vcount-tip{
background:url(/images/vcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
bottom:-6px;
left:15%;
width:6px;
height:6px;
}
#hbtn-medium-container .hbtn-medium{
background:url(/images/hbtns.png) no-repeat 0px -24px;
height:16px;
width:96px;
float:left;
margin:0px;
padding:0px;
clear:left;
text-indent:-9999px;
}
#hbtn-medium-container .hbtn-medium-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 0px 7px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
border-radius:2px;
}
#hbtn-medium-container .hbtn-medium-hcount-tip{
background:url(/images/hcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
top:4px;
left:-6px;
width:6px;
height:7px;
}
#hbtn-medium-container .hbtn-medium-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:5px;
float:left;
margin:0px 0px 6px 0px;
padding:5px;
font-size:11px;
line-height:4px;
position:relative;
border-radius:2px;
}
#hbtn-medium-container .hbtn-medium-vcount-tip{
background:url(/images/vcount-small-tip.png) no-repeat 0px 0px;
position:absolute;
bottom:-6px;
left:15%;
width:6px;
height:6px;
}
#hbtn-big-container .hbtn-big{
background:url(/images/hbtns.png) no-repeat 0px -48px;
height:34px;
width:156px;
float:left;
margin:0px;
padding:0px;
clear:left;
text-indent:-9999px;
}
#hbtn-big-container .hbtn-big-hcount{
background:#FFFFFF;
border:1px solid #bababa;
height:8px;
float:left;
margin:0px 0px 0px 10px;
padding:12px;
font-size:14px;
line-height:6px;
position:relative;
border-radius:5px;
}
#hbtn-big-container .hbtn-big-hcount-tip{
background:url(/images/hcount-big-tip.png) no-repeat 0px 0px;
height:10px;
width:8px;
position:absolute;
top:10px;
left:-8px;
}
#hbtn-big-container .hbtn-big-vcount{
background:#FFFFFF;
border:1px solid #bababa;
height:8px;
float:left;
margin:0px 0px 8px 0px;
padding:12px;
font-size:14px;
line-height:6px;
position:relative;
border-radius:5px;
}
#hbtn-big-container .hbtn-big-vcount-tip{
background:url(/images/vcount-big-tip.png) no-repeat 0px 0px;
height:8px;
width:10px;
position:absolute;
left:15%;
bottom:-8px;
}
#get-hl .add-bar{
background:#f1f0f0;
width:580px;
height:22px;
padding:5px 10px 5px 10px;
margin:5px 0px 5px 0px;
float:left;
font-size:14px;
color:#333333;
border-radius:5px;
}
.get-hl-instructions{
width:980px;
float:left;
margin:20px 0px 0px 0px;
padding:0px;
display:none;
}
.get-hl-instructions .instructions-left-pane{
width:600px;
float:left;
margin:0px;
padding:0px;
}
.get-hl-instructions .instructions-right-pane{
width:350px;
float:right;
margin:0px;
padding:0px;
}
.get-hl-instructions .instructions-steps{
width:580px;
float:left;
margin:0px 0px 10px 0px;
padding:10px;
}
.get-hl-instructions .instructions-content{
width:260px;
float:right;
margin:0px;
padding:5px;
}
.get-hl-instructions a.instructions-video-thumb{
background:url(/images/instructions-video-thumb.png) no-repeat 0px 0px;
width:231px;
height:166px;
float:right;
margin:0px;
padding:5px;
text-indent:-9999px;
}
.get-hl-instructions .instructions-content h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
margin:0px;
padding:5px;
}
.get-hl-instructions .instructions-content p{
padding:5px;
margin:0px;
}
/*ADDED BY FERMIN 5/02/12 START*/
.get-hl-instructions .instructions-style{
width:298px;
height:198px;
float:left;
margin:0px;
padding:0px;
text-indent:-9999px;
border:1px solid #CCCCCC;
}
/*any website instructions START*/
.get-hl-instructions .instructions-anysite{
background:url(/images/anypage_instr.png ) no-repeat;
}
.get-hl-instructions .instructions-anysite-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-anysite-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-anysite-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-anysite-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-anysite-step5{
background-position:0px -820px;
}
/*any website instructions END*/
/*any website instructions END*/
/*blackplanet instructions START*/
.get-hl-instructions .instructions-bp-steps{
background:url(/images/get-highlighter/blackplanet_instr.png) no-repeat;
}
.get-hl-instructions .instructions-bp-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-bp-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-bp-step3{
background-position:0px -410px;
}
/*blackplanet instructions END*/
/*blogger instructions END*/
.get-hl-instructions .instructions-blg-steps{
background:url(/images/get-highlighter/blogger_instr.png) no-repeat;
}
.get-hl-instructions .instructions-blg-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-blg-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-blg-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-blg-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-blg-step5{
background-position:0px -820px;
}
/*blogger instructions END*/
/*freewebs instructions START*/
.get-hl-instructions .instructions-frwb-steps{
background:url(/images/get-highlighter/freewebs_instr.png) no-repeat;
}
.get-hl-instructions .instructions-frwb-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-frwb-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-frwb-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-frwb-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-frwb-step5{
background-position:0px -820px;
}
.get-hl-instructions .instructions-frwb-step6{
background-position:0px -1025px;
}
/*freewebs instructions END*/
/*livejournal instructions START*/
.get-hl-instructions .instructions-lvj-steps{
background:url(/images/get-highlighter/livejournal_instr.png) no-repeat;
}
.get-hl-instructions .instructions-lvj-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-lvj-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-lvj-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-lvj-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-lvj-step5{
background-position:0px -820px;
}
.get-hl-instructions .instructions-lvj-step6{
background-position:0px -1025px;
}
/*livejournal instructions END*/
/*migente instructions START*/
.get-hl-instructions .instructions-mg-steps{
background:url(/images/get-highlighter/migente_instr.png) no-repeat;
}
.get-hl-instructions .instructions-mg-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-mg-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-mg-step3{
background-position:0px -410px;
}
/*migente instructions END*/
/*multiply instructions START*/
.get-hl-instructions .instructions-mlp-steps{
background:url(/images/get-highlighter/multiply_instr.png) no-repeat;
}
.get-hl-instructions .instructions-mlp-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-mlp-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-mlp-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-mlp-step4{
background-position:0px -615px;
}
/*multiply instructions END*/
/*myspace instructions START*/
.get-hl-instructions .instructions-msp-steps{
background:url(/images/get-highlighter/myspace_instr.png) no-repeat;
}
.get-hl-instructions .instructions-msp-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-msp-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-msp-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-msp-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-msp-step5{
background-position:0px -820px;
}
.get-hl-instructions .instructions-msp-step6{
background-position:0px -1025px;
}
.get-hl-instructions .instructions-msp-step7{
background-position:0px -1230px;
}
.get-hl-instructions .instructions-msp-step8{
background-position:0px -1435px;
}
/*myspace instructions END*/
/*myyearbook START*/
.get-hl-instructions .instructions-mybk-steps{
background:url(/images/get-highlighter/myyearbook_instr.png) no-repeat;
}
.get-hl-instructions .instructions-mybk-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-mybk-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-mybk-step3{
background-position:0px -410px;
}
/*myyearbook END*/
/*orkut START*/
.get-hl-instructions .instructions-ork-steps{
background:url(/images/get-highlighter/orkut_instr.png) no-repeat;
}
.get-hl-instructions .instructions-ork-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-ork-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-ork-step3{
background-position:0px -410px;
}
/*orkut END*/
/*tagged START*/
.get-hl-instructions .instructions-tgd-steps{
background:url(/images/get-highlighter/tagged_instr.png) no-repeat;
}
.get-hl-instructions .instructions-tgd-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-tgd-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-tgd-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-tgd-step4{
background-position:0px -615px;
}
/*tagged END*/
/*wordpress instructions START*/
.get-hl-instructions .instructions-wp-steps{
background:url(/images/get-highlighter/wordpress_instr.png) no-repeat;
}
.get-hl-instructions .instructions-wp-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-wp-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-wp-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-wp-step4{
background-position:0px -615px;
}
.get-hl-instructions .instructions-wp-step5{
background-position:0px -820px;
}
.get-hl-instructions .instructions-wp-step6{
background-position:0px -1025px;
}
/*worpress instructions END*/
/*xanga instructions START*/
.get-hl-instructions .instructions-xg-steps{
background:url(/images/get-highlighter/xanga_instr.png) no-repeat;
}
.get-hl-instructions .instructions-xg-step1{
background-position:0px 0px;
}
.get-hl-instructions .instructions-xg-step2{
background-position:0px -205px;
}
.get-hl-instructions .instructions-xg-step3{
background-position:0px -410px;
}
.get-hl-instructions .instructions-xg-step4{
background-position:0px -615px;
}
/*xanga instructions END*/
#get-hl .hp-panel-container{
width:580px;
float:left;
margin:0px;
padding:0px;
}
#get-hl .hp-panel-container-row{
width:365px;
float:left;
margin:0px 0px 0px 200px;
padding:10px 0px 10px 0px;
}
#code {
width:224px;
height:35px;
margin-right:10px;
}
#grab-code-vbtn {
width:450px;
}
#grabcode {
margin-top: 10px;
width:95px;
}
#paynow {
margin: -4px 0px 0px 13px;
}
ol.payment-steps {
list-style-type:decimal;
list-style-position: outside;
display: block;
font-weight: bold;
zoom:1;
}
ol.payment-steps li {
margin-bottom: 2px;
margin-left:20px;
}
ol.payment-steps li > p{
font-weight: normal;
display: inline-block;
}
#domain_url{
min-height: 100px !important;
padding-bottom: 0px !important;
}
div#url, div#domain_sel {
display:block;
width: 390px;
}
#rooh-vtab #url > p, #rooh-vtab #domain_sel > p {
display:block;
width:100%;
}
div#url input {
width: 260px;
height:16px;
box-sizing: content-box;
}
div#domain_sel select {
width: 300px;
height:30px;
height:35px;
}
div#domain_sel .actions {
display:block;
overflow: hidden;
}
#url .actions {
width:260px;
}
#domain_sel .actions {
width:300px;
}
.actions a {
padding: 2px 5px;
}
#sel {
float:right;
}
#upgradeLevel {
float:left;
}
#addnewdomain {
float:right;
}
#paymentmsg {
/*visibility: hidden; */
dispaly: none;
}
/* added by harshits- css banner text */
#banner-content-left{
font-size: 24px;
width:300px;
color:#666;
margin: 0px;
padding-left: 2.6em;
font-weight: normal;
line-height:1.2em;
float:left;
}
#banner-content-right{
font-size: 24px;
width:300px;
float:right;
text-align:right;
color:#666;
margin: 0px;
padding-right: .2em;
font-weight: normal;
line-height:1.2em;
padding-top:.6em;
}
#plusImg {
margin-right: 10px;
}
.checkboxClear{
background: url('/images/chk-box.png') no-repeat scroll 0px 0px;
width: 16px;
height: 16px;
margin: 0 5px 0px 20px;
display:inline-block;
}
.checkbox{
background: url('/images/chk-box.png') no-repeat scroll -16px 0px;
width: 16px;
height: 16px;
margin: 0 5px 0px 20px;
display:inline-block;
}
/* The following menu CSS is (almost) duplicated in collection-style.css pages */
/* Top navigation buttons css */
.topbuttonouter{
display:block;
}
.topbuttoninner{
width: 325px;
border-radius:5px;
height:32px;
margin: 0 auto;
}
a.btn{
height:22px;
padding:5px 20px 5px 20px;
font-size:14px;
color:#F0F0F0;
text-decoration:none;
display:inline-block;
/* border-radius:5px; */
font-family:Tahoma;
float:left;
background:url(/images/silverblueblack.png) 0px 0px repeat-x;
}
a.btnhover {
background:url(/images/long-pixel-sprite.png) 0px -96px repeat-x;
color:#FFFFFF;
background-color: #0084B4;
}
.bradius-collection{
border-radius:5px 0px 0px 5px;
}
.bradius-following{
border-radius:0px 5px 5px 0px;
}
/*
a.btn:hover {
background:url(/images/long-pixel-sprite.png) 0px -96px repeat-x;
color:#FFFFFF;
background-color: #0084B4;
}
*/
a.selected-btn{
/*background: #CCC !important;*/
background:url(/images/long-pixel-sprite.png) 0px -128px;
cursor: default !important;
}
a.selected-btn:hover {
background:url(/images/long-pixel-sprite.png) 0px -128px repeat-x;
color: #F0F0F0;
}
a.btn:hover {
background:url(/images/long-pixel-sprite.png) 0px -128px repeat-x;
color: #FFFFFF;
background-color: #000000;
}
/* End duplicated CSS */
ZeroClipboard.setMoviePath('//roohit.com/js/3rdparty/ZeroClipboard/ZeroClipboard.swf');
100,000+ websites are using Rooh it highlighters
"I love the ease of installation and simplicity of use for my users"
-Tim M.
"I got a ton of traffic by having my website showcased on Rooh it"
-Amanda T
Instant Preview
Increase Your Traffic
Settings">