Skip to content

H
hosting_reviews
Commit c4a87898 by Ansab Ali
Options

UI fixes*

parent a076a4b7
Showing with 3084 additions and 2997 deletions
.idea/workspace.xml
This source diff could not be displayed because it is too large. You can view the blob instead.
WWW_DATA/wp-content/debug.log
This source diff could not be displayed because it is too large. You can view the blob instead.
WWW_DATA/wp-content/themes/hostingreviews/assets/css/custom.css
/* /*
VQode Course VQode Course
*/ */
/*----- Body Style Start ----- */ /*----- Body Style Start ----- */
html html
{ {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body body
{ {
font-family: 'Exo', Sans-serif !important; font-family: 'Exo', Sans-serif !important;
margin: 0; margin: 0;
} }
/*----- Body Style End ----- */ /*----- Body Style End ----- */
.columnPadding .columnPadding
{ {
padding: 0 90px 0 90px !important; padding: 0 90px 0 90px !important;
} }
/*----- Placeholder Code Start ----- */ /*----- Placeholder Code Start ----- */
::-webkit-input-placeholder { /* Edge */ ::-webkit-input-placeholder { /* Edge */
color: white !important; color: white !important;
} }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white !important; color: white !important;
} }
::placeholder { ::placeholder {
color: white !important; color: white !important;
} }
.form-inline > input::placeholder .form-inline > input::placeholder
{ {
color: #a2b5cf !important; color: #a2b5cf !important;
} }
.form-group > input::placeholder .form-group > input::placeholder
{ {
color: #a2b5cf !important; color: #a2b5cf !important;
} }
/*----- Placeholder Code End ----- */ /*----- Placeholder Code End ----- */
/*----- Web Colors Code Start ----- */ /*----- Web Colors Code Start ----- */
.orange .orange
{ {
background-color: #f06e58 !important; background-color: #f06e58 !important;
} }
.white .white
{ {
background-color: white !important; background-color: white !important;
} }
.dark .dark
{ {
background-color: #373856 !important; background-color: #373856 !important;
} }
.light .light
{ {
background-color: #3b3c5a !important; background-color: #3b3c5a !important;
} }
.greenColor .greenColor
{ {
color: #8acc00 !important; color: #8acc00 !important;
} }
.orangeColor .orangeColor
{ {
color: #f06e58 !important; color: #f06e58 !important;
} }
.darkColor .darkColor
{ {
color: #373856 !important; color: #373856 !important;
} }
.lightColor .lightColor
{ {
color: #3b3c5a !important; color: #3b3c5a !important;
} }
.whiteColor .whiteColor
{ {
color: white !important; color: white !important;
} }
.box .box
{ {
width: 150px; width: 150px;
height: 150px; height: 150px;
background-color: red; background-color: red;
} }
/*----- Web Colors Code End ----- */ /*----- Web Colors Code End ----- */
#activeColor #activeColor
{ {
color: #f06e58 !important; color: #f06e58 !important;
} }
/*----- Width Start ----- */ /*----- Width Start ----- */
.w-100 .w-100
{ {
width: 100%; width: 100%;
} }
.top .top
{ {
top: 0px !important; top: 0px !important;
} }
.right-0 .right-0
{ {
right: 0px !important; right: 0px !important;
} }
.right .right
{ {
right: 15px !important; right: 15px !important;
} }
.right-5 .right-5
{ {
right: 5px !important; right: 5px !important;
} }
.top-10 .top-10
{ {
top: 10px !important; top: 10px !important;
} }
.left-0 .left-0
{ {
left: 0px !important; left: 0px !important;
} }
.left-5 .left-5
{ {
left: 5px !important; left: 5px !important;
} }
.top-20 .top-20
{ {
top: 20px !important; top: 20px !important;
} }
/*----- Width End ----- */ /*----- Width End ----- */
/*----- Headings Style Start ----- */ /*----- Headings Style Start ----- */
h1 h1
{ {
font-size: 48px !important; font-size: 48px !important;
color: white !important; color: white !important;
font-weight: bolder !important; font-weight: bolder !important;
text-transform: uppercase; text-transform: uppercase;
text-align: center !important; text-align: center !important;
text-shadow: 0 2px 0 #000; text-shadow: 0 2px 0 #000;
padding: 0 0 25px 0; padding: 0 0 25px 0;
} }
h2 h2
{ {
font-size: 36px !important; font-size: 36px !important;
color: white !important; color: white !important;
font-weight: bold !important; font-weight: bold !important;
text-transform: unset; text-transform: unset;
padding: 20px 0 0 0; padding: 20px 0 0 0;
text-shadow: 0 2px 0 #000000; text-shadow: 0 2px 0 #000000;
} }
h3 h3
{ {
font-size: 17px !important; font-size: 17px !important;
color: #fc6655 !important; color: #fc6655 !important;
font-weight: bold !important; font-weight: bold !important;
text-transform: unset; text-transform: unset;
padding: 15px 0 0 0; padding: 15px 0 0 0;
cursor: pointer; cursor: pointer;
} }
h3:hover h3:hover
{ {
color: #373856 !important; color: #373856 !important;
} }
h4 h4
{ {
font-size: 16px !important; font-size: 16px !important;
color: #ffffff !important; color: #ffffff !important;
text-align: left; text-align: left;
text-transform: unset; text-transform: unset;
font-weight: bold !important; font-weight: bold !important;
margin: 0 !important; margin: 0 !important;
padding: 3px 0 0 0; padding: 3px 0 0 0;
} }
h5 h5
{ {
font-size: 15px !important; font-size: 15px !important;
color: #373856 !important; color: #373856 !important;
font-weight: normal !important; font-weight: normal !important;
text-align: left; text-align: left;
display: inline-block; display: inline-block;
} }
h6 h6
{ {
font-size: 14px !important; font-size: 14px !important;
color: #373856 !important; color: #373856 !important;
font-weight: bold !important; font-weight: bold !important;
text-transform: unset; text-transform: unset;
padding: 23px 0 0 0 !important; padding: 23px 0 0 0 !important;
} }
p p
{ {
font-size: 14px !important; font-size: 14px !important;
color: white; color: white;
font-weight: normal; font-weight: normal;
line-height: 28px; line-height: 28px;
} }
a a
{ {
color: #babcb7 !important; color: #babcb7 !important;
} }
/*----- Headings Style End ----- */ /*----- Headings Style End ----- */
/*----- Flex Style Start ----- */ /*----- Flex Style Start ----- */
.d-flex .d-flex
{ {
display: flex; display: flex;
} }
.spaceBetween .spaceBetween
{ {
justify-content: space-between justify-content: space-between
} }
.j-content-center .j-content-center
{ {
justify-content: center; justify-content: center;
} }
.dInlineBlock .dInlineBlock
{ {
display: inline-block; display: inline-block;
} }
.f-end .f-end
{ {
justify-content: flex-end; justify-content: flex-end;
} }
.inline-flex .inline-flex
{ {
display: inline-flex; display: inline-flex;
} }
/*----- Flex Style End ----- */ /*----- Flex Style End ----- */
/*----- Home Page Style Start ----- */ /*----- Home Page Style Start ----- */
/*----- Logo & Navigation Section Style Start ----- */ /*----- Logo & Navigation Section Style Start ----- */
.navBar { .navBar {
background-color: white; background-color: white;
padding-top: 0px !important; padding-top: 0px !important;
padding-bottom: 0px !important; padding-bottom: 0px !important;
width: 100%; width: 100%;
border-radius: 0px; border-radius: 0px;
} }
.navbar-light .navbar-nav .nav-link .navbar-light .navbar-nav .nav-link
{ {
padding: 30px 20px 30px 20px !important; padding: 30px 20px 30px 20px !important;
color: black !important; color: black !important;
} }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{ {
background-color: unset; background-color: unset;
color: #ff655b !important; color: #ff655b !important;
} }
.navBorder .navBorder
{ {
border: unset !important; border: unset !important;
} }
/*----- Logo & Navigation Section Style End ----- */ /*----- Logo & Navigation Section Style End ----- */
/*----- Home Banner Section Style Start ----- */ /*----- Home Banner Section Style Start ----- */
#homeBanner { #homeBanner {
width: 100%; width: 100%;
background-image: url(../images/home-banner.jpg); background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: scroll; background-attachment: scroll;
background-position: center center; background-position: center center;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
padding: 60px 0 0px 0; padding: 60px 0 0px 0;
} }
.font68 .font68
{ {
font-size: 68px !important; font-size: 68px !important;
text-align: center !important; text-align: center !important;
padding: 75px 0 10px 0; padding: 75px 0 10px 0;
} }
.font16 .font16
{ {
font-size: 16px !important; font-size: 16px !important;
text-align: center !important; text-align: center !important;
} }
.testSpeedIcon .testSpeedIcon
{ {
margin-top: -4px; margin-top: -4px;
margin-right: 5px; margin-right: 5px;
} }
.bannerSearch .bannerSearch
{ {
height: 62px !important; height: 62px !important;
width: 100% !important; width: 100% !important;
border-radius: 50px !important; border-radius: 50px !important;
border: 0px !important; border: 0px !important;
padding-left: 33px !important; padding-left: 33px !important;
font-size: 14px !important; font-size: 14px !important;
padding-top: 4px !important; padding-top: 4px !important;
margin-top: 40px; margin-top: 40px;
} }
.searchIcon .searchIcon
{ {
position: absolute; position: absolute;
margin-top: 17px; margin-top: 17px;
left: 0px; left: 0px;
} }
.homeSpeedButton .homeSpeedButton
{ {
padding: 15px 100px !important; padding: 15px 100px !important;
color: white !important; color: white !important;
border: 0px !important; border: 0px !important;
border-radius: 50px !important; border-radius: 50px !important;
margin-top: 30px; margin-top: 30px;
} }
.homeSpeedButton:hover .homeSpeedButton:hover
{ {
background-color: #373856 !important; background-color: #373856 !important;
} }
.mac .mac
{ {
width: 100%; width: 100%;
margin-top: 100px; margin-top: 100px;
} }
/*----- Home Banner Section Style End ----- */ /*----- Home Banner Section Style End ----- */
/*----- Home Hosting Review Section Style Start ----- */ /*----- Home Hosting Review Section Style Start ----- */
.hostingBackground { .hostingBackground {
width: 100%; width: 100%;
background-image: url(../images/hosting-review.jpg); background-image: url(../images/hosting-review.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: scroll; background-attachment: scroll;
background-position: center center; background-position: center center;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
padding: 40px 0 40px 0; padding: 40px 0 40px 0;
} }
.upTimeIcon .upTimeIcon
{ {
margin-top: -5px; margin-top: -5px;
margin-right: 5px; margin-right: 5px;
} }
.reviewHeading .reviewHeading
h3 h3
{ {
font-size: 22px !important; font-size: 22px !important;
color: #f06e58 !important; color: #f06e58 !important;
text-align: left !important; text-align: left !important;
position: relative; position: relative;
top: 6px; top: 6px;
} }
.reviewHeading .reviewHeading
p p
{ {
color: #515151 !important; color: #515151 !important;
text-align: left !important; text-align: left !important;
font-size: 15px !important; font-size: 15px !important;
} }
.table .table
{ {
background-color: white !important; background-color: white !important;
border-radius: 0px; border-radius: 0px;
margin-bottom: 0px !important; margin-bottom: 0px !important;
} }
.tableShadow .tableShadow
{ {
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
} }
.borderTop0 .borderTop0
{ {
border-top: 0px !important; border-top: 0px !important;
background-color: #373856 !important; background-color: #373856 !important;
color: white !important; color: white !important;
} }
.borderRight0 .borderRight0
{ {
border-right: 0px !important; border-right: 0px !important;
} }
.table thead th .table thead th
{ {
border-right: 1px solid #474866; border-right: 1px solid #474866;
} }
.table td, .table th .table td, .table th
{ {
padding: 1rem !important; padding: 1rem !important;
border-right: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;
padding-left: 25px !important; padding-left: 25px !important;
} }
.borderLeftRadius .borderLeftRadius
{ {
border-top-left-radius: 10px; border-top-left-radius: 10px;
} }
.borderRightRadius .borderRightRadius
{ {
border-top-right-radius: 10px; border-top-right-radius: 10px;
} }
.textAlignCenter .textAlignCenter
{ {
text-align: center; text-align: center;
} }
/*----- Home Hosting Review Section Style End ----- */ /*----- Home Hosting Review Section Style End ----- */
/*----- About Section Style Start----- */ /*----- About Section Style Start----- */
.aboutBackground .aboutBackground
{ {
width: 100%; width: 100%;
padding: 60px 0 0 0; padding: 60px 0 0 0;
} }
.aboutImage .aboutImage
{ {
width: 100%; width: 100%;
} }
.aboutHeading .aboutHeading
h5 h5
{ {
font-size: 20px !important; font-size: 20px !important;
text-transform: uppercase; text-transform: uppercase;
color: #f06e58 !important; color: #f06e58 !important;
} }
.aboutHeading .aboutHeading
h2 h2
{ {
font-size: 30px !important; font-size: 30px !important;
color: white; !important; color: white; !important;
font-weight: normal !important; font-weight: normal !important;
line-height: 47px; line-height: 47px;
text-shadow: 0 0 0 !important; text-shadow: 0 0 0 !important;
} }
.aboutHeading .aboutHeading
p p
{ {
color: #b9bcc5 !important; color: #b9bcc5 !important;
font-size: 15px !important; font-size: 15px !important;
} }
.table-responsive .table-responsive
{ {
overflow-x: hidden !important; overflow-x: hidden !important;
} }
/*----- About Section Style End ----- */ /*----- About Section Style End ----- */
/*----- Recent Reviews Section Style Start ----- */ /*----- Recent Reviews Section Style Start ----- */
.recentReviewHeading .recentReviewHeading
h5 h5
{ {
font-size: 25px !important; font-size: 25px !important;
text-transform: uppercase; text-transform: uppercase;
color: #f06e58 !important; color: #f06e58 !important;
padding-top: 50px; padding-top: 50px;
} }
.recentReviewBorder .recentReviewBorder
{ {
width: 80px; width: 80px;
height: 3px; height: 3px;
border-radius: 50px; border-radius: 50px;
} }
.recentReviewHeading .recentReviewHeading
p p
{ {
font-size: 15px !important; font-size: 15px !important;
padding-top: 15px; padding-top: 15px;
} }
.recentReviewBox .recentReviewBox
{ {
width: 100%; width: 100%;
box-shadow: 0px 0px 7px #c5c5c5; box-shadow: 0px 0px 7px #c5c5c5;
border-radius: 5px; border-radius: 5px;
padding-bottom: 20px; padding-bottom: 20px;
margin-top: 30px; margin-top: 30px;
} }
.recentReviewImage .recentReviewImage
{ {
width: 100%; width: 100%;
border-top-left-radius: 5px; border-top-left-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
} }
.recentReviewHeading .recentReviewHeading
h4 h4
{ {
font-size: 15px !important; font-size: 15px !important;
text-transform: unset; text-transform: unset;
color: #353954 !important; color: #353954 !important;
padding: 10px 0; padding: 10px 0;
line-height: 24px; line-height: 24px;
} }
.post .post
p p
{ {
color: #6b6b6b !important; color: #6b6b6b !important;
text-align: justify !important; text-align: justify !important;
} height: 112px;
display: -webkit-box;
.readMore -webkit-line-clamp: 4;
{ -webkit-box-orient: vertical;
background-color: transparent !important; overflow: hidden;
color: #ff6663 !important; }
font-weight: bold !important;
border: 0px !important; .readMore
padding: 0 !important; {
font-size: 14px !important; background-color: transparent !important;
cursor: pointer; color: #ff6663 !important;
} font-weight: bold !important;
border: 0px !important;
.readMore:hover padding: 0 !important;
{ font-size: 14px !important;
color: #363756 !important; cursor: pointer;
} }
.hrBorder .readMore:hover
{ {
width: 100%; color: #363756 !important;
height: 1px; }
background-color: #e9e9eb;
margin-top: 50px; .hrBorder
} {
width: 100%;
/*----- Recent Reviews Section Style End ----- */ height: 1px;
background-color: #e9e9eb;
margin-top: 50px;
/*----- Top Blog Posts Section Style Start ----- */ }
.topBlog /*----- Recent Reviews Section Style End ----- */
h4
{
font-size: 15px !important; /*----- Top Blog Posts Section Style Start ----- */
text-transform: unset;
color: #f06e58 !important; .topBlog
padding: 10px 0; h4
line-height: 24px; {
} font-size: 15px !important;
text-transform: unset;
.blogReadMore color: #f06e58 !important;
{ padding: 10px 0;
background-color: transparent !important; line-height: 24px;
color: #8e8e8e !important; }
font-weight: normal !important;
border: 0px !important; .blogReadMore
padding: 0 !important; {
font-size: 14px !important; background-color: transparent !important;
cursor: pointer; color: #8e8e8e !important;
} font-weight: normal !important;
border: 0px !important;
.blogReadMore:hover padding: 0 !important;
{ font-size: 14px !important;
color: #363756 !important; cursor: pointer;
} }
/*----- Top Blog Posts Section Style End ----- */ .blogReadMore:hover
{
color: #363756 !important;
}
/*----- Home Page Style End ----- */
/*----- Top Blog Posts Section Style End ----- */
/*---------------------------------- */
/*----- Home Page Style End ----- */
/*----- Blog Page Style Start ----- */
/*---------------------------------- */
/*----- Banner Section Style Start ----- */
/*----- Blog Page Style Start ----- */
#banner {
width: 100%;
background-image: url(../images/banner-image.png); /*----- Banner Section Style Start ----- */
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center; #banner {
-webkit-background-size: cover; width: 100%;
-moz-background-size: cover; background-image: url(../images/banner-image.png);
-o-background-size: cover; background-repeat: no-repeat;
background-size: cover; background-attachment: scroll;
padding: 90px 0 90px 0; background-position: center center;
} -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
/*----- Banner Section Style End ----- */ background-size: cover;
padding: 90px 0 90px 0;
}
/*----- Blog Detail Section Style Start ----- */
/*----- Banner Section Style End ----- */
.breadcrumb
{
margin-top: 30px; /*----- Blog Detail Section Style Start ----- */
background-color: white !important;
border: 1px solid #e3e3e3;
} .breadcrumb
{
.breadcrumb-item.active margin-top: 30px;
{ background-color: white !important;
color: #ff6460 !important; border: 1px solid #e3e3e3;
} }
.breadcrumb-item > a .breadcrumb-item.active
{ {
color: #2c2c2c !important; color: #ff6460 !important;
} }
.breadcrumb-item+.breadcrumb-item::before .breadcrumb-item > a
{ {
color: #2c2c2c !important; color: #2c2c2c !important;
} }
.colPadding .breadcrumb-item+.breadcrumb-item::before
{ {
padding: 0 !important; color: #2c2c2c !important;
} }
.blogImage .colPadding
{ {
margin-top: 30px; padding: 0 !important;
width: 100%; }
/*-moz-transition: all 0.3s;*/
/*-webkit-transition: all 0.3s;*/ .blogImage
/*transition: all 0.3s;*/ {
cursor: pointer; margin-top: 30px;
} width: 100%;
/*-moz-transition: all 0.3s;*/
/*.blogImage:hover*/ /*-webkit-transition: all 0.3s;*/
/*{*/ /*transition: all 0.3s;*/
/* -moz-transform: scale(1.1);*/ cursor: pointer;
/* -webkit-transform: scale(1.1);*/ }
/* transform: scale(1.1);*/
/*}*/ /*.blogImage:hover*/
/*{*/
.blogUser /* -moz-transform: scale(1.1);*/
{ /* -webkit-transform: scale(1.1);*/
margin-right: 10px; /* transform: scale(1.1);*/
} /*}*/
.colBorder .blogUser
{ {
border-right: 1px solid #cccccc !important; margin-right: 10px;
border: 0px; }
}
.colBorder
.pagination {
{ border-right: 1px solid #cccccc !important;
margin-top: 70px; border: 0px;
} }
.page-item .pagination
a {
{ margin-top: 70px;
color: #c2c2c2 !important; }
}
.page-item
.page-item a
a:hover {
{ color: #c2c2c2 !important;
color: #fff !important; }
}
.page-item
.page-link:hover a:hover
{ {
background-color: #fc6655 !important; color: #fff !important;
border-color: #fc6655 !important; }
}
.page-link:hover
{
/*----- SideBar Section Style Start ----- */ background-color: #fc6655 !important;
border-color: #fc6655 !important;
}
.sideBarBox
{
width: 100%; /*----- SideBar Section Style Start ----- */
background-color: #f2f3f7;
border-radius: 4px;
border: 1px solid #e5e5e5; .sideBarBox
margin: 30px 0 0 0; {
padding: 0 0 30px 0; width: 100%;
} background-color: #f2f3f7;
border-radius: 4px;
.sideBar border: 1px solid #e5e5e5;
{ margin: 30px 0 0 0;
width: 100%; padding: 0 0 30px 0;
background-image: url(../images/sidebar-bg.png); }
background-repeat: no-repeat;
background-attachment: scroll; .sideBar
background-position: center center; {
-webkit-background-size: cover; width: 100%;
-moz-background-size: cover; background-image: url(../images/sidebar-bg.png);
-o-background-size: cover; background-repeat: no-repeat;
background-size: cover; background-attachment: scroll;
padding: 40px 0 40px 0; background-position: center center;
border-top-left-radius: 4px; -webkit-background-size: cover;
border-top-right-radius: 4px; -moz-background-size: cover;
text-align: center; -o-background-size: cover;
margin-bottom: 30px; background-size: cover;
} padding: 40px 0 40px 0;
border-top-left-radius: 4px;
.sidebarInput border-top-right-radius: 4px;
{ text-align: center;
height: 49px !important; margin-bottom: 30px;
padding: 0 0 0 17px !important; }
font-size: 14px !important;
border-top-right-radius: 0px !important; .sidebarInput
border-bottom-right-radius: 0px !important; {
width: 77% !important; height: 49px !important;
} padding: 0 0 0 17px !important;
font-size: 14px !important;
.testButton border-top-right-radius: 0px !important;
{ border-bottom-right-radius: 0px !important;
padding: 15px 20px !important; width: 77% !important;
border-top-left-radius: 0px !important; }
border-bottom-left-radius: 0px !important;
border: 0px !important; .testButton
color: white !important; {
font-size: 13px !important; padding: 15px 20px !important;
} border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
.recentTitleBox border: 0px !important;
{ color: white !important;
width: 100%; font-size: 13px !important;
background-color: #fc6655; }
padding: 15px 20px 13px 20px;
border-top-left-radius: 4px; .recentTitleBox
border-top-right-radius: 4px; {
} width: 100%;
background-color: #fc6655;
.bottomStyle padding: 15px 20px 13px 20px;
{ border-top-left-radius: 4px;
margin-top: -4px; border-top-right-radius: 4px;
} }
.postBox .bottomStyle
{ {
width: 100%; margin-top: -4px;
background-color: white; }
border-radius: 4px;
border: 1px solid #d9dade; .postBox
margin: 18px 0 0 0; {
} width: 100%;
.postBox img { background-color: white;
height: 145px !important; border-radius: 4px;
width: 100% !important; border: 1px solid #d9dade;
} margin: 18px 0 0 0;
}
.postHeading h3 .postBox img {
{ height: 145px !important;
font-size: 16px !important; width: 100% !important;
color: #373856 !important; }
text-align: left;
padding: 10px 0 5px 17px; .postHeading h3
margin: 0; {
} font-size: 16px !important;
color: #373856 !important;
.postHeading .post-content { text-align: left;
font-size: 14px !important; padding: 10px 0 5px 17px;
color: #7286a2 !important; margin: 0;
text-align: left; }
padding: 0 18px;
height: 56px; .postHeading .align {
overflow: hidden; font-size: 16px !important;
} color: #373856 !important;
text-align: left;
.postImage padding: 10px 0 5px 31px;
{ margin: 0;
border-top-left-radius: 4px; }
border-top-right-radius: 4px;
} .postHeading .post-content {
font-size: 14px !important;
.hostingLogo color: #7286a2 !important;
{ text-align: left;
margin: 20px 0 13px 0; padding: 0 18px;
} height: 63px;
overflow: hidden;
.reviewButton display: -webkit-box;
{ -webkit-line-clamp: 3;
border: 0px !important; -webkit-box-orient: vertical;
background-color: transparent !important; }
color: #373856 !important;
font-size: 16px !important; .postImage
padding: 10px 0 0 0 !important; {
} border-top-left-radius: 4px;
border-top-right-radius: 4px;
.reviewButton:hover }
{
color: #fc6655 !important; .hostingLogo
} {
margin: 20px 0 13px 0;
.reviewIcon:hover }
{
background-color: #9e0202; .reviewButton
} {
border: 0px !important;
.newsletterPadding background-color: transparent !important;
{ color: #373856 !important;
padding: 55px 0 55px 0; font-size: 16px !important;
} padding: 10px 0 0 0 !important;
}
.w65
{ .reviewButton:hover
width: 73% !important; {
} color: #fc6655 !important;
}
/*----- SideBar Section Style End ----- */
.reviewIcon:hover
/*----- Blog Detail Section Style End ----- */ {
background-color: #9e0202;
}
/*----- Blog Single Style Start ----- */
.blogSingle .newsletterPadding
h3 {
{ padding: 55px 0 55px 0;
font-size: 24px !important; }
color: #fc6655;
text-align: left; .w65
line-height: 35px; {
} width: 73% !important;
}
.singleBox
{ /*----- SideBar Section Style End ----- */
border: 1px solid #d9d9d9;
background-color: white; /*----- Blog Detail Section Style End ----- */
border-radius: 4px;
padding: 12px 20px;
width: max-content; /*----- Blog Single Style Start ----- */
} .blogSingle
h3
.userIcon {
{ font-size: 24px !important;
margin: 0 8px 0 0; color: #fc6655;
} text-align: left;
line-height: 35px;
.blogSingle }
h5
{ .singleBox
font-size: 15px !important; {
color: #7286a2 !important; border: 1px solid #d9d9d9;
text-align: left; background-color: white;
margin: 0; border-radius: 4px;
} padding: 12px 20px;
width: max-content;
.d-inline-block }
{
display: inline-block; .userIcon
} {
margin: 0 8px 0 0;
/*----- Blog Single Style End ----- */ }
.blogSingle
/*----- Blog Single Detail Style Start ----- */ h5
.blogDetailBox {
{ font-size: 15px !important;
width: 100%; color: #7286a2 !important;
background-color: white; text-align: left;
border: 1px solid #e5e5e5; margin: 0;
border-radius: 4px; }
margin: 30px 0 0 0;
padding: 0 0 20px 0; .d-inline-block
} {
display: inline-block;
.singleUser }
{
margin: 8px 6px 10px 0; /*----- Blog Single Style End ----- */
}
.singleDetail /*----- Blog Single Detail Style Start ----- */
h5 .blogDetailBox
{ {
font-size: 15px; width: 100%;
color: #373856 !important; background-color: white;
text-align: left; border: 1px solid #e5e5e5;
font-weight: bold !important; border-radius: 4px;
position: relative; margin: 30px 0 0 0;
top: 1px; padding: 0 0 20px 0;
} }
.borderHolder .singleUser
{ {
border-right: 1px solid #e5e5e5; margin: 8px 6px 10px 0;
} }
.bottomHolder .singleDetail
{ h5
border-bottom: 1px solid #e5e5e5; {
border-top: 1px solid #e5e5e5; font-size: 15px;
} color: #373856 !important;
text-align: left;
.singleDetail font-weight: bold !important;
h3 position: relative;
{ top: 1px;
font-size: 30px !important; }
text-align: left;
font-weight: bold !important; .borderHolder
padding: 15px 0 15px 0; {
margin: 0; border-right: 1px solid #e5e5e5;
color: #111111 !important; }
}
.bottomHolder
.singleDetail {
p border-bottom: 1px solid #e5e5e5;
{ border-top: 1px solid #e5e5e5;
font-size: 16px !important; }
color: #373856 !important;
text-align: left; .singleDetail
padding: 10px 0 0 0; h3
text-align: justify; {
} font-size: 30px !important;
text-align: left;
.cloudBox font-weight: bold !important;
{ padding: 15px 0 15px 0;
width: 100%; margin: 0;
background-color: #373856; color: #111111 !important;
padding: 10px 20px; }
}
.singleDetail
.cloudBoxBottom p
{ {
width: 100%; font-size: 16px !important;
height: 5px; color: #373856 !important;
background-image: url(../images/cloud-bottom.png); text-align: left;
padding: 10px 0 0 0;
} text-align: justify;
}
.singleDetail
h4 .cloudBox
{ {
font-size: 30px !important; width: 100%;
text-align: left; background-color: #373856;
font-weight: bold !important; padding: 10px 20px;
padding: 0px; }
}
.cloudBoxBottom
/*----- Blog Single Detail Style End ----- */ {
width: 100%;
height: 5px;
background-image: url(../images/cloud-bottom.png);
/*----- Subscribe Section Style Start ----- */
}
.subscribeBackground { .singleDetail
width: 100%; h4
background-image: url(../images/subscribe-background.jpg); {
background-repeat: no-repeat; font-size: 30px !important;
background-attachment: scroll; text-align: left;
background-position: center center; font-weight: bold !important;
-webkit-background-size: cover; padding: 0px;
-moz-background-size: cover; }
-o-background-size: cover;
background-size: cover; /*----- Blog Single Detail Style End ----- */
padding: 50px 0 50px 0;
margin: 80px 0 0 0;
}
/*----- Subscribe Section Style Start ----- */
.subscribeTitle
h2
{ .subscribeBackground {
font-size: 30px !important; width: 100%;
color: #ffffff !important; background-image: url(../images/subscribe-background.jpg);
text-transform: unset; background-repeat: no-repeat;
padding: 0 !important; background-attachment: scroll;
} background-position: center center;
-webkit-background-size: cover;
.subscribeTitle -moz-background-size: cover;
h3 -o-background-size: cover;
{ background-size: cover;
font-size: 16px !important; padding: 50px 0 50px 0;
color: #a2a5c4 !important; margin: 80px 0 0 0;
text-transform: uppercase; }
}
.subscribeTitle
.SubscribeInput h2
{ {
height: 50px !important; font-size: 30px !important;
font-size: 13px !important; color: #ffffff !important;
padding-left: 20px !important; text-transform: unset;
margin-top: 25px; padding: 0 !important;
background-color: rgba(242, 243, 255, 0.2) !important; }
border: 1px solid rgba(242, 245, 247, 0.3) !important;
color: #ffffff !important; .subscribeTitle
} h3
{
.updateButton font-size: 16px !important;
{ color: #a2a5c4 !important;
width: 100%; text-transform: uppercase;
text-align: center; }
padding: 11px 0 11px 0 !important;
color: white; .SubscribeInput
text-transform: uppercase; {
margin-top: 25px; height: 50px !important;
} font-size: 13px !important;
padding-left: 20px !important;
.updateButton:hover margin-top: 25px;
{ background-color: rgba(242, 243, 255, 0.2) !important;
background-color: white !important; border: 1px solid rgba(242, 245, 247, 0.3) !important;
color: #fc6655 !important; color: #ffffff !important;
} }
/*----- Subscribe Section Style End ----- */ .updateButton
{
width: 100%;
text-align: center;
padding: 11px 0 11px 0 !important;
/*----- Footer Section Style Start ----- */ color: white;
text-transform: uppercase;
margin-top: 25px;
.footer }
{
width: 100%; .updateButton:hover
padding: 40px 0 40px 0; {
} background-color: white !important;
color: #fc6655 !important;
.footerTitle }
h2
{ /*----- Subscribe Section Style End ----- */
font-size: 22px !important;
color: white !important;
text-shadow: unset !important;
border-bottom: 1px solid #353654;
padding: 0 0 20px 0; /*----- Footer Section Style Start ----- */
}
.footerLogo .footer
{ {
margin-top: 20px; width: 100%;
} padding: 40px 0 40px 0;
}
.footerTitle
p .footerTitle
{ h2
color: #babcb7 !important; {
text-align: justify !important; font-size: 22px !important;
padding: 15px 0 0 0; color: white !important;
line-height: 30px; text-shadow: unset !important;
} border-bottom: 1px solid #353654;
padding: 0 0 20px 0;
.flex-column }
{
margin-top: 25px; .footerLogo
} {
margin-top: 20px;
.nav-link }
{
padding: 1rem 1rem !important; .footerTitle
border-bottom: 1px dashed #353654; p
} {
color: #babcb7 !important;
.nav-link:hover text-align: justify !important;
{ padding: 15px 0 0 0;
color: #ff6157 !important; line-height: 30px;
} }
.copyright .flex-column
{ {
width: 100%; margin-top: 25px;
background-color: #2c2d49; }
padding: 15px 0 15px 0;
text-align: center; .nav-link
} {
padding: 1rem 1rem !important;
.copyrightTitle border-bottom: 1px dashed #353654;
p }
{
color: #fff !important; .nav-link:hover
padding: 0 !important; {
margin: 0 !important; color: #ff6157 !important;
} }
.copyrightTitle .copyright
p span {
{ width: 100%;
color: #ff6157 !important; background-color: #2c2d49;
} padding: 15px 0 15px 0;
text-align: center;
}
/*----- Footer Section Style End ----- */
.copyrightTitle
p
/*----- Blog Page Style End ----- */ {
color: #fff !important;
padding: 0 !important;
/*----- Summary Page Style Start ----- */ margin: 0 !important;
.summaryHeading }
h3
{ .copyrightTitle
font-size: 30px !important; p span
text-align: center; {
} color: #ff6157 !important;
}
.summaryBox
{
border: 1px solid #d4d4d4; /*----- Footer Section Style End ----- */
background-color: white;
padding: 5px 20px;
margin: 0; /*----- Blog Page Style End ----- */
}
.summaryHeading /*----- Summary Page Style Start ----- */
h4 .summaryHeading
{ h3
font-size: 20px !important; {
text-align: center !important; font-size: 30px !important;
padding: 5px 0 0 0; text-align: center;
} }
.summaryHeading .summaryBox
h5 {
{ border: 1px solid #d4d4d4;
font-size: 18px !important; background-color: white;
color: #444444 !important; padding: 5px 20px;
text-align: center !important; margin: 0;
display: inherit; }
font-weight: bold !important;
padding: 0 !important; .summaryHeading
margin: 0 !important; h4
line-height: 0; {
position: relative; font-size: 20px !important;
top: 12px; text-align: center !important;
} padding: 5px 0 0 0;
}
.summaryHostImage
{ .summaryHeading
border: 1px solid #d4d4d4; h5
padding: 15px; {
box-sizing: border-box; font-size: 18px !important;
width: 100%; color: #444444 !important;
margin: 17px 0 0 0; text-align: center !important;
} display: inherit;
font-weight: bold !important;
.hostHeading padding: 0 !important;
h5 margin: 0 !important;
{ line-height: 0;
font-size: 26px !important; position: relative;
color: #fff !important; top: 12px;
text-align: center !important; }
display: inherit;
font-weight: bold !important; .summaryHostImage
padding: 0 !important; {
margin: 0 !important; border: 1px solid #d4d4d4;
line-height: 0; padding: 15px;
position: relative; box-sizing: border-box;
bottom: 127px; width: 100%;
} margin: 17px 0 0 0;
}
.pTop-0
{ .hostHeading
top: 0px !important; h5
} {
font-size: 26px !important;
.summaryTable color: #fff !important;
{ text-align: center !important;
text-align: center; display: inherit;
} font-weight: bold !important;
padding: 0 !important;
.summarySocailIocn margin: 0 !important;
{ line-height: 0;
display: inline-block; position: relative;
position: absolute; bottom: 127px;
right: -27px; }
cursor: pointer;
} .pTop-0
{
.top-50 top: 0px !important;
{ }
top: 50px !important;
} .summaryTable
{
.top-133 text-align: center;
{ }
top: 112px !important;
} .summarySocailIocn
{
.top-177 display: inline-block;
{ position: absolute;
top: 155px !important; right: -27px;
} cursor: pointer;
}
.top-100
{ .top-50
top: 100px !important; {
} top: 50px !important;
}
.tableBorder
{ .top-133
border-right: 1px solid #fd8577 !important; {
border-top: 0px !important; top: 112px !important;
font-size: 20px !important; }
color: white;
font-weight: 700 !important; .top-177
} {
top: 155px !important;
.summaryTD }
{
color: #444444 !important; .top-100
text-align: center; {
font-size: 20px; top: 100px !important;
font-weight: 700 !important; }
}
.tableBorder
.radius {
{ border-right: 1px solid #fd8577 !important;
border-radius: 0px !important; border-top: 0px !important;
} font-size: 20px !important;
color: white;
.table thead th font-weight: 700 !important;
{ }
vertical-align: middle !important;
} .summaryTD
{
.table td, .table th color: #444444 !important;
{ text-align: center;
vertical-align: middle !important; font-size: 20px;
} font-weight: 700 !important;
}
.summaryAfterBox
{ .radius
border: 1px solid #d4d4d4; {
width: 100%; border-radius: 0px !important;
padding: 6px 5px; }
margin: 7px 0 0 0;
min-height: 91%; .table thead th
text-align: center; {
} vertical-align: middle !important;
}
.bottomAdjust
{ .table td, .table th
bottom: 28px !important; {
} vertical-align: middle !important;
}
.top-7
{ .summaryAfterBox
top: 7px !important; {
} border: 1px solid #d4d4d4;
width: 100%;
.responseHeading padding: 6px 5px;
h5 margin: 7px 0 0 0;
{ min-height: 91%;
font-size: 12px !important; text-align: center;
color: #353535; }
text-align: center;
font-weight: bold !important; .bottomAdjust
display: inherit; {
} bottom: 28px !important;
}
.responseHeading
h4 .top-7
{ {
font-size: 30px !important; top: 7px !important;
color: #fc6655 !important; }
text-align: center;
font-weight: bold !important; .responseHeading
line-height: 23px; h5
} {
font-size: 12px !important;
.responseHeading color: #353535;
h4 span text-align: center;
{ font-weight: bold !important;
font-size: 14px !important; display: inherit;
color: #353535 !important; }
text-align: center;
font-weight: bold !important; .responseHeading
} h4
{
.responseHeading font-size: 30px !important;
h6 color: #fc6655 !important;
{ text-align: center;
font-size: 12px !important; font-weight: bold !important;
color: #353535; line-height: 23px;
text-align: center; }
font-weight: 600 !important;
padding: 0px !important; .responseHeading
margin: 0px !important; h4 span
line-height: 15px; {
} font-size: 14px !important;
color: #353535 !important;
.mt17 text-align: center;
{ font-weight: bold !important;
margin-top: 17px; }
}
.responseHeading
.summaryPadding h6
{ {
padding: 0 5px !important; font-size: 12px !important;
} color: #353535;
text-align: center;
.gradeIcon font-weight: 600 !important;
{ padding: 0px !important;
margin-top: 10px; margin: 0px !important;
} line-height: 15px;
}
.transform
{ .mt17
text-transform: uppercase; {
} margin-top: 17px;
}
.detectedHeading
h4 .summaryPadding
{ {
font-size: 20px !important; padding: 0 5px !important;
color: #353535 !important; }
text-align: left !important;
font-weight: normal !important; .gradeIcon
padding: 6px 0 0 0; {
font-weight: 600 !important; margin-top: 10px;
} }
.hostsButton .transform
{ {
font-size: 18px !important; text-transform: uppercase;
color: white !important; }
padding: 10px 40px !important;
border-radius: 50px !important; .detectedHeading
border: 0px !important; h4
cursor: pointer; {
width: 100%; font-size: 20px !important;
margin: 0 0 20px 0; color: #353535 !important;
} text-align: left !important;
font-weight: normal !important;
.hostsButton:hover padding: 6px 0 0 0;
{ font-weight: 600 !important;
background-color: #fc6655 !important; }
}
.hostsButton
.tableBody {
{ font-size: 18px !important;
border: 1px solid #dee2e6; color: white !important;
} padding: 10px 40px !important;
/*----- Summary Page Style End ----- */ border-radius: 50px !important;
border: 0px !important;
cursor: pointer;
width: 100%;
/*----- Website Optimize Page Style Start ----- */ margin: 0 0 20px 0;
.optimizeBackground }
{
padding: 90px 0 0 0; .hostsButton:hover
} {
background-color: #fc6655 !important;
.optimizeHeading }
h2
{ .tableBody
font-size: 60px !important; {
font-weight: bold !important; border: 1px solid #dee2e6;
box-shadow: unset !important; }
text-align: left !important; /*----- Summary Page Style End ----- */
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
} /*----- Website Optimize Page Style Start ----- */
.optimizeBackground
.optimizeHireButton {
{ padding: 90px 0 0 0;
background-color: transparent !important; }
border: 2px solid white !important;
border-radius: 50px !important; .optimizeHeading
color: white !important; h2
padding: 12px 70px !important; {
font-weight: bold; font-size: 60px !important;
font-size: 18px !important; font-weight: bold !important;
margin: 30px 0 0 0; box-shadow: unset !important;
} text-align: left !important;
color: white !important;
.optimizeHireButton:hover text-transform: uppercase !important;
{ line-height: 88px;
border: 2px solid #ffffff !important; }
background-color: #fc6655 !important;
} .optimizeHireButton
/*----- Website Optimize Page Style End ----- */ {
background-color: transparent !important;
border: 2px solid white !important;
border-radius: 50px !important;
/*----- Server Response Page Style Start ----- */ color: white !important;
.serverTime padding: 12px 70px !important;
h2 font-weight: bold;
{ font-size: 18px !important;
font-size: 48px !important; margin: 30px 0 0 0;
font-weight: bold !important; }
color: #fc6655 !important;
text-align: center !important; .optimizeHireButton:hover
text-shadow: unset !important; {
padding: 0 !important; border: 2px solid #ffffff !important;
} background-color: #fc6655 !important;
}
.serverTime /*----- Website Optimize Page Style End ----- */
h4
{
font-size: 26px !important;
font-weight: bold !important; /*----- Server Response Page Style Start ----- */
color: #1d1d1d !important; .serverTime
text-align: center !important; h2
text-shadow: unset !important; {
padding: 0 !important; font-size: 48px !important;
} font-weight: bold !important;
color: #fc6655 !important;
/*----- Server Response Page Style End ----- */ text-align: center !important;
text-shadow: unset !important;
padding: 0 !important;
}
/*----- Cache Page Style Start ----- */
.cacheBox .serverTime
{ h4
width: 95%; {
padding: 15px 15px 0px 15px; font-size: 26px !important;
border: 1px solid #d4d4d4; font-weight: bold !important;
margin: 30px 10px 0 9px; color: #1d1d1d !important;
position: relative; text-align: center !important;
top: 17px; text-shadow: unset !important;
padding: 0 !important;
} }
.cacheHeading /*----- Server Response Page Style End ----- */
h4
{
font-size: 24px !important;
color: #fc6655 !important; /*----- Cache Page Style Start ----- */
text-align: left; .cacheBox
padding: 0px !important; {
margin: 0px; width: 95%;
line-height: 0px !important; padding: 15px 15px 0px 15px;
position: relative; border: 1px solid #d4d4d4;
top: 10px; margin: 30px 10px 0 9px;
} position: relative;
top: 17px;
.cacheHeading
h5 }
{
font-size: 18px !important; .cacheHeading
color: #fff !important; h4
padding: 0px !important; {
margin: 0px !important; font-size: 24px !important;
line-height: 0px !important; color: #fc6655 !important;
position: relative; text-align: left;
top: 2px; padding: 0px !important;
font-weight: bold !important; margin: 0px;
} line-height: 0px !important;
position: relative;
.cacheHeading top: 10px;
.cache-para }
{
font-size: 15px !important; .cacheHeading
color: #6a6a6a !important; h5
text-align: justify; {
padding: 12px 0 0 0; font-size: 18px !important;
} color: #fff !important;
padding: 0px !important;
.cacheInfo margin: 0px !important;
{ line-height: 0px !important;
width: 100%; position: relative;
padding: 15px 20px; top: 2px;
position: relative; font-weight: bold !important;
text-align: center; }
cursor: pointer;
} .cacheHeading
.cache-para
/*----- Cache Page Style End ----- */ {
font-size: 15px !important;
color: #6a6a6a !important;
text-align: justify;
padding: 12px 0 0 0;
}
/*-----Blog Full Detail Page Style Start ----- */
.blueHostHeading .cacheInfo
h5 {
{ width: 100%;
font-size: 24px !important; padding: 15px 20px;
color: #363636 !important; position: relative;
text-align: left; text-align: center;
font-weight: bold !important; cursor: pointer;
padding: 20px 0 0 0; }
}
/*----- Cache Page Style End ----- */
.blueHostBox
{
width: 100%;
background-color: white;
border: 1px solid #d4d4d4;
padding: 20px 10px; /*-----Blog Full Detail Page Style Start ----- */
margin: 15px 0 0 0; .blueHostHeading
text-align: center; h5
} {
font-size: 24px !important;
.boxTopLeft color: #363636 !important;
{ text-align: left;
position: absolute; font-weight: bold !important;
top: 15px; padding: 20px 0 0 0;
left: 0; }
}
.blueHostBox
.boxTopLeftOther {
{ width: 100%;
position: absolute; background-color: white;
top: 15px; border: 1px solid #d4d4d4;
left: 15px; padding: 20px 10px;
} margin: 15px 0 0 0;
text-align: center;
.boxTopRight }
{
position: absolute; .boxTopLeft
bottom: 0px; {
right: 15px; position: absolute;
} top: 15px;
left: 0;
.boxTopRightOther }
{
position: absolute; .boxTopLeftOther
bottom: 0px; {
right: 0px; position: absolute;
} top: 15px;
left: 15px;
.blurHostPL }
{
padding-left: 0px !important; .boxTopRight
} {
position: absolute;
.blurHostPR bottom: 0px;
{ right: 15px;
padding-right: 0px !important; }
}
.boxTopRightOther
.blueHostHeading {
h4 position: absolute;
{ bottom: 0px;
font-size: 20px !important; right: 0px;
color: #353535 !important; }
font-weight: bold !important;
padding: 0px !important; .blurHostPL
margin: 0px !important; {
line-height: 0px !important; padding-left: 0px !important;
text-transform: uppercase; }
position: relative;
top: 15px; .blurHostPR
} {
padding-right: 0px !important;
.blueHostHeading }
h2
{ .blueHostHeading
font-size: 72px !important; h4
color: #fc6655 !important; {
font-weight: bold !important; font-size: 20px !important;
text-shadow: unset !important; color: #353535 !important;
padding: 0px !important; font-weight: bold !important;
margin: 0px !important; padding: 0px !important;
line-height: 86px; margin: 0px !important;
} line-height: 0px !important;
text-transform: uppercase;
.blueHostHeading position: relative;
h2 span top: 15px;
{ }
font-size: 72px !important;
color: #353535 !important; .blueHostHeading
font-weight: bold !important; h2
text-shadow: unset !important; {
padding: 0px !important; font-size: 72px !important;
margin: 0px !important; color: #fc6655 !important;
} font-weight: bold !important;
text-shadow: unset !important;
.blueHostSideBar padding: 0px !important;
{ margin: 0px !important;
width: 95%; line-height: 86px;
padding: 15px 0px 15px 0px; }
margin: 30px 10px 0 9px;
background-color: #1f1d27; .blueHostHeading
position: relative; h2 span
box-shadow: 0 8px 10px -6px black; {
} font-size: 72px !important;
color: #353535 !important;
.cacheSidebar { font-weight: bold !important;
width: 100%; text-shadow: unset !important;
background-image: url(../images/cache-sidebar-image.png); padding: 0px !important;
background-repeat: no-repeat; margin: 0px !important;
background-attachment: scroll; }
background-position: center center;
-webkit-background-size: cover; .blueHostSideBar
-moz-background-size: cover; {
-o-background-size: cover; width: 95%;
background-size: cover; padding: 15px 0px 15px 0px;
padding: 18px 10px; margin: 30px 10px 0 9px;
margin: 15px 0 0 0; background-color: #1f1d27;
} position: relative;
box-shadow: 0 8px 10px -6px black;
.cacheSidebarHeading }
h4
{ .cacheSidebar {
font-size: 34px !important; width: 100%;
color: white !important; background-image: url(../images/cache-sidebar-image.png);
text-align: center; background-repeat: no-repeat;
font-weight: bold !important; background-attachment: scroll;
padding: 0px !important; background-position: center center;
margin: 0px !important; -webkit-background-size: cover;
position: relative; -moz-background-size: cover;
bottom: 11px; -o-background-size: cover;
} background-size: cover;
padding: 18px 10px;
.cursorPointer margin: 15px 0 0 0;
{ }
cursor: pointer;
} .cacheSidebarHeading
h4
.speedButton {
{ font-size: 34px !important;
width: 100%; color: white !important;
border-radius: 4px !important; text-align: center;
border: 0px !important; font-weight: bold !important;
background-color: #46485e !important; padding: 0px !important;
color: #b3bde7 !important; margin: 0px !important;
font-size: 14px !important; position: relative;
padding: 10px 10px !important; bottom: 11px;
margin: 10px 0 0 0; }
}
.cursorPointer
.cacheSidebarInfo {
{ cursor: pointer;
width: 105.5%; }
padding: 13px 20px;
position: relative; .speedButton
text-align: left; {
left: -10px; width: 100%;
} border-radius: 4px !important;
border: 0px !important;
.cacheSidebarCornerLeft background-color: #46485e !important;
{ color: #b3bde7 !important;
position: relative; font-size: 14px !important;
left: -10px; padding: 10px 10px !important;
} margin: 10px 0 0 0;
}
.cacheSidebarCornerRight
{ .cacheSidebarInfo
position: relative; {
left: 9px; width: 105.5%;
} padding: 13px 20px;
position: relative;
.cacheSidebarHeading text-align: left;
h5 left: -10px;
{ }
font-size: 15px !important;
color: #822c22 !important; .cacheSidebarCornerLeft
text-align: left; {
font-weight: normal !important; position: relative;
padding: 0 !important; left: -10px;
margin: 0 !important; }
line-height: 0 !important;
position: relative; .cacheSidebarCornerRight
top: 9px; {
} position: relative;
left: 9px;
.cacheSidebarHeading }
h6
{ .cacheSidebarHeading
font-size: 24px !important; h5
color: #ffffff !important; {
text-align: left; font-size: 15px !important;
font-weight: bold !important; color: #822c22 !important;
padding: 0 !important; text-align: left;
margin: 0 !important; font-weight: normal !important;
line-height: 0 !important; padding: 0 !important;
position: relative; margin: 0 !important;
top: 9px; line-height: 0 !important;
} position: relative;
top: 9px;
.cacheSidebarHeading }
h6 span
{ .cacheSidebarHeading
font-size: 14px !important; h6
color: #822c22 !important; {
font-weight: normal !important; font-size: 24px !important;
} color: #ffffff !important;
text-align: left;
.webLocationIcon font-weight: bold !important;
{ padding: 0 !important;
margin: 0 10px 0 0; margin: 0 !important;
} line-height: 0 !important;
position: relative;
.serverSidebarHeading top: 9px;
h5 }
{
font-size: 15px !important; .cacheSidebarHeading
color: #ffffff !important; h6 span
text-align: left; {
font-weight: normal !important; font-size: 14px !important;
padding: 0 !important; color: #822c22 !important;
margin: 0 !important; font-weight: normal !important;
line-height: 0 !important; }
position: relative;
top: 11px; .webLocationIcon
} {
margin: 0 10px 0 0;
.offerBox }
{
width: 100%; .serverSidebarHeading
border: 1px solid #33323b; h5
background-color: transparent; {
padding: 15px 0 10px 0; font-size: 15px !important;
margin: 15px 0 7px 0; color: #ffffff !important;
position: relative; text-align: left;
} font-weight: normal !important;
padding: 0 !important;
.offerHeading margin: 0 !important;
h4 line-height: 0 !important;
{ position: relative;
font-size: 20px !important; top: 11px;
color: white !important; }
text-align: center !important;
font-weight: 600 !important; .offerBox
position: relative; {
z-index: 1000; width: 100%;
} border: 1px solid #33323b;
background-color: transparent;
.offerHeading padding: 15px 0 10px 0;
h2 margin: 15px 0 7px 0;
{ position: relative;
font-size: 72px !important; }
color: #fc6655 !important;
text-align: center !important; .offerHeading
font-weight: bold !important; h4
padding: 0 !important; {
margin: 0 !important; font-size: 20px !important;
position: relative; color: white !important;
z-index: 1000; text-align: center !important;
} font-weight: 600 !important;
position: relative;
.offerHeading z-index: 1000;
h2 span }
{
font-size: 18px !important; .offerHeading
color: white !important; h2
vertical-align: top; {
position: relative; font-size: 72px !important;
top: 13px; color: #fc6655 !important;
position: relative; text-align: center !important;
z-index: 1000; font-weight: bold !important;
} padding: 0 !important;
margin: 0 !important;
.bestOffer position: relative;
{ z-index: 1000;
position: absolute; }
top: 0;
} .offerHeading
h2 span
{
/*-----Blog Full Detail Page Style End ----- */ font-size: 18px !important;
color: white !important;
vertical-align: top;
position: relative;
top: 13px;
/*----- Media Query Style Start {1366px} ----- */ position: relative;
z-index: 1000;
@media only screen and (max-width: 1366px) }
{
.homeSpeedButton .bestOffer
{ {
margin-bottom: 30px; position: absolute;
} top: 0;
.font68 }
{
font-size: 68px !important;
text-align: center !important; /*-----Blog Full Detail Page Style End ----- */
padding: 25px 0 10px 0;
}
.cacheSidebarInfo
{ /*----- Media Query Style Start {1366px} ----- */
width: 107%;
padding: 13px 20px; @media only screen and (max-width: 1366px)
position: relative; {
text-align: left; .homeSpeedButton
left: -10px; {
} margin-bottom: 30px;
}
.sidebarInput .font68
{ {
height: 49px !important; font-size: 68px !important;
padding: 0 0 0 17px !important; text-align: center !important;
font-size: 14px !important; padding: 25px 0 10px 0;
border-top-right-radius: 0px !important; }
border-bottom-right-radius: 0px !important;
width: 72% !important; .cacheSidebarInfo
} {
width: 107%;
.w65 padding: 13px 20px;
{ position: relative;
width: 65% !important; text-align: left;
} left: -10px;
}
}
.sidebarInput
{
/*----- Media Query Style End {1366px} ----- */ height: 49px !important;
padding: 0 0 0 17px !important;
font-size: 14px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 68% !important;
/*----- Media Query Style Start {1080px} ----- */ }
@media only screen and (max-width: 10806px) .w65
{ {
width: 62% !important;
} }
/*----- Media Query Style Start {1080px} ----- */ }
/*----- Media Query Style Start {768px} ----- */ /*----- Media Query Style End {1366px} ----- */
@media only screen and (max-width: 768px)
{
.responsive
{
padding-left: 45px; /*----- Media Query Style Start {1080px} ----- */
}
@media only screen and (max-width: 10806px)
.sidebarInput {
{
height: 49px !important; }
padding: 0 0 0 17px !important;
font-size: 14px !important; /*----- Media Query Style Start {1080px} ----- */
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
width: 79% !important; /*----- Media Query Style Start {1024px - Ipad Pro} ----- */
} @media only screen and (max-width: 1024px)
{
.footerTitle .cacheSidebarHeading h4 {
h2 font-size: 25px !important;
{ }
font-size: 22px !important;
color: white !important; .dInlineBlock {
text-shadow: unset !important; display: inline;
border-bottom: 1px solid #353654; }
padding: 20px 0 20px 0 !important; }
}
.font68 /*----- Media Query Style End {1024px} ----- */
{
font-size: 40px !important;
text-align: center !important;
} /*----- Media Query Style Start {768px - Ipad} ----- */
.searchIcon
{ @media only screen and (max-width: 768px)
position: absolute; {
margin-top: 17px; .responsive
left: 7px; {
} padding-left: 45px;
#homeBanner { }
width: 100%;
background-image: url(../images/home-banner.jpg); .sidebarInput
background-repeat: no-repeat; {
background-attachment: scroll; height: 49px !important;
background-position: center center; padding: 0 0 0 17px !important;
-webkit-background-size: cover; font-size: 14px !important;
-moz-background-size: cover; border-top-right-radius: 0px !important;
-o-background-size: cover; border-bottom-right-radius: 0px !important;
background-size: cover; width: 79% !important;
padding: 60px 0 40px 0; }
}
.table-responsive .footerTitle
{ h2
overflow-x: scroll !important; {
} font-size: 22px !important;
.font16 color: white !important;
{ text-shadow: unset !important;
font-size: 14px !important; border-bottom: 1px solid #353654;
} padding: 20px 0 20px 0 !important;
} }
.font68
/*----- Media Query Style End {768px} ----- */ {
font-size: 40px !important;
text-align: center !important;
/*----- Media Query Style Start {720px} ----- */ }
.searchIcon
@media only screen and (max-width: 720px) {
{ position: absolute;
.responsive margin-top: 17px;
{ left: 7px;
padding-left: 45px; }
} #homeBanner {
width: 100%;
.sidebarInput background-image: url(../images/home-banner.jpg);
{ background-repeat: no-repeat;
height: 49px !important; background-attachment: scroll;
padding: 0 0 0 17px !important; background-position: center center;
font-size: 14px !important; -webkit-background-size: cover;
border-top-right-radius: 0px !important; -moz-background-size: cover;
border-bottom-right-radius: 0px !important; -o-background-size: cover;
width: 79% !important; background-size: cover;
} padding: 60px 0 40px 0;
}
.footerTitle /*.table-responsive*/
h2 /*{*/
{ /* overflow-x: scroll !important;*/
font-size: 22px !important; /*}*/
color: white !important; .font16
text-shadow: unset !important; {
border-bottom: 1px solid #353654; font-size: 14px !important;
padding: 20px 0 20px 0 !important; }
}
.font68 .cacheSidebarHeading h4 {
{ font-size: 15px !important;
font-size: 40px !important; }
text-align: center !important;
} .cacheSidebarHeading h5 {
.searchIcon font-size: 10px !important;
{ }
position: absolute;
margin-top: 17px; .cacheSidebarHeading h6 {
left: 7px; font-size: 15px !important;
} }
#homeBanner {
width: 100%; .offerHeading h2 {
background-image: url(../images/home-banner.jpg); font-size: 28px !important;
background-repeat: no-repeat; }
background-attachment: scroll;
background-position: center center; .table td, .table th
-webkit-background-size: cover; {
-moz-background-size: cover; padding-left: 18px !important;
-o-background-size: cover; }
background-size: cover;
padding: 60px 0 40px 0; .summaryHeading h4
} {
.table-responsive font-size: 15px !important;
{ }
overflow-x: scroll !important;
} .hostsButton {
.font16 font-size: 11px !important;
{ }
font-size: 14px !important;
text-align: unset !important; }
}
} /*----- Media Query Style End {768px} ----- */
/*----- Media Query Style End {720px} ----- */
/*----- Media Query Style Start {720px} ----- */
/*----- Media Query Style Start {480px} ----- */ @media only screen and (max-width: 720px)
{
@media only screen and (max-width: 480px) .responsive
{ {
.responsive padding-left: 45px;
{ }
padding-left: 45px;
} .sidebarInput
{
.sidebarInput height: 49px !important;
{ padding: 0 0 0 17px !important;
height: 49px !important; font-size: 14px !important;
padding: 0 0 0 17px !important; border-top-right-radius: 0px !important;
font-size: 14px !important; border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important; width: 79% !important;
border-bottom-right-radius: 0px !important; }
width: 79% !important;
} .footerTitle
h2
.footerTitle {
h2 font-size: 22px !important;
{ color: white !important;
font-size: 22px !important; text-shadow: unset !important;
color: white !important; border-bottom: 1px solid #353654;
text-shadow: unset !important; padding: 20px 0 20px 0 !important;
border-bottom: 1px solid #353654; }
padding: 20px 0 20px 0 !important; .font68
} {
.font68 font-size: 40px !important;
{ text-align: center !important;
font-size: 40px !important; }
text-align: center !important; .searchIcon
} {
.searchIcon position: absolute;
{ margin-top: 17px;
position: absolute; left: 7px;
margin-top: 17px; }
left: 7px; #homeBanner {
} width: 100%;
#homeBanner { background-image: url(../images/home-banner.jpg);
width: 100%; background-repeat: no-repeat;
background-image: url(../images/home-banner.jpg); background-attachment: scroll;
background-repeat: no-repeat; background-position: center center;
background-attachment: scroll; -webkit-background-size: cover;
background-position: center center; -moz-background-size: cover;
-webkit-background-size: cover; -o-background-size: cover;
-moz-background-size: cover; background-size: cover;
-o-background-size: cover; padding: 60px 0 40px 0;
background-size: cover; }
padding: 60px 0 40px 0; .table-responsive
} {
.table-responsive overflow-x: scroll !important;
{ }
overflow-x: scroll !important; .font16
} {
font-size: 14px !important;
.colBorder text-align: unset !important;
{ }
border: 0px !important; }
}
/*----- Media Query Style End {720px} ----- */
.borderHolder
{ /*----- Media Query Style Start {480px} ----- */
border-right: 0px;
} @media only screen and (max-width: 480px)
{
.navbar-light .navbar-nav .nav-link .responsive
{ {
padding: 5px 0px 16px 0px !important; padding-left: 45px;
color: black !important; }
}
.sidebarInput
.font16 { {
font-size: 14px !important; height: 49px !important;
text-align: center !important; padding: 0 0 0 17px !important;
} font-size: 14px !important;
border-top-right-radius: 0px !important;
.table td, .table th border-bottom-right-radius: 0px !important;
{ width: 79% !important;
padding: 10px !important; }
}
.footerTitle
.tableBorder h2
{ {
border-right: 1px solid #fd8577 !important; font-size: 22px !important;
border-top: 0px !important; color: white !important;
font-size: 14px !important; text-shadow: unset !important;
color: white; border-bottom: 1px solid #353654;
font-weight: normal !important; padding: 20px 0 20px 0 !important;
} }
.font68
.summaryTD {
{ font-size: 40px !important;
color: #444444 !important; text-align: center !important;
text-align: center; }
font-size: 14px; .searchIcon
font-weight: normal !important; {
} position: absolute;
margin-top: 17px;
.summaryPadding left: 7px;
{ }
padding: 0 !important; #homeBanner {
} width: 100%;
background-image: url(../images/home-banner.jpg);
.summaryAfterBox background-repeat: no-repeat;
{ background-attachment: scroll;
border: 1px solid #d4d4d4; background-position: center center;
width: 100%; -webkit-background-size: cover;
padding: 15px 10px; -moz-background-size: cover;
margin: 20px 0 0 0; -o-background-size: cover;
min-height: unset; background-size: cover;
text-align: center; padding: 60px 0 40px 0;
} }
.table-responsive
.hostsButton {
{ overflow-x: scroll !important;
font-size: 15px !important; }
color: white !important;
padding: 10px 40px !important; .colBorder
border-radius: 50px !important; {
border: 0px !important; border: 0px !important;
cursor: pointer; }
width: 100%;
margin: 10px 0; .borderHolder
} {
border-right: 0px;
.detectedHeading }
h4
{ .navbar-light .navbar-nav .nav-link
font-size: 20px !important; {
color: #353535 !important; padding: 5px 0px 16px 0px !important;
text-align: center !important; color: black !important;
font-weight: normal !important; }
padding: 6px 0 0 0;
font-weight: 600 !important; .font16 {
} font-size: 14px !important;
text-align: center !important;
.optimizeWidth }
{
width: 100%; .table td, .table th
} {
padding: 10px !important;
.optimizeBackground }
{
padding: 30px 0 30px 0; .tableBorder
text-align: center !important; {
} border-right: 1px solid #fd8577 !important;
border-top: 0px !important;
.cacheBox font-size: 14px !important;
{ color: white;
width: 97%; font-weight: normal !important;
padding: 15px 15px 0px 15px; }
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px; .summaryTD
position: relative; {
top: 17px; color: #444444 !important;
} text-align: center;
font-size: 14px;
.serverTime font-weight: normal !important;
h2 }
{
font-size: 30px !important; .summaryPadding
font-weight: bold !important; {
color: #fc6655 !important; padding: 0 !important;
text-align: center !important; }
text-shadow: unset !important;
padding: 0 !important; .summaryAfterBox
} {
border: 1px solid #d4d4d4;
.serverTime width: 100%;
h4 padding: 15px 10px;
{ margin: 20px 0 0 0;
font-size: 20px !important; min-height: unset;
font-weight: bold !important; text-align: center;
color: #1d1d1d !important; }
text-align: center !important;
text-shadow: unset !important; .hostsButton
padding: 0 !important; {
} font-size: 15px !important;
color: white !important;
.blurHostPL padding: 10px 40px !important;
{ border-radius: 50px !important;
padding: 0px !important; border: 0px !important;
} cursor: pointer;
width: 100%;
.blurHostPR margin: 10px 0;
{ }
padding: 0px !important;
} .detectedHeading
h4
.hostHeading {
h5 font-size: 20px !important;
{ color: #353535 !important;
font-size: 26px !important; text-align: center !important;
color: #fff !important; font-weight: normal !important;
text-align: center !important; padding: 6px 0 0 0;
display: inherit; font-weight: 600 !important;
font-weight: bold !important; }
padding: 0 !important;
margin: 0 !important; .optimizeWidth
line-height: 0; {
position: relative; width: 100%;
bottom: 162px; }
}
.optimizeBackground
.cacheSidebarInfo {
{ padding: 30px 0 30px 0;
width: 104.3%; text-align: center !important;
padding: 13px 20px; }
position: relative;
text-align: left; .cacheBox
left: -10px; {
} width: 97%;
padding: 15px 15px 0px 15px;
.boxTopLeftOther border: 1px solid #d4d4d4;
{ margin: 10px 11px 0 6px;
position: absolute; position: relative;
top: 15px; top: 17px;
left: 0px; }
}
.serverTime
.boxTopRight h2
{ {
position: absolute; font-size: 30px !important;
bottom: 0px; font-weight: bold !important;
right: 0px; color: #fc6655 !important;
} text-align: center !important;
text-shadow: unset !important;
.top padding: 0 !important;
{ }
left: 15px !important;
} .serverTime
h4
.top-10 {
{ font-size: 20px !important;
left: 15px !important; font-weight: bold !important;
} color: #1d1d1d !important;
text-align: center !important;
.rightResponsive text-shadow: unset !important;
{ padding: 0 !important;
right: 15px; }
}
.blurHostPL
.right-5 {
{ padding: 0px !important;
right: 0px !important; }
}
.blurHostPR
.left-5 {
{ padding: 0px !important;
left: 0px !important; }
}
.hostHeading
.hostingBackground { h5
width: 100%; {
background-image: unset !important; font-size: 26px !important;
padding: 40px 0 40px 0; color: #fff !important;
background-color: white !important; text-align: center !important;
} display: inherit;
font-weight: bold !important;
.columnPadding padding: 0 !important;
{ margin: 0 !important;
padding: 0 0px 0 0px !important; line-height: 0;
} position: relative;
bottom: 162px;
.left-15 }
{
left: 15px !important; .cacheSidebarInfo
} {
width: 104.3%;
.top-20 padding: 13px 20px;
{ position: relative;
top: 20px !important; text-align: left;
} left: -10px;
}
.optimizeHeading
h2 .boxTopLeftOther
{ {
font-size: 60px !important; position: absolute;
font-weight: bold !important; top: 15px;
box-shadow: unset !important; left: 0px;
text-align: center !important; }
color: white !important;
text-transform: uppercase !important; .boxTopRight
line-height: 88px; {
} position: absolute;
bottom: 0px;
} right: 0px;
}
/*----- Media Query Style End {480px} ----- */
.top
{
left: 15px !important;
}
/*----- Media Query Style Start {360px} ----- */
.top-10
@media only screen and (max-width: 360px) {
{ left: 15px !important;
.responsive }
{
padding-left: 45px; .rightResponsive
} {
right: 15px;
.sidebarInput }
{
height: 49px !important; .right-5
padding: 0 0 0 17px !important; {
font-size: 14px !important; right: 0px !important;
border-top-right-radius: 0px !important; }
border-bottom-right-radius: 0px !important;
width: 71% !important; .left-5
} {
left: 0px !important;
.footerTitle }
h2
{ .hostingBackground {
font-size: 22px !important; width: 100%;
color: white !important; background-image: unset !important;
text-shadow: unset !important; padding: 40px 0 40px 0;
border-bottom: 1px solid #353654; background-color: white !important;
padding: 20px 0 20px 0 !important; }
}
.font68 .columnPadding
{ {
font-size: 40px !important; padding: 0 0px 0 0px !important;
text-align: center !important; }
}
.searchIcon .left-15
{ {
position: absolute; left: 15px !important;
margin-top: 17px; }
left: 7px;
} .top-20
#homeBanner { {
width: 100%; top: 20px !important;
background-image: url(../images/home-banner.jpg); }
background-repeat: no-repeat;
background-attachment: scroll; .optimizeHeading
background-position: center center; h2
-webkit-background-size: cover; {
-moz-background-size: cover; font-size: 60px !important;
-o-background-size: cover; font-weight: bold !important;
background-size: cover; box-shadow: unset !important;
padding: 60px 0 40px 0; text-align: center !important;
} color: white !important;
.table-responsive text-transform: uppercase !important;
{ line-height: 88px;
overflow-x: scroll !important; }
}
}
.colBorder
{ /*----- Media Query Style End {480px} ----- */
border: 0px !important;
} /*----- Media Query Style Start {375px} ----- */
.borderHolder @media only screen and (max-width: 375px) {
{ .sidebarInput
border-right: 0px; {
} width: 69% !important;
}
.navbar-light .navbar-nav .nav-link }
{
padding: 5px 0px 16px 0px !important; /*----- Media Query Style End {375px} ----- */
color: black !important;
}
/*----- Media Query Style Start {360px} ----- */
.font16 {
font-size: 14px !important; @media only screen and (max-width: 360px)
text-align: center !important; {
} .responsive
{
.table td, .table th padding-left: 45px;
{ }
padding: 10px !important;
} .sidebarInput
{
.tableBorder height: 49px !important;
{ padding: 0 0 0 17px !important;
border-right: 1px solid #fd8577 !important; font-size: 14px !important;
border-top: 0px !important; border-top-right-radius: 0px !important;
font-size: 14px !important; border-bottom-right-radius: 0px !important;
color: white; width: 71% !important;
font-weight: normal !important; }
}
.footerTitle
.summaryTD h2
{ {
color: #444444 !important; font-size: 22px !important;
text-align: center; color: white !important;
font-size: 14px; text-shadow: unset !important;
font-weight: normal !important; border-bottom: 1px solid #353654;
} padding: 20px 0 20px 0 !important;
}
.summaryPadding .font68
{ {
padding: 0 !important; font-size: 40px !important;
} text-align: center !important;
}
.summaryAfterBox .searchIcon
{ {
border: 1px solid #d4d4d4; position: absolute;
width: 100%; margin-top: 17px;
padding: 15px 10px; left: 7px;
margin: 20px 0 0 0; }
min-height: unset; #homeBanner {
text-align: center; width: 100%;
} background-image: url(../images/home-banner.jpg);
background-repeat: no-repeat;
.hostsButton background-attachment: scroll;
{ background-position: center center;
font-size: 15px !important; -webkit-background-size: cover;
color: white !important; -moz-background-size: cover;
padding: 10px 40px !important; -o-background-size: cover;
border-radius: 50px !important; background-size: cover;
border: 0px !important; padding: 60px 0 40px 0;
cursor: pointer; }
width: 100%; .table-responsive
margin: 10px 0; {
} overflow-x: scroll !important;
}
.detectedHeading
h4 .colBorder
{ {
font-size: 20px !important; border: 0px !important;
color: #353535 !important; }
text-align: center !important;
font-weight: normal !important; .borderHolder
padding: 6px 0 0 0; {
font-weight: 600 !important; border-right: 0px;
} }
.optimizeWidth .navbar-light .navbar-nav .nav-link
{ {
width: 100%; padding: 5px 0px 16px 0px !important;
} color: black !important;
}
.optimizeBackground
{ .font16 {
padding: 30px 0 30px 0; font-size: 14px !important;
text-align: center !important; text-align: center !important;
} }
.cacheBox .table td, .table th
{ {
width: 96%; padding: 10px !important;
padding: 15px 15px 0px 15px; }
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px; .tableBorder
position: relative; {
top: 17px; border-right: 1px solid #fd8577 !important;
} border-top: 0px !important;
font-size: 14px !important;
.serverTime color: white;
h2 font-weight: normal !important;
{ }
font-size: 30px !important;
font-weight: bold !important; .summaryTD
color: #fc6655 !important; {
text-align: center !important; color: #444444 !important;
text-shadow: unset !important; text-align: center;
padding: 0 !important; font-size: 14px;
} font-weight: normal !important;
}
.serverTime
h4 .summaryPadding
{ {
font-size: 20px !important; padding: 0 !important;
font-weight: bold !important; }
color: #1d1d1d !important;
text-align: center !important; .summaryAfterBox
text-shadow: unset !important; {
padding: 0 !important; border: 1px solid #d4d4d4;
} width: 100%;
padding: 15px 10px;
.blurHostPL margin: 20px 0 0 0;
{ min-height: unset;
padding: 0px !important; text-align: center;
} }
.blurHostPR .hostsButton
{ {
padding: 0px !important; font-size: 15px !important;
} color: white !important;
padding: 10px 40px !important;
.hostHeading border-radius: 50px !important;
h5 border: 0px !important;
{ cursor: pointer;
font-size: 26px !important; width: 100%;
color: #fff !important; margin: 10px 0;
text-align: center !important; }
display: inherit;
font-weight: bold !important; .detectedHeading
padding: 0 !important; h4
margin: 0 !important; {
line-height: 0; font-size: 20px !important;
position: relative; color: #353535 !important;
bottom: 118px; text-align: center !important;
} font-weight: normal !important;
padding: 6px 0 0 0;
.cacheSidebarInfo font-weight: 600 !important;
{ }
width: 105.8%;
padding: 13px 20px; .optimizeWidth
position: relative; {
text-align: left; width: 100%;
left: -10px; }
}
.optimizeBackground
.boxTopLeftOther {
{ padding: 30px 0 30px 0;
position: absolute; text-align: center !important;
top: 15px; }
left: 0px;
} .cacheBox
{
.boxTopRight width: 96%;
{ padding: 15px 15px 0px 15px;
position: absolute; border: 1px solid #d4d4d4;
bottom: 0px; margin: 10px 11px 0 6px;
right: 0px; position: relative;
} top: 17px;
}
.top
{ .serverTime
left: 15px !important; h2
} {
font-size: 30px !important;
.cacheSidebarHeading font-weight: bold !important;
h4 color: #fc6655 !important;
{ text-align: center !important;
font-size: 25px !important; text-shadow: unset !important;
color: white !important; padding: 0 !important;
text-align: center; }
font-weight: bold !important;
padding: 0px !important; .serverTime
margin: 0px !important; h4
position: relative; {
bottom: 11px; font-size: 20px !important;
} font-weight: bold !important;
color: #1d1d1d !important;
.top-10 text-align: center !important;
{ text-shadow: unset !important;
left: 15px !important; padding: 0 !important;
} }
.rightResponsive .blurHostPL
{ {
right: 15px; padding: 0px !important;
} }
.right-5 .blurHostPR
{ {
right: 0px !important; padding: 0px !important;
} }
.left-5 .hostHeading
{ h5
left: 0px !important; {
} font-size: 26px !important;
color: #fff !important;
.hostingBackground { text-align: center !important;
width: 100%; display: inherit;
background-image: unset !important; font-weight: bold !important;
padding: 40px 0 40px 0; padding: 0 !important;
background-color: white !important; margin: 0 !important;
} line-height: 0;
position: relative;
.homeSpeedButton bottom: 118px;
{ }
padding: 15px 60px !important;
color: white !important; .cacheSidebarInfo
border: 0px !important; {
border-radius: 50px !important; width: 105.8%;
margin-top: 15px; padding: 13px 20px;
} position: relative;
text-align: left;
.columnPadding left: -10px;
{ }
padding: 0 0px 0 0px !important;
} .boxTopLeftOther
{
.left-15 position: absolute;
{ top: 15px;
left: 15px !important; left: 0px;
} }
.top-20 .boxTopRight
{ {
top: 20px !important; position: absolute;
} bottom: 0px;
right: 0px;
.optimizeHeading }
h2
{ .top
font-size: 60px !important; {
font-weight: bold !important; left: 15px !important;
box-shadow: unset !important; }
text-align: center !important;
color: white !important; .cacheSidebarHeading
text-transform: uppercase !important; h4
line-height: 88px; {
} font-size: 25px !important;
color: white !important;
} text-align: center;
font-weight: bold !important;
/*----- Media Query Style End {360px} ----- */ padding: 0px !important;
margin: 0px !important;
position: relative;
bottom: 11px;
/*----- Media Query Style Start {320px} ----- */ }
@media only screen and (max-width: 320px) .top-10
{ {
.responsive left: 15px !important;
{ }
padding-left: 45px;
} .rightResponsive
.sidebarInput {
{ right: 15px;
height: 49px !important; }
padding: 0 0 0 17px !important;
font-size: 14px !important; .right-5
border-top-right-radius: 0px !important; {
border-bottom-right-radius: 0px !important; right: 0px !important;
width: 67% !important; }
}
.footerTitle .left-5
h2 {
{ left: 0px !important;
font-size: 22px !important; }
color: white !important;
text-shadow: unset !important; .hostingBackground {
border-bottom: 1px solid #353654; width: 100%;
padding: 20px 0 20px 0 !important; background-image: unset !important;
} padding: 40px 0 40px 0;
.font68 background-color: white !important;
{ }
font-size: 40px !important;
text-align: center !important; .homeSpeedButton
} {
.searchIcon padding: 15px 60px !important;
{ color: white !important;
position: absolute; border: 0px !important;
margin-top: 17px; border-radius: 50px !important;
left: 7px; margin-top: 15px;
} }
#homeBanner {
width: 100%; .columnPadding
background-image: url(../images/home-banner.jpg); {
background-repeat: no-repeat; padding: 0 0px 0 0px !important;
background-attachment: scroll; }
background-position: center center;
-webkit-background-size: cover; .left-15
-moz-background-size: cover; {
-o-background-size: cover; left: 15px !important;
background-size: cover; }
padding: 60px 0 40px 0;
} .top-20
.table-responsive {
{ top: 20px !important;
overflow-x: scroll !important; }
}
.optimizeHeading
.colBorder h2
{ {
border: 0px !important; font-size: 60px !important;
} font-weight: bold !important;
box-shadow: unset !important;
.borderHolder text-align: center !important;
{ color: white !important;
border-right: 0px; text-transform: uppercase !important;
} line-height: 88px;
}
.navbar-light .navbar-nav .nav-link
{ }
padding: 5px 0px 16px 0px !important;
color: black !important; /*----- Media Query Style End {360px} ----- */
}
.font16 {
font-size: 14px !important; /*----- Media Query Style Start {320px} ----- */
text-align: center !important;
} @media only screen and (max-width: 320px)
{
.r-margin .responsive
{ {
margin-right: 15px; padding-left: 45px;
} }
.sidebarInput
.table td, .table th {
{ height: 49px !important;
padding: 10px !important; padding: 0 0 0 17px !important;
} font-size: 14px !important;
border-top-right-radius: 0px !important;
.tableBorder border-bottom-right-radius: 0px !important;
{ width: 67% !important;
border-right: 1px solid #fd8577 !important; }
border-top: 0px !important; .footerTitle
font-size: 14px !important; h2
color: white; {
font-weight: normal !important; font-size: 22px !important;
} color: white !important;
text-shadow: unset !important;
.summaryTD border-bottom: 1px solid #353654;
{ padding: 20px 0 20px 0 !important;
color: #444444 !important; }
text-align: center; .font68
font-size: 14px; {
font-weight: normal !important; font-size: 40px !important;
} text-align: center !important;
}
.summaryPadding .searchIcon
{ {
padding: 0 !important; position: absolute;
} margin-top: 17px;
left: 7px;
.summaryAfterBox }
{ #homeBanner {
border: 1px solid #d4d4d4; width: 100%;
width: 100%; background-image: url(../images/home-banner.jpg);
padding: 15px 10px; background-repeat: no-repeat;
margin: 20px 0 0 0; background-attachment: scroll;
min-height: unset; background-position: center center;
text-align: center; -webkit-background-size: cover;
} -moz-background-size: cover;
-o-background-size: cover;
.hostsButton background-size: cover;
{ padding: 60px 0 40px 0;
font-size: 15px !important; }
color: white !important; .table-responsive
padding: 10px 40px !important; {
border-radius: 50px !important; overflow-x: scroll !important;
border: 0px !important; }
cursor: pointer;
width: 100%; .colBorder
margin: 10px 0; {
} border: 0px !important;
}
.detectedHeading
h4 .borderHolder
{ {
font-size: 20px !important; border-right: 0px;
color: #353535 !important; }
text-align: center !important;
font-weight: normal !important; .navbar-light .navbar-nav .nav-link
padding: 6px 0 0 0; {
font-weight: 600 !important; padding: 5px 0px 16px 0px !important;
} color: black !important;
}
.optimizeWidth
{ .font16 {
width: 100%; font-size: 14px !important;
} text-align: center !important;
}
.optimizeBackground
{ .r-margin
padding: 30px 0 30px 0; {
text-align: center !important; margin-right: 15px;
} }
.cacheBox .table td, .table th
{ {
width: 96%; padding: 10px !important;
padding: 15px 15px 0px 15px; }
border: 1px solid #d4d4d4;
margin: 10px 11px 0 6px; .tableBorder
position: relative; {
top: 17px; border-right: 1px solid #fd8577 !important;
} border-top: 0px !important;
font-size: 14px !important;
.serverTime color: white;
h2 font-weight: normal !important;
{ }
font-size: 30px !important;
font-weight: bold !important; .summaryTD
color: #fc6655 !important; {
text-align: center !important; color: #444444 !important;
text-shadow: unset !important; text-align: center;
padding: 0 !important; font-size: 14px;
} font-weight: normal !important;
}
.serverTime
h4 .summaryPadding
{ {
font-size: 20px !important; padding: 0 !important;
font-weight: bold !important; }
color: #1d1d1d !important;
text-align: center !important; .summaryAfterBox
text-shadow: unset !important; {
padding: 0 !important; border: 1px solid #d4d4d4;
} width: 100%;
padding: 15px 10px;
.blurHostPL margin: 20px 0 0 0;
{ min-height: unset;
padding: 0px !important; text-align: center;
} }
.blurHostPR .hostsButton
{ {
padding: 0px !important; font-size: 15px !important;
} color: white !important;
padding: 10px 40px !important;
.hostHeading border-radius: 50px !important;
h5 border: 0px !important;
{ cursor: pointer;
font-size: 26px !important; width: 100%;
color: #fff !important; margin: 10px 0;
text-align: center !important; }
display: inherit;
font-weight: bold !important; .detectedHeading
padding: 0 !important; h4
margin: 0 !important; {
line-height: 0; font-size: 20px !important;
position: relative; color: #353535 !important;
bottom: 103px; text-align: center !important;
} font-weight: normal !important;
padding: 6px 0 0 0;
.cacheSidebarInfo font-weight: 600 !important;
{ }
width: 107%;
padding: 13px 20px; .optimizeWidth
position: relative; {
text-align: left; width: 100%;
left: -10px; }
}
.optimizeBackground
.boxTopLeftOther {
{ padding: 30px 0 30px 0;
position: absolute; text-align: center !important;
top: 15px; }
left: 0px;
} .cacheBox
{
.boxTopRight width: 96%;
{ padding: 15px 15px 0px 15px;
position: absolute; border: 1px solid #d4d4d4;
bottom: 0px; margin: 10px 11px 0 6px;
right: 0px; position: relative;
} top: 17px;
}
.top
{ .serverTime
left: 15px !important; h2
} {
font-size: 30px !important;
.cacheSidebarHeading font-weight: bold !important;
h4 color: #fc6655 !important;
{ text-align: center !important;
font-size: 25px !important; text-shadow: unset !important;
color: white !important; padding: 0 !important;
text-align: center; }
font-weight: bold !important;
padding: 0px !important; .serverTime
margin: 0px !important; h4
position: relative; {
bottom: 11px; font-size: 20px !important;
} font-weight: bold !important;
color: #1d1d1d !important;
.cacheSidebar { text-align: center !important;
width: 100%; text-shadow: unset !important;
background-image: url(../images/cache-sidebar-image.png); padding: 0 !important;
background-repeat: no-repeat; }
background-attachment: scroll;
background-position: center center; .blurHostPL
-webkit-background-size: cover; {
-moz-background-size: cover; padding: 0px !important;
-o-background-size: cover; }
background-size: cover;
padding: 14px 10px; .blurHostPR
margin: 15px 0 0 0; {
} padding: 0px !important;
}
.top-10
{ .hostHeading
left: 15px !important; h5
} {
font-size: 26px !important;
.rightResponsive color: #fff !important;
{ text-align: center !important;
right: 15px; display: inherit;
} font-weight: bold !important;
padding: 0 !important;
.right-5 margin: 0 !important;
{ line-height: 0;
right: 0px !important; position: relative;
} bottom: 103px;
}
.left-5
{ .cacheSidebarInfo
left: 0px !important; {
} width: 107%;
padding: 13px 20px;
.hostingBackground { position: relative;
width: 100%; text-align: left;
background-image: unset !important; left: -10px;
padding: 40px 0 40px 0; }
background-color: white !important;
} .boxTopLeftOther
{
.homeSpeedButton position: absolute;
{ top: 15px;
padding: 15px 60px !important; left: 0px;
color: white !important; }
border: 0px !important;
border-radius: 50px !important; .boxTopRight
margin-top: 15px; {
} position: absolute;
bottom: 0px;
.columnPadding right: 0px;
{ }
padding: 0 0px 0 0px !important;
} .top
{
.left-15 left: 15px !important;
{ }
left: 15px !important;
} .cacheSidebarHeading
h4
.top-20 {
{ font-size: 25px !important;
top: 20px !important; color: white !important;
} text-align: center;
font-weight: bold !important;
.optimizeHeading padding: 0px !important;
h2 margin: 0px !important;
{ position: relative;
font-size: 60px !important; bottom: 11px;
font-weight: bold !important; }
box-shadow: unset !important;
text-align: center !important; .cacheSidebar {
color: white !important; width: 100%;
text-transform: uppercase !important; background-image: url(../images/cache-sidebar-image.png);
line-height: 88px; background-repeat: no-repeat;
} background-attachment: scroll;
background-position: center center;
} -webkit-background-size: cover;
-moz-background-size: cover;
/*----- Media Query Style End {320px} ----- */ -o-background-size: cover;
background-size: cover;
padding: 14px 10px;
.page-numbers { margin: 15px 0 0 0;
position: relative; }
display: block;
padding: .5rem .75rem; .top-10
margin-left: -1px; {
line-height: 1.25; left: 15px !important;
color: #007bff; }
background-color: #fff;
border: 1px solid #dee2e6; .rightResponsive
} {
right: 15px;
.loader { }
border: 8px solid #f3f3f3;
border-radius: 50%; .right-5
border-top: 8px solid #f06e58; {
width: 120px; right: 0px !important;
height: 120px; }
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite; .left-5
display: none; {
} left: 0px !important;
}
/* Safari */
@-webkit-keyframes spin { .hostingBackground {
0% { -webkit-transform: rotate(0deg); } width: 100%;
100% { -webkit-transform: rotate(360deg); } background-image: unset !important;
} padding: 40px 0 40px 0;
background-color: white !important;
@keyframes spin { }
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); } .homeSpeedButton
} {
padding: 15px 60px !important;
color: white !important;
.recentReviewBox img { border: 0px !important;
height: 235px; border-radius: 50px !important;
} margin-top: 15px;
}
.columnPadding
{
padding: 0 0px 0 0px !important;
}
.left-15
{
left: 15px !important;
}
.top-20
{
top: 20px !important;
}
.optimizeHeading
h2
{
font-size: 60px !important;
font-weight: bold !important;
box-shadow: unset !important;
text-align: center !important;
color: white !important;
text-transform: uppercase !important;
line-height: 88px;
}
}
/*----- Media Query Style End {320px} ----- */
.page-numbers {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.loader {
border: 8px solid #f3f3f3;
border-radius: 50%;
border-top: 8px solid #f06e58;
width: 120px;
height: 120px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
display: none;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.recentReviewBox img {
height: 235px;
}
WWW_DATA/wp-content/themes/hostingreviews/home.php
...@@ -5,7 +5,19 @@ Template Name: Blog Page ...@@ -5,7 +5,19 @@ Template Name: Blog Page
?> ?>
<?php get_header(); ?> <?php get_header(); ?>
<div style="position: relative;text-align: center;">
<img style="width: 100%" src="<?php echo get_template_directory_uri(); ?>/assets/images/banner-image.png" alt="">
<div style="position: absolute;top: 10%;left: 42%;">
<h2 style="font-size: 45px; ">BLOG NEWS</h2>
</div>
<div style="position: absolute;top: 37%;left: 22%;">
<p style="width: 73%"> This is some text and will be replaced by original content
this is some text and will be replaced by original content.
this is some text and will be replaced by original content.
this is some text and will be replaced by original content.
</p>
</div>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
......
WWW_DATA/wp-content/themes/hostingreviews/summary.php
...@@ -6,8 +6,9 @@ Template Name: Summary Page ...@@ -6,8 +6,9 @@ Template Name: Summary Page
get_header(); get_header();
$domain = ''; $domain = '';
$batchId = '';
if ( isset( $_GET['domain'] ) ) { if ( isset( $_GET['domain'] ) ) {
$domain = $_GET['domain']; $domain = $_GET['domain'];
$domain = preg_replace('#^https?://#', '', $domain); $domain = preg_replace('#^https?://#', '', $domain);
} else if (isset($_GET['batchId'])) { } else if (isset($_GET['batchId'])) {
$batchId = $_GET['batchId']; $batchId = $_GET['batchId'];
...@@ -247,7 +248,7 @@ if ( isset( $_GET['domain'] ) ) { ...@@ -247,7 +248,7 @@ if ( isset( $_GET['domain'] ) ) {
<div class="container" id="top-hostings"> <div class="container" id="top-hostings">
<?php <?php
$page = get_page_by_title( TOP_HOSTING ); $page = get_page_by_title( TOP_HOSTING );
echo $page->post_content; echo $page->post_content;
?> ?>
</div> </div>
<!-- Server Response Section Code End--> <!-- Server Response Section Code End-->
...@@ -328,8 +329,11 @@ if ( isset( $_GET['domain'] ) ) { ...@@ -328,8 +329,11 @@ if ( isset( $_GET['domain'] ) ) {
} }
function parseData(response) { function parseData(response) {
console.log(typeof response);
let newResults = JSON.parse(response).newData; let newResults = JSON.parse(response).newData;
let oldData = JSON.parse(response).oldData; let oldData = JSON.parse(response).oldData;
console.log(newResults);
console.log(oldData);
reviewTableDetailsBody.innerHTML = ''; reviewTableDetailsBody.innerHTML = '';
reviewData.style.display = 'flex'; reviewData.style.display = 'flex';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment