286 lines
No EOL
8.3 KiB
CSS
286 lines
No EOL
8.3 KiB
CSS
body
|
|
{
|
|
margin:10px; padding:0px;
|
|
font-family:tahoma;
|
|
font-size:11px;
|
|
color:#000;
|
|
}
|
|
|
|
a{color:#06c}
|
|
|
|
#container
|
|
{
|
|
margin:auto;
|
|
width:880px;
|
|
border:0px solid #eee;
|
|
padding:0px;
|
|
}
|
|
|
|
#sub_container
|
|
{
|
|
margin:auto;
|
|
width:980px;
|
|
border:0px solid #eee;
|
|
padding:0px;
|
|
margin-top: 20px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#head{margin:auto;width:900px; margin-bottom:10px}
|
|
.highlight{
|
|
|
|
|
|
|
|
|
|
}
|
|
#header
|
|
{
|
|
height:25px; width:900px; border:1px solid #d4d4d4;
|
|
line-height:25px; background-image:url(images/header_grad.png); background-repeat:repeat-x;
|
|
background-position:center;
|
|
margin:auto; margin-bottom:5px;
|
|
}
|
|
|
|
|
|
.cb_container.arvixe_banner{
|
|
background:url(images/Arvixe-Banner.png) ;
|
|
|
|
}
|
|
|
|
.grey-text{
|
|
color:#797979;
|
|
|
|
|
|
}
|
|
.font-size{
|
|
font-size: 9px;
|
|
|
|
}
|
|
|
|
|
|
.register{
|
|
|
|
background: #F2F2F2;
|
|
margin:auto;
|
|
width:880px;
|
|
border:1px solid #CFCFCF;
|
|
padding:0px;
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
.br5px
|
|
{
|
|
|
|
}
|
|
|
|
|
|
.finish{
|
|
width: 50%;
|
|
|
|
|
|
|
|
|
|
}
|
|
.headstatus
|
|
{
|
|
|
|
background-repeat:repeat-x;
|
|
background-position:center;
|
|
width:100%; margin:auto
|
|
}
|
|
|
|
|
|
/*.logo{background:url(/clipbucket_installer/images/logo.png) no-repeat; width:465px; height:50px; float:left; margin-left:12px; margin-top:15px;}*/
|
|
.top_tabs { float: right; margin-top: 14px; padding: 0px;margin-right: 14px; clear: both; overflow: hidden;}
|
|
.top_tabs ul { margin:0px; padding:0px; list-style:none; float:left; position:relative; left:50%; }
|
|
.top_tabs ul li { margin:0px; padding:0px; float:left; list-style:none; position:relative; right:50%; top:1px; }
|
|
.top_tabs ul li a {display:block; padding:5px 4px; text-align:center; float:left; text-decoration:none; color:#5b5959; margin-right:0px; font-size:14px; }
|
|
.top_tabs ul li span {
|
|
font-size: 10px;
|
|
float: left;
|
|
line-height: 29px;
|
|
margin-left: 6px;}
|
|
|
|
.top_nav{background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
|
|
height:40px; border-top:1px solid #aaaaaa;}
|
|
.cb_container{ width:990px; margin:auto;}
|
|
.cb_navbar { float: left;margin-top: 3px;padding: 0px;clear: both;overflow: hidden;}
|
|
.cb_navbar ul { margin:0px; padding:0px; list-style:none; float:left; position:relative; left:50%; }
|
|
.cb_navbar .headstatus li
|
|
{
|
|
margin:0px;
|
|
padding:4px 4px;
|
|
float:left;
|
|
list-style:none;
|
|
position:relative;
|
|
right:50%;
|
|
top:0px;
|
|
color:#000;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.cb_navbar .headstatus .selected
|
|
{
|
|
/* background:url(images/des_arrow.png) no-repeat right 50% bottom 0px; */
|
|
/*background-position: 50 100;*/
|
|
|
|
display:block;
|
|
padding:5px 4px;
|
|
text-align:center;
|
|
float:left;
|
|
text-decoration:none;
|
|
color:#428bca;
|
|
margin-right:0px;
|
|
font-size:14px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.cb_navbar ul li a {display:block; padding:5px 4px; cursor:default; font-weight:bold; text-align:center; float:left; text-decoration:none; color:#5b5959; margin-right:0px; font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
|
|
|
|
|
|
|
|
.cb_navbar .headstatus span { background:url(images/nav_arrow.png) no-repeat; height:26px; width:14px;float: left;margin-right: 5px; margin-top: -4px;}
|
|
.nav_des{ background:#09c; padding:10px;}
|
|
.license_des{ height:200px; background:#f5f5f5; border:1px solid #cfcece; padding:10px; overflow:auto;}
|
|
.reg_des{ background:#f5f5f5; border:1px solid #cfcece; padding:10px; height:auto;}
|
|
.cb_btn-group{ float:right; margin-top:10px;}
|
|
.cb_button{ background:#428bca; color:#fff; border:1px solid #cfcece; padding:7px; font-weight:bold;}
|
|
.cb_button-green{ background:#5cb85c; color:#fff; border:1px solid #cfcece; padding:7px; font-weight:bold;}
|
|
.left-side{ width:375px; float:left;}
|
|
.db_font{ color:#6b6a6a;font-size: 16px;}
|
|
.right-side{width:470px; float:right;}
|
|
.reg-left-side{width:770px; float:left;}
|
|
.ins_dlt{padding: 11px;border: 1px solid #eed3d7; margin-top:35px; font-weight:bold;border-radius: 7px; background:#f2dede; color:#b94a48;}
|
|
.finish-left{ width:360px; float:left;}
|
|
.finish-right{ width:630px; float:left; background:#f5f5f5; padding:10px; border:1px solid #cfcece;}
|
|
|
|
|
|
|
|
|
|
#sub_container .db_fields .field .form-control{
|
|
|
|
width: 350px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
|
|
#sub_container .field .form-control{
|
|
|
|
width: 350px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*.headstatus li
|
|
{
|
|
|
|
background-repeat:repeat-x;
|
|
background-position:center;
|
|
display:inline-block;
|
|
margin:0px 5px;
|
|
padding:0px 5px;
|
|
color:#999
|
|
}
|
|
|
|
/*.headstatus li a
|
|
{
|
|
|
|
background-repeat:repeat-x;
|
|
background-position:center;
|
|
display:inline-block;
|
|
margin:0px 5px;
|
|
padding:0px 5px;
|
|
color:#999
|
|
}*/
|
|
|
|
/*.headstatus .selected { color:yellow; font-weight:bold}*/
|
|
|
|
#logo{font-family: 'Cabin', arial, serif; font-size:28px; font-weight:bold; padding: 5px 0px 15px 20px;}
|
|
|
|
.bttnleft,.bttncenter,.bttnright,.bttnrightalt
|
|
{
|
|
height:34px; display:inline-block;line-height:32px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff;
|
|
cursor:pointer;
|
|
}
|
|
.bttnleft{background-image:url(images/bttnleft.png); width:14px; }
|
|
.bttncenter{background-image:url(images/bttncenter.png);min-width:50px;padding-right:10px; }
|
|
.bttnright{background-image:url(images/bttnright.png);width:37px; }
|
|
.bttnrightalt{background-image:url(images/bttnrightalt.png); width:14px; }
|
|
|
|
dt{font-weight:bold; float:left; width:80px; display:inline-block;border-bottom:1px dotted #999; padding:5px 3px; line-height:20px; }
|
|
dd{ width:auto; border-bottom:1px dotted #999; padding:5px 3px; margin:0px; line-height:20px;}
|
|
dd .red{color:ed0000} dd .green{color:#060; }
|
|
dd .ok{background-image:url(images/tick_arrow.png); background-repeat:no-repeat; height:20px; padding-left:23px; display:inline-block}
|
|
dd .alert_cross{background-image:url(images/cross_arrow.png); background-repeat:no-repeat; height:20px; padding-left:23px; display:inline-block}
|
|
|
|
dd:last-child{border-bottom:none}
|
|
dl{background-color:#F7F7F7; padding:0px; border:1px dotted #999}
|
|
|
|
.inside_shadow
|
|
{
|
|
-moz-box-shadow: inset -5px -5px 5px #ccc;
|
|
-webkit-box-shadow: inset -5px -5px 5px #ccc;
|
|
box-shadow: inset -5px -5px 5px #ccc;
|
|
}
|
|
|
|
.field{margin-bottom:10px}
|
|
.field input{border:1px solid #ccc; padding:5px 3px; font-size:13px; color:#666; width:300px}
|
|
.field label{display:block; margin-top:10px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
|
|
|
|
.errorDiv
|
|
{
|
|
padding:5px; margin:10px 0px;
|
|
background-color:rgba(255, 214, 214, 1);
|
|
border-radius: 8px;
|
|
/*border:1px solid #FA7C80;*/
|
|
}
|
|
|
|
.alert{background:url(images/cross_arrow.png) no-repeat left 0px bottom 0px; height:10px;
|
|
padding-left:23px; display:inline-block; margin-right-right:23px;
|
|
line-height:20px}
|
|
|
|
.ok{background:url(images/tick_arrow.png); background-repeat:no-repeat; height:20px; padding-left:23px; display:inline-block;line-height:20px}
|
|
.line{height: 1px; background-color: #C9C9C9; margin-top: 10px; margin-bottom: 10px;}
|
|
.green{display:block; margin-bottom:10px}
|
|
.fb_finish{width: 39.6%; background-color:#f3f3f3;}
|
|
|
|
.finish{margin-left: 28%; border:1px solid #d6d6d6; background-color:#f3f3f3; width: 38%; margin-top: -500px; position: absolute; height : 500px; overflow: auto;}
|
|
.product{margin-top:0px; width:94%; padding:0px; float:left; margin:0px 10px}
|
|
.product a{font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0099CC; text-decoration:none; display:block}
|
|
.product .desc{color:#666; font-size:12px; margin-top:5px}
|
|
|
|
/*.product:hover{background-color:#eaeaea; border:1px solid #09c}*/
|
|
|
|
/* usman css start cb-install */
|
|
|
|
.cb-instal-licenc-holder{
|
|
padding:5px;
|
|
width:100%;
|
|
background-color:#F5F5F5;
|
|
border:1px solid #ADADAD;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0px 0px 6px rgba(0,0,0,0.2);
|
|
}
|
|
.cb-instal-licenc-sec{
|
|
padding:3px 15px;
|
|
height:300px;
|
|
width:100%;
|
|
color:#555;
|
|
font-size:14px;
|
|
text-align:left;
|
|
overflow:auto;
|
|
} |