/* General CSS file for Knowledge Base. */
/*
==============
CATEGORY ICONS
==============
*/
.collection-category a.category {
background-image: url('data:image/svg+xml;utf8,');
}
/* DNS */
#category-318, #category-177 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Basics */
#category-11 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Default account configuration */
#category-147 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Account details */
#category-12 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Finance */
#category-13 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Hosts */
#category-15 {
background-image: url('data:image/svg+xml;utf8,');
}
/* Designated agent */
#category-18 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Bulk actions */
#category-20, #category-281 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Domains */
#category-176 {
background-image: url('data:image/svg+xml;utf8,')
}
/* SSL-certificates */
#category-178 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Sitelock*/
#category-179 {
background-image: url('data:image/svg+xml;utf8,');
}
/*ADAC*/
#category-181, #category-293 {
background-image: url('data:image/svg+xml;utf8,');
}
/*Account*/
#category-183 {
background-image: url('data:image/svg+xml;utf8,');
}
/*Domain actions, updates & instructions*/
#category-264 {
background-image: url('data:image/svg+xml;utf8,')
}
/*SiteLock actions & instructions*/
#category-385 {
background-image: url('data:image/svg+xml;utf8,');
}
/*Contact actions, updates & instructions*/
#category-263 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Branding action & instructions */
#category-407 {
background-image: url('data:image/svg+xml;utf8,')
}
/* Customize brand email templates instructions */
#category-460 {
background-image: url('data:image/svg+xml;utf8,')
}
/*SSL certificate requests*/
#category-265 {
background-image: url('data:image/svg+xml;utf8,')
}
/*SSL certificate actions & instructions*/
#category-272 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Hosts actions, updates & instructions*/
#category-262 {
background-image: url('data:image/svg+xml;utf8,')
}
/*DNS-template actions, updates & instructions*/
#category-267, #category-331 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Premium DNS-zone actions & instructions*/
#category-356 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Basic DNS-zone actions & instructions*/
#category-357 {
background-image: url('data:image/svg+xml;utf8,')
}
/*TLD Metadata*/
#category-78 {
background-image: url('data:image/svg+xml;utf8,')
}
/*TLDs*/
#category-6 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Registry locks*/
#category-141 {
background-image: url('data:image/svg+xml;utf8,')
}
/*WHMCS*/
#category-100 {
background-image: url('data:image/svg+xml;utf8,')
}
/*ccTLDs*/
#category-111 {
background-image: url('data:image/svg+xml;utf8,')
}
/*gTLDs*/
#category-112 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Information*/
#category-127 {
background-image: url('data:image/svg+xml;utf8,')
}
/*Configuration*/
#category-126 {
background-image: url('data:image/svg+xml;utf8,')
}
/*
==========================
CATEGORY ICONS ENDED HERE.
==========================
*/
#docsSearch {
background-image: url('https://realtimeregister.com/media/filer_public/8e/2c/8e2cfa5a-5fa2-4ed2-a401-e82d2105d6f3/kb-header.jpg')
}
#docsSearch {
padding: 8rem 0;
background-color: #7e4323;
color: #efefef;
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: cover;
}
#searchBar i {
color: #ffff !important;
}
#docsSearch h1 {
font-weight: 600;
}
#docsSearch #searchBar {
height: 60px;
}
#docsSearch #searchBar .search-query {
border: none;
border-radius: 10px;
background: #ffffff;
height: 60px !important;
padding-left: 1.5rem;
}
#docsSearch #searchBar button {
margin: 7px;
text-shadow: none;
width: 110px;
height: 46px;
border-radius: 8px !important;
font-size: 1rem;
font-weight: 600;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right .2rem top .62rem;
background-size: 25px;
}
.printArticle i {
font-size: 1.8rem;
}
#docsSearch #searchBar button span{
margin-left: -1.5rem;
}
#docsSearch #searchBar button .icon-search{
font-size: 1.2rem;
}
#mainNav .navbar-inner {
background: #272727 !important;
color: #efefef;
}
.navbar, .navbar .navbar-inner, .navbar .navbar-inner .container-fluid {
height: 100px;
box-shadow: none;
}
.navbar .navbar-inner .container-fluid .brand {
width: fit-content;
margin-left: 2rem;
padding: 1rem 0;
}
body {
background: #f8f8f8;
}
#mainNav nav li:hover a{
color: #f25c1f !important;
}
#mainNav nav li.active a{
font-weight: bolder;
}
#mainNav nav li:not(.active) a{
color: white;
font-weight: lighter;
}
#contentArea {
padding: 1rem 4rem;
max-width: 900px;
}
.collection-category h2 {
font-weight: 800;
margin-bottom: 2rem;
}
.category-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.category-list .category {
display: flex;
flex-direction: column;
max-width: 230px;
min-height: 180px;
border: none;
border-radius: 8px;
padding: 105px 20px 15px;
-webkit-box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
background-color: #ffffff;
background-size: 70px;
background-repeat: no-repeat;
background-position: top 30px center !important;
}
.category-list .category:hover {
background-size: 78px;
background-repeat: no-repeat;
background-position: top 30px center !important;
border-radius: 8px;
padding: 105px 20px 15px;
}
.category-list .category h3 {
font-weight: 600;
}
.category-list .category p:not(.article-count) {
font-size: 1rem;
font-weight: lighter;
padding: 0 1rem;
margin-bottom: 1rem;
color: #3f3f3f;
}
.category-list .category .article-count {
color: #f35b00;
margin-top: auto;
margin-bottom: 1rem;
}
/*
=================
Doc page specific
=================
*/
#sidebar {
background: transparent;
padding-top: 32px;
}
#sidebar h3 {
font-size: 1rem;
}
#sidebar a {
font-weight: lighter;
}
#sidebar a::before {
background: #3f3f3f !important;
}
#sidebar .nav .active a {
color: #f35b00 !important;
font-weight: 600;
}
#sidebar .nav a::before {
z-index: unset;
}
#sidebar #searchBar {
width: 250px;
}
#sidebar #searchBar .search-query {
border: none !important;
height: 50px !important;
padding-left: 1.2rem;
padding-right: 3rem;
font-size: 1rem;
font-weight: 400;
letter-spacing: .8px;
border-radius: 8px;
-webkit-box-shadow: 0px 2px 14px 3px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0px 2px 14px 3px rgba(0, 0, 0, 0.11);
box-shadow: 0px 2px 14px 3px rgba(0, 0, 0, 0.11);
}
#sidebar #searchBar button {
width: 35px;
text-align: center;
height: 35px;
background-color: #f35b00;
border-radius: 5px;
margin-top: .5rem;
margin-right: -0.3rem;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
}
#sidebar #searchBar button i {
display: none;
}
#serp-dd {
top: 78px;
}
#serp-dd .result > li, #serp-dd .result .noResults {
padding: .6rem 1rem;
}
#contentArea:has(#sidebar) {
max-width: 1500px;
}
#categoryHead h1 {
font-weight: 700;
}
#categoryHead .descrip {
font-weight: lighter;
font-size: 1rem;
margin-top: 10px;
}
#main-content .contentWrapper {
border: none;
border-radius: 10px;
-webkit-box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
}
#main-content .contentWrapper .articleList li a {
font-weight: 600;
}
#main-content .contentWrapper select {
height: 2.2rem;
font-size: .8rem;
width: 180px;
padding: .2rem .8rem;
}
/*
================
MEDIA SPECIFIC
================
*/
@media only screen and (max-width: 768px) {
.category-list {
justify-content: center;
}
.nav-collapse {
z-index: 2;
background: #434343;
margin-right: -1.23rem;
}
#docsSearch #searchBar {
margin-left: 2rem;
}
#docsSearch #searchBar button {
background-image: unset;
width: 80px;
}
#contentArea:has(#sidebar) .row-fluid {
display: flex;
flex-direction: column-reverse;
}
#contentArea:has(#sidebar) .contentWrapper {
overflow-y: auto;
}
#sidebar {
padding-top: 0;
margin-top: 0;
}
#sidebar #searchBar {
width: 100%;
}
.navbar {
margin: 0 -35px;
}
}
@media only screen and (min-width: 768px) {
#docsSearch #searchBar {
width: 750px;
}
}
@media only screen and (max-width: 1600px) {
#mainNav .btn-navbar {
display: block;
position: absolute;
right: 1rem;
top: 1.2rem;
background: transparent;
text-shadow: none;
border: none;
box-shadow: none;
}
#mainNav .nav-collapse:not(.in) {
display: none;
}
#mainNav .nav-collapse {
clear: both;
position: relative;
}
#mainNav .nav {
display: grid;
float: none;
text-align: center;
position: relative;
background: #3f3f3f;
z-index: 4;
}
.navbar .nav .active .caret {
display: none !important;
}
}
@media only screen and (min-width: 1600px) {
body:not(:has(#sidebar)) #mainNav .nav-collapse:not(.in), body:not(:has(#sidebar)) #mainNav .btn-navbar {
display: none;
}
}