Created
June 2, 2018 14:30
-
-
Save congthien/aea9c476f2e3a1210964c4323caea76c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: 'helveticabold'; | |
src: url('../fonts/helvetica_bold-webfont.eot'); | |
src: url('../fonts/helvetica_bold-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/helvetica_bold-webfont.woff') format('woff'), | |
url('../fonts/helvetica_bold-webfont.ttf') format('truetype'), | |
url('../fonts/helvetica_bold-webfont.svg#helveticabold') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'Montserrat-Regular'; | |
src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/Montserrat-Regular.otf') format('opentype'), | |
url('../fonts/Montserrat-Regular.woff') format('woff'), | |
url('../fonts/Montserrat-Regular.ttf') format('truetype'), | |
url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'Montserrat-Bold'; | |
src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/Montserrat-Bold.woff') format('woff'), | |
url('../fonts/Montserrat-Bold.ttf') format('truetype'), | |
url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'opensans-extrabold'; | |
src: url('../fonts/OpenSans-ExtraBold-webfont.eot'); | |
src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), | |
url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), | |
url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansregular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'opensans-bold'; | |
src: url('../fonts/OpenSans-Bold-webfont.eot'); | |
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), | |
url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), | |
url('../fonts/OpenSans-Bold-webfont.svg#open_sansregular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'opensans-regular'; | |
src: url('../fonts/OpenSans-Regular-webfont.eot'); | |
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), | |
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), | |
url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
a { | |
outline: 0; | |
cursor: pointer; | |
} | |
a:link, a:visited { | |
color: #4ba478; | |
} | |
a, a:active, a:focus { | |
outline: none; | |
} | |
a:hover{ | |
color: #3b3b3b; | |
} | |
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { | |
border: 1px solid #ebeaea; | |
font-family: verdana; | |
font-size: 15px; | |
} | |
ul { | |
list-style-type: none; | |
margin: 0; | |
padding: 0; | |
} | |
.content-box ul { | |
list-style-type : disc; padding-left: 20px; | |
} | |
/************Header Style Starts***********/ | |
#site-description{ | |
display: none; | |
} | |
#header{ | |
background: #56bc8a none repeat scroll 0 0; | |
display: block; | |
float: left; | |
min-height: 60px; | |
position: relative; | |
width: 100%; | |
} | |
#container{ | |
float: left; | |
width:100%; | |
} | |
body.home #header { | |
display: inline-block; | |
height: auto; | |
position: relative; | |
width: 100%; | |
background: #56bc8a; | |
left: 0; | |
position: absolute; | |
z-index: 100; | |
} | |
body.home #header { | |
background: 0; | |
} | |
#header #branding{ | |
margin: 0 auto; | |
width: 100%; | |
padding-right: 50px; | |
padding-left: 50px; | |
} | |
#header #site-title{ | |
float: left; | |
} | |
#header #site-title h1{ | |
line-height: 0; | |
margin: 0 0; | |
} | |
.contact-us-page textarea.res{ | |
height: 200px; | |
} | |
.contact-us-page .recaptcha-box { | |
float: right; | |
transform: none; | |
transform-origin: 0 0 0; | |
width: auto; | |
} | |
.contact-us-page #submit2{ | |
float: right; | |
} | |
#header #site-title a { | |
display: inline-block; | |
background: url('../img/footer-logo.png') no-repeat; | |
overflow: hidden; | |
text-indent: -9999px; | |
text-align: left; | |
width: 141px; | |
height: 24px; | |
margin-right: 15px; | |
margin-top: 18px; | |
background-position: center left; | |
} | |
.home #header #site-title a { | |
background: url('../img/logo.png') no-repeat; | |
} | |
#successMessage{ | |
display: block!important; | |
} | |
#header #search, #header #search-mobile{ | |
float: left; | |
margin: 14px 0; | |
} | |
#header #search #searchform1 , #header #search-mobile #searchform_mobile { | |
position: relative; | |
} | |
#header #search #searchform1 #s1, #header #search-mobile #s_mobile{ | |
border: 0 none; | |
border-radius: 4px; | |
width: 324px; | |
font-size: 13px; | |
background: #fff url("../img/search-icon.png") no-repeat top 7px left 10px; | |
padding: 4px 15px 4px 35px; | |
height: 29px; | |
line-height: 29px; | |
} | |
#header #search #searchform1 #searchsubmit1, #header #search-mobile #searchsubmit_mobile{ | |
position: absolute; | |
right: 0; | |
top: 0; | |
display: inline-block; | |
background: #4ba478; | |
color: #fff; | |
font-family: 'opensans-regular'; | |
font-size: 13px; | |
border: 0; | |
box-shadow:none; | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
height: 29px; | |
padding-top: 5px; | |
border-left: 0; | |
border: 1px solid transparent; | |
} | |
#header #search #searchform1 #searchsubmit1:hover { | |
border-color: #4ba478; | |
background: #56bc8a; | |
} | |
.home #header #search #searchform1 #searchsubmit1:hover { | |
background-color: #56bc8a; | |
} | |
#header #menu{ | |
float: right; | |
} | |
.search-page-content .product-list{ | |
margin: 0; | |
} | |
#header #menu ul,#header #menu-mobile ul { | |
list-style-type: none; | |
margin: 14px 0 17px; | |
padding: 0; | |
} | |
#header #menu ul li,#header #menu-mobile ul li{ | |
float: left; | |
margin-right: 7px; | |
} | |
#header #menu ul li a ,#header #menu-mobile ul li a{ | |
font-size: 15px; | |
font-family: 'opensans-regular'; | |
font-weight: normal; | |
color: #fff; | |
line-height: 30px; | |
text-decoration: none; | |
display: block; | |
border-right: 3px; | |
padding: 0 15px; | |
border-radius: 3px; | |
position: relative; | |
} | |
#header #menu ul li a:hover,#header #menu .active a,#header #menu-mobile ul li a:hover,#header #menu-mobile .active a { | |
background-color: #4ba478; | |
} | |
.menu-mobile{ | |
display: none; | |
float: right; | |
} | |
.menu-mobile .menu-btn{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 5px; | |
height: 34px; | |
margin: 10px 0; | |
padding: 7.5px 7px; | |
width: 38px; | |
cursor: pointer; | |
} | |
.menu-mobile .menu-btn:hover{ | |
background: #fff; | |
} | |
.menu-mobile .menu-btn span{ | |
border-bottom: 4px solid #fff; | |
border-top: 4px solid #fff; | |
float: left; | |
position: relative; | |
width: 100%; | |
height: 18px; | |
} | |
.menu-mobile .menu-btn span:before{ | |
border-top: 4px solid #fff; | |
bottom: 0; | |
content: ""; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
right: 0; | |
top: 3px; | |
width: 100%; | |
} | |
.menu-mobile .menu-btn:hover span{ | |
border-bottom:4px solid #4ba478; | |
border-top: 4px solid #4ba478; | |
} | |
.menu-mobile .menu-btn:hover span:before{ | |
border-top: 4px solid #4ba478; | |
} | |
.rank_profile .download-count { | |
float: left; | |
font-family: verdana; | |
font-size: 14px; | |
text-align: right; | |
width: 100%; | |
} | |
#header #menu .market-menu.active:hover a.active-menu,#header #menu-mobile .market-menu.active:hover a.active-menu{ | |
/*background:#fff url("../img/orange_up_arrow.png") no-repeat scroll 75px center;*/ | |
color: #56bc8a; | |
} | |
#header #menu .market-menu.active:hover a.active-menu::before, #header #menu-mobile .market-menu.active:hover a.active-menu::before{ | |
display: inline-block; background: url('../img/header-sprite.png') no-repeat; overflow: hidden; text-align: left; | |
background-position: -33px -156px; | |
height: 10px; | |
width: 12px; | |
content: ""; | |
position: absolute; | |
top: 10px; | |
right: 10px; | |
} | |
.rank_profile .download-count span{ | |
font-size: 12px; | |
} | |
#header #menu ul li.login-item a,#header #menu-mobile ul li.login-item a{ | |
background-color:#4ba478; | |
} | |
.image-product{ | |
width: 100%; | |
} | |
#header #menu ul li.login-item a:hover, #header #menu-mobile ul li.login-item a:hover { | |
background-color:#ffffff; | |
color:#4ba478; | |
} | |
#header #menu ul li.market-menu a,#header #menu-mobile ul li.market-menu a{ | |
padding-right: 30px; | |
} | |
.flexslider{ | |
box-shadow: none; | |
} | |
#header #menu ul li.market-menu.active a.active-menu:hover,#header #menu-mobile ul li.market-menu.active a.active-menu:hover { | |
background-color: #fff; | |
} | |
#header #menu ul li.market-menu a:before,#header #menu-mobile ul li.market-menu a:before { | |
display: inline-block; | |
background: url('../img/header-sprite.png') no-repeat; | |
overflow: hidden; | |
text-align: left; | |
background-position: -17px -156px; | |
height: 10px; | |
width: 12px; | |
content: ""; | |
position: absolute; | |
top: 10px; | |
right: 10px; | |
} | |
.home #header #menu ul li.market-menu a:before { | |
background: url('../img/arrows.png') no-repeat; | |
background-position: -5px -24px; | |
} | |
#header #menu ul li.market-menu a.active-menu:before,#header #menu-mobile ul li.market-menu a.active-menu:before{ | |
background-position: -17px -156px; | |
} | |
#header #menu ul li.market-menu.active a::before, | |
#header #menu ul li.market-menu a:hover::before { | |
background: url('../img/header-sprite.png') no-repeat; | |
background-position: -17px -156px; | |
} | |
#header #menu ul li.market-menu a.active-menu:before { | |
background-position: -5px -5px; | |
} | |
#header #menu ul li.market-menu a.active-menu:hover::before { | |
background: url('../img/arrows.png') no-repeat; | |
background-position: -5px -5px; | |
} | |
#header #menu ul li.market-menu a.active-menu, #header #menu-mobile ul li.market-menu a.active-menu{ | |
background-color: #4ba478; | |
} | |
.menu-top-menu-loged-in-container{ | |
float: left; | |
} | |
#header #menu ul.extra-menu,#header #menu-mobile ul.extra-menu{ | |
float: left; | |
margin: 9px 0; | |
} | |
#header #menu ul.extra-menu li a, #header #menu-mobile ul.extra-menu li a{ | |
display: inline-block; background: url('../img/header-sprite.png') no-repeat; overflow: hidden; text-align: left; | |
} | |
#menu ul.extra-menu li a:hover, #menu-mobile ul.extra-menu li a:hover{ | |
background-color: transparent; | |
} | |
#flag-form #inquiry{ | |
height: 200px; | |
} | |
#header #menu ul.extra-menu li.friend-request-item a,#header #menu-mobile ul.extra-menu li.friend-request-item a{ | |
background-position: -2px -34px; | |
height: 32px; | |
width: 29px; | |
padding: 0; | |
} | |
#header #menu .extra-menu li.message-item a,#header #menu-mobile .extra-menu li.message-item a{ | |
background-position: -2px 0; | |
height: 32px; | |
width: 31px; | |
padding: 0; | |
} | |
#header #menu .extra-menu li.notifi-item a,#header #menu-mobile .extra-menu li.notifi-item a{ | |
background-position: -2px -68px; | |
height: 32px; | |
width: 23px; | |
padding: 0; | |
} | |
#header #menu .extra-menu li.user-item,#header #menu ul.extra-menu li.dashboard-item, | |
#header #menu-mobile .extra-menu li.user-item,#header #menu-mobile ul.extra-menu li.dashboard-item{ | |
margin-top: 5px; | |
position: relative; | |
} | |
#header #menu .extra-menu li.user-item a,#header #menu-mobile .extra-menu li.user-item a{ | |
text-indent: 0; | |
background: #fff; | |
border-radius: 3px; | |
padding: 2px; | |
} | |
#header #menu .extra-menu li.user-item a img,#header #menu-mobile .extra-menu li.user-item a img{ | |
float: left; | |
} | |
#header #menu ul.extra-menu li.dashboard-item a,#header #menu-mobile ul.extra-menu li.dashboard-item a{ | |
background:#4ba478; text-indent: 0; | |
} | |
#header #menu ul.extra-menu li.dashboard-item a:hover, | |
#header #menu-mobile ul.extra-menu li.dashboard-item a:hover{ | |
background-color: #fff; | |
color: #4ba478; | |
} | |
#header #menu .extra-menu li.user-item .menu-user-dropdown, | |
#header #menu-mobile .extra-menu li.user-item .menu-user-dropdown{ | |
position: absolute; | |
right: -10px; | |
top: 25px; | |
display: none; | |
z-index: 102; | |
} | |
#header #menu .extra-menu li.user-item:hover .menu-user-dropdown, | |
#header #menu-mobile .extra-menu li.user-item:hover .menu-user-dropdown{ | |
display: block; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #e8e6e6; | |
border-radius: 4px; | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); | |
overflow: hidden; | |
width: 160px; | |
padding: 15px 0px; | |
} | |
.show-mobile{ | |
display: none; | |
} | |
.close-menu-btn{ | |
display: none; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown::after, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown::after { | |
background: #fff none repeat scroll 0 0; | |
border-bottom: 12px solid #ffffff; | |
border-left: 4px solid rgba(0, 0, 0, 0); | |
border-right: 4px solid rgba(0, 0, 0, 0); | |
box-shadow: -4px -4px 4px -2px rgba(0, 0, 0, 0.2); | |
content: ""; | |
right: 15%; | |
margin-left: -5px; | |
position: absolute; | |
top: 10px; | |
transform: rotate(45deg); | |
width: 0; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li{ | |
margin: 0; | |
width: 100%; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a{ | |
border-radius: 0; | |
color: #a8a8a8; | |
display: block; | |
font-family: verdana; | |
font-size: 13px; | |
line-height: 18px; | |
margin: 0; | |
padding: 4px 20px; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item{ | |
position: relative; | |
padding: 10px 20px; | |
} | |
.s-menu-mobile{ | |
display: none; | |
} | |
.s-menu-mobile li.support-menu { display: none;} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item:hover, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item:hover{ | |
background: #fc0d3a; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item:after, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item:after{ | |
content:""; | |
display: inline-block; | |
background: url('../img/header-sprite.png') no-repeat; | |
overflow: hidden; | |
text-align: left; | |
background-position: -2px -81px; | |
height: 24px; | |
width: 22px; | |
position: absolute; | |
top: 5px; | |
right: 10px; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li:hover a.logout-item:after, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li:hover a.logout-item:after{ | |
background: url('../img/header-sprite.png') no-repeat; | |
background-position: -2px -107px; | |
height: 24px; | |
width: 22px; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a.user-name{ | |
/*line-height: 20px;*/ | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a:hover, #header #menu .extra-menu li.user-item ul.user-dropdown li a:hover strong, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a:hover, #header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a:hover strong | |
{ | |
background-color: #4ba478; | |
color: #fff; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li hr,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li hr{ | |
background-color:#e8e6e6; | |
margin-bottom: 10px; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li a strong,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a strong{ | |
padding: 0; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li strong,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li strong{ | |
padding: 0 20px; | |
} | |
#header #menu .extra-menu li.user-item ul.user-dropdown li strong, #header #menu .extra-menu li.user-item ul.user-dropdown li a strong, | |
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li strong, #header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a strong | |
{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 13px; | |
float: left; | |
width: 100%; | |
} | |
.market-dropdown{ | |
background: #fff none repeat scroll 0 0; | |
border-bottom: 9px solid #4ba478; | |
position: absolute; | |
top: 60px; | |
width: 100%; | |
z-index: 100; | |
display: none; | |
} | |
.market-dropdown .market-dropdown-content{ | |
width: 100%; | |
padding: 0; | |
clear: both; | |
background: linear-gradient(to right, #56bc8a 15%, #fff 15%); | |
overflow: hidden; | |
} | |
.market-dropdown-top-bar{ | |
position: relative; | |
} | |
.market-dropdown-content-main-right a.close-btn { | |
background: rgba(0, 0, 0, 0) url("../img/header-sprite.png") no-repeat scroll -2px -55px; | |
height: 25px; | |
position: absolute; | |
right: 57px; | |
text-indent: -999em; | |
top: 20px; | |
width: 26px; | |
} | |
.market-dropdown-content-main-right a.close-btn:hover{ | |
background-position: -2px -28px; | |
} | |
.market-dropdown-top-bar p{ | |
margin: 0px 0 0; | |
font-family: verdana; | |
font-size: 12px; | |
color: #3b3b3b; | |
} | |
.market-dropdown-content-main-left h2 { | |
font-size: 20px; | |
color: #fff; | |
margin-top: 0; | |
font-family: 'Montserrat-Regular'; | |
} | |
.market-dropdown-content-main-left ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
width: 170px | |
} | |
.market-dropdown-content-main-left ul li{ | |
float: left; | |
width: 100%; | |
margin-bottom: 13px; | |
} | |
.market-dropdown-content-main-left ul li a { | |
font-family: 'opensans-bold'; | |
font-size: 14px; | |
color: #3b3b3b; | |
font-weight: normal; | |
padding: 8px 14px; | |
border-radius: 3px; | |
float: left; | |
width: 100%; | |
position: relative; | |
text-transform: uppercase; | |
} | |
.market-dropdown-content-main-left ul li a:after{ | |
content: ""; | |
background: rgba(0, 0, 0, 0) url("../img/right-arrow.png") no-repeat scroll ; | |
height: 13px; | |
width: 11px; | |
position: absolute; | |
right: 11px; | |
top: 11px; | |
} | |
.market-dropdown-content-main-left ul li a:hover, .market-dropdown-content-main-left ul li a.tab-btn-active{ | |
background: #fff; | |
color: #4ba478; | |
} | |
.tab-content{ | |
display: none; | |
} | |
.tab-content.tab-active{ | |
display: block; | |
} | |
.market-dropdown-content-main{ | |
float: left; | |
width: 100%; | |
padding: 30px 3%; | |
} | |
.market-dropdown-content-main-left{ | |
float: left; | |
width: 200px; | |
} | |
.market-dropdown-content-main-right{ | |
float: left; | |
width: calc(100% - 200px); | |
padding: 48px 0 50px 30px; | |
min-height: 340px; | |
} | |
.tab-content ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
float: left; | |
width: 100%; | |
} | |
.tab-content ul li{ | |
float: left; | |
width: 15%; | |
margin-right: 2% | |
} | |
.tab-content ul li:last-child{ | |
margin-right: 0; | |
} | |
.tab-content ul.special-list{ | |
margin-bottom: 30px; | |
} | |
.tab-content ul li ul.sub-list-cat li.all-item { | |
display: none; | |
} | |
.tab-content ul li:nth-child(1) ul.sub-list-cat li.all-item{ | |
display: block; | |
} | |
.tab-content ul li ul.sub-list-cat li{ | |
float: left; | |
width: 100%; | |
margin-bottom: 15px; | |
} | |
.tab-content ul li ul.sub-list-cat li a{ | |
color: #3b3b3b; | |
float: left; | |
font-family: verdana; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 26px; | |
padding: 5px 15px; | |
width: 100%; | |
} | |
.tab-content ul li ul.sub-list-cat li a:hover, .tab-content ul li ul.sub-list-cat li.current-category a{ | |
background: #56bc8a; | |
border-radius: 3px; | |
color: #fff; | |
} | |
.tab-content h2{ | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: bold; | |
color: #3b3b3b; | |
margin: 0 0 20px 0; | |
padding: 0 15px; | |
} | |
/************Header Style Ends***********/ | |
/***********Home Page Starts**********/ | |
.home-top-main-content { | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
padding: 75px 0 60px; | |
position: relative; | |
} | |
.home-top-main-content::after { | |
content: ''; | |
position: absolute; | |
top: 0; | |
left: 0px; | |
width: 100%; | |
height: 100%; | |
z-index: 1; | |
background: #444; | |
opacity: 0.7; | |
} | |
.home-top-main-content .home-top-content{ | |
margin: 0 auto; | |
width: 975px; | |
color: #fff; | |
text-align: center; | |
font-size: 14px; | |
font-family: verdana; | |
position: relative; | |
z-index: 10; | |
} | |
.home-top-main-content .home-top-content p{ | |
line-height: 20px; | |
font-size: 12px; | |
font-family: verdana; | |
margin-bottom: 0; | |
} | |
.home-top-main-content .home-top-content p a { | |
color: #3d8b64; | |
} | |
.home-top-main-content .home-top-content p a:hover { | |
color: #fff; | |
} | |
.home-top-main-content .home-top-content h2{ | |
margin: 0; | |
font-family: 'Montserrat-Bold'; | |
font-size: 33px; | |
font-weight: bold; | |
} | |
.home-top-main-content .home-top-content h3{ | |
font-family: 'opensans-regular'; | |
font-size: 30px; | |
line-height: 36px; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
font-weight: normal; | |
} | |
.home-top-main-content .home-top-content p { | |
color:#ffffff; | |
font-family: verdana; | |
font-size: 15px; | |
line-height: 30px; | |
} | |
/************Footer Style Starts***********/ | |
#footer{ | |
background-color: #56bc8a; | |
float: left; | |
width: 100%; | |
} | |
.footer-col1{ | |
float: left; | |
width: 220px; | |
} | |
.footer-col2{ | |
float: left; | |
width: 475px; | |
} | |
.footer-col3{ | |
float: left; | |
width: 277px; | |
} | |
.menu_footer1, .menu_footer2, .menu_footer3{ | |
float: left; | |
width: 32%; | |
} | |
.menu_footer2{ | |
margin: 0 2%; | |
} | |
.footer-content{ | |
margin: 35px auto; | |
width: 1230px; | |
} | |
.footer-col2 ul.menu li{ | |
line-height: 18px; | |
} | |
.footer-col2 ul.menu li a{ | |
font-size: 14px; | |
font-family: verdana; | |
color: #fff; | |
text-decoration: none; | |
line-height: 28px; | |
} | |
.footer-col2 ul.menu li a:hover{ | |
color: #428966; | |
} | |
.footer-logo{ | |
display: inline-block; background: url('../img/footer-logo.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
height: 30px; | |
width: 141px; | |
height: 24px; | |
} | |
#copyright{ | |
font-family: verdana; | |
color: #f4f9f7; | |
font-size: 14px; | |
float: left; | |
width: 100%; | |
margin: 125px 0 30px 0; | |
} | |
/*#copyright span {*/ | |
/*position: relative;*/ | |
/*padding-right: 20px;*/ | |
/*}*/ | |
/*#copyright span:after {*/ | |
/*content: " ";*/ | |
/*background: rgba(0, 0, 0, 0) url("../img/footer-sprite.png") no-repeat scroll -83px -110px;*/ | |
/*height: 17px;*/ | |
/*width: 17px;*/ | |
/*display: inline-block;*/ | |
/*position: absolute;*/ | |
/*top: 0;*/ | |
/*right:0*/ | |
/*}*/ | |
#copyright .icon_heart { | |
width: 25px; | |
height: 22px; | |
margin: 0 3px -8px 3px; | |
display: inline-block; | |
background: url(../img/icon-heart.png) no-repeat; | |
} | |
.footer-show-info{ | |
float: right; | |
} | |
.footer-show-info ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.footer-col3 { | |
color: #fff; | |
font-size: 14px; | |
font-family: verdana; | |
} | |
.footer-col3 p.mt20 { | |
text-align: center; | |
margin-top: 20px; | |
display: inline-block; | |
width: 100%; | |
} | |
.footer-col3 .sp_email{ | |
background: #ffffff none repeat scroll 0 0; | |
border: 0 none; | |
color: #717171; | |
font-family: verdana; | |
font-size: 12px; | |
line-height: 35px; | |
padding: 0 10px; | |
height: 35px; | |
border-radius: 4px; | |
} | |
.footer-col3 #sendpress_signup p { | |
margin-bottom: 9px; | |
} | |
.footer-col3 .sendpress { | |
margin-top: 30px; | |
} | |
.footer-col3 .signup-fields-bottom{ | |
display: none; | |
} | |
.footer-col3 #sendpress_signup #submit , | |
.footer-col3 #sendpress_signup input[type="submit"]{ | |
background: #4ba478 none repeat scroll 0 0; | |
border: 0 none; | |
border-radius: 4px; | |
color: #fff; | |
float: left; | |
font-family: verdana; | |
font-size: 14px; | |
height: 35px; | |
line-height: 34px; | |
margin-left: 0; | |
margin-top: 0; | |
padding: 0 20px; | |
text-align: center; | |
text-transform: uppercase; | |
width: 100%; | |
} | |
.footer-col3 #sendpress_signup #submit:hover, | |
.footer-col3 #sendpress_signup input[type=submit]:hover { | |
background: #fff none repeat scroll 0 0; | |
color:#4ba478; | |
} | |
.footer-col3 .sendpress-submit#submit_sendpress{ | |
background: #4ba478 none repeat scroll 0 0; | |
border: 0 none; | |
box-shadow: none!important; | |
color: #fff; | |
font-family: verdana; | |
font-size: 14px; | |
height: 35px; | |
margin: 0; | |
padding: 0 0 0px; | |
text-transform: uppercase; | |
width: 100%; | |
} | |
.footer-col3 .sendpress-submit#submit_sendpress:hover{ | |
background: #56bc8a; | |
} | |
.footer-show-info ul li{ | |
display: inline-block; | |
color: #fff; | |
font-size: 12px; | |
font-family: verdana; | |
margin-left: 25px; | |
margin-top: 5px; | |
} | |
.footer-show-info ul li span{ | |
color: #666666; | |
} | |
.footer-content-top{ | |
border-bottom: 1px solid #fff; | |
padding-bottom: 20px; | |
margin-bottom: 30px; | |
} | |
.footer-col2-content ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.footer-col h3{ | |
color: #ffffff; | |
font-size: 18px; | |
font-family: 'Montserrat-Bold'; | |
font-weight: normal; | |
margin: 15px 0 5px; | |
} | |
.footer-socials ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.footer-socials ul li{ | |
display: inline-block; | |
} | |
.footer-socials ul li a.fb-footer{ | |
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -2px -31px; | |
height: 37px; | |
width: 37px; | |
} | |
.footer-socials ul li a.fb-footer:hover{ | |
background-position: -42px -111px; | |
} | |
.footer-socials ul li a.tw-footer{ | |
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -2px -70px; | |
height: 37px; | |
width: 37px; | |
} | |
.footer-socials ul li a.tw-footer:hover{ | |
background-position: -2px -109px; | |
} | |
.footer-socials ul li a.glus-footer{ | |
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -41px -31px; | |
height: 38px; | |
width: 37px; | |
} | |
.footer-socials ul li a.glus-footer:hover{ | |
background-position: -41px -71px; | |
} | |
.footer-socials ul li a.rss-footer{ | |
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -80px -31px; | |
height: 38px; | |
width: 37px; | |
} | |
.footer-socials ul li a.rss-footer:hover{ | |
background-position: -80px -71px; | |
} | |
/*********Footer Style Ends***********/ | |
.featured-box, .newest-box,.lesson-box{ | |
padding: 50px 0; | |
float: left; | |
width: 100%; | |
} | |
/*.lesson-box { | |
padding-top: 0; | |
} | |
.featured-box { | |
padding-top: 22px; | |
}*/ | |
.featured-box-content, .newest-box-content,.lesson-box-content, .content,#sendpress-public{ | |
margin: 0 auto; | |
width: 1227px; | |
} | |
.newest-box { | |
background: #f6f7f7; | |
border-top: 1px solid #ededed; | |
border-bottom: 1px solid #ededed; | |
} | |
#sendpress-public{ | |
min-height: 760px; | |
text-align: center; | |
} | |
.title-section{ | |
color: #3b3b3b; | |
font-size: 20px; | |
font-weight: normal; | |
font-family: 'helveticabold'; | |
margin-bottom: 0px; | |
text-align: left; | |
margin-top: 0; | |
} | |
.doc-top-bar .title-section{ | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 20px; | |
font-weight: normal; | |
margin-bottom: 0; | |
text-transform: none; | |
} | |
.title-bar .title-section{ | |
color: #3b3b3b; | |
font-family: 'Montserrat-Regular'; | |
font-size: 22px; | |
font-weight: normal; | |
margin-bottom: 0; | |
text-transform: none; | |
} | |
.recaptcha-box{ | |
transform:scale(1.17); | |
transform-origin:0; | |
-webkit-transform:scale(1.17); | |
transform:scale(1.17); | |
-webkit-transform-origin:0 0; | |
transform-origin:0 0; | |
width:353px | |
} | |
.product-page .product-list { | |
list-style-type: none; | |
margin: 0px 0 0; | |
padding: 0; | |
} | |
p.des-section{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
margin-top: 0; | |
margin-bottom: 25px; | |
text-align: left; | |
} | |
p.sub-des-section { | |
color:#3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
text-align: center; | |
} | |
#pass-strength-result{ | |
float: left; | |
} | |
/**********Product Grid Style Starts**********/ | |
.home .monthly-editions .learmore a:hover { | |
color:#fff; | |
border-color: #4ba478; | |
} | |
.newest-box p.des-section, .lesson-box p.des-section { | |
margin-bottom: 16px; | |
} | |
.newest-box a .more-info{ | |
background:rgba(255, 90, 60, 0.8) none repeat scroll 0 0; | |
bottom: 10px; | |
color: #ffffff; | |
font-family: verdana; | |
font-size: 12px; | |
height: 180px; | |
left: 10px; | |
line-height: 20px; | |
padding: 10px 10px 0; | |
position: absolute; | |
right: 11px; | |
top: 10px; | |
visibility: hidden; | |
} | |
.last-block{ | |
min-height: 330px; | |
} | |
.newest-box a .more-info:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0; | |
bottom: 0; | |
content: ""; | |
display: block; | |
height: 70px; | |
overflow: hidden; | |
position: absolute; | |
text-align: left; | |
text-indent: -9999px; | |
top: 55px; | |
width: 75px; | |
left: 97px; | |
} | |
.newest-box a:hover .more-info{ | |
visibility: visible; | |
} | |
.product-list{ | |
margin: 0; | |
padding: 0; | |
list-style-type: none; | |
} | |
.featured-box .product-list li{ | |
margin-bottom: 0; | |
} | |
.product-list li{ | |
float: left; | |
width: 297px; | |
margin-right: 10px; | |
margin-bottom: 20px; | |
} | |
.product-list li:nth-child( 4n+ 4){ | |
margin-right: 0; | |
margin-left: 1px; | |
} | |
.product-thumbnail{ | |
border: 1px solid #d5d2d2; | |
border-radius: 2px; | |
background: #f4f4f4; | |
padding:10px 11px; | |
position: relative; | |
} | |
.product-thumbnail a img{ | |
display: block; | |
height: 180px; | |
} | |
.product-thumbnail .more-info{ | |
background: rgba(86, 188, 138, 0.8) ; | |
bottom: 10px; | |
color: #ffffff; | |
height: 180px; | |
left: 11px; | |
line-height: 20px; | |
padding: 10px 10px 0; | |
position: absolute; | |
right: 10px; | |
top: 10px; | |
visibility: hidden; | |
font-family: verdana; | |
font-size: 15px; | |
width :273px; | |
} | |
.product-thumbnail .more-info a { | |
color: #fff; | |
position: relative; | |
display: block; | |
width: 100%; | |
height: 100%; | |
} | |
.product-thumbnail .more-info .entry-featured-date { | |
position: absolute; | |
left: 0; | |
bottom: 7px; | |
} | |
.single-market-related .product-list{ | |
margin: 0; | |
} | |
.single-market-related .related-box h4 { | |
font-family: 'Montserrat-Regular'; | |
font-size: 20px; | |
} | |
/*.product-thumbnail a .more-info::before { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0; | |
bottom: 0; | |
content: ""; | |
display: block; | |
height: 70px; | |
left: 97px; | |
overflow: hidden; | |
position: absolute; | |
text-align: left; | |
text-indent: -9999px; | |
top: 55px; | |
width: 75px; | |
}*/ | |
.grid-mode .product-item .more-info p{ | |
margin: 0; | |
} | |
.product-thumbnail:hover .more-info{ | |
visibility: visible; | |
} | |
.inventory-page-content-right .product-thumbnail:hover .more-info{ | |
visibility: hidden; | |
} | |
.inventory-page-content-right .product-thumbnail a:hover .more-info{ | |
visibility: visible; | |
} | |
.favourite-product li a span.star-icon { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -136px -127px; | |
float: right; | |
height: 16px; | |
margin-right: 7px; | |
width: 18px; | |
} | |
.product-item h2.product-name{ | |
font-weight: normal; | |
margin: 15px 0 0 5px; | |
line-height: 15px; | |
width:293px; | |
min-height: 40px; | |
} | |
.product-item h2.product-name a{ | |
font-family: verdana; | |
font-size: 15px; | |
color: #8c8c8c; | |
text-decoration: none; | |
} | |
.monthly-editions .product-item h2.product-name a { | |
color:#ffffff; | |
} | |
.product-item h2.product-name a:hover{ | |
color: #4ba478; | |
} | |
.product-thumbnail .add-icon{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -29px -72px; width: 25px; height: 24px; | |
position: absolute; | |
bottom: 20px; | |
right: 19px; | |
} | |
.product-thumbnail .add-icon:hover{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -2px -72px; width: 25px; height: 24px; | |
} | |
.inventory-page-content-right .product-thumbnail .add-icon{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -29px -72px; width: 25px; height: 24px; | |
position: absolute; | |
bottom: 20px; | |
right: 19px; | |
} | |
.inventory-page-content-right .product-thumbnail .add-icon:hover{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -2px -72px; width: 25px; height: 24px; | |
} | |
/**********Product Grid Style Ends**********/ | |
/************Blog List Style Starts************/ | |
.lesson-list{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.lesson-list li{ | |
float: left; | |
margin-right: 19px; | |
margin-bottom: 28px; | |
} | |
.lesson-list li:nth-child(3n+3){ | |
margin-right: 0; | |
} | |
.lesson-item { | |
background: #f4f4f4 none repeat scroll 0 0; | |
border: 1px solid #d5d2d2; | |
border-radius: 5px; | |
padding: 10px; | |
float: left; | |
min-height: 340px; | |
position: relative; | |
} | |
.lesson-item .lesson-thumbnail{ | |
border: 5px solid #fff; | |
border-radius: 3px; | |
float: left; | |
min-height: 190px; | |
} | |
.lesson-item .lesson-thumbnail img{ | |
display: block; | |
} | |
.lesson-item .excerpt-lesson{ | |
clear: both; | |
color: #3b3b3b; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
width: 280px; | |
} | |
.lesson-item h2.lesson-name{ | |
float: left; | |
font-weight: normal; | |
line-height: 22px; | |
margin: 15px 0 ; | |
width: 100%; | |
} | |
.lesson-item h2.lesson-name a{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 19px; | |
} | |
.lesson-item h2.lesson-name a:hover{ | |
color: #4ba478; | |
} | |
.lesson-item a .more-info{ | |
background: rgba(86, 188, 138, 0.8); | |
bottom: 10px; | |
color: #ffffff; | |
font-family: verdana; | |
font-size: 12px; | |
height: 180px; | |
left: 15px; | |
line-height: 20px; | |
padding: 10px 10px 0; | |
position: absolute; | |
right: 15px; | |
top: 15px; | |
visibility: hidden; | |
} | |
.lesson-item a .more-info:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0; | |
bottom: 0; | |
content: ""; | |
display: block; | |
height: 70px; | |
overflow: hidden; | |
position: absolute; | |
text-align: left; | |
text-indent: -9999px; | |
top: 55px; | |
width: 75px; | |
left: 97px; | |
} | |
.lesson-item a:hover .more-info{ | |
visibility: visible; | |
} | |
/************Blog List Style Ends************/ | |
/**********Breadcrumb Style Starts*********/ | |
.breadcrumb{ | |
display: block; | |
} | |
.breadcrumb ol{ | |
list-style: none; | |
padding: 0; | |
margin: 0; | |
} | |
.breadcrumb ol li{ | |
float: left; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 15px; | |
line-height: 12px; | |
margin: 20px 0 20px 5px; | |
} | |
.breadcrumb ol li.home-path{ | |
margin-left: 0; | |
} | |
.breadcrumb ol li a{ | |
color: #4ba478; | |
font-family: verdana; | |
font-size: 15px; | |
} | |
.breadcrumb ol li a:hover{ | |
color: #3b3b3b; | |
} | |
/**********Breadcrumb Style Ends*********/ | |
/**********Marketplace Page Style Starts***********/ | |
h2.title-section span.count-total{ | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 14px; | |
margin-left: 3px; | |
padding: 3px 8px; | |
position: relative; | |
top: -4px; | |
} | |
.content h2.title-section{ | |
margin: 0; | |
float: left; | |
} | |
.title-bar{ | |
display: block; | |
float: left; | |
width: 100%; | |
} | |
.view-mode a.grid-mode{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -135px 0px; | |
height: 23px; | |
width: 29px; | |
float: left; | |
} | |
.view-mode a.grid-mode:hover, .view-mode a.grid-mode.view-mode-active{ | |
background-position: -135px -23px; | |
} | |
.view-mode a.list-mode{ | |
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; | |
background-position: -101px 0px; | |
height: 23px; | |
width: 31px; | |
float: left; | |
} | |
.view-mode a.list-mode:hover, .view-mode a.list-mode.view-mode-active{ | |
background-position: -101px -23px; | |
} | |
.view-mode{ | |
margin-right: 28px; | |
} | |
.show-product-bar{ | |
margin-right: 20px; | |
} | |
.show-product-box span, .show-product-box div.show-product-dropbox,.sort-box .sort-dropbox{ | |
float: left; | |
} | |
.show-product-box .show-product-dropbox,.sort-box .sort-dropbox{ | |
position: relative; | |
padding-bottom: 10px; | |
} | |
.show-product-box .show-product-dropbox span { | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
height: 26px; | |
padding: 0 13px; | |
position: relative; | |
width: 120px; | |
line-height: 26px; | |
} | |
.show-product-box .show-product-dropbox span::before { | |
content: "Items: "; | |
} | |
.sort-box .sort-dropbox span::before { | |
content: "Show: "; | |
} | |
.sort-box .sort-dropbox span{ | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
height: 26px; | |
padding: 0 8px 0px 8px; | |
width: 180px; | |
position: relative; | |
line-height: 22px; | |
margin-right: 8px; | |
} | |
.show-product-box .show-product-dropbox:hover span:before,.sort-box .sort-dropbox:hover span:before{ | |
background-position: -85px -14px; | |
} | |
.show-product-box .show-product-dropbox span::after, .sort-box .sort-dropbox span::after { | |
background: rgba(0, 0, 0, 0) url("../img/dropdown.png") no-repeat scroll; | |
content: ""; | |
display: inline-block; | |
height: 38px; | |
overflow: hidden; | |
position: absolute; | |
right: -1px; | |
text-align: left; | |
text-indent: -9999px; | |
top: -8px; | |
width: 18px; | |
} | |
.show-product-box .show-product-dropbox:hover ul,.sort-box .sort-dropbox:hover ul{ | |
display: block; | |
} | |
.show-product-box .show-product-dropbox ul,.sort-box .sort-dropbox ul{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #e3e3e3; | |
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | |
list-style: outside none none; | |
margin: 8px 0 0; | |
position: absolute; | |
top: 17px; | |
width: 120px; | |
z-index: 1000; | |
padding: 15px 0 10px; | |
display: none; | |
} | |
.sort-box .sort-dropbox ul{ | |
width: 178px; | |
} | |
.show-product-box .show-product-dropbox ul li a,.sort-box .sort-dropbox ul li a{ | |
padding: 0px 13px 5px; | |
color: #b3b3b3; | |
display: block; | |
} | |
.show-product-box .show-product-dropbox ul li a:hover,.sort-box .sort-dropbox ul li a:hover{ | |
color: #4ba478; | |
} | |
.sort-view-bar, .show-product-bar, .view-mode{ | |
float: right; | |
font-size: 14px; | |
font-family: verdana; | |
color: #b3b3b3; | |
} | |
.sort-box span, .sort-box .sort-dropbox{ | |
float: left; | |
} | |
.pagination-bar{ | |
float: left; | |
width: 100%; | |
} | |
.sort-box span, .show-product-box span{ | |
margin-right: 10px; | |
} | |
.product-page-list{ | |
display: block; | |
float: left; | |
margin-top: 30px; | |
width: 100%; | |
} | |
.pagination-left { | |
float: left; | |
width: 82%; | |
} | |
.pagenavi span, .pagenavi a{ | |
float: left; | |
font-family: Verdana; | |
font-size: 15px; | |
line-height: 16px; | |
} | |
.pagenavi a:hover, .pagenavi span.current, .pagination-links .page-numbers.current { | |
background-color: #fff; | |
border: 1px solid #d7d7d7 !important; | |
border-radius: 4px; | |
color: #c1c1c1; | |
margin-right: 10px; | |
padding: 10px 12px; | |
} | |
.pagination-bar .pagenavi a, .pagenavi span a, .pagination-links a { | |
background: #4ba478 none repeat scroll 0 0; | |
border: 1px solid #4ba478; | |
border-radius: 4px; | |
color: #fff; | |
margin-right: 10px; | |
padding: 10px 12px; | |
font-family: Verdana; | |
font-size: 15px; | |
} | |
.pagenai span.extend { | |
border: 0 none !important; | |
margin: 3px 10px 0 0 !important; | |
} | |
.pagination-bar .pagenavi a:hover, .pagenavi span a:hover, .pagination-links a:hover { | |
background: #56bc8a none repeat scroll 0 0; | |
border: 1px solid #56bc8a !important; | |
border-radius: 4px; | |
color: #fff!important; | |
} | |
#messages-dir-pag.pagination-links a, #messages-dir-pag.pagination-links span{ | |
float: left; | |
margin-right: 5px; | |
line-height: 16px; | |
} | |
h3.show_item_number{ | |
font-family: verdana; | |
color: #3b3b3b; | |
font-size: 15px; | |
font-weight: normal; | |
margin: 20px 0; | |
float: left; | |
} | |
.form-submit{ | |
overflow: hidden; | |
} | |
.author-info .avatar{ | |
float: left; | |
} | |
.author-info .author_content{ | |
margin-left: 65px; | |
} | |
.market-title-bar, .classes-title-bar{ | |
background:#56bc8a no-repeat scroll center; | |
padding: 35px 0 35px; | |
min-height: 175px; | |
margin-bottom: 40px; | |
} | |
.market-title-bar-content, .classes-title-bar-content{ | |
width: 975px; | |
margin: 0 auto; | |
text-align: center; | |
color: #3b3b3b; | |
} | |
.market-title-bar-content h2, .classes-title-bar-content h2{ | |
color: #fff; | |
font-size: 33px; | |
font-weight: normal; | |
font-family: 'Montserrat-Bold'; | |
margin: 0 0 0px; | |
} | |
.market-title-bar-content h3, .classes-title-bar-content h3{ | |
color: #fff; | |
font-family: 'opensans-regular'; | |
font-size: 30px; | |
font-weight: normal; | |
letter-spacing: 1px; | |
line-height: 36px; | |
margin: 0 0 15px; | |
} | |
.search-box{ | |
margin: 0 auto; | |
width: 616px; | |
} | |
.market-title-bar-content p, .classes-title-bar-content p{ | |
margin: 0; | |
color: #3b3b3b; | |
font-family: 'Montserrat-Regular'; | |
font-size: 12px; | |
} | |
/**********Marketplace Page Style Ends***********/ | |
/*********Product Detaill Page Starts*********/ | |
.product-detail-page-content-right .promotion-link{ | |
margin-top: 20px; | |
} | |
.product-detail .promotion-link { | |
margin: 0px 0px 10px; | |
} | |
#content.product-detail-page{ | |
padding-top: 30px; | |
} | |
.product-detail-page{ | |
margin: 0 auto; | |
width: 975px; | |
display: block; | |
overflow: hidden; | |
} | |
.title-breadcumb{ | |
float: left; | |
width: 647px; | |
} | |
.product-buttons{ | |
float: right; | |
width: 302px; | |
margin-top: 16px; | |
} | |
.button-box{ | |
float: right; | |
text-align: center; | |
border: 1px solid #dbdbdb; | |
border-radius: 4px; | |
background: #f9f9f9; | |
width: 53px; | |
height: 63px; | |
margin-left: 7px; | |
} | |
.save-icon, .have-icon{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px 0px; | |
height: 20px; | |
width: 23px; | |
display: inline-block; | |
} | |
.share-icon{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -137px -75px; | |
height: 21px; | |
width: 21px; | |
display: inline-block; | |
} | |
a:hover .share-icon{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -114px -48px; | |
} | |
.saved .save-icon, .haved .have-icon, a:hover .save-icon, a:hover .have-icon{ | |
background-position: -170px -20px; | |
} | |
.product-buttons .save-text,.product-buttons .have-text,.product-buttons .share-text,.product-buttons .love-text{ | |
clear: both; | |
display: block; | |
font-family: verdana; | |
font-size: 12px; | |
color: #939393; | |
} | |
.single_have_products,.single_save_products,.single_share_products, .have-btn-not-login, .save-btn-not-login{ | |
cursor: pointer; | |
display: block; | |
float: left; | |
margin: 9px 0; | |
width: 100%; | |
} | |
.single_have_products:hover .save-icon,.single_save_products:hover .have-icon{ | |
background-position: -170px -20px; | |
} | |
.mycred-table.wp-list-table thead th{ | |
text-align: left; | |
} | |
.product-detail-page-content-left{ | |
float: left; | |
width: 628px; | |
} | |
.product-detail-page-content-right{ | |
float: right; | |
width: 302px; | |
} | |
.flex-direction-nav .flex-prev{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -195px 0px; | |
} | |
.flexslider .flex-prev:hover{ | |
background-position: -195px -71px; | |
} | |
.flex-direction-nav .flex-next{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -246px 0px; | |
} | |
.flexslider .flex-next:hover{ | |
background-position: -246px -71px; | |
} | |
.slider-area { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #ddd; | |
border-radius: 3px; | |
padding: 20px; | |
width: 100%; | |
} | |
.market-flexslider .flexslider { | |
border: 1px solid #ddd; | |
box-shadow: none; | |
height: 390px; | |
margin: 0 auto 40px; | |
padding: 4px 4px 0; | |
width: 587px; | |
} | |
.market-flexslider .flexslider .slides img { | |
height: 100%; | |
max-height: 387px; | |
max-width: 587px; | |
width: 100%; | |
} | |
.market-flexslider .flexslider .slides > li { | |
background: transparent none repeat scroll 0 0; | |
height: auto; | |
} | |
.flex-control-nav li{ | |
box-sizing:content-box; | |
} | |
.single #container { | |
background: #fafafa none repeat scroll 0 0; | |
} | |
.single.single-news #container { | |
background: #fff none repeat scroll 0 0; | |
} | |
.single .product-detail-page-top-bar{ | |
background: #fff none repeat scroll 0 0; | |
border-bottom: 1px solid #ddd; | |
float: left; | |
width: 100%; | |
} | |
#comments{ | |
} | |
.single #content{ | |
/*padding-top: 30px;*/ | |
} | |
.title-product h2{ | |
font-family: 'Montserrat-Bold'; | |
color: #3b3b3b; | |
font-weight: normal; | |
font-size: 26px; | |
margin: 5px 0 25px; | |
} | |
.title-product h2 span { | |
background: #56bc8a; | |
border-radius: 2px; | |
color: #fff; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 12px; | |
margin-left: 5px; | |
padding: 3px 12px; | |
position: relative; | |
top: -5px; | |
} | |
.free-tag { | |
background: #56bc8a; | |
border-radius: 2px; | |
color: #fff; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 15px; | |
margin-left: 0px; | |
padding: 2px 15px 4px; | |
float: left; | |
} | |
.product-detail-page-content-left .title_btn { | |
width: 99%; | |
float: left; | |
} | |
.fancybox-item.fancybox-close{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -296px -0px!important; | |
height: 45px; | |
width: 45px; | |
top: 10px; | |
right: 10px; | |
} | |
.fancybox-item.fancybox-close:hover{ | |
background-position: -296px -46px!important; | |
} | |
.product-detail-page-content-left p#close_product span { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -158px -103px!important; | |
cursor: pointer; | |
display: block; | |
float: right; | |
height: 26px; | |
overflow: hidden; | |
width: 27px; | |
} | |
.product-detail-page-content-left p#close_product span:hover { | |
background-position: -158px -139px!important; | |
} | |
.product-detail-page-content-left p#close_product{ | |
margin: 0;padding-top: 20px; text-align: right; | |
} | |
.product-detail-page-content-left .tag-list { | |
display: block; | |
margin-top: 20px; | |
overflow: hidden; | |
padding: 17px 22px 17px 20px; | |
width: 100%; | |
} | |
.product-detail-page-content-left .tag-list h4 { | |
position: relative; | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin-bottom: 10px; | |
padding-bottom: 3px; | |
padding-right: 20px; | |
text-shadow: 0 2px 1px #ffffff; | |
margin-top: 0; | |
} | |
.product-detail-page-content-left .tag-list h4:after{ | |
position: absolute; | |
content: ''; | |
width: 23px; | |
height: 23px; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -72px -74px!important; | |
left: 40px; | |
} | |
.product-detail-page-content-left .tag-link { | |
float: none; | |
width: auto; | |
} | |
.product-detail-page-content-left .tag-link ul { | |
margin: 0; | |
padding: 0; | |
} | |
.product-detail-page-content-left .tag-link ul li { | |
display: inline; | |
float: left; | |
font-family: Verdana,sans-serif; | |
font-size: 12px; | |
list-style: outside none none; | |
margin: 0 13px 13px 0; | |
text-shadow: 0 -1px 0 #666; | |
width: auto; | |
line-height: 24px; | |
} | |
.product-detail-page-content-left .tag-link ul li a { | |
background: #4ba478 none repeat scroll 0 0; | |
border: 1px solid #4ba478; | |
border-radius: 3px; | |
color: #fff; | |
padding: 4px 10px; | |
text-shadow: none; | |
float: left; | |
} | |
.product-detail-page-content-left .tag-link ul li a:hover { | |
background: #56bc8a none repeat scroll 0 0; | |
border: 1px solid #56bc8a; | |
border-radius: 3px; | |
} | |
.product-detail-page-content-left .related-box { | |
border: 1px solid #dbdbdb; | |
background: #f9f9f9; | |
border-radius: 3px; | |
float: left; | |
margin-top: 25px; | |
padding: 20px; | |
width: 100%; | |
} | |
.product-detail-page-content-left .related-box h4{ | |
color: #3b3b3b; | |
font-family: 'Montserrat-Regular'; | |
font-size: 22px; | |
font-weight: normal; | |
margin: 0; | |
} | |
.product-detail-page-content-left .related-box ul { | |
margin: 16px 0 0 0; | |
padding: 0; | |
list-style: none; | |
} | |
.product-detail-page-content-left .single-market-related .related-box ul li { | |
background: transparent none repeat scroll 0 0; | |
border: 0 none; | |
box-shadow: none; | |
padding: 0; | |
} | |
.product-detail-page-content-left .single-market-related .related-box .related-img { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dadada; | |
float: left; | |
margin-right: 18px; | |
padding: 2px; | |
height: 93px; | |
width: 137px; | |
position: relative; | |
} | |
.product-detail-page-content-left .single-market-related .related-box ul li:last-child .related-img{ | |
margin-right: 0; | |
} | |
.product-detail-page-content-left .single-market-related .related-box .related-img img { | |
height: 87px; | |
max-width: 100%; | |
width: 131px; | |
} | |
.product-detail-page-content-left .single-market-related .related-box .related-img a.hover { | |
height: 87px; | |
width: 131px; | |
background: transparent none repeat scroll 0 0; | |
display: block; | |
left: 2px; | |
position: absolute; | |
top: 2px; | |
} | |
.product-detail-page-content-left .single-market-related .related-box .related-img a.hover:hover { | |
background: rgba(255, 90, 60, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto; | |
display: block; | |
} | |
.product-detail-page-content-left .disqus_title h3 { | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 0; | |
padding-bottom: 0; | |
padding-left: 0; | |
position: relative; | |
} | |
.product-detail-page-content-left .disqus_title h3:after{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -101px -74px !important; | |
content: ""; | |
height: 24px; | |
left: 89px; | |
position: absolute; | |
width: 26px; | |
} | |
.product-detail-page-content-left .disqus_title { | |
width: 98%; | |
border-bottom: 1px solid #e1e1e1; | |
float: left; | |
margin:40px 0 20px; | |
padding-bottom: 5px; | |
width: 99%; | |
} | |
.view_button{ | |
margin: 5px 0 15px; | |
text-align: center; | |
} | |
.view_button a{ | |
background: #4ba478; | |
color: #fff; | |
font-family: verdana; | |
font-size: 14px; | |
text-align: center; | |
padding: 10px 50px 10px 30px; | |
display: inline-block; | |
border-radius: 3px; | |
position: relative; | |
} | |
.view_button a:after{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -539px 0; | |
content: ""; | |
height: 11px; | |
position: absolute; | |
right: 30px; | |
top: 14px; | |
width: 11px; | |
} | |
.view_button a:hover{ | |
background: #56bc8a; | |
} | |
.product-detail-page-content-right .download-box { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #ddd; | |
border-radius: 3px; | |
padding: 24px 24px 30px; | |
} | |
.product-detail-page-content-right .download-btn a { | |
background: #56bc8a none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
display: block; | |
height: 70px; | |
line-height: 70px; | |
text-align: center; | |
width: 252px; | |
font-family: verdana; | |
letter-spacing: 0.6px; | |
position: relative; | |
font-size: 15px; | |
} | |
.product-detail-page-content-right .download-btn a::after { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -539px 0; | |
content: ""; | |
height:11px; | |
position: absolute; | |
right: 40px; | |
top: 30px; | |
width: 11px; | |
} | |
.product-detail-page-content-right .download-btn a:hover{ | |
background-color: #4ba478; | |
} | |
.flag_report { | |
display: block; | |
margin-bottom: 8px; | |
margin-top: 20px; | |
overflow: hidden; | |
width: 100%; | |
} | |
.flag { | |
float: left; | |
} | |
.report { | |
float: right; | |
} | |
iframe{ | |
max-width: none!important; | |
} | |
.report a{ | |
color: #b3b3b3; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
padding-left: 16px; | |
position: relative; | |
} | |
.report a:hover,.flag a:hover{ | |
color: #56bc8a; | |
} | |
.report a:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -116px -131px; | |
content: ""; | |
position: absolute; | |
left: 0; | |
height: 11px; | |
width: 11px; | |
top: 5px; | |
} | |
.download-link { | |
border-bottom: 1px solid #ddd; | |
border-top: 1px solid #ddd; | |
margin-top: 11px; | |
padding-bottom: 10px; | |
width: 100%; | |
} | |
.download-link ul { | |
clear: both; | |
display: table; | |
margin: 10px 0 0; | |
padding: 0; | |
} | |
.download-link ul li { | |
color: #3b3b3b; | |
display: block; | |
float: left; | |
font-family: Verdana,Geneva,sans-serif; | |
font-size: 12px; | |
line-height: 25px; | |
list-style: outside none none; | |
margin-bottom: 10px; | |
width: 100%; | |
} | |
.download-link ul li a { | |
color: #3b3b3b; | |
padding-bottom: 10px; | |
padding-left: 0px; | |
position: relative; | |
cursor: default; | |
} | |
.license-btn{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff !important; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 8px 15px 8px 40px; | |
position: relative; | |
text-align: center; | |
} | |
.license-div{ | |
border-bottom: 1px solid #ddd; | |
padding: 20px 0; | |
} | |
.license-btn:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -348px -64px; | |
content: ""; | |
height: 22px; | |
left: 7px; | |
position: absolute; | |
top: 7px; | |
width: 25px; | |
} | |
.tag-div { | |
font-family: verdana; | |
font-size: 12px; | |
margin-top: 20px; | |
padding-left: 30px; | |
position: relative; | |
} | |
.single-market-related{ | |
background: #fff; | |
border-top: 1px solid #ddd; | |
padding-top: 50px; | |
padding-bottom: 50px; | |
} | |
.content-box h3{ | |
color: #3b3b3b; | |
font-family: 'Montserrat-Regular'; | |
font-size: 20px; | |
font-weight: normal; | |
} | |
.content-box:first-child{ | |
border-top: 0!important; | |
} | |
.content-box{ | |
font-family: verdana; | |
font-size: 15px; | |
line-height: 25px; | |
color: #3b3b3b; | |
padding-bottom: 50px; | |
border-bottom: 1px solid #ddd; | |
border-top: 1px solid #fff; | |
} | |
.content-box.content-bonuses { | |
padding-bottom: 5px; | |
} | |
.content-box:last-child{ | |
border-bottom: 0!important; | |
} | |
.related-box li{ | |
/*display: inline-block;*/ | |
} | |
.popup-box{ | |
display: none; | |
} | |
.info-col{ | |
float: left; | |
width: 50%; | |
} | |
.learn_more_content{ | |
width:100%; | |
} | |
.table-content{ | |
border-radius: 5px; | |
border: 1px solid #eaeaea; | |
overflow: hidden; | |
} | |
.row-info{ | |
float: left; | |
width:100%; | |
} | |
.row-info:nth-child(2n) .info-left{ | |
background: #eeeeee; | |
} | |
.header-info{ | |
background: #4ba478; | |
color: #fff; | |
text-align: center; | |
float: left; | |
width:100%; | |
} | |
.header-info h3{ | |
color: #fff; | |
} | |
.info-left.info-col{ | |
border-right: 1px solid #dbdbdb; | |
order-radius: 10px; | |
} | |
.bottom-box{ | |
float: left; | |
width:100%; | |
border : 1px solid #eaeaea; | |
border-radius: 5px; | |
font-family: verdana; | |
font-size: 12px; | |
color: #3b3b3b; | |
padding: 10px; | |
margin-top: 20px; | |
} | |
.info-col{ | |
padding: 4px 10px; | |
font-family: verdana; | |
font-size: 12px; | |
color: #3b3b3b; | |
} | |
.header-info .info-col{ | |
padding: 0px 5px; | |
} | |
#license-more-popup{ | |
/*width: 740px;*/ | |
} | |
.row-info .info-right{ | |
background: #fafafa none repeat scroll 0 0; | |
text-align: center; | |
} | |
.info-col p{ | |
margin: 0!important; | |
} | |
.single-market-related .related-box .related-img a.hover { | |
background: transparent none repeat scroll 0 0; | |
display: block; | |
height: 87px; | |
left: 2px; | |
position: absolute; | |
top: 2px; | |
width: 131px; | |
} | |
span.yes{ | |
float: left; | |
min-height: 24px; | |
position: relative; | |
width: 100%; | |
} | |
span.yes:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -486px -27px; | |
content: ""; | |
height: 12px; | |
position: absolute; | |
width: 20px; | |
top: 6px; | |
left: 46%; | |
} | |
span.no{ | |
float: left; | |
min-height: 24px; | |
position: relative; | |
width: 100%; | |
} | |
span.no:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -515px -27px; | |
content: ""; | |
height: 20px; | |
position: absolute; | |
width: 20px; | |
top: 4px; | |
left: 47%; | |
} | |
.single-market-related .related-box .related-img { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dadada; | |
float: left; | |
height: 93px; | |
margin-right: 18px; | |
padding: 2px; | |
position: relative; | |
width: 137px; | |
} | |
.single-market-related .related-box .related-img img { | |
height: 87px; | |
max-width: 100%; | |
width: 131px; | |
} | |
.tag-div:before{ | |
content: ""; | |
position: absolute; | |
top: 0; | |
left :0; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -557px 0; | |
height: 17px; | |
width: 18px; | |
} | |
.license-btn:hover{ | |
background: #56bc8a; | |
} | |
.download-link ul li span.file-value { | |
cursor: default; | |
float: right; | |
text-align: right; | |
width: 170px; | |
} | |
.download-link ul li.learnmore_btn { | |
margin-bottom: 3px; | |
margin-top: 5px; | |
} | |
.download-link ul li.learnmore_btn a { | |
display: block; | |
float: right; | |
color: #fff; | |
position: relative; | |
font-family: verdana; | |
font-size: 12px; | |
background: #4ba478; | |
border-radius: 3px; | |
padding: 2px 9px 3px 30px ; | |
text-shadow: none; | |
} | |
.download-link ul li.learnmore_btn a:hover{ | |
background: #56bc8a; | |
} | |
.download-link ul li.learnmore_btn a:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll; | |
background-position: -139px -52px; | |
content: ""; | |
position: absolute; | |
left: 10px; | |
top: 10px; | |
width: 11px; | |
height: 11px; | |
} | |
.stats-box { | |
margin-bottom: 0; | |
} | |
.stats-box h4 { | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 20px 0 10px; | |
} | |
.stats-box .icon_rating h2 { | |
color: #cac9c9; | |
font-family: Verdana; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 20px; | |
padding-bottom: 5px; | |
padding-left: 20px; | |
padding-top: 5px; | |
width: 100%; | |
position: relative; | |
} | |
.stats-box .icon_rating h2:before{ | |
content: ""; | |
position: absolute; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll; | |
background-position: -87px -106px; | |
height: 17px; | |
left: 0; | |
top: 7px; | |
width: 16px; | |
} | |
.stats-box .rating-text{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
} | |
.download-count-box h2{ | |
color: #cac9c9; | |
font-family: Verdana; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 20px; | |
padding-bottom: 5px; | |
padding-left: 25px; | |
padding-top: 5px; | |
width: 100%; | |
position: relative; | |
margin: 0; | |
} | |
.download-count-box h2:before{ | |
content: ""; | |
position: absolute; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll; | |
background-position: -110px -106px; | |
height: 19px; | |
left: 0; | |
top: 7px; | |
width: 20px; | |
} | |
.download-count-box p, .view-count-box p{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin: 0; | |
} | |
.view-count-box h2{ | |
color: #cac9c9; | |
font-family: Verdana; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 20px; | |
padding-bottom: 5px; | |
padding-left: 25px; | |
padding-top: 5px; | |
width: 100%; | |
margin: 0; | |
position: relative; | |
} | |
.download-count-box { | |
float: left; | |
margin-bottom: 10px; | |
margin-top: 10px; | |
width: 100%; | |
} | |
.view-count-box { | |
float: left; | |
padding: 0 0 10px; | |
width: 99%; | |
} | |
.view-count-box h2:before{ | |
content: ""; | |
position: absolute; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll; | |
background-position: -132px -107px; | |
height: 15px; | |
left: 0; | |
top: 9px; | |
width: 19px; | |
} | |
.des-box { | |
border-top: 1px solid #ddd; | |
overflow: hidden; | |
padding-bottom: 10px; | |
padding-top: 0; | |
width: 100%; | |
} | |
.des-box h4 { | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 20px 0 10px; | |
} | |
.des-box p{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin: 0; | |
} | |
.news-detail-page-content-right .promotion-link{ | |
margin-top: 10px; | |
} | |
.promotion-link { | |
margin: 0px 0px 10px; | |
} | |
#preview_download { | |
width: 669px; | |
} | |
#no_preview{ | |
width: 482px; | |
} | |
.preview_downliad_top_bar { | |
background: #f3f3f3 none repeat scroll 0 0; | |
float: left; | |
width: 100%; | |
padding: 25px 16px 0; | |
} | |
#no_preview .no_preview_top_bar, .learn_more_top_bar, .form-popup-top-bar, .popup_box_top_bar, .login_popup_top_bar{ | |
background: #f3f3f3 none repeat scroll 0 0; | |
float: left; | |
width: 100%; | |
padding: 25px 30px ; | |
} | |
.popup_box_top_bar p{ | |
margin: 0; | |
} | |
.share_popup_content{ | |
padding: 100px 118px; | |
} | |
.learn_more_top_bar{ | |
padding-bottom: 15px; | |
} | |
.preview_downliad_top_bar h2, #no_preview .no_preview_top_bar h2, .learn_more_top_bar h3, .form-popup-top-bar h2, .popup_box_top_bar h2, .login_popup_top_bar h2, | |
.login_popup_content_right_top h2{ | |
margin: 0; | |
font-size: 18px; | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
} | |
.preview_download_content, #no_preview .no_preview_content, .login_popup_content { | |
float: left; | |
width: 100%; | |
padding: 25px 16px; | |
} | |
.preview_download_content p, #no_preview .no_preview_content p, .learn_more_content p,.form-popup .body p,.login_popup_content_right_top p { | |
margin: 0 0 20px; | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 13px; | |
line-height: 24px; | |
} | |
.login_popup_content_right_bottom ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.login_popup_content_right_bottom ul li{ | |
float: left; | |
line-height: 23px; | |
margin-bottom: 7px; | |
padding-left: 55px; | |
padding-right: 20px; | |
position: relative; | |
text-align: left; | |
width: 100%; | |
} | |
.login_popup_content_right_bottom ul li:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -37px -175px; | |
content: ""; | |
height: 18px; | |
left: 25px; | |
position: absolute; | |
top: 3px; | |
width: 21px; | |
} | |
.login_popup_top_bar p a{ | |
color: #4ba478; | |
} | |
.login_popup_top_bar p a:hover{ | |
color: #56bc8a; | |
} | |
.login_popup_content_right_top { | |
padding: 10px 25px; | |
border-bottom: 1px solid #d8d8d8; | |
} | |
.login_popup_content_left{ | |
float: left; | |
width: 336px; | |
} | |
.login_popup_content_right{ | |
float: right; | |
width: 314px; | |
background: #f3f3f3; | |
border: 1px solid #d8d8d8; | |
border-radius: 5px; | |
} | |
.login_popup_content_right_bottom p{ | |
float: left; | |
padding: 0 30px; | |
text-align: right; | |
width: 100%; | |
margin-top: 0; | |
} | |
.login_popup_content_right_top_sign_btn{ | |
text-align: center; | |
} | |
.login_popup_content_right_top_sign_btn a{ | |
display: inline-block; | |
width: 215px; | |
color: #fff; | |
font-size: 14px; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
text-align: center; | |
padding: 10px; | |
border-radius: 3px; | |
background: #4ba478; | |
} | |
.login_popup_content_right_top p{ | |
margin-bottom: 0; | |
} | |
.login_popup_content_right_bottom{ | |
padding: 20px 0; | |
} | |
.login_popup_content_right_top_sign_btn a:hover, .submit-login input[type='submit']:hover, .submit-login input[type='submit']:focus{ | |
background: #56bc8a; | |
} | |
.row-input,.remeber-acc,.register-lostpassword,.submit-login{ | |
float: left; | |
width: 100%; | |
margin-bottom: 15px; | |
} | |
.success_login{ | |
color: #a2d90c; | |
} | |
.pg_error{ | |
color: #fe3d3d; | |
} | |
.row-input input[type="text"], .row-input input[type="password"]{ | |
border: 1px solid #d8d8d8; | |
width: 100%; | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 12px; | |
height: 30px; | |
} | |
.row-input input[type="text"]:focus, .row-input input[type="password"]:focus { | |
border: 1px solid #4ba478; | |
} | |
.remeber-acc{ | |
background: #f3f3f3 none repeat scroll 0 0; | |
border: 1px solid #d8d8d8; | |
border-radius: 3px; | |
color: #3b3b3b; | |
font-family: "verdana"; | |
font-size: 12px; | |
padding: 20px 10px; | |
} | |
.form-tab{ | |
display: none; | |
} | |
a.lost-password, a.back_login_form, .lost-password-bottom p.have-trouble a{ | |
color: #4ba478; | |
} | |
a.lost-password:hover, a.back_login_form:hover, .lost-password-bottom p.have-trouble a:hover{ | |
color: #3b3b3b; | |
} | |
.form-tab.active-tab{ | |
display: block; | |
} | |
.remeber-acc p{ | |
font-size: 10px; | |
margin: 0; | |
padding-left: 17px; | |
} | |
.submit-login input[type='submit']{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
display: inline-block; | |
font-family: "helveticabold"; | |
font-size: 14px; | |
font-weight: normal; | |
padding: 10px; | |
text-align: center; | |
width: 100%; | |
border: 0; | |
line-height: 25px; | |
} | |
.submit-login input.loading-time[type="submit"]{ | |
background-image: url(../img/button-loader.gif); | |
background-position: center; | |
background-repeat: no-repeat; | |
} | |
#lost-password input[type='submit']{ | |
background: #4ba478 none repeat scroll 0 0; | |
border: 0 none; | |
border-radius: 3px; | |
color: #fff; | |
display: inline-block; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 14px; | |
padding: 12px 18px; | |
text-align: center; | |
} | |
#lost-password input[type='submit']:hover{ | |
background: #56bc8a; | |
} | |
#lost-password .row-input input[type="text"]{ | |
width: 300px; | |
} | |
.lost-password-bottom{ | |
float: left; | |
width: 100%; | |
margin-top: 200px; | |
} | |
.lost-password-bottom p.have-trouble{ | |
text-align: right; | |
} | |
.register-lostpassword ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.register-lostpassword ul li{ | |
display: inline-block; | |
} | |
.row-input label{ | |
float: left; | |
width: 100%; | |
color: #3b3b3b; | |
font-size: 14px; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
} | |
.preview_downliad_top_bar p, #no_preview .no_preview_top_bar p, .learn_more_top_bar p, .form-popup-top-bar p, .popup_box_top_bar p, .login_popup_top_bar p, .login_popup_content{ | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 12px; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.features-page .what-you-could ul li.li-last{ | |
margin-right: 0; | |
} | |
#no_preview .no_preview_content, .learn_more_content,.form-popup .body, .popup_box_content, .login_popup_content{ | |
padding: 20px 30px; | |
text-align: center; | |
} | |
.form-popup .body { | |
overflow-x: hidden; | |
} | |
#no_preview .no_preview_content{ | |
background: #e0f1f8; | |
} | |
.learn_more_content,.form-popup .body, .popup_box_content, .login_popup_content{ | |
float: left; | |
text-align: left; | |
} | |
.fancybox-title{ | |
display: none; | |
} | |
.popup_box_content{ | |
width: 100%; | |
} | |
#no_preview .no_preview_content h2{ | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 18px; | |
line-height: 38px; | |
} | |
.icon-search-no-preview{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px -99px; | |
display: inline-block; | |
height: 71px; | |
margin: 30px; | |
width: 81px; | |
} | |
#learn-more-popup, .form-popup,#license-more-popup { | |
display: none; | |
width: 763px; | |
} | |
#limit{ | |
display: none; | |
width: 482px; | |
} | |
#limit .popup_box_content h2{ | |
color: #3b3b3b; | |
font-size: 18px; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
} | |
#limit .popup_box_content p{ | |
color: #3b3b3b; | |
font-family: "verdana"; | |
font-size: 12px; | |
margin-top: 0; | |
} | |
a.upgrade_btn{ | |
display: inline-block; | |
background: #4ba478 none repeat scroll 0 0; | |
border: 1px solid #4ba478; | |
border-radius: 3px; | |
color: #fff; | |
padding: 14px 20px; | |
text-shadow: none; | |
font-size: 12px; | |
letter-spacing: 0.5px; | |
margin: 70px 0 50px; | |
} | |
a.upgrade_btn:hover{ | |
background: #56bc8a none repeat scroll 0 0; | |
border: 1px solid #56bc8a; | |
border-radius: 3px; | |
} | |
h3.learmore-icon, .learmore-inner{ | |
display: inline-block; | |
} | |
.learmore-inner{ | |
float: right; | |
width: 94%; | |
} | |
h3.learmore-icon{ | |
float: left; | |
margin-right: 10px; | |
margin-top: 0; | |
} | |
.learmore-inner h4.learmore-title{ | |
font-weight: bold; | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 12px; | |
margin: 0; | |
} | |
.notifications th, .profile-settings th{ | |
padding:10px; | |
text-align: left; | |
} | |
.profile_visibility #submit{ | |
margin-left: 10px; | |
} | |
.notifications tr td, .profile-settings tr td{ | |
padding: 10px; | |
font-size: 12px; | |
font-family: verdana; | |
} | |
.item-header-name h2{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 20px; | |
font-weight: normal; | |
line-height: 17px; | |
margin: 0 0 10px; | |
} | |
.item-header-name h2 span{ | |
font-size: 18px; | |
} | |
#user-pag{ | |
padding-top: 10px; | |
} | |
.thread-count{ | |
font-size: 17px; | |
} | |
#item-header-content{ | |
margin-left: 20px; | |
} | |
#messages_search_submit{ | |
min-height: 40px; | |
} | |
#main_message_wraper{ | |
font-family: verdana; | |
font-size: 13px; | |
} | |
.follow-button a, a.send-message,.action a.friendship-button, #messages_search_submit,#send_reply_button,#send_message_form #send,ul#friend-list li .generic-button{ | |
padding: 7px 25px; | |
background: #4ba478 none repeat scroll 0 0; | |
border-color: #4ba478; | |
border-radius: 3px; | |
color: #fff !important; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 12px; | |
text-align: center; | |
border: 0; | |
} | |
#messages_search{ | |
font-family: verdana; | |
font-size: 12px; | |
height: 41px; | |
} | |
,ul#friend-list li .generic-button:hover, | |
.follow-button a:hover, a.send-message:hover,.action a.friendship-button:hover, #load-more-member a,#messages_search_submit:hover,#send_reply_button:hover,#send_message_form #send:hover{ | |
background: #4ba478 none repeat scroll 0 0; | |
} | |
#message-threads tr td{ | |
padding-bottom: 20px; | |
} | |
#item-buttons div{ | |
float: left; | |
margin-right: 5px; | |
} | |
#item-body{ | |
float: left; | |
width:100%; | |
} | |
.message-box .message-metadata{ | |
margin-bottom: 10px; | |
} | |
.user-profile-box div{ | |
float: left; | |
margin-right: 5px; | |
} | |
#load-more-member a{ | |
padding: 7px 125px; | |
background: #4ba478 none repeat scroll 0 0; | |
border-color: #4ba478; | |
border-radius: 3px; | |
color: #fff !important; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 14px; | |
text-align: center; | |
} | |
ul#members-list, ul#friend-list{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.user-profile-box div.generic-button a, .pagination{ | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.pagination{ | |
margin-bottom: 20px; | |
} | |
.user-profile-box div.generic-button a:hover{ | |
color: #3b3b3b; | |
} | |
li div.item-avatar{ | |
float: left; | |
} | |
.item-main-content{ | |
font-family: verdana; | |
font-size: 12px; | |
margin-left: 60px; | |
} | |
#members-list li, ul#friend-list li{ | |
margin-bottom: 20px; | |
} | |
.thread-info h2{ | |
font-family: verdana; | |
font-size: 15px; | |
font-weight: normal; | |
margin: 0; | |
} | |
#message-threads a:hover,#main_message_wraper a:hover, | |
#message-thread a:hover, | |
.thread-info h2 a:hover{ | |
color: #3b3b3b; | |
} | |
.thread-info p{ | |
margin: 10px 0 0; | |
} | |
.thread-info span.activity{ | |
color: #afafaf; | |
} | |
#members-list li .generic-button, ul#friend-list li .generic-button{ | |
margin-top: 10px; | |
} | |
#members-list li .action div, ul#friend-list li .action div{ | |
float: left; | |
margin-right: 5px; | |
} | |
.item-avatar img,.thread-avatar img,.message-metadata img{ | |
border-radius: 50%; | |
} | |
.item-header-name span.facebook{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -492px 0; | |
display: block; | |
height: 19px; | |
width: 11px; | |
} | |
.item-header-name span.twitter{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -511px 0; | |
display: block; | |
height: 18px; | |
width: 21px; | |
margin-top: 1px; | |
} | |
.profile-fields td.label{ | |
width: 300px; | |
} | |
.activity-comments .acomment-meta,.activity-comments .acomment-content,.activity-comments .acomment-options,.activity-comments .divide_comment{ | |
margin-left: 40px; | |
} | |
.profile-fields a:hover{ | |
color: #3b3b3b; | |
} | |
.item-header-name h4{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
font-weight: normal; | |
margin: 0 0 3px; | |
} | |
.user-profile-box{ | |
float:left; | |
width:100%; | |
margin: 12px 0; | |
} | |
.rank_profile .logo-rank{ | |
float: left; | |
} | |
.dashboard-detail-box .rank_profile .logo-rank{ | |
width:100%; | |
} | |
.dashboard-detail-box .rank_profile .logo-rank img{ | |
width:76px; | |
} | |
a.user-profile{ | |
font-family: verdana; | |
font-size: 12px; | |
margin-right: 15px; | |
} | |
a.user-profile:hover{ | |
color: #3b3b3b; | |
} | |
.item-header-name ul { | |
margin: 0; | |
padding:0; | |
list-style: none; | |
} | |
.item-header-name ul li{ | |
display: inline-block; | |
float: left; | |
margin-right: 5px; | |
} | |
.item-header-name .btn_icon{ | |
margin-top: 5px; | |
margin-left: 10px; | |
margin-right: 10px; | |
} | |
hr.divide_comment{ | |
background: #fff; | |
} | |
.item-header-name a:hover{ | |
color: #3b3b3b; | |
} | |
.submit_ticket_form h2{ | |
border-bottom: 1px solid #ebeaea; | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 18px; | |
font-weight: normal; | |
margin: 0 0 20px; | |
padding-bottom: 5px; | |
display: none; | |
} | |
.submit_ticket_form input.res { | |
height: 41px; | |
} | |
.submit_ticket_form .input_col { | |
width: 50%; | |
} | |
.submit_ticket_form textarea { | |
min-height: 150px; | |
resize: vertical; | |
max-width: 100%; | |
} | |
.submit_ticket_form #submit1 { | |
clear: both; | |
float: right; | |
margin-top: 50px; | |
} | |
p span.feed_required{ | |
font-family: "verdana"; | |
color: #989898; | |
font-size: 15px; | |
} | |
strong.f_required{ | |
color: #fa3f3f; | |
} | |
.submit_ticket_form label{ | |
font-family: "verdana"; | |
color: #3b3b3b; | |
font-size: 14px; | |
} | |
.submit_ticket_form label strong{ | |
float: left; | |
} | |
/*------------------------------ | |
submit product form | |
------------------------------*/ | |
.product-submit-form .submit_ticket_form { | |
border-top: 1px solid #e0e1e1; | |
padding-top: 1px; | |
margin-top: 20px; | |
} | |
.product-submit-form p { | |
margin-bottom: 0.5em; | |
} | |
.product-submit-form .label_col { | |
width: 100%; | |
} | |
.product-submit-form .label_col .fileUploadDesc { margin-left: 0;} | |
.product-submit-form .input_col { float: left; width: 50%;} | |
.product-submit-form .res { | |
height: 41px; | |
float: none; | |
width: 100%; | |
border: 1px solid #e2e2e2; | |
margin-top: 10px; | |
} | |
.product-submit-form input.res { | |
padding-left: 7px; | |
} | |
.product-submit-form textarea { | |
resize: vertical; | |
min-height: 200px; | |
padding-left: 7px; | |
padding-top: 7px; | |
} | |
.product-submit-form #submit { | |
background-color: #56bc8a; | |
color: #fff; | |
padding: 16px 30px; | |
border: none; | |
margin-left: 0; | |
margin-top: 50px; | |
float: left !important; | |
clear: both; | |
} | |
.product-submit-form #submit:hover { | |
background-color: #4ba478; | |
} | |
.product-submit-form .f_loading { | |
display: none !important; | |
} | |
/*------------------------------ */ | |
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus{ | |
border-color: #4ba478 !important; | |
background-color: #fff !important; | |
outline: none; | |
} | |
.label_col{ | |
float: left; | |
} | |
.input_col{ | |
float: right; | |
} | |
.popup_box{ | |
display: none; | |
width: 482px; | |
} | |
.popup_tab{ | |
display: none; | |
min-height: 330px; | |
} | |
.popup_tab.popup_active_tab{ | |
display: block; | |
} | |
.save_button_popup, .favourited_addlist-popup,.favourited_button_popup, .add_row, .created-list-popup, .add_row_content{ | |
float: left; | |
width: 100%; | |
} | |
a.save_product_popup, a.favourited_product_popup, a.add_to_list, a.create_list_btn_popup,a.create_list_btn{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
float: left; | |
font-family: verdana; | |
font-size: 11px; | |
line-height: 15px; | |
padding: 6px 8px; | |
text-align: center; | |
} | |
a.save_product_popup, a.favourited_product_popup, a.create_list_btn_popup{ | |
width: 165px; | |
} | |
a.add_to_list{ | |
padding: 4px 20px; | |
margin-left: 25px; | |
} | |
a.save_product_popup:hover, a.favourited_product_popup:hover, a.add_to_list:hover, a.create_list_btn_popup:hover{ | |
background: #56bc8a; | |
} | |
a.favourited_product_popup span.star-icon{ | |
float: right; | |
width: 18px; | |
height: 16px; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -136px -127px; | |
margin-left: 10px; | |
} | |
div.text-or{ | |
float: left; | |
width: 100%; | |
position: relative; | |
overflow: hidden; | |
text-align: center; | |
padding: 10px 0; | |
} | |
div.text-or span{ | |
display: inline-block; | |
color: #c2c2c2; | |
font-family: verdana; | |
font-size: 11px; | |
background: #fff; | |
padding: 10px; | |
font-style: italic; | |
text-transform: uppercase; | |
position: relative; | |
} | |
div.text-or span:before{ | |
background: #e4e4e4 none repeat scroll 0 0; | |
content: ""; | |
height: 1px; | |
left: -1000%; | |
position: absolute; | |
top: 18px; | |
width: 1000%; | |
} | |
div.text-or span:after { | |
background: #e4e4e4 none repeat scroll 0 0; | |
content: ""; | |
height: 1px; | |
right: -1000%; | |
position: absolute; | |
top: 18px; | |
width: 1000%; | |
} | |
.popup_box_content label{ | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 11px; | |
float: left; | |
margin-bottom: 8px; | |
width: 100%; | |
} | |
.popup_box_content .create_list_tab label{ | |
color: #3b3b3b; | |
} | |
.popup_box_content .create_list_tab input.list_title{ | |
width: 60%; | |
} | |
.list_dropdown{ | |
float: left; | |
position: relative; | |
padding-bottom: 5px; | |
} | |
.add_row{ | |
margin-top: 20px; | |
} | |
a.back_btn{ | |
color: #4ba478; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
a.back_btn:hover{ | |
color: #3b3b3b; | |
} | |
.show_detail p{ | |
margin: 0; | |
} | |
.create_list_tab_form input, .create_list_tab_form textarea{ | |
border: 1px solid #e3e3e3; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.create_list_tab_form textarea:focus{ | |
border-color: #4ba478; | |
} | |
.create_list_tab{ | |
margin-top: -15px; | |
} | |
.create_list_tab_form input.error{ | |
border-color: #ff0000; | |
} | |
.create_list_tab_form textarea{ | |
min-height: 120px; | |
} | |
.create_list_tab_btn{ | |
float: left; | |
width: 100%; | |
position: relative; | |
} | |
input.create_list_btn{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
float: left; | |
font-family: verdana; | |
font-size: 11px; | |
line-height: 15px; | |
padding: 12px 5px; | |
text-align: center; | |
border: 0; | |
width: 90px; | |
height: 40px; | |
} | |
input.create_list_btn:hover{ | |
background:#56bc8a; | |
} | |
input.create_list_btn.loading{ | |
background: #4ba478 url("../img/button-loader.gif") no-repeat scroll center center; | |
width: 90px; | |
} | |
.list_name{ | |
cursor: pointer; | |
} | |
.notice{ | |
float:left; | |
} | |
.addedtolistmess{ | |
color: #3b3b3b; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 10px 35px 10px 25px; | |
position: relative; | |
} | |
.addedtolistmess:after{ | |
content: ""; | |
position: absolute; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px -20px; | |
height: 20px; | |
width: 23px; | |
right: 0; | |
} | |
.dropdown-save{ | |
border: 1px solid #e3e3e3; | |
border-radius: 3px; | |
color: #b3b3b3; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
height: 23px; | |
padding: 0 25px 0 15px; | |
width: 177px; | |
position: relative; | |
line-height: 20px; | |
} | |
.list_dropdown:hover .dropdown-save:after{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -85px -14px; | |
} | |
.dropdown-save:after{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -85px 0; | |
content: ""; | |
height: 14px; | |
position: absolute; | |
right: 4px; | |
width: 14px; | |
top: 4px; | |
} | |
.list_dropdown ul{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #e0e0e0; | |
display: none; | |
height: 140px; | |
list-style: outside none none; | |
margin: 0; | |
overflow-y: scroll; | |
padding: 5px 0; | |
position: absolute; | |
top: 25px; | |
width: 177px; | |
z-index: 100; | |
} | |
.list_dropdown:hover ul{ | |
display: block; | |
} | |
.list_dropdown ul li{ | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 4px 15px; | |
} | |
.list_dropdown ul li:hover{ | |
color: #4ba478; | |
} | |
.list_title_tab, .short_des_tab{ | |
float: left; | |
width: 100%; | |
margin-bottom: 20px; | |
} | |
.create_list_tab_content h3{ | |
font-family: verdana; | |
font-size: 12px; | |
color: #3b3b3b; | |
margin: 20px 0; | |
} | |
/************* Classes page style ***********/ | |
.classes-page-content h2.title-section span.count-total{ | |
border: 0 solid #e3e3e3; | |
border-radius: 0; | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 12px; | |
font-style: italic; | |
margin-left: 3px; | |
padding: 0 8px; | |
position: relative; | |
top: -1px; | |
} | |
.content .classes-page-content h2.title-section{ | |
margin: 0; | |
float: left; | |
} | |
.classes-page-content .title-bar{ | |
display: block; | |
float: left; | |
width: 100%; | |
margin-bottom: 20px; | |
} | |
.classes-page-content-left{ | |
float: left; | |
width: 652px; | |
} | |
.classes-page-content-left ul{ | |
list-style: none; | |
padding: 0; | |
margin: 0; | |
float: left; | |
width: 100%; | |
} | |
.classes-item{ | |
float: left; | |
width: 100%; | |
background: #f9f9f9 none repeat scroll 0 0; | |
border: 1px solid #dbdbdb; | |
border-radius: 4px; | |
padding: 20px; | |
position: relative; | |
} | |
.classes-item h2.classes-name { | |
font-family: "helveticabold"; | |
font-size: 20px; | |
font-weight: normal; | |
margin: 0; | |
} | |
.classes-item h2.classes-name a{ | |
color: #4ba478; | |
} | |
.classes-item h2.classes-name a:hover{ | |
color: #3b3b3b; | |
} | |
.classes-item p.classes-date{ | |
color: #3b3b3b; | |
margin: 0; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.classes-item-content{ | |
float: left; | |
width: 100%; | |
} | |
.classes-item-content .classes-thumbnail{ | |
float: left; | |
border: 1px solid #dadada; | |
border-radius: 0px; | |
padding: 4px; | |
background: #fff; | |
} | |
.classes-item-content .classes-thumbnail img { | |
display: block; | |
width: 280px; | |
height: 180px; | |
} | |
.classes-item-content .classes-thumbnail a { | |
position: relative; | |
float: left; | |
width: 100%; | |
} | |
.classes-item-content a .more-info { | |
background: rgba(107, 191, 227, 0.9) none repeat scroll 0 0; | |
bottom: 0; | |
color: #ffffff; | |
font-family: verdana; | |
font-size: 12px; | |
height: 180px; | |
left: 0; | |
line-height: 20px; | |
position: absolute; | |
right: 0; | |
top: 0; | |
visibility: hidden; | |
width: 100%; | |
} | |
.classes-item-content a .more-info::before { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0; | |
bottom: 0; | |
content: ""; | |
display: block; | |
height: 70px; | |
left: 97px; | |
overflow: hidden; | |
position: absolute; | |
text-align: left; | |
text-indent: -9999px; | |
top: 55px; | |
width: 75px; | |
} | |
.classes-item-content a:hover .more-info { | |
visibility: visible; | |
} | |
.classes-item-content{ | |
margin-top: 15px; | |
} | |
.excerpt-classes{ | |
float: right; | |
width: 300px; | |
font-family: verdana; | |
font-size: 12px; | |
color: #3b3b3b; | |
} | |
.classes-categories, .excerpt-text,.read-btn{ | |
float: left; | |
width: 100%; | |
} | |
span.underline{ | |
text-decoration: underline; | |
color:#fff!important; | |
} | |
.features-page .database-demo .database-demo-video iframe{ | |
height: 93%; | |
width:92%; | |
} | |
.features-page .video-box{ | |
padding: 0; | |
} | |
iframe{ | |
border:0; | |
} | |
.excerpt-text > p{ | |
margin-top: 0 | |
} | |
.classes-page-content-left ul li{ | |
float: left; | |
margin-bottom: 25px; | |
width: 100%; | |
} | |
.classes-page-content{ | |
margin-bottom: 40px; | |
float: left; | |
width: 100%; | |
} | |
.classes-categories{ | |
margin: 20px 0; | |
} | |
.excerpt-classes .classes-categories a{ | |
color: #57c5ee; | |
} | |
.excerpt-classes .classes-categories a:hover{ | |
color: #3b3b3b; | |
} | |
.excerpt-classes .read-btn a.read-more-img{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
display: block; | |
font-family: verdana; | |
font-size: 12px; | |
height: 30px; | |
padding: 5px 10px; | |
text-align: center; | |
width: 110px; | |
} | |
.excerpt-classes .read-btn a.read-more-img:hover{ | |
background: #4ba478; | |
} | |
.classes-page-content-right{ | |
float: right; | |
width: 302px; | |
} | |
.single-bonus .right-col-box{ | |
border: none; | |
background: transparent; | |
} | |
.right-col-box{ | |
float: left; | |
width: 100%; | |
border: 1px solid #dbdbdb; | |
background: #fff; | |
border-radius: 4px; | |
margin-bottom: 16px; | |
} | |
.right-col-box h3{ | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 0; | |
border-bottom: 1px solid #dbdbdb; | |
padding: 10px 18px; | |
} | |
.right-col-box #searchform{ | |
float: left; | |
width: 100%; | |
padding: 10px 18px; | |
} | |
.right-col-box #searchform #s{ | |
width: 228px; | |
height: 30px; | |
border: 1px solid #e4e4e4; | |
background: #fff; | |
font-size: 12px; | |
color: #959494; | |
font-family: verdana; | |
} | |
.right-col-box #searchform #searchsubmit{ | |
background: rgba(0, 0, 0, 0) url("../img/header-sprite.png") no-repeat scroll -2px -133px; | |
border: 0 none; | |
box-shadow: none; | |
display: inline-block; | |
float: right; | |
height: 21px; | |
margin: 5px 2px; | |
overflow: hidden; | |
text-align: left; | |
text-indent: -9999px; | |
width: 20px; | |
} | |
.classes-page-content-right .promotion-link{ | |
margin-bottom: 16px; | |
float: left; | |
width: 100%; | |
margin-top: 0; | |
} | |
.right-col-box ul{ | |
margin: 20px 18px 40px; | |
padding: 0; | |
list-style: none; | |
float: left; | |
} | |
.right-col-box ul li{ | |
float: left; | |
width: 100%; | |
} | |
.right-col-box ul li a{ | |
font-size: 12px; | |
color: #4ba478; | |
font-family: verdana; | |
} | |
.right-col-box.list-classes-categories ul li a:hover,.right-col-box.list-classes-categories ul li.current-category a{ | |
color: #3b3b3b; | |
} | |
.right-col-box .related-file ul li a{ | |
color: #4ba478; | |
} | |
.right-col-box .related-file ul li a:hover{ | |
color: #3b3b3b; | |
} | |
.right-col-box .related-file ul li{ | |
margin-bottom: 15px; | |
} | |
.right-col-box .related-img { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dadada; | |
float: left; | |
margin-right: 7px; | |
padding: 3px; | |
height: 65px; | |
width: 90px; | |
position: relative; | |
} | |
.right-col-box .related-img img { | |
height: 57px; | |
max-width: 100%; | |
width: 84px; | |
} | |
.right-col-box .related-img a.hover { | |
background: transparent none repeat scroll 0 0; | |
display: block; | |
height: 57px; | |
left: 3px; | |
position: absolute; | |
top: 3px; | |
width: 82px; | |
} | |
.right-col-box .related-img a.hover:hover { | |
background: rgba(86, 188, 138, 0.8) url("../img/search_hover.png") no-repeat scroll center center / 30% auto; | |
display: block; | |
} | |
.related-file h4{ | |
margin: 0; | |
font-weight: normal; | |
line-height: 16px; | |
} | |
.related-title-date{ | |
float: right; | |
width: 160px; | |
} | |
.right-col-box .related-title-date .related-dates{ | |
margin: 5px 0; | |
font-size: 12px; | |
color: #3b3b3b; | |
font-family: verdana; | |
} | |
/************* Share popup style *************/ | |
.share_popup_content p { | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 10px; | |
margin: 10px 0 0; | |
text-align: left; | |
} | |
.or-sepate { | |
border-bottom: 1px solid #e4e4e4; | |
float: left; | |
height: 20px; | |
margin: 0; | |
width: 100%; | |
text-align: center; | |
} | |
.or-sepate span { | |
background: #fff none repeat scroll 0 0; | |
color: #c2c2c2; | |
font-style: italic; | |
line-height: 39px; | |
padding: 14px; | |
font-size: 11px; | |
font-family: verdana; | |
} | |
#img_loading_share { | |
display: none; | |
} | |
.add_create { | |
margin-top: 20px; | |
text-align: left; | |
} | |
.add_create .add_row { | |
margin-bottom: 10px; | |
} | |
.add_row, .create_row { | |
float: left; | |
width: 100%; | |
} | |
.create_row { | |
margin-bottom: 15px; | |
} | |
.share_popup_content p { | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 11px; | |
margin: 5px 0 0; | |
text-align: left; | |
} | |
.share_popup_content p.text_title { | |
margin-bottom: 5px; | |
} | |
.list_dropdown, .list_group { | |
float: left; | |
padding-bottom: 5px; | |
position: relative; | |
} | |
.dropdown-share { | |
border: 1px solid #e3e3e3 !important; | |
border-radius: 3px; | |
color: #b3b3b3; | |
float: left; | |
font-size: 12px; | |
margin-top: 1px; | |
overflow: hidden; | |
padding: 4px 13px; | |
width: 196px; | |
font-family: verdana; | |
} | |
.list_group ul { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #e0e0e0; | |
display: none; | |
list-style: outside none none; | |
margin: 0; | |
padding: 5px 0; | |
position: absolute; | |
top: 32px; | |
width: 196px; | |
z-index: 100; | |
} | |
.list_group:hover ul { | |
display: block; | |
} | |
.list_group ul li { | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 4px 15px; | |
} | |
.list_group ul li a { | |
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; | |
color: #b3b3b3; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 0 !important; | |
} | |
.create_group, .add_to_group, .share_popup_login_btn a { | |
background: #4ba478 none repeat scroll 0 0 !important; | |
border-radius: 3px; | |
color: #fffefe !important; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
font-weight: normal !important; | |
height: 27px; | |
padding: 5px 16px !important; | |
line-height: 15px; | |
} | |
.share_popup_login_row{ | |
float: left; | |
width: 100%; | |
} | |
.share_popup_login_row p{ | |
font-size: 12px; | |
color: #3b3b3b; | |
} | |
.share_popup_login_row .share_popup_login_btn{ | |
float: left; | |
width: 100%; | |
margin: 10px 0 0 0; | |
} | |
.share_popup_login_row .or-sepate{ | |
margin-bottom: 20px; | |
} | |
.add_to_group{ | |
margin-left: 20px; | |
} | |
.add_to_list:hover, .create_list:hover, .add_to_group:hover, .create_group:hover, .share_popup_login_btn a:hover { | |
/*background-color: #4ba478 !important;*/ | |
color: #fff; | |
} | |
.monthly-editions .sub-des-section a:hover{ | |
color: #fff; | |
} | |
.like-img a { | |
color: #8c8c8c; | |
padding-left: 25px; | |
padding-top: 5px; | |
} | |
.share_popup_footer .or-sepate { | |
margin-bottom: 20px; | |
} | |
/*********** INventory page style ***********/ | |
.inventory-page-content-left{ | |
float: left; | |
width: 167px; | |
} | |
.invent-nav{ | |
float: left; | |
width: 100%; | |
} | |
.invent-nav ul{ | |
margin:0; | |
padding: 0; | |
list-style: none; | |
} | |
.inventory-page-content-right{ | |
float: right; | |
width: 762px; | |
} | |
.inventory-page-content-right .product-list li:nth-child(2n+2) { | |
margin-left: 0px; | |
margin-right: 0!important; | |
} | |
.inventory-page-content-right .product-list li:nth-child(3n+3) { | |
margin-left: 0px; | |
margin-right: 63px; | |
} | |
.myinvetory_title { | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 20px; | |
font-weight: normal; | |
margin: 0; | |
border-bottom: 1px solid #e7e7e7; | |
padding-bottom: 5px; | |
} | |
.inventory_page_title{ | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 20px 0; | |
} | |
.inventory-page{ | |
background: #f6f7f7 none repeat scroll 0 0; | |
float: left; | |
width: 100%; | |
border-top: 1px solid #e2e2e2; | |
} | |
.inventory-page-content{ | |
display: block; | |
} | |
.inventory-page-content-main{ | |
float: left; | |
width: 100%; | |
border-bottom: 1px solid #dcdcdc; | |
padding-bottom: 30px; | |
margin-bottom: 60px; | |
margin-top: 25px; | |
} | |
.inventory-page-content-left{ | |
float: left; | |
} | |
.inventory-page-content-left .invent-nav{ | |
float: left; | |
width: 100%; | |
border: 1px solid #dcdcdc; | |
background: #fff; | |
border-radius: 4px; | |
padding: 16px; | |
} | |
.inventory-page-content-left .invent-nav h3{ | |
border-bottom: 1px solid #dcdcdc; | |
color: #3b3b3b; | |
font-family: "helveticabold"; | |
font-size: 15px; | |
font-weight: normal; | |
padding: 0 0 5px; | |
margin: 0; | |
} | |
.inventory-page-content-left .invent-nav ul{ | |
float: left; | |
width: 100%; | |
} | |
.inventory-page-content-left .invent-nav ul li{ | |
float: left; | |
margin: 20px 0; | |
width: 100%; | |
} | |
.inventory-page-content-left .invent-nav ul li a{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 4px; | |
color: #fff; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 10px 5px; | |
text-align: center; | |
width: 100%; | |
} | |
.inventory-page-content-left .invent-nav ul li a:hover, .inventory-page-content-left .invent-nav ul li.current-item a{ | |
background: #56bc8a; | |
} | |
.inventory-page-content-left .invent-nav ul.favourite-product { | |
border-top: 1px solid #dcdcdc; | |
border-bottom: 1px solid #dcdcdc; | |
} | |
.inventory-page-content-left .invent-nav ul.list-nav{ | |
margin-top: 15px; | |
} | |
.inventory-page-content-left .invent-nav ul.list-nav li{ | |
margin: 5px 0; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar{ | |
float: left; | |
width: 100%; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box{ | |
float: left; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li{ | |
float: left; | |
display: inline; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li input[type="checkbox"] { | |
margin: 9px; | |
} | |
input.select_all_input[type="checkbox"] { | |
border: 0 none; | |
clip: rect(0px, 0px, 0px, 0px); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
input.select_all_input[type="checkbox"] + label.select_all_label { | |
cursor: pointer; | |
display: inline-block; | |
font-size: 13px; | |
height: 13px; | |
line-height: 13px; | |
margin-left: 0; | |
margin-top: 9px; | |
padding-left: 25px; | |
vertical-align: middle; | |
} | |
.select_all_label { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px; | |
} | |
input.select_all_input[type="checkbox"]:checked + label.select_all_label { | |
background-position: -165px -73px; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a { | |
color: #fff; | |
float: left; | |
font-size: 11px; | |
height: 29px; | |
line-height: 13px; | |
margin-right: 10px; | |
padding: 0; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a span { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
float: left; | |
padding: 8px 13px 10px; | |
color: #fffefe; | |
font-family: verdana; | |
font-size: 11px; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a:hover span, .inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li:hover a span { | |
background-color: #56bc8a; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu { | |
padding-bottom: 10px; | |
position: relative; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box li.has-submenu .hd-submenu_drop { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #d3d3d2; | |
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); | |
color: #4ba478; | |
display: none; | |
float: left; | |
left: 0; | |
position: absolute; | |
top: 35px; | |
width: 160px; | |
z-index: 100; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box li.has-submenu:hover .hd-submenu_drop { | |
display: block; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop .showlist_inven { | |
border-bottom: 1px solid #d9d9d9; | |
height: 190px; | |
overflow-x: hidden; | |
overflow-y: scroll; | |
padding: 10px 0 20px; | |
width: 160px; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li .hd-submenu_drop label a { | |
color: #b3b3b3; | |
cursor: pointer; | |
float: left; | |
height: auto; | |
margin: 0; | |
padding: 6px 10px; | |
width: 100%; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p { | |
color: #3b3b3b; | |
float: left; | |
padding: 10px 8px; | |
width: 100%; | |
margin: 0; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p a { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 5px; | |
border-top: 0 none; | |
color: #fff; | |
font-family: verdana; | |
font-size: 11px; | |
font-weight: normal; | |
height: auto; | |
margin: 0; | |
padding: 10px 0; | |
text-align: center; | |
width: 100%; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p a:hover { | |
background: #4ba478 none repeat scroll 0 0; | |
color: #fff !important; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop label a:hover, .inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop label a.activelist { | |
background: #4ba478 none repeat scroll 0 0; | |
color: #fff; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .show-product-box .show-product-dropbox span,.inventory-page-content-right .inventory-page-content-right-top-bar .sort-box .sort-dropbox span{ | |
background-color: #fff; | |
} | |
.inventory-page-content-right .product-page-list{ | |
border: 1px solid #dcdcdc; | |
border-radius: 5px; | |
float: left; | |
min-height: 442px; | |
padding: 40px 43px; | |
width: 100%; | |
background:#fff; | |
margin-top: 20px; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info { | |
float: left; | |
width: 100%; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .select-product { | |
float: left; | |
padding: 0; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"] { | |
border: 0 none; | |
clip: rect(0px, 0px, 0px, 0px); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"] + label.select-label{ | |
cursor: pointer; | |
display: inline-block; | |
font-size: 13px; | |
height: 13px; | |
line-height: 13px; | |
margin-left: 0; | |
margin-top: 9px; | |
padding-left: 20px; | |
vertical-align: middle; | |
position: relative; | |
color: #b2b2b2; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .select-product label.select-label:before { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px; | |
content: ""; | |
height: 13px; | |
left: 0; | |
position: absolute; | |
width: 15px; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"]:checked + label.select-label:before { | |
background-position: -165px -73px; | |
} | |
.inventory-page-content-right .product-page-list .product-more-info .cmt_download { | |
float: right; | |
} | |
.inventory-page-content-right .product-thumbnail{ | |
float: left; | |
} | |
.inventory-page-content-right .product-thumbnail .download-count { | |
color: #b2b2b2; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 5px 10px 5px 24px; | |
position: relative; | |
margin-top: 4px; | |
} | |
.inventory-page-content-right .product-thumbnail .download-count:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -110px -106px; | |
content: ""; | |
height: 19px; | |
left: 0; | |
position: absolute; | |
top: 7px; | |
width: 20px; | |
} | |
.inventory-page-content-right .product-thumbnail .view-count { | |
color: #b2b2b2; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 5px 10px 5px 27px; | |
position: relative; | |
margin-top: 4px; | |
} | |
.inventory-page-content-right .product-thumbnail .view-count:before{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -132px -107px; | |
content: ""; | |
height: 15px; | |
left: 0; | |
position: absolute; | |
top: 9px; | |
width: 19px; | |
} | |
.inventory-page-content-right .product-thumbnail .like-count { | |
float: left; | |
padding: 5px 0 0px; | |
} | |
.inventory-page-content-right .product-thumbnail .like-count .lovestar { | |
float: left; | |
margin-right: 5px; | |
padding-top: 2px; | |
} | |
.inventory-page-content-right .product-thumbnail .like-count span { | |
color: #b2b2b2; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.inventory-page-content-right .product-thumbnail .add-icon{ | |
bottom: 55px; | |
} | |
.inventory-page-content-right .product-item h2.product-name{ | |
float: left; | |
margin-left: 0; | |
width: 305px; | |
min-height: auto; | |
margin-bottom: 10px; | |
} | |
.inventory-page-content-right .product-item h2.product-name a{ | |
color: #4ba478; | |
} | |
.inventory-page-content-right .product-item h2.product-name a:hover{ | |
color: #4e4e4e; | |
} | |
h6.date_saved_product{ | |
color: #b2b2b2; | |
float: left; | |
font-family: verdana; | |
font-size: 12px; | |
margin: 0; | |
font-weight: normal; | |
} | |
h6.date_saved_product span{ | |
font-weight: bold; | |
} | |
.inventory-page-content-right .product-list li { | |
margin-bottom: 40px; | |
margin-right: 63px; | |
} | |
.pagination-bar-top .show_item_number{ | |
margin:10px 0 0; | |
} | |
.inventory-page-content-right .pagination{ | |
float: left; | |
margin-top: 20px; | |
width: 100%; | |
} | |
.inventory-page-content-right h3.show_item_number { | |
color: #666; | |
} | |
.mylist-list{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dcdcdc; | |
border-radius: 5px; | |
float: left; | |
margin-top: 20px; | |
min-height: 442px; | |
padding: 20px; | |
width: 100%; | |
} | |
.inventory-page-content-right .mylist-list ul.mylist-loop-list{ | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.inventory-page-content-right .mylist-list ul.mylist-loop-list > li{ | |
float: left; | |
width: 100%; | |
margin: 0 0 20px; | |
} | |
.mylist-thumbnail{ | |
width: 137px; | |
height: 93px; | |
border: 1px solid #dbdbdb; | |
background:#fff; | |
padding: 2px; | |
position: relative; | |
float: left; | |
} | |
.mylist-thumbnail img{ | |
height: 87px; | |
max-width: 100%; | |
width: 131px; | |
} | |
.mylist-thumbnail a.hover { | |
background: transparent none repeat scroll 0 0; | |
display: block; | |
height: 87px; | |
left: 2px; | |
position: absolute; | |
top: 2px; | |
width: 131px; | |
} | |
.mylist-thumbnail a.hover:hover { | |
background: rgba(86,188,138, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto; | |
display: block; | |
} | |
.excerpt-mylist{ | |
float: right; | |
width: 570px; | |
} | |
.inventory-page-content-main ul.product-list{ | |
margin-top: 0; | |
} | |
.mylist-name{ | |
font-weight: normal; | |
line-height: 16px; | |
margin: 0 0 6px; | |
} | |
.mylist-name a{ | |
font-family: verdana; | |
font-size: 12px; | |
color: #4ba478; | |
} | |
.mylist-name a:hover{ | |
color: #4e4e4e; | |
} | |
.extra_link_mylist ul{ | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.inventory-page-content-main .product-thumbnail .more-info::before { | |
background: rgba(0, 0, 0, 0) url(../img/body-sprite.png) no-repeat scroll -2px 0; | |
bottom: 0; | |
content: ""; | |
display: block; | |
height: 70px; | |
overflow: hidden; | |
position: absolute; | |
text-align: left; | |
text-indent: -9999px; | |
top: 55px; | |
width: 75px; | |
left: 97px; | |
} | |
.inventory-page-content-right ul li .extra_link_mylist ul li{ | |
float: left; | |
margin: 0 10px 0 0; | |
padding-top: 8px; | |
} | |
.inventory-page-content-right ul li .extra_link_mylist ul li:nth-child(1){ | |
padding: 0; | |
} | |
p.mylist-date{ | |
float: left; | |
border: 1px solid #ebebeb; | |
border-radius: 3px; | |
color: #3b3b3b; | |
font-size: 11px; | |
font-family: verdana; | |
text-align: center; | |
padding: 3px 5px; | |
margin: 0; | |
} | |
.inventory-page-content-right .extra_link_mylist ul li a,.inventory-page-content-right .extra_link_mylist ul li, a.full_des_btn{ | |
font-family: verdana; | |
font-size: 12px; | |
color: #4ba478; | |
} | |
.inventory-page-content-right .extra_link_mylist ul li, .inventory-page-content-right .extra_link_mylist ul li a:hover, a.full_des_btn:hover{ | |
color: #3b3b3b; | |
} | |
.inventory-page-content-right .excerpt-mylist .excerpt-text{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin-top: 4px; | |
} | |
.inventory-page-content-right-top-bar .my-list-name{ | |
float: left; | |
} | |
.inventory-page-content-right-top-bar .my-list-name h2{ | |
float: left; | |
margin: 0; | |
color: #3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: normal; | |
} | |
.des-list-box{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dcdcdc; | |
border-radius: 3px; | |
float: left; | |
margin: 10px 0 20px; | |
padding: 10px; | |
width: 100%; | |
} | |
.des-list-box .thum-list{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dbdbdb; | |
float: left; | |
height: 93px; | |
padding: 2px; | |
position: relative; | |
width: 137px; | |
} | |
.des-list-box .thum-list img { | |
height: 87px; | |
max-width: 100%; | |
width: 131px; | |
} | |
.des-list-box .title-des-list{ | |
float: right; | |
width: 590px; | |
} | |
.des-list-box .title-des-list h3{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin: 0; | |
} | |
.des-list-box .title-des-list h3 span{ | |
float: right; | |
font-weight: normal; | |
padding: 7px 5px; | |
} | |
.title-des-list .editlist, .title-des-list .delete_list { | |
border-radius: 3px; | |
color: #fff; | |
float: right; | |
font-family: verdana; | |
font-weight: normal; | |
margin-left: 10px; | |
padding: 6px 13px 6px; | |
} | |
.title-des-list .delete_list { | |
background: #fa2745 none repeat scroll 0 0; | |
} | |
.title-des-list .editlist { | |
background: #4ba478 none repeat scroll 0 0; | |
} | |
.title-des-list .delete_list:hover { | |
background: #e91835 none repeat scroll 0 0; | |
} | |
.title-des-list .editlist:hover { | |
background: #56bc8a none repeat scroll 0 0; | |
} | |
.title-des-list .meta{ | |
border: 1px solid #ebebeb; | |
border-radius: 3px; | |
color: #3b3b3b; | |
float: left; | |
font-family: verdana; | |
font-size: 11px; | |
margin:10px 0 0; | |
padding: 3px 5px; | |
text-align: center; | |
} | |
.title-des-list .des{ | |
float: left; | |
width: 100%; | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
} | |
.delete-thum-button{ | |
float: left; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul { | |
list-style: outside none none; | |
margin: 0; | |
padding: 0; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li { | |
display: inline; | |
float: left; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li input[type="checkbox"] { | |
margin: 9px; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a { | |
color: #fff; | |
float: left; | |
font-size: 11px; | |
height: 29px; | |
line-height: 13px; | |
margin-right: 10px; | |
padding: 0; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a span { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fffefe; | |
float: left; | |
font-family: verdana; | |
font-size: 11px; | |
padding: 8px 13px 10px; | |
} | |
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a:hover span, .inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li:hover a span { | |
background-color: #56bc8a; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product { | |
float: left; | |
padding: 0; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"] { | |
border: 0 none; | |
clip: rect(0px, 0px, 0px, 0px); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"] + label.select-label { | |
color: #b2b2b2; | |
cursor: pointer; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 12px; | |
height: 13px; | |
line-height: 13px; | |
margin-left: 0; | |
margin-top: 9px; | |
padding-left: 20px; | |
position: relative; | |
vertical-align: middle; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product label.select-label::before { | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px; | |
content: ""; | |
height: 13px; | |
left: 0; | |
position: absolute; | |
width: 15px; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"]:checked + label.select-label::before { | |
background-position: -165px -73px; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .cmt_download { | |
float: right; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list li { | |
margin-bottom: 40px; | |
margin-right: 63px; | |
float: left; | |
} | |
.inventory-page-content-right .mylist-detail-loop-list li:nth-child(2n+2) { | |
margin-left: 0; | |
margin-right: 0 !important; | |
} | |
.inventory-page-content-right .mylist-detail-list { | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dcdcdc; | |
border-radius: 5px; | |
float: left; | |
margin-top: 20px; | |
min-height: 442px; | |
padding: 40px 43px; | |
width: 100%; | |
} | |
.del-add-box li.loading, .delete-thum-button li.loading, .extra_link_mylist li.loading, .title-des-list span.loading, .create-list-content span.loading{ | |
color: #666666; | |
font-family: verdana; | |
font-size: 12px; | |
background: url(../img/inventory-load.gif) no-repeat scroll center; | |
height: 33px; | |
display: none; | |
width: 30px; | |
} | |
.save_tab .loading, .share_to_friends_btn .loading{ | |
color: #666666; | |
font-family: verdana; | |
font-size: 12px; | |
background: url(../img/popup-loader.gif) no-repeat scroll center; | |
height: 33px; | |
display: none; | |
width: 150px; | |
} | |
.del-add-box li.loading.show-msg, .delete-thum-button li.loading.show-msg, .share_to_friends_btn .loading.show-msg{ | |
padding-left: 30px; | |
position: relative; | |
background: transparent; | |
width: auto; | |
margin-top: 6px; | |
} | |
.product-page-list p.no-product, .mylist-list p.no-product, .mylist-detail-list p.no-product{ | |
margin-top: 150px; | |
color: #666666; | |
font-family: verdana; | |
font-size: 12px; | |
text-align: center; | |
} | |
.create-list-content span.loading { | |
padding-left: 30px; | |
position: relative; | |
background: transparent; | |
width: auto; | |
margin-top: 11px; | |
} | |
.share_to_friends_btn .loading{ | |
margin-bottom: 10px; | |
margin-top: -15px!important; | |
} | |
.create-list-content span.loading.show-msg{ | |
padding-left: 30px; | |
position: relative; | |
background: transparent; | |
width: auto; | |
margin-top: 11px; | |
} | |
.title-des-list span.loading span{ | |
padding: 0!important; | |
} | |
.del-add-box li.loading.show-msg:before, .delete-thum-button li.loading.show-msg:before, .extra_link_mylist li.loading.show-msg:before, .title-des-list span.loading.show-msg:before, .create-list-content span.loading.show-msg:before, .save_tab .loading.show-msg:before , .share_to_friends_btn .loading.show-msg:before{ | |
height: 20px; | |
width: 23px; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px -20px; | |
content: ""; | |
position: absolute; | |
left: 0; | |
} | |
.extra_link_mylist li.loading.show-msg, .title-des-list span.loading.show-msg, .save_tab .loading.show-msg{ | |
padding-left: 30px; | |
position: relative; | |
background: transparent; | |
width: auto; | |
margin-top: 0px; | |
} | |
.save_tab .loading{ | |
margin-top: -25px; | |
} | |
.save_tab .loading.show-msg{ | |
margin-top: -14px; | |
} | |
.extra_link_mylist li.loading, .title-des-list span.loading, .create-list-content span.loading{ | |
float: left; | |
display: none; | |
margin-left: 10px; | |
} | |
.create-list-name h2{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 18px; | |
margin: 0; | |
font-weight: normal; | |
line-height: 18px; | |
} | |
.create-list-name p{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.create-list-content{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dcdcdc; | |
border-radius: 5px; | |
float: left; | |
margin-top: 20px; | |
min-height: 442px; | |
padding: 40px 43px; | |
width: 100%; | |
} | |
.create-list-content #l_form label{ | |
float: left; | |
width: 100%; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
margin-bottom: 10px; | |
} | |
.create-list-content #l_form label span{ | |
color: #f53131; | |
} | |
.create-list-content #l_form input[type="text"]{ | |
width: 267px; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
border-color: #dcdcdc; | |
} | |
.create-list-content #l_form textarea{ | |
width: 410px; | |
height: 110px; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
border-color: #dcdcdc; | |
} | |
.create-list-content #l_form textarea:focus,.create-list-content #l_form input[type="text"]:focus{ | |
border-color: #4ba478; | |
} | |
.create-list-content #l_form #create, .create-list-content #l_form #create_edit{ | |
color: #fff; | |
background: #4ba478; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 15px 25px; | |
border: 0; | |
width: 100px; | |
float: left; | |
} | |
.create-list-content #l_form #create.process, .create-list-content #l_form #create_edit.process{ | |
background: #56bc8a url(../img/button-loader.gif) no-repeat scroll center; | |
} | |
.create-list-content #l_form #create:hover, .create-list-content #l_form #create_edit:hover{ | |
background-color: #56bc8a; | |
} | |
.create-list-content #l_form input.error { | |
border-color: #ff0000; | |
} | |
/********** Search page style ************/ | |
.seach-header{ | |
background: #56bc8a; | |
text-align: left; | |
overflow: hidden; | |
width: 100%; | |
padding: 40px 0; | |
} | |
.hide-breadcrumb{ | |
display:none!important; | |
} | |
.featured-top-bar{ | |
background: #4ba478; | |
padding:45px 0 55px; | |
color:#fff; | |
margin: 0 0 40px 0; | |
text-align: center; | |
min-height: 214px; | |
} | |
.featured-top-bar h2{ | |
margin: 0; | |
font-size: 30px; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
} | |
.featured-top-bar h3{ | |
color: #fff; | |
font-family: verdana; | |
font-size: 36px; | |
font-weight: normal; | |
letter-spacing: 1px; | |
line-height: 36px; | |
margin: 0 0 15px; | |
} | |
.featured-top-bar p{ | |
margin:0; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.featured-top-bar-content{ | |
width: 950px; | |
margin: 0 auto; | |
} | |
.search-box h2{ | |
color: #fff; | |
font-family: 'Montserrat-Regular'; | |
font-size: 20px; | |
font-weight: normal; | |
margin:0; | |
} | |
.search-box h3{ | |
color: #fff; | |
font-family: verdana; | |
font-size: 14px; | |
margin: 0 0 15px 0; | |
} | |
.search-box h3 span{ | |
font-weight: normal; | |
} | |
.search-box h3 span.loading,.show-product-bar span.loading{ | |
display: none; | |
background-image: url("../img/search-loader.gif"); | |
height: 12px; | |
width: 150px; | |
float: left; | |
} | |
.search-top-bar .show-product-bar{ | |
float: left; | |
margin-right: 0; | |
margin-top: 30px; | |
margin-bottom: 5px; | |
width: 100%; | |
} | |
.search-top-bar .show-product-bar .show-product-box{ | |
float: right; | |
} | |
.search-page .product-list li { | |
margin-bottom: 30px; | |
/*margin-right: 0;*/ | |
} | |
.search-page .product-list li .excerpt-news,.search-page .product-list li .excerpt-classes { | |
margin-left: 20px; | |
width: 650px; | |
} | |
.search-page .product-list li .news-item,.search-page .product-list li .classes-item { | |
background: transparent; | |
border: 0px solid #dbdbdb; | |
border-radius: 0px; | |
float: left; | |
padding: 0px; | |
position: relative; | |
width: 100%; | |
} | |
.search-page .product-list li .read-btn { | |
margin-top: 15px; | |
} | |
.search-page .product-list li .news-item-content { | |
float: left; | |
margin-top: 0px; | |
} | |
.search-page .product-list li .classes-item-content { | |
margin-top: 0px; | |
} | |
.search-page .product-list li .news-item-content .news-thumbnail,.search-page .product-list li .classes-item-content .classes-thumbnail { | |
background: #f4f4f4 none repeat scroll 0 0; | |
border: 1px solid #d5d2d2; | |
border-radius: 5px; | |
padding: 10px 11px; | |
position: relative; | |
} | |
/*********Dashboard Page Style Starts***********/ | |
.dashboard_page_title{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 30px; | |
font-weight: normal; | |
margin-bottom: 0; | |
margin-top: 10px; | |
} | |
.dashboard-left-col{ | |
float: left; | |
width: 48%; | |
} | |
.dashboard-right-col{ | |
float: right; | |
width: 48%; | |
} | |
.dashboard-my-profile-box{ | |
float: left; | |
margin-bottom: 50px; | |
width: 100%; | |
} | |
.dashboard-my-profile-box .avatar-img{ | |
float: left; | |
background: #fff; | |
border: 1px solid #dcdcdc; | |
padding: 10px; | |
border-radius: 4px; | |
} | |
.page-upgrade .video-box iframe{ | |
width:100%; | |
height: 448px; | |
} | |
.dashboard-my-profile-box .avatar-img img{ | |
float: left; | |
} | |
.dashboard-my-profile-box .user-text{ | |
float: right; | |
width: 335px; | |
} | |
.dashboard-page { | |
float: left; | |
width: 100%; | |
padding-top: 30px; | |
padding-bottom: 40px; | |
} | |
.dashboard_welcome_user{ | |
border-bottom: 1px solid #fff; | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 18px; | |
font-weight: normal; | |
margin: 0; | |
padding-bottom: 10px; | |
} | |
.dashboard-title-box{ | |
color: #3b3b3b; | |
font-family: "Montserrat-Regular"; | |
font-size: 20px; | |
margin: 0 0 10px 0; | |
font-weight: normal; | |
} | |
.dashboard-my-profile-box-content .user-text h4{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 14px; | |
line-height: 10px; | |
margin: 0 0 15px; | |
} | |
.dashboard-my-profile-box-content .user-text h4 span{ | |
font-weight: normal; | |
font-size: 12px; | |
} | |
.dashboard-my-profile-box-content .info-author ul{ | |
margin:0; | |
padding: 0; | |
list-style: none; | |
} | |
.dashboard-my-profile-box-content .info-author ul li{ | |
float: left; | |
width: 100%; | |
} | |
.dashboard-my-profile-box-content .info-author ul li a{ | |
float: left; | |
color:#4ba478; | |
font-family: verdana; | |
font-size: 15px; | |
} | |
.dashboard-my-profile-box-content .info-author ul li a:hover{ | |
color: #3b3b3b; | |
} | |
.dashboard-news-stuff-box{ | |
float: left; | |
width: 100%; | |
} | |
.dashboard-news-stuff-box-content{ | |
float: left; | |
width: 100%; | |
} | |
.dashboard-news-stuff-box-content ul{ | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
} | |
.dashboard-news-stuff-box-content ul.tabs li{ | |
display: inline-block; | |
} | |
.dashboard-news-stuff-box-content ul.tabs li a{ | |
color:#4ba478; | |
font-family: verdana; | |
font-size: 15px; | |
border : 1px solid #f6f7f7; | |
border-radius: 3px; | |
padding: 5px 7px; | |
} | |
.dashboard-news-stuff-box-content ul.tabs li a:hover, .dashboard-news-stuff-box-content ul.tabs li a.active{ | |
background: #fff; | |
border : 1px solid #ebebeb; | |
color: #333333; | |
} | |
.dashboard-news-stuff-box-content .thumbnail_box{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dadada; | |
float: left; | |
height: 93px; | |
margin-right: 18px; | |
padding: 2px; | |
position: relative; | |
width: 137px; | |
border-radius: 3px; | |
} | |
.dashboard-news-stuff-box-content .thumbnail_box img{ | |
height: 87px; | |
max-width: 100%; | |
width: 131px; | |
} | |
.dashboard-news-stuff-box-content .thumbnail_box a.hover{ | |
background: transparent none repeat scroll 0 0; | |
display: block; | |
height: 87px; | |
left: 2px; | |
position: absolute; | |
top: 2px; | |
width: 131px; | |
} | |
.dashboard-news-stuff-box-content .thumbnail_box a.hover:hover{ | |
background: rgba(86, 188, 138, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto; | |
display: block; | |
} | |
.dashboard-news-stuff-box-content .tabcontents { | |
margin-top: 20px; | |
float: left; | |
} | |
.dashboard-news-stuff-box-content ul.tabs{ | |
margin-top: 10px; | |
} | |
.dashboard-news-stuff-box-content .tabcontents .tab_content{ | |
display: none; | |
} | |
.dashboard-news-stuff-box-content .tabcontents .tab_content.active{ | |
display: block; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li{ | |
float: left; | |
width: 100%; | |
margin-bottom: 20px; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li .title_date{ | |
float: right; | |
width: 308px; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3{ | |
font-weight: normal; | |
margin: 0; | |
line-height: 12px; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3 a{ | |
color:#4ba478; | |
font-family: verdana; | |
font-size: 15px; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3 a:hover{ | |
color: #3b3b3b; | |
} | |
.dashboard-news-stuff-box-content .tabcontents ul li .title_date p.date_post{ | |
font-family: verdana; | |
font-size: 15px; | |
background: #fff; | |
border : 1px solid #ebebeb; | |
color: #333333; | |
border-radius: 3px; | |
padding: 3px 10px; | |
float: left; | |
} | |
.dashboard-detail-box{ | |
background: #fff none repeat scroll 0 0; | |
border: 1px solid #dcdcdc; | |
border-radius: 4px; | |
color: #3d3d3d; | |
display: block; | |
float: left; | |
font-family: verdana; | |
font-size: 15px; | |
padding: 20px; | |
text-align: center; | |
width: 280px; | |
} | |
.dashboard-detail-box a{ | |
color:#4ba478; | |
} | |
.dashboard-detail-box a:hover{ | |
color: #3b3b3b; | |
} | |
.dashboard-detail-box:nth-of-type(even) { | |
float: right; | |
} | |
.point-notification{ | |
float: right; | |
width: 215px; | |
} | |
.my-ranking-lvl.dashboard-detail-box{ | |
color: #3b3b3b; | |
font-size: 10px; | |
} | |
.my-ranking-lvl.dashboard-detail-box .rank-user{ | |
font-weight: bold; | |
margin: 5px 0; | |
text-transform: uppercase; | |
} | |
.my-ranking-pn,.dashboard-overall-stats-box-content .dashboard-detail-box,.dashboard-my-stats-box-content .dashboard-detail-box{ | |
margin-bottom: 16px; | |
} | |
.my-ranking-pn.dashboard-detail-box, .notification-pn.dashboard-detail-box{ | |
padding-bottom: 18px; | |
padding-top: 17px; | |
} | |
.dashboard-detail-box .count_values{ | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
.dashboard-overall-stats-box, .dashboard-my-stats-box,.dashboard-my-rankings-box{ | |
float: left; | |
width: 100%; | |
} | |
.dashboard-overall-stats-box{ | |
margin: 0px 0 30px; | |
} | |
.dashboard_top_bar{ | |
background: #f1f1f1; | |
padding-bottom: 20px; | |
} | |
a.show_all_btn{ | |
color:#4ba478; | |
font-family: verdana; | |
font-size: 15px; | |
padding: 0 37px; | |
} | |
a.show_all_btn:hover{ | |
color: #3b3b3b; | |
} | |
/*********Dashboard Page Style Ends***********/ | |
.search-page-content{ | |
min-height: 800px; | |
} | |
/*********404 Page Style Starts***********/ | |
.page404{ | |
text-align: center; | |
min-height: 860px; | |
} | |
.page404 h1{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 30.65px; | |
font-weight: normal; | |
margin-top: 200px; | |
} | |
.page404 p{ | |
color: #3b3b3b; | |
font-family: verdana; | |
font-size: 12px; | |
font-weight: normal; | |
} | |
.page404 p a{ | |
color:#4ba478; | |
} | |
.page404 p a:hover{ | |
color: #3b3b3b; | |
} | |
/*********Dashboard Page Style Ends***********/ | |
/*********About Us Page Style Starts***********/ | |
.about-us-page header{ | |
color: #fff; | |
display: block; | |
float: left; | |
margin-top: -20px; | |
min-height: 250px; | |
text-align: center; | |
width: 100%; | |
} | |
.about-us-page .entry-content{ | |
background: #f9f9f9 none repeat scroll 0 0; | |
border-top: 1px solid #ececec; | |
float: left; | |
margin-top: -65px; | |
padding-bottom: 40px; | |
padding-top: 20px; | |
width: 100%; | |
} | |
.social-box h2, .about-us-page h2{ | |
font-family: 'helveticabold'; | |
font-size: 15px; | |
color: #3b3b3b; | |
font-weight: normal; | |
} | |
.about-us-page p{ | |
color: #3b3b3b; | |
margin-top: 15px; | |
font-family: verdana; | |
font-size: 12px; | |
} | |
.about-us-page ul{ | |
list-style: none; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 0; | |
margin-left: 0; | |
} | |
.list_col{ | |
width: 30%; | |
display: inline-flex; | |
} | |
.about-us-page h2.title-section { | |
color: #fff; | |
font-family: "helveticabold"; | |
font-size: 30px; | |
font-weight: normal; | |
margin-bottom: 0; | |
text-align: center; | |
text-shadow: none !important; | |
width: 100%; | |
} | |
.about-us-page article{ | |
float: left; | |
margin: 0; | |
width: 100%; | |
} | |
.about-top-bar{ | |
background-size: cover !important; | |
height: 250px; | |
} | |
.about-top-bar .breadcrumb ol li, .about-top-bar p{ | |
color: #fff; | |
} | |
.about-top-bar h3{ | |
font-family: verdana; | |
margin-bottom: 10px; | |
font-size: 36px; | |
font-weight: normal; | |
} | |
.header{ | |
text-shadow: none; | |
} | |
@media screen and ( max-width: 425px) { | |
.about-top-bar h3 { | |
margin-top: 10px; | |
font-size: 28px; | |
} | |
} | |
/*********Dashboard Page Style Ends***********/ | |
/*********Submit Product and Bonuses Page Style Starts*********/ | |
.affiliates-top-main-content { | |
float: left; | |
width:100%; | |
text-align: center; | |
padding:30px 0; | |
} | |
.affiliates-top-main-content .affiliates-top-content h2 { | |
font-family: "helveticabold"; | |
font-size: 30px; | |
font-weight: normal; | |
color:#fff; | |
margin: 10px 0 0; | |
} | |
.affiliates-top-main-content .affiliates-top-content h3 { | |
font-family: verdana; | |
font-size: 36px; | |
margin-bottom: 17px; | |
margin-top: 0; | |
color:#fff; | |
font-weight: normal; | |
} | |
.affiliates-top-main-content .affiliates-top-content p { | |
font-family: verdana; | |
font-size: 12px; | |
margin: 0 0 23px 0; | |
color:#fff; | |
} | |
.affiliates-top-main-content .affiliates-top-content a { | |
font-family: verdana; | |
font-size: 12px; | |
margin-top: 0; | |
color:#fff; | |
width:240px; | |
height: 44px; | |
line-height: 44px; | |
background:#4ba478; | |
display: inline-block; | |
border-radius: 4px; | |
} | |
.affiliates-top-main-content .affiliates-top-content a:hover { | |
background: #fff; | |
font-family: verdana; | |
font-size: 12px; | |
margin-top: 0; | |
color:#4ba478; | |
} | |
.recurring-box { | |
float: left; | |
width: 100%; | |
text-align: center; | |
} | |
.recurring-box-content h2.title-section { | |
color:#3b3b3b; | |
font-size: 30px; | |
font-family: verdana; | |
font-weight: normal; | |
margin-top: 67px; | |
text-align: center; | |
} | |
.recurring-box-content p.des-section { | |
color:#3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: normal; | |
margin-top: 8px; | |
text-align: center; | |
} | |
.recurring-box-content .recurring-list { | |
float: left; | |
width: 100%; | |
padding: 0 105px; | |
margin-top: 30px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-1, .recurring-box-content .recurring-list .recurring-list-2, .recurring-box-content .recurring-list .recurring-list-3, .recurring-box-content .recurring-list .recurring-list-4, .recurring-box-content .recurring-list .recurring-list-5, .recurring-box-content .recurring-list .recurring-list-6{ | |
width: 33.3333%; | |
float: left; | |
position: relative; | |
} | |
.recurring-box-content .recurring-list h3{ | |
color:#3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: normal; | |
margin: 6px 0 14px 0; | |
} | |
.recurring-box-content .recurring-list p { | |
color:#3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
font-weight: normal; | |
} | |
.recurring-box-bonus { | |
float: left; | |
width: 100%; | |
text-align: left; | |
} | |
.recurring-box-content-bonus .recurring-list-bonus { | |
float: left; | |
width: 100%; | |
padding: 0 135px; | |
margin-top: 30px; | |
margin-bottom: 100px; | |
} | |
.recurring-box-content-bonus .recurring-list-bonus h3{ | |
color:#3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: normal; | |
margin: 6px 0 14px 0; | |
} | |
.recurring-box-content-bonus .recurring-list-bonus p { | |
color:#3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
font-weight: normal; | |
} | |
.recurring-box-content .recurring-list .recurring-img-bonus { | |
position: relative; | |
height: 105px; | |
} | |
.recurring-box-content .recurring-list .recurring-img-bonus span{ | |
height: 78px; | |
width: 78px; | |
margin: 0 auto; | |
background: rgba(0, 0, 0, 0) url("../img/bonus-sprite.png") no-repeat scroll 0 0; | |
display: inline-block; | |
position: absolute; | |
bottom:0; | |
left: 50%; | |
transform: translateX(-50%) ; | |
} | |
.recurring-box-content .recurring-list .recurring-list-1 .recurring-img-bonus span { | |
background-position: 0px 5px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-2 .recurring-img-bonus span{ | |
background-position: -75px 0px; | |
height: 72px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-3 .recurring-img-bonus span{ | |
background-position: -153px 10px; | |
width: 82px; | |
} | |
.recurring-box-content .recurring-list .recurring-img { | |
position: relative; | |
height: 105px; | |
} | |
.recurring-box-content .recurring-list .recurring-img span{ | |
height: 78px; | |
width: 78px; | |
margin: 0 auto; | |
background: rgba(0, 0, 0, 0) url("../img/affiliate-sprite.png") no-repeat scroll 0 0; | |
display: inline-block; | |
position: absolute; | |
bottom:0; | |
left: 50%; | |
transform: translateX(-50%) ; | |
} | |
.recurring-box-content .recurring-list .recurring-list-1 .recurring-img span { | |
background-position: 0px 5px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-2 .recurring-img span{ | |
background-position: -75px 0px; | |
height: 72px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-3 .recurring-img span{ | |
background-position: -153px 10px; | |
width: 82px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-4 .recurring-img span { | |
background-position: 15px -70px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-5 .recurring-img span{ | |
background-position: -65px -70px; | |
height: 75px; | |
} | |
.recurring-box-content .recurring-list .recurring-list-6 .recurring-img span{ | |
background-position: -145px -70px; | |
width: 82px; | |
} | |
.recurring-box-content .recurring-link { | |
float: left; | |
width:100%; | |
padding: 0; | |
list-style-type: none; | |
margin: 48px 0 0; | |
} | |
.recurring-box-content .recurring-link li { | |
display: inline; | |
padding: 0 9px; | |
} | |
.recurring-box-content .recurring-link li a { | |
width:239px; | |
height: 63px; | |
display: inline-block; | |
background: #4ba478; | |
color:#fff; | |
font-size: 14px; | |
font-family: verdana; | |
line-height: 63px; | |
border-radius: 4px; | |
} | |
.recurring-box-content .recurring-link li a:hover { | |
background: #4ba478; | |
} | |
.recurring-box-content p.recurring-link-2 { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
float: left; | |
width:100%; | |
margin: 30px 0 57px 0; | |
} | |
.recurring-box-content p.recurring-link-2 a { | |
color:#4ba478; | |
} | |
.recurring-box-content p.recurring-link-2 a:hover { | |
color:#3b3b3b; | |
} | |
.frequently { | |
float: left; | |
width:100%; | |
background: #f9f9f9; | |
border-top: 1px solid #ececec; | |
padding-bottom: 75px; | |
} | |
.frequently .frequently-conten { | |
max-width: 980px; | |
margin: 0 auto; | |
} | |
.frequently .frequently-conten h2 { | |
color: #3b3b3b; | |
font-size: 24px; | |
font-family: verdana; | |
font-weight: normal; | |
text-align: center; | |
margin: 26px 0 34px 0; | |
} | |
.frequently .frequently-conten .frequently-list ul{ | |
list-style-type: none; | |
margin: 0 4% 0 0; | |
padding: 0; | |
width: 48%; | |
float: left; | |
} | |
.frequently .frequently-conten .frequently-list ul li { | |
float: left; | |
margin-bottom: 56px; | |
width: 100%; | |
} | |
.frequently .frequently-conten .frequently-list ul.frequently-list-right { | |
margin: 0; | |
} | |
.frequently .frequently-conten .frequently-list ul li .fr-title { | |
display: inline-flex; | |
float: left; | |
width: 100%; | |
} | |
.frequently .frequently-conten .frequently-list ul li .fr-title span { | |
float: left; | |
color:#acb4c0; | |
font-size: 55.4px; | |
font-family: "helveticabold"; | |
margin-right: 15px; | |
line-height: 54px; | |
} | |
.frequently .frequently-conten .frequently-list ul li .fr-title h3 { | |
color: #676978; | |
font-size: 18px; | |
font-family: "helveticabold"; | |
font-weight: normal; | |
float: left; | |
margin: 3px 0 0; | |
} | |
.frequently .frequently-conten .frequently-list ul li p { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
float: left; | |
width: 100%; | |
margin: 0; | |
} | |
/*********Affiliates Page Style Starts*********/ | |
/*********FAQ Page Style Starts*********/ | |
.page-template-page-faq .breadcrumb { | |
float: left; | |
width: 100%; | |
background: #fff; | |
padding-bottom: 20px; | |
} | |
.page-template-page-faq .content-area { | |
float: left; | |
width: 100%; | |
background: #f6f7f7; | |
border-top:1px solid #ececec; | |
padding-bottom: 248px; | |
} | |
.page-template-page-faq .faq-top h2{ | |
color: #3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: 700; | |
margin: 25px 0 0; | |
} | |
.page-template-page-faq .faq-top p{ | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin-top: 3px; | |
} | |
.page-template-page-faq .faq-top p a:hover{ | |
color: #3b3b3b; | |
} | |
.page-template-page-faq .content h3 { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
font-weight: bold; | |
margin-top: 20px; | |
} | |
.page-template-page-faq h3.faq_title { | |
color: #3b3b3b; | |
font-size: 14px; | |
font-family: verdana; | |
font-weight: bold; | |
margin-top: 25px; | |
} | |
.page-template-page-faq h3.faq_title span { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
font-weight: normal; | |
margin-left: 15px; | |
} | |
.page-template-page-faq #accordion { | |
margin-top: 30px; | |
} | |
.page-template-page-faq #accordion div.faq_content { | |
border-top: thin solid #e4e4e4; | |
display: none; | |
height: auto; | |
padding: 10px 15px; | |
} | |
.page-template-page-faq #accordion div.faq_content p { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin-top: 0; | |
} | |
.page-template-page-faq #accordion .faq_item { | |
background: #fff; | |
border: 1px solid #e4e4e4; | |
border-radius: 5px; | |
margin-bottom: 20px; | |
float: none; | |
} | |
.page-template-page-faq #accordion a.faq_link { | |
color: #3b3b3b; | |
display: block; | |
height: 30px; | |
line-height: 30px; | |
padding: 0 10px; | |
text-decoration: none; | |
width: auto; | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
} | |
.page-template-page-faq #accordion a.faq_link:before { | |
background: #fff url("../img/body-sprite.png") no-repeat scroll -303px -98px; | |
content: " "; | |
display: inline-block; | |
height: 18px; | |
margin-right: 7px; | |
position: relative; | |
top: 4px; | |
width: 18px; | |
} | |
.page-template-page-faq .wp-pagenavi span.current { | |
background-color: #fff; | |
border: 1px solid #d7d7d7; | |
border-radius: 4px; | |
color: #c1c1c1; | |
font-size: 16px; | |
display: inline-block; | |
float: none; | |
height: 31px; | |
line-height: 30px; | |
margin-right: 10px; | |
text-align: center; | |
width: 27px; | |
} | |
.page-template-page-faq .pagination .wp-pagenavi a, .page-template-page-faq .wp-pagenavi span a { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 4px; | |
color: #fff; | |
font-size: 16px; | |
height: 30px; | |
line-height: 31px; | |
margin-right: 10px; | |
text-align: center; | |
width: 27px; | |
display: inline-block; | |
} | |
.page-template-page-faq .pagination .wp-pagenavi a:hover, .page-template-page-faq .wp-pagenavi span a:hover { | |
background: #56bc8a; | |
} | |
.page-template-page-faq .pagination { | |
margin-top: 43px; | |
} | |
/*********FAQ Page Style Starts*********/ | |
/*********DOCS Page Style Starts*********/ | |
.page-template-page-doc { | |
float: left; | |
width: 100%; | |
} | |
.doc-page .entry-content { | |
margin-top: 9px; | |
} | |
.doc-top-bar { | |
float: left; | |
width: 100%; | |
padding-bottom: 20px; | |
} | |
.doc-page { | |
float: left; | |
width: 100%; | |
background: #f6f7f7; | |
border-top: 1px solid #ececec; | |
} | |
.doc-page h2 { | |
color: #3b3b3b; | |
font-size: 18px; | |
font-family: verdana; | |
font-weight: normal; | |
} | |
.doc-page h4 { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
font-weight: bold; | |
} | |
.doc-page p { | |
color: #3b3b3b; | |
font-size: 12px; | |
font-family: verdana; | |
margin-bottom: 28px; | |
} | |
.doc-page a:hover { | |
color: #3b3b3b !important; | |
} | |
/*********DOCS Page Style Ends*********/ | |
/*********Contact Us Page Style Starts*********/ | |
.contact-us-page { | |
float: left; | |
width: 100%; | |
background: #f6f7f7; | |
border-top: 1px solid #ececec; | |
padding-bottom: 140px; | |
} | |
.contact-us-page .form-popup-top-bar { | |
padding: 0; | |
background: 0; | |
margin-bottom: 30px; | |
} | |
.contact-us-page .form-popup-top-bar h2 { | |
font-size: 18px; | |
font-family: "helveticabold"; | |
color:#3b3b3b; | |
font-weight: normal; | |
margin-top: 3px; | |
} | |
.contact-us-page .submit_ticket_form .input_col { | |
max-width: 500px; | |
width: 500px; | |
} | |
.contact-us-page .submit_ticket_form .input_col textarea, .submit_ticket_form .input_col input { | |
width: 100%; | |
border: 1px solid #e2e2e2; | |
} | |
.contact-us-page .submit_ticket_form .input_col input { | |
height: 41px; | |
} | |
.contact-us-page .submit_ticket_form #submit { | |
width:126px; | |
height: 46px; | |
text-align: center; | |
display: inline-block; | |
line-height: 46px; | |
padding: 0; | |
margin-left: 48.8%; | |
} | |
.contact-us-page .submit_ticket_form .input_col input, .submit_ticket_form .input_col textarea { | |
border: 1px solid #e2e2e2; | |
} | |
.contact-us-page .field { | |
margin-bottom: 24px; | |
} | |
.contact-us-page .field a:hover { | |
color:#3b3b3b !important; | |
} | |
/*********Contact Us Page Style Ends*********/ | |
/********Offer Page Style Starts*********/ | |
.offer-page { | |
float: left; | |
text-align: center; | |
width: 100%; | |
} | |
.offer-page h3 { | |
color:#3b3b3b; | |
font-family: 'helveticabold'; | |
font-size: 20px; | |
font-weight: normal; | |
margin: 22px 0 17px 0; | |
} | |
.offer-page img { | |
width: 100%; | |
} | |
.offer-page a { | |
color:#4ba478; | |
font-family: "verdana"; | |
font-size: 14px; | |
margin: 20px 0 76px 0; | |
display: inline-block; | |
} | |
.offer-page a:hover { | |
color:#3b3b3b; | |
} | |
/********Offer Page Style Ends*********/ | |
/********Thank You Page Style Starts*********/ | |
.thankyou { | |
float: left; | |
text-align: center; | |
width: 100%; | |
} | |
.thankyou p { | |
font-family: "verdana"; | |
font-size: 12px; | |
color:#3b3b3b; | |
} | |
.thankyou .thankyou-top { | |
background: #fff; | |
float: left; | |
width: 100%; | |
height: 92px; | |
line-height: 92px; | |
} | |
.thankyou .thankyou-top h3 { | |
color:#3b3b3b; | |
font-family: 'helveticabold'; | |
font-size: 20px; | |
font-weight: normal; | |
margin: 0; | |
} | |
.thankyou .thankyou-ct { | |
float: left; | |
width: 100%; | |
background: #f9f9f9; | |
border-top: 1px solid #ececec; | |
padding: 18px 15px 295px 15px; | |
} | |
.thankyou .thankyou-ct h3 { | |
color:#3b3b3b; | |
font-family: 'helveticabold'; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 83px 0; | |
} | |
/********Thank You Page Style Ends*********/ | |
/********Login Page Style Starts*********/ | |
.page-template-page-login #container { | |
float: left; | |
width:100%; | |
} | |
.login-page { | |
background-attachment: scroll; | |
background-clip: border-box; | |
background-color: rgba(0, 0, 0, 0); | |
background-image: url("../img/login_bg.png"); | |
background-origin: padding-box; | |
background-repeat: no-repeat; | |
background-size: cover; | |
float: left; | |
width: 100%; | |
} | |
.content-left{ | |
float: left; | |
width: 50%; | |
color: #fff; | |
} | |
.content-left h2{ | |
font-family: verdana; | |
font-size: 20px; | |
font-weight: normal; | |
margin: -8px; | |
} | |
.content-left h1{ | |
font-family: "helveticabold"; | |
font-size: 45px; | |
font-weight: normal; | |
line-height: 50px; | |
margin: 25px 0 30px; | |
padding-right: 34px; | |
} | |
.content-left ul{ | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
float: left; | |
width: 50%; | |
} | |
.content-left ul li{ | |
float: left; | |
font-family: verdana; | |
font-size: 14px; | |
font-weight: normal; | |
margin-bottom: 32px; | |
padding-right: 10px; | |
width: 100%; | |
} | |
.extra-link{ | |
text-align: center; | |
list-style: none; | |
margin: 40px 0; | |
padding: 0; | |
} | |
.extra-link li{ | |
display: inline-block; | |
} | |
.extra-link li a{ | |
border-right: 1px solid #3b3b3b; | |
padding-right: 10px; | |
margin-right: 10px; | |
font-family: verdana; | |
font-size: 12px; | |
font-weight: normal; | |
} | |
.extra-link li a:hover{ | |
color: #fff; | |
} | |
.login-page form .login-ct input.loading-time[type="submit"]{ | |
background-image: url(../img/button-loader.gif); | |
background-position: center; | |
background-repeat: no-repeat; | |
} | |
.extra-link li:last-child a{ | |
border: 0; | |
} | |
.content-left ul li span{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll 0 0; | |
float: left; | |
} | |
.list-services p{ | |
float: left; | |
font-family: verdana; | |
font-size: 14px; | |
font-weight: normal; | |
text-align: center; | |
width: 100%; | |
} | |
.content-left ul li div{ | |
float: left; | |
width: 36px; | |
margin-right: 10px; | |
} | |
.content-left ul li span.icon1{ | |
background-position: -133px -161px; | |
width:36px; | |
height: 34px; | |
} | |
.content-left ul li span.icon2{ | |
background-position: -179px -161px; | |
width:36px; | |
height: 33px; | |
} | |
.content-left ul li span.icon3{ | |
background-position: -218px -161px; | |
width:30px; | |
height: 32px; | |
} | |
.content-left ul li span.icon6{ | |
background-position: -334px -161px; | |
width:26px; | |
height: 32px; | |
} | |
.content-left ul li span.icon7{ | |
background-position: -371px -161px; | |
width:31px; | |
height: 32px; | |
} | |
.content-left ul li span.icon8{ | |
background-position: -408px -161px; | |
width:32px; | |
height: 33px; | |
} | |
.content-left ul.list1{ | |
float: left; | |
} | |
.content-left ul.list2{ | |
float: right; | |
} | |
.content-right{ | |
float: right; | |
width: 50%; | |
} | |
.login-page section, .login-page article{ | |
float: left; | |
width: 100%; | |
} | |
.login-page .breadcrumb li{ | |
color: #fff; | |
} | |
.login-page form { | |
max-width:482px; | |
margin: 0 auto; | |
border: 1px solid #e7e7e7; | |
border-radius: 5px; | |
background: #fff; | |
position: relative; | |
} | |
.login-page form .login-logo { | |
width:115px; | |
height: 115px; | |
display: inline-block; | |
background: url('../img/login-logo.png') no-repeat center center; | |
position: absolute; | |
top:-105px; | |
left: 50%; | |
transform: translateX(-50%); | |
} | |
.login-page form .member-login{ | |
float: left; | |
width: 100%; | |
background: #f3f3f3; | |
padding: 25px 33px; | |
text-align: left; | |
} | |
.login-page form .member-login h2 { | |
margin: 0 0 0 0; | |
color:#3b3b3b; | |
font-family: 'helveticabold'; | |
font-size: 18px; | |
font-weight: normal; | |
line-height: 18px; | |
} | |
.login-page form .member-login p { | |
margin-bottom: 0; | |
color:#3b3b3b; | |
font-family: 'verdana'; | |
font-size: 12px; | |
font-weight: normal; | |
letter-spacing: 0.5px; | |
} | |
.login-page form .member-login p a:hover { | |
color:#3b3b3b; | |
} | |
.login-page form .login-ct { | |
display: inline-block; | |
border-top:1px solid #e7e7e7; | |
padding: 42px 66px; | |
width:100%; | |
} | |
.login-page form .login-ct label { | |
float: left; | |
width: 100%; | |
margin-bottom: 12px; | |
} | |
.login-page form .login-ct label span { | |
color:#3b3b3b; | |
font-family: 'helveticabold'; | |
font-size: 14px; | |
width:100%; | |
float: left; | |
} | |
.login-page form .login-ct label input { | |
height: 29px; | |
width:100%; | |
color:#3b3b3b; | |
font-family: 'verdana'; | |
font-size: 12px; | |
border: 1px solid #d8d8d8; | |
} | |
.login-page form .login-ct .checkbox { | |
width:100%; | |
float: left; | |
color:#3b3b3b; | |
font-family: 'verdana'; | |
font-size: 12px; | |
border: 1px solid #d8d8d8; | |
border-radius: 4px; | |
background: #f3f3f3; | |
padding: 14px 7px; | |
margin-top: 6px; | |
} | |
.login-page form .login-ct .checkbox span { | |
font-size: 10px; | |
} | |
.login-page form .login-ct .checkbox input { | |
float: left; | |
margin-bottom: 20px; | |
position: relative; | |
top: 3px; | |
margin-right: 5px; | |
} | |
.login-page form .login-ct input[type="submit"] { | |
color:#fffefe; | |
font-family: 'helveticabold'; | |
font-size: 14px; | |
background: #4ba478; | |
width:100%; | |
height: 39px; | |
border:0; | |
} | |
.login-page form .login-ct input[type="submit"]:hover { | |
background: #56bc8a; | |
} | |
.login-page form .login-ct a.forgot { | |
text-align: center; | |
color:#4ba478; | |
font-family: 'verdana'; | |
font-size: 12px; | |
width: 100%; | |
float: left; | |
margin-top: 35px; | |
} | |
.login-page form .login-ct a.forgot:hover { | |
color:#3b3b3b; | |
} | |
/********Login Page Style Ends*********/ | |
#ouibounce-modal .modal { | |
position: relative; | |
top: 18%; | |
width: 680px; | |
} | |
#ouibounce-modal .modal .modal-top { | |
padding: 0 55px 10px; | |
} | |
#ouibounce-modal .modal .modal-bottom { | |
padding: 50px 55px 20px; | |
} | |
#ouibounce-modal .modal .modal-bottom img.popup-img { | |
margin-top: -50px; | |
position: relative; | |
z-index: 99; | |
} | |
#ouibounce-modal .modal .modal-bottom form { | |
clear: both; | |
overflow: hidden; | |
} | |
#ouibounce-modal .modal .modal-bottom form input { | |
float: left; | |
margin: 0 20px 0 0; | |
} | |
#ouibounce-modal .modal .modal-bottom form input[type="text"], | |
#ouibounce-modal .modal .modal-bottom form input[type="email"] { | |
min-width: 245px; | |
max-width: 245px; | |
border-color: #ccc; | |
padding: 7px; | |
} | |
#ouibounce-modal .modal .modal-bottom form input[type="submit"] { | |
margin-right: 0; | |
text-transform: uppercase; | |
} | |
#ouibounce-modal .modal .modal-bottom p { | |
text-align: center; | |
margin-top: 30px; | |
background-position: 65px center; | |
} | |
.hidden { | |
display: none; | |
} | |
#ouibounce-modal a.btn { | |
padding: 15px 35px; | |
} | |
#ouibounce-modal { | |
display: none; | |
font-family: "Open Sans",sans-serif; | |
height: 100%; | |
left: 0; | |
position: fixed; | |
top: 0; | |
width: 100%; | |
z-index: 1000; | |
} | |
#ouibounce-modal .underlay { | |
animation: 0.5s ease 0s normal none 1 running fadein; | |
background-color: rgba(0, 0, 0, 0.5); | |
cursor: pointer; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
top: 0; | |
width: 100%; | |
} | |
#ouibounce-modal .modal { | |
animation: 0.3s ease 0s normal none 1 running popin; | |
background-color: #fff; | |
bottom: 0; | |
height: 470px; | |
left: 0; | |
margin: auto; | |
position: absolute; | |
right: 0; | |
top: 0; | |
width: 775px; | |
z-index: 1; | |
text-align: center; | |
} | |
#ouibounce-modal .modal .modal-top { | |
background: #4ba478; | |
display: inline-block; | |
width: 100%; | |
padding: 0 53px; | |
position: relative; | |
} | |
#ouibounce-modal .modal .modal-bottom { | |
background: #ffffff none repeat scroll 0 0; | |
display: inline-block; | |
width: 100%; | |
} | |
#ouibounce-modal .modal .modal-top h3{ | |
color:#ffffff; | |
font-family: 'helveticabold'; | |
font-size: 24px; | |
font-weight: normal; | |
margin: 19px 0 5px 0; | |
line-height: 32px; | |
} | |
#ouibounce-modal .modal .modal-top .price { | |
position: relative; | |
height: 82px; | |
display: inline-block; | |
width:100%; | |
} | |
#ouibounce-modal .modal .modal-top h2{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px -413px; | |
color: #ffffff; | |
font-family: "ChunkFive"; | |
font-size: 63.99px; | |
font-weight: normal; | |
height: 100%; | |
line-height: 82px; | |
margin: 0; | |
width: 415px; | |
position: absolute; | |
left: 50%; | |
transform: translateX(-50%); | |
} | |
#ouibounce-modal .modal .modal-top p{ | |
color:#ffffff; | |
font-family: 'verdana'; | |
font-size: 16px; | |
font-weight: normal; | |
margin: 0 0 30px 0; | |
} | |
#ouibounce-modal .modal .modal-bottom a { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 4px; | |
color: #ffffff; | |
display: inline-block; | |
font-family: "verdana"; | |
font-size: 16px; | |
height: 56px; | |
line-height: 56px; | |
margin: 42px 0 25px 0; | |
width: 224px; | |
} | |
#ouibounce-modal .modal .modal-bottom a:hover { | |
background: #4ba478; | |
}*/ | |
#ouibounce-modal .modal .modal-bottom p { | |
color:#3b3b3b; | |
font-family: 'verdana'; | |
font-size: 12px; | |
} | |
#ouibounce-modal .modal .modal-footer { | |
width:45px; | |
height: 45px; | |
display: inline-block; | |
border-radius: 50%; | |
position: absolute; | |
top:-50px; | |
right:0; | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -385px 0; | |
cursor: pointer; | |
} | |
#ouibounce-modal .modal .modal-footer:hover { | |
background-position: -296px -46px; | |
} | |
#sitewide-notice{ | |
display: none!important; | |
} | |
/********Log Out Page Style Starts*********/ | |
.logout-page{ | |
float: left; | |
width: 100%; | |
} | |
.logout-page section, .logout-page section p{ | |
margin-top: 0; | |
} | |
.newbox{ | |
float: left; | |
width: 100%; | |
min-height: 332px; | |
background: url(../img/dashboardbanner.png) no-repeat scroll center; | |
padding: 50px; | |
text-align: center; | |
margin-bottom: 40px; | |
position: relative; | |
} | |
.newbox h2{ | |
font-size: 48px; | |
text-align: center; | |
color: #fff; | |
font-weight: normal; | |
font-family: "helveticabold"; | |
margin: 0; | |
} | |
.newbox p{ | |
font-family: verdana; | |
font-size: 14px; | |
color:#fff; | |
text-align: center; | |
} | |
.newbox div.get_premium_btn a{ | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 18px; | |
line-height: 51px; | |
min-height: 54px; | |
padding: 0 40px; | |
text-align: center; | |
} | |
.newbox div.get_premium_btn a:hover{ | |
background: #4ba478; | |
} | |
a.close_btn{ | |
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -296px 0 !important; | |
height: 45px; | |
position: absolute; | |
right: 10px; | |
top: 10px; | |
width: 45px; | |
text-indent: -999em; | |
} | |
a.close_btn:hover{ | |
background-position: -296px -46px!important; | |
color: black; | |
} | |
.hide_box{ | |
display: none; | |
} | |
/*------------------------------------------------------------------------*/ | |
/* Account project stylesheet | |
/*------------------------------------------------------------------------*/ | |
.pages-tab { | |
overflow: hidden; | |
margin-bottom: -1px; | |
} | |
.top_bar { | |
background: #fff; | |
border-bottom: 1px solid #ddd; | |
} | |
.top_bar ul { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
} | |
.top_bar ul li { | |
float: left; | |
margin-right: 5px; | |
border-top-left-radius: 8px; | |
border-top-right-radius: 8px; | |
border-top: 1px solid #fff; | |
border-left: 1px solid #fff; | |
border-right: 1px solid #fff; | |
} | |
.top_bar ul li:hover{ | |
border-color: #ddd; | |
} | |
.top_bar ul li.current-tab { | |
background-color: #f1f1f1; | |
border-color: #ddd; | |
} | |
.top_bar ul li a { | |
color: #3b3b3b; | |
font-size: 18px; | |
font-family: Helvetica; | |
font-weight: bold; | |
padding: 10px 30px 10px 15px; | |
display: block; | |
} | |
.top_bar ul li a span { | |
font-size: 12px; | |
font-weight: normal; | |
font-family: Verdana; | |
display: block; | |
} | |
.top_bar h2.page-title { | |
margin-bottom: 0; | |
} | |
.top_bar .dashboard_timezone { | |
margin-top: 0; | |
margin-bottom: 18px; | |
} | |
.wrapper { | |
background: #f1f1f1; | |
padding: 35px 0; | |
overflow: hidden; | |
} | |
.wrapper a:hover{ | |
color: #3b3b3b; | |
} | |
.wrapper .box h4 { | |
font-size: 15px; | |
font-family: Helvetica; | |
font-weight: bold; | |
margin-bottom: 10px; | |
} | |
.wrapper .box .box-content { | |
background: #fff; | |
padding: 20px; | |
border: 1px solid #ddd; | |
font-family: Verdana; | |
font-size: 12px; | |
} | |
.wrapper .box { | |
font-family: Verdana; | |
font-size: 12px; | |
} | |
.posts-box div { | |
margin-bottom: 20px; | |
} | |
.posts-box div h3{ | |
margin: 0; | |
} | |
.posts-box div p { | |
margin: 3px 0; | |
} | |
.posts-box a.btn { | |
margin-top: 10px; | |
} | |
a.btn { | |
background: #4ba478 none repeat scroll 0 0; | |
border-radius: 3px; | |
color: #fff !important; | |
display: inline-block; | |
font-family: verdana; | |
font-size: 12px; | |
padding: 10px 25px; | |
text-align: center; | |
border-color: #4ba478; | |
} | |
.item-header-name a.btn{ | |
padding: 7px 25px; | |
} | |
a.btn:hover { | |
background: #56bc8a; | |
} | |
a.btn-red { | |
background-color: #f64c4c; | |
} | |
a.btn-red:hover { | |
background-color: #dd3939; | |
} | |
a.btn-green { | |
background-color: #80d821; | |
} | |
a.btn-green:hover { | |
background-color: #6dbb19; | |
} | |
.plan { | |
margin-bottom: 60px; | |
display: table; | |
clear: both; | |
} | |
.plan h3 { | |
font-family: Verdana; | |
font-size: 12px; | |
} | |
.page-upgrade p { | |
margin: 0 0 15px 0; | |
font-family: Verdana; | |
font-size: 12px; | |
} | |
.important-box { | |
background: #fff; | |
position: relative; | |
border: 1px solid #ddd; | |
border-radius: 7px; | |
padding: 8px 0px 8px 40px; | |
margin-bottom: 55px; | |
} | |
.important-box:before{ | |
background-image: url("../img/body-sprite.png"); | |
background-position: -1px -112px; | |
background-repeat: no-repeat; | |
content: ""; | |
height: 19px; | |
left: 9px; | |
position: absolute; | |
width: 19px; | |
top: 10px; | |
} | |
.important-box p { | |
margin: 0; | |
} | |
input.select_all_input[type="radio"] { | |
border: 0 none; | |
clip: rect(0px, 0px, 0px, 0px); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
input.select_all_input[type="radio"]:checked + label.select_all_label { | |
background-position : -165px -73px; | |
} | |
input.select_all_input[type="radio"] + label.select_all_label { | |
cursor: pointer; | |
display: inline-block; | |
font-size: 13px; | |
height: 13px; | |
line-height: 13px; | |
margin-left: 0; | |
margin-top: 9px; | |
padding-left: 25px; | |
vertical-align: middle; | |
} | |
.top-heading h3 { | |
font-size: 14px; | |
font-family: 'Verdana'; | |
font-weight: bold; | |
margin-bottom: 0; | |
} | |
.top-heading p { | |
margin-top: 0; | |
} | |
.update-form { | |
background: #fff; | |
padding: 40px; | |
font-family: Verdana; | |
font-size: 12px; | |
border: 1px solid #ddd; | |
} | |
.update-form .form-control { | |
padding-left: 5px; | |
font-family: Verdana; | |
font-size: 12px; | |
margin-top: 5px !important; | |
padding: 7px; | |
} | |
.update-form .form-control:hover { | |
border-color: #56bc8a; | |
} | |
.update-form tr td label br { display: none;} | |
.home-top-content .sendpress-signup-form .email, | |
.sendpress-signup-form input[type=text], | |
.sendpress-signup-form input[type=email] { | |
/*background-color: #4ba478;*/ | |
border: 0 none; | |
border-radius: 3px; | |
padding-left: 12px; | |
height: 35px; | |
padding-right: 10px; | |
width: 455px; | |
font-size: 16px; | |
} | |
/*.sendpress-signup-form input[type=text]::-webkit-input-placeholder , | |
.sendpress-signup-form input[type=text]:-moz-placeholder, | |
.sendpress-signup-form input[type=text]::-moz-placeholder, | |
.sendpress-signup-form input[type=text]:-ms-input-placeholder { | |
color: #fff ; | |
} | |
.sendpress-signup-form input[placeholder], [placeholder], *[placeholder] { | |
color: #fff !important; | |
}*/ | |
/*------------------------------ | |
the subsriber input on top | |
------------------------------*/ | |
.home-top-content #form-wrap { | |
max-width: 480px; | |
margin: 20px auto 0; | |
position: relative; | |
} | |
.sendpress-signup-form input[type=email] { | |
width: 100%; | |
} | |
.sendpress-signup-form input[type=text]:focus, | |
.sendpress-signup-form input[type=email]:focus{ | |
background: #fff; | |
outline: none; | |
color: #666; | |
} | |
.home-top-content .sendpress-signup-form .email, | |
.home-top-content .sendpress-signup-form input[type=text] { | |
height: 45px; | |
background-color: transparent; | |
color: white; | |
border: 2px solid #4ba478; | |
border-radius: 50px; | |
width: 100%; | |
font-size: 15px; | |
padding: 0 25px; | |
} | |
.home-top-content .sendpress-signup-form .email:focus { | |
border-color: #fff !important; | |
background-color: transparent !important; | |
color: #fff !important; | |
} | |
.home-top-content .sendpress-signup-form label { | |
display: none; | |
} | |
.home-top-content #mc-embedded-subscribe { | |
position: absolute; | |
top: 0; | |
right: 0; | |
height: 45px; | |
margin: 0; | |
border: 0; | |
padding: 10px; | |
background-color: transparent; | |
background-image: url('../img/email.png'); | |
background-position: center right 20px; | |
background-repeat: no-repeat; | |
color: transparent; | |
} | |
.home-top-content .sendpress-signup-form .email::-webkit-input-placeholder { /* Chrome/Opera/Safari */ | |
color: white; | |
} | |
.home-top-content .sendpress-signup-form .email::-moz-placeholder { /* Firefox 19+ */ | |
color: white; | |
} | |
.home-top-content .sendpress-signup-form .email:-ms-input-placeholder { /* IE 10+ */ | |
color: white; | |
} | |
.home-top-content .sendpress-signup-form .email:-moz-placeholder { /* Firefox 18- */ | |
color: white; | |
} | |
/*------------------------------ | |
Edit account form | |
------------------------------*/ | |
.edit-account-form .input_col { width: 50%;} | |
.edit-account-form .res { | |
height: 41px; | |
width: 100%; | |
padding-left: 7px; | |
border: 1px solid #e2e2e2; | |
} | |
.edit-account-form .field { | |
margin-bottom: 30px; | |
} | |
.edit-account-form .input_col.input_2col input { | |
width: 47%; | |
display: inline-block; | |
} | |
.edit-account-form .input_col.input_2col input:last-child { | |
margin-right: 26px; | |
} | |
.edit-account-form input[type=submit] { | |
background-color: #56bc8a; | |
color: #fff; | |
padding: 16px 30px; | |
border: none; | |
margin-left: 0; | |
margin-top: 50px; | |
float: left !important; | |
clear: both; | |
font-family: verdana; | |
font-size: 12px; | |
border-radius: 3px; | |
text-align: center; | |
} | |
.edit-account-form input[type=submit]:hover { | |
background: #4ba478; | |
} | |
.success_update { | |
margin-top: 60px; | |
display: inline-block; | |
margin-left: 20px; | |
background: url(../img/success-icon.png) no-repeat right center; | |
padding-right: 40px; | |
line-height: 30px; | |
} | |
/*------------------------------------------------- | |
Product Image Slider Style (On Product Page) | |
-------------------------------------------------*/ | |
.single-product-slider .flexslider { | |
padding: 4px 4px 0; | |
margin-bottom: 20px; | |
border: 1px solid #ddd; | |
height: 388px; | |
} | |
.single-product-slider .flex-control-paging li a.flex-active { | |
background-color: #56bc8a; | |
} | |
.single-product-slider .flex-direction-nav .flex-next { | |
background-position: -57px -232px; | |
} | |
.single-product-slider .flex-direction-nav .flex-next:hover { | |
background-position: -57px -303px; | |
} | |
.single-product-slider .flex-direction-nav .flex-prev { | |
background-position: -6px -232px; | |
} | |
.single-product-slider .flex-direction-nav .flex-prev:hover { | |
background-position: -6px -303px; | |
} | |
/*-----------Product Image Slider Style END-----------*/ | |
/*------------------------------ | |
sign up form | |
------------------------------*/ | |
.activated_msg { | |
text-align: center; | |
} | |
.activated_msg span { | |
display: inline-block; | |
margin: 0 auto; | |
width: 75px; | |
height: 75px; | |
background: url(../img/body-sprite.png) no-repeat; | |
background-position: -415px -53px; | |
} | |
.activated_msg a { | |
background-color: #56bc8a; | |
color: #fff; | |
padding: 16px 30px; | |
border: none; | |
margin-left: 0; | |
margin-top: 50px; | |
display: inline-block; | |
clear: both; | |
font-family: verdana; | |
font-size: 12px; | |
border-radius: 3px; | |
text-align: center; | |
} | |
.activated_msg a:hover { | |
background-color: #4ba478; | |
color: #fff; | |
} | |
.activated_msg p { | |
font-size: 12px; | |
font-family: verdana; | |
color: #3b3b3b; | |
} | |
.page-success-title { | |
font-size: 20px; | |
padding: 20px 0; | |
font-family: 'Helvetica'; | |
font-weight: bold; | |
text-align: center; | |
} | |
a.all-products { padding-left: 40px; padding-right: 40px; display: table; margin: 0 auto;} | |
/*------------------------------ | |
single bonus | |
------------------------------*/ | |
.single-bonus .mainimage { | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment