/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');
}
}
var showBkMrkBar = '';
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
/* CSS Document */
#biz-solution{
min-width:980px;
}
#biz-solution h1{
font-size:24px;
font-weight:normal;
color:#333333;
margin:0px;
padding:0px 40px 0px 0px;
line-height:1.6em;
}
.float-left {
float:left;
}
#biz-solution h2{
font-weight:normal;
color:#333333;
margin:0px;
/*
font-size:24px;
padding:0px;
*/
line-height:1.3em;
}
#biz-solution h3{
font-size:16px;
font-weight:normal;
color:#333333;
margin:0px;
padding:0px;
line-height:1.3em;
}
.biz-widget{
background:url(/images/business-solutions/bg-biz-widget.png) no-repeat 0px 0px;
height:180px;
width:234px;
box-shadow: 5px 5px 5px #999999;
vertical-align: middle;
/*
float:right;
margin:-62px 108px 0px 0px;
padding:0px;
*/
}
#biz-solution .biz-hl-flow{
/*background:url(/images/business-solutions/bg-biz-hl-flow.png) no-repeat 0px 0px;*/
min-height:472px;
min-width:730px;
height:auto;
width:auto;
display:inline-block;
margin:0px;
padding:0px;
text-indent:-9999px;
}
.benefits-tiles-container{
width:730px;
float:left;
margin:0px;
padding:15px;
}
.benefits-tiles-container ul{
width:730px;
float:left;
margin:0px 0px 15px 0px;
padding:0px;
}
.benefits-tiles-container ul li{
background-color:#f6f6f6;/* */
width:160px;
height:170px;
float:left;
margin:0px 10px 0px 0px;
padding:10px 5px 10px 5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
list-style-type:none;
font-size:15px;
font-weight:normal;
text-align:center;
line-height:1.6em;
}
.benefits-tiles-container ul li .biz-benefits-icons{
background:url(/images/sprite-features-icons.png) no-repeat;
background-position:0px -240px;
height:80px;
width:85px;
margin:10px;
padding:0px;
text-indent:-9999px;
display:inline-block;
}
/**********added by fermin START *****************/
#biz-solution .benefits-tiles-container ul li .biz-benefits-ipad{
background-position:-85px -240px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-http{
background-position:-170px -240px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-fb{
background-position:-85px -80px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-custm{
background-position:0px -320px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-cont-custm{
background-position:-85px -320px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-prm{
background-position:-170px -320px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-reports{
background-position:-255px -320px;
}
/* fermin START 08/21/12 */
.benefits-tiles-container h3{
color:#666!important;
}
.explanation{
display:none;
}
.benefits-tiles-container ul li .biz-benefits-clp{
background-position:0px 0px;
}
.feat1:hover .biz-benefits-clp {
display:none;
}
.feat1:hover {
background-color:#3CA6CE;
}
.feat1:hover .explanation, .feat1:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-sv{
background-position:-85px 0px;
}
.feat2:hover .biz-benefits-sv {
display:none;
}
.feat2:hover {
background-color:#3CA6CE;
}
.feat2:hover .explanation, .feat2:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-col{
background-position: -85px -480px;
}
.feat3:hover .biz-benefits-col {
display:none;
}
.feat3:hover {
background-color:#3CA6CE;
}
.feat3:hover .explanation, .feat3:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-org{
background-position:-170px -480px;
}
.feat4:hover .biz-benefits-org {
display:none;
}
.feat4:hover {
background-color:#3CA6CE;
}
.feat4:hover .explanation, .feat4:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-tw{
background-position: 0px -80px;
}
.feat5:hover .biz-benefits-tw {
display:none;
}
.feat5:hover {
background-color:#3CA6CE;
}
.feat5:hover .explanation, .feat5:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-fb{
background-position: -85px -80px;
}
.feat6:hover .biz-benefits-fb {
display:none;
}
.feat6:hover {
background-color:#3CA6CE;
}
.feat6:hover .explanation, .feat6:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-eml{
background-position: -170px -80px;
}
.feat7:hover .biz-benefits-eml {
display:none;
}
.feat7:hover {
background-color:#3CA6CE;
}
.feat7:hover .explanation, .feat7:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-shw{
background-position: -85px -400px;
}
.feat8:hover .biz-benefits-shw {
display:none;
}
.feat8:hover {
background-color:#3CA6CE;
}
.feat8:hover .explanation, .feat8:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-fol{
background-position: 0px -160px;
}
.feat9:hover .biz-benefits-fol {
display:none;
}
.feat9:hover {
background-color:#3CA6CE;
}
.feat9:hover .explanation, .feat9:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-int{
background-position: -85px -160px;
}
.feat10:hover .biz-benefits-int {
display:none;
}
.feat10:hover {
background-color:#3CA6CE;
}
.feat10:hover .explanation, .feat10:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-fcol{
background-position: -255px -480px;
}
.feat11:hover .biz-benefits-fcol {
display:none;
}
.feat11:hover {
background-color:#3CA6CE;
}
.feat11:hover .explanation, .feat11:hover h3 {
display:block;
color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-get{
background-position: -8px -560px ;
}
.feat12:hover , .feat12:hover h3{
background-color:#3CA6CE;
color: #FFFFFF !important;
}
.feat12:hover .explanation { /* @TODO Set "Get Highlighter" to white color */
display:block;
color:white!important;
}
/* fermin END */
.silver-bg {
background:url(//roohit.com/images/business-solutions/silver_bg.png);
}
.gold-bg {
background:url(//roohit.com/images/business-solutions/gold_bg.png);
}
.silver-gold-bg {
background:url(//roohit.com/images/business-solutions/silver_gold_bg.png);
}
/***added by Fermin END****/
#slides{
width:auto;
height:auto;
}
#browser{
background:url(/images/business-solutions/browser.png) no-repeat 0px 0px;
width:306px;
height:208px;
margin:122px 0px 0px 141px;
}
#paste-code-txt{
background:url(/images/business-solutions/paste-code-txt.png) no-repeat 0px 0px;
width:202px;
height:74px;
margin:22px 0px 0px 130px;
}
#hl-pen{
background:url(/images/business-solutions/hl-pen.png) no-repeat 0px 0px;
width:29px;
height:119px;
margin:167px 0px 0px 416px;
}
#websiteHL{
background:url(/images/business-solutions/websiteHL.png) no-repeat 0px 0px;
width:108px;
height:43px;
margin:205px 0px 0px 269px;
}
#usersHL-txt{
background:url(/images/business-solutions/usersHL-txt.png) no-repeat 0px 0px;
width:117px;
height:56px;
margin:36px 0px 0px 382px;
}
#arrow{
background:url(/images/business-solutions/arrow.png) no-repeat 0px 0px;
width:50px;
height:24px;
margin:227px 0px 0px 452px;
}
#automatically-txt{
background:url(/images/business-solutions/automatically-txt.png) no-repeat 0px 0px;
width:160px;
height:46px;
margin:107px 0px 0px 492px
}
#fbbox{
background:url(/images/business-solutions/fbbox.png) no-repeat 0px 0px;
width:229px;
height:116px;
margin:165px 0px 0px 505px;
}
#get-exposure-txt{
background:url(/images/business-solutions/get-exposure-txt.png) no-repeat 0px 0px;
width:214px;
height:51px;
margin:331px 0px 0px 496px;
}
#t-b-letters{
background:url(/images/business-solutions/t-b-letters.png) no-repeat 0px 0px;
width:213px;
height:102px;
margin:300px 0px 0px 482px;
}
#drives-more-users-txt{
background:url(/images/business-solutions/drives-more-users-txt.png) no-repeat 0px 0px;
width:154px;
height:54px;
margin:377px 0px 0px 79px;
}
#users{
background:url(/images/business-solutions/users.png) no-repeat 0px 0px;
width:103px;
height:148px;
margin:284px 0px 0px 240px;
}
.rotated{
position:absolute;
display:none;
}
.upon-clicking-ul{
margin:-21px 0px 0px 50px; width:300px;
float:left;
}
/* added by Avishek BEGIN
.rotated{position:absolute;top:1;left:281px;}
#slides{width:auto;height:auto; }
#slide5{display:none;}
added by Avishek END */
$(document).ready(function(){
var i=0;
animation_loop(i);
});
function animation_loop(i){
after = 1500 ;
if (i==0){$("#browser").fadeIn(); after=500;}
else if (i==1){
$("#paste-code-txt").fadeIn();
$("#hl-pen").fadeIn();
}
else if (i==2){
$("#websiteHL").fadeIn();
$("#usersHL-txt").fadeIn();
$("#paste-code-txt").css("opacity", 0.5);
after=1500;
}
else if (i==3){
$("#arrow").fadeIn();
$("#automatically-txt").fadeIn();
$("#fbbox").fadeIn();
$("#usersHL-txt").css("opacity",0.5);
}
else if (i==4){
$("#get-exposure-txt").fadeIn();
$("#t-b-letters").fadeIn();
$("#automatically-txt").css("opacity",0.5);
$("#arrow").css("opacity",0.5);
}
else if (i==5){
$("#drives-more-users-txt").fadeIn();
$("#users").fadeIn();
$("#get-exposure-txt").css("opacity",0.5);
$("#horz-loader").hide();
}
setTimeout(function(){i++;if(i<=5){animation_loop(i);}},after);
}
How it works
Bonus Features
Get it now
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
}
">
') ;
window.roohJQ = jQuery.noConflict();
window.$ = jQuery.noConflict();