.cl-both {
clear: both;
}
.ft-s-12 {
font-size: 12px;
}
.ft-s-14 {
font-size: 14px !important;
}
.ft-s-16 {
font-size: 16px;
}
.ft-s-18 {
font-size: 18px;
}
.ft-s-30 {
font-size: 30px;
}
.ft-w-100 {
font-weight: 100;
}
.ft-w-300 {
font-weight: 300;
}
.ft-w-700 {
font-weight: 700;
}
.ft-w-900 {
font-weight: 900;
}
.mg-t-0 {
margin-top: 0 !important;
}
.pd-b-0 {
padding-bottom: 0 !important;
}
.pd-t-0 {
padding-top: 0 !important;
}
.ta-c {
text-align: center;
}
.ta-r {
text-align: right;
}
.w-100 {
width: 100% !important;
}
body,
html {
height: 100%;
margin: 0;
padding: 0;
background-color: #F1F1F1;
}
.section-full-wrap {
height: auto !important;
margin: 0 auto -50px;
padding: 0 0 50px;
min-width: 980px;
}
footer {
background: rgba(51, 51, 51, 0.9);
bottom: 0;
color: #ccc;
font-size: 12px;
left: 0;
margin: 0;
min-height: 30px;
overflow: hidden;
padding: 5px 0;
position: absolute;
right: 0;
z-index: 4;
z-index: 4;
}
footer ul {
margin: 0;
}
footer li {
clear: none;
list-style: none;
line-height: 1.68;
display: inline-block;
padding: 0 12px;
}
footer ul li a:link,
footer ul li a:visited,
footer ul li a:active {
color: #f9f9f9;
font-weight: 300;
cursor: pointer;
transition: color .25s ease-in-out;
}
footer ul li a:hover {
text-decoration: none;
color: #999;
}
footer.full-footer {
background: #454545;
color: #f9f9f9;
font-size: 14px;
margin: 0;
min-height: 375px;
padding: 20px 0 0;
position: relative;
z-index: 4;
}
footer.full-footer ul li {
list-style: none;
line-height: 1.68;
display: inline-block;
border: none;
clear: both;
padding: 0;
float: left;
}
footer.full-footer .container {
margin: 0 auto;
}
.section-full-wrap + footer {
height: auto;
}
footer.full-footer p {
margin-bottom: 6px;
}
footer.full-footer ul {
padding: 10px 0;
margin-bottom: 0;
line-height: 0;
text-align: left;
}
footer.full-footer ul li h3 {
font-size: 14px;
font-weight: 700;
padding-bottom: 12px;
}
footer.full-footer .form-group{
width: 200px;
}
footer.full-footer .form-group input,
footer.full-footer .form-group button {
margin-bottom: 10px;
}
footer.full-footer .social-icons {
margin-left: -10px;
}
footer.full-footer .social-icons a .fa {
color: #909090;
font-size: 22px;
}
footer.full-footer .social-icons a:hover .fa {
color: #008443;
}
footer.full-footer .copyright {
border-top: 1px solid #7e7e7e;
font-size: 13px;
line-height: 50px;
margin-top: 50px;
}
footer.landing {
position: relative;
height: auto;
min-height: inherit;
padding: 30px 0;
}
footer.landing p {
color: #999;
margin: 0;
text-align: center;
font-weight: 300;
}
body.modal-open,
.modal-open .navbar-fixed-top {
margin-right: 0 !important;
}
.modal {
background: rgba(0, 0, 0, 0.7);
}
.modal-backdrop {
display: none;
}
ul.lined {
list-style: none;
margin-left: 0;
border-top: 1px solid #d9d9d9;
border-bottom: 0;
padding: 0;
}
ul.lined li {
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px solid #d9d9d9;
}
/* Creates a gray separator in dropdowns and sidebars */
li.divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
/* Used for creating sections in sidebars and dropdowns */
li.divider + li.nav-header {
margin-top: 18px;
}
li a.nav-notification {
background-color: #f9edbe;
border-color: #f0c36d;
}
.nav-expand + .nav>li>a {
padding: 5px 10px;
}
.well-flat {
border-color: transparent;
box-shadow: none;
}
.well-white {
background: #FFF;
}
.well-lightgreen {
background: #e6f2ec;
border-color: #A7CCBA;
box-shadow: inset 0 2px 14px rgba(175, 218, 197, 0.13);
}
.well form {
margin-bottom: 0;
}
.well form .form-group:last-child {
margin-bottom: 0;
}
.well hr {
margin-bottom: 10px;
}
/*
PAGINATION
==========
*/
/* What is this */
.pagination li.info {
font-size: 88%;
line-height: 28px;
margin-left: 10px
}
/*
TYPOGRAPHY & TEXT FORMATTING
============================
*/
sup {
font-size: 0.55em
}
.link-danger,
a.link-danger,
.fa-danger {
color: #da4f49;
}
.link-danger:hover,
a.link-danger:hover,
.fa-danger:hover {
color: #bd362f;
}
/*
INPUTS
======
Overwrites for Bootstrap default input styles, including forms and the
form control classes.
*/
/* WHY??? */
form div.checkbox {
margin: 10px;
}
/* What's wrong with .form-inline? */
.form-control-inline {
display: inline;
}
.form-horizontal .control-label.text-left {
text-align: left;
}
.input-group-addon.textarea-addon {
width: 100%;
display: block;
margin: 0;
line-height: 22px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom-width: 0;
}
.has-success .textarea-addon {
border-color: #008444;
}
.has-warning .textarea-addon {
border-color: #C06300;
}
.has-error .textarea-addon {
border-color: #a94442;
}
.has-error .checkbox-text {
color: #a94442;
}
/* Full width button dropdowns */
.btn-block.dropdown-toggle + .dropdown-menu {
width: 100%;
text-align: left;
}
/* Domain Tag */
.domain-tag {
border-radius: .150em;
float: right;
position: relative;
background: #008444;
padding: 0.175em 0.30em;
/* clear the text for certain */
margin: 0 0.3em 0 0.25em;
/* clear before/after */
color: white;
text-shadow: none !important;
font-weight: 800;
font-size: 8em;
line-height: 1em;
}
/* For use on image backgrounds */
.domain-tag-transparent {
background: rgba(0, 132, 68, 0.9);
}
.domain-tag.domain-tag-partner {
background: #046A89;
}
.domain-tag-transparent.domain-tag-partner {
background: rgba(4, 106, 137, 0.9);
}
.domain-tag .sld-text {
position: absolute;
right: 100%;
margin-right: .35em;
font-weight: 200;
/* text-shadow: -1px -1px 0 rgba(128, 128, 128, 0.15),
1px 1px 0 rgba(128, 128, 128, 0.5),
1px 2px 5px rgba(0, 0, 0, 0.3);*/
}
.domain-tag .sld-text.ondark {
color: #404040;
}
/* Phone */
.phone {
width: 200px;
position: relative;
background: 0 0 / 100% no-repeat;
}
.phone:before {
content: "";
display: block;
padding-top: 212%;
}
.phone .phone-content {
position: absolute;
right: 7%;
bottom: 29.2%;
left: 7%;
}
.phone.phone-black .phone-content {
top: 16.5%;
height: 374px;
}
.phone.phone-white .phone-content {
top: 11.5%;
height: 430px;
}
@media (max-width: 1200px) {
.phone.phone-white .phone-content {
height: 448px;
}
}
.phone-black {
background-image: url(../img/phone-black.png)
}
.phone-white {
background-image: url(../img/iphone-white.png)
}
/* Popover rules need work - don't use !important */
.popover h3 {
color: #212121;
font-size: 110%;
}
.popover-content {
font-size: 13px;
line-height: 1.4em;
}
.pseudo-check {
padding: 0 3px 0 1px;
text-align: center;
font-weight: bold;
border: 1px solid black;
display: inline-block;
width: 13px;
height: 14px;
cursor: pointer;
font-size: 10px;
}
.pseudo-check:hover {
border: 2px solid #008444;
margin-left: -1px;
margin-top: -1px;
width: 15px;
height: 16px;
}
.hidden-check {
display: none;
}
.overlay {
background: white;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
filter: alpha(opacity=90);
z-index: -1;
}
.overlay-dark {
background-color: black;
}
.overlay-green {
background-color: #00562d;
}
.overlay-primary {
background-color: #00B65E;
}
/* I don't know that these should be used, but I'm specing them out just in case */
.overlay-info {
background-color: #045a76;
}
.overlay-warning {
background-color: #be6100;
}
.overlay-danger {
background-color: #be3000;
}
.grayscale,
.grayscale-hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition: filter 0.15s ease-in-out;
-moz-transition: filter 0.15s ease-in-out;
-o-transition: filter 0.15s ease-in-out;
transition: filter 0.15s ease-in-out;
}
.grayscale.grayscale-disable,
.grayscale-hover.grayscale-disable,
.grayscale-hover:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.blur,
.blur-hover {
filter: blur(3px);
filter: url("data:image/svg+xml;utf8,#blur");
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
-webkit-transition: filter 0.15s ease-in-out;
-moz-transition: filter 0.15s ease-in-out;
-o-transition: filter 0.15s ease-in-out;
transition: filter 0.15s ease-in-out;
}
.blur.blur-disable,
.blur-hover.blur-disable,
.blur-hover:hover {
filter: blur(0px);
filter: url("data:image/svg+xml;utf8,#blur");
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
}
.hardware-accel {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
}
.search-arrow {
position: relative;
margin: 0 15px 7px;
}
.search-arrow:before {
content: '';
position: absolute;
background-repeat: no-repeat;
}
.search-arrow-green:before {
background-image: url('//static.uniregistry.net/assets/img/searchbox-arrow-green.png');
}
.search-arrow-green-lg:before {
background-image: url('//static.uniregistry.net/assets/img/searchbox-arrow-green-lg.png');
}
/* Should be merged into core once vetted */
/* use on a wrapped around an element. it will take up the
width remaining next to all floated elements sharing its block
formatting context */
.bfc-fix {
display: block;
overflow: hidden;
}
/* CSS JQUERY ANIMATION REPLACEMENTS */
.fadeIn,
.fadeOut {
transition: visibility 0s linear 0.5s, height 0s linear 0.5s, padding 0s linear 0.5s, margin 0s linear 0.5s, opacity 0.25s ease-in-out;
}
.fadeOut {
visibility: hidden !important;
opacity: 0 !important;
}
.fadeOut.noHeight {
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.fadeIn {
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s;
}
/* This should be set in STYLE or by JS if possible */
.slideDown {
display: block;
}
.slideUp {
display: none;
}
/* Center the elements of a form - useful for "one or more" box */
.centered-form-resizeable {
text-align: center;
}
.centered-form-resizeable textarea,
.centered-form-resizeable .btn,
.centered-form-resizeable .label {
vertical-align: middle;
margin: 0 auto;
}
/* Icons Animations */
.fa-spin-once {
display: inline-block;
-moz-animation: spin 1s 1 ease-out;
-o-animation: spin 1s 1 ease-out;
-webkit-animation: spin 1s 1 ease-out;
animation: spin 1s 1 ease-out;
}
.fa-flip-once {
display: inline-block;
-moz-animation: flip-once 1s 1 ease-out;
-webkit-animation: flip-once 1s 1 ease-out;
animation: flip-once 1s 1 ease-out;
}
@keyframes flip-once {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(359deg);
}
}
@-webkit-keyframes flip-once {
0% {
-webkit-transform: rotateY(0deg);
}
100% {
-webkit-transform: rotateY(359deg);
}
}
@-moz-keyframes flip-once {
0% {
-moz-transform: rotateY(0deg);
}
100% {
-moz-transform: rotateY(359deg);
}
}
.fa-shake {
display: inline-block;
-moz-animation: shake 0.2s 1 linear;
-webkit-animation: shake 0.2s 1 linear;
animation: shake 0.2s 1 linear;
}
@keyframes shake {
0% {
transform: translate(1px);
}
25% {
transform: translate(-1px);
}
50% {
transform: translate(0.5px);
}
75% {
transform: translate(-0.5px);
}
100% {
transform: translate(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(1.5px);
}
25% {
-webkit-transform: translate(-1.5px);
}
50% {
-webkit-transform: translate(0.5px);
}
75% {
-webkit-transform: translate(-0.5px);
}
100% {
-webkit-transform: translate(0);
}
}
@-moz-keyframes shake {
0% {
transform: translate(1px);
}
25% {
transform: translate(-1px);
}
50% {
transform: translate(0.5px);
}
75% {
transform: translate(-0.5px);
}
100% {
transform: translate(0px);
}
}
.fa-pulsate {
-moz-animation: pulse .5s 2 linear;
-webkit-animation: pulse 0.5s 2 linear;
animation: pulse .5s 2 linear;
}
@keyframes pulse {
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes pulse {
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes pulse {
50% {
opacity: 0
}
100% {
opacity: 1
}
}
/* Expanders */
.expand:hover {
color: #008444;
cursor: pointer;
}
.expand:before {
display: inline-block;
font-family: 'FontAwesome';
content: "\f0da";
width: 12px;
text-align: center;
margin-right: 8px;
}
.expand.disabled,
.expand.disabled:hover {
color: #999;
cursor: default;
}
.expand.disabled:before {
content: '';
}
.expand.selected:before {
content: "\f0d7";
}
.exp-target {
display: none;
}
.exp-target li a:before {
display: inline-block;
content: '\00a0';
font-family: "FontAwesome";
width: 12px;
text-align: center;
margin-right: 8px;
}
/* Flexbox */
.flexbox-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.flexbox-container .auto-expand-item {
-webkit-box-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
/*
FLIP SELECT
===========
Styles for flipping over the leading icon in a table. These need to be
generalized so that they may be used in more places than just the search page.
*/
.no-flip {
cursor: default;
}
.flip-select {
width: 27px;
height: 27px;
position: relative;
float: left;
}
.flip-select,
.flip-select:hover,
.flip-select:focus {
background: transparent;
background-color: transparent;
outline: none;
box-shadow: none;
}
.flip-select:before,
.flip-select:after {
width: 27px;
height: 27px;
background: #aaa;
font-family: "FontAwesome";
color: #FFF;
text-align: center;
font-size: 16px;
line-height: 27px;
vertical-align: top;
outline: none;
}
.flip-select:before,
.flip-select:after {
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.flip-select:before {
z-index: 2;
}
.flip-select:after {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.selected .flip-select:before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.selected .flip-select:after {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* Fixes display in old browsers by toggling visibility of pseudoelements */
html.no-csstransforms3d .flip-select:after,
html.no-csstransforms3d .selected .flip-select:before {
display: none;
}
html.no-csstransforms3d .selected .flip-select:after {
display: block;
}
/* Flip select styles
THESE NEED TO BE GENERALIZED AND APPLIED TO EACH TR AS A CLASS
*/
.order-list tr {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.navbar-static-top {
border: none;
}
/*
PUBLIC WEBSITE
==============
Styles for Uniregistry.com's public-facing content.
*/
.navbar .slogan {
color: #000;
font-size: 14px;
font-weight: 300;
float: left;
height: 31px;
line-height: 32px;
margin: 0 0 0 142px;
opacity: 0;
overflow: hidden;
transition: opacity .2s ease-in-out;
width: 0;
}
@media (min-width: 1200px) {
.navbar .logo.default .slogan {
opacity: 1;
width: 190px;
}
}
.page-stripe {
position: relative;
padding-top: 60px;
padding-bottom: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #FEFEFE;
}
.page-stripe p {
font-size: 16px;
}
.page-stripe .overlay {
z-index: 0;
}
.page-stripe-header {
background-image: url(../img/header-bg/sunset-bg.jpg);
padding-top: 95px;
padding-bottom: 35px;
}
.page-stripe-paper {
background-color: #FCFCFC;
}
.page-stripe-divider {
border-bottom: 1px solid #ebebeb;
}
.page-stripe .overlay + .container {
position: relative;
z-index: 1;
}
.page-stripe-header .container {
display: table;
}
.page-stripe-header h1,
.page-stripe-header p {
display: table-cell;
vertical-align: middle;
}
.page-stripe-header h1 {
width: 60%;
color: #008444;
text-align: right;
padding-right: 45px;
}
.page-stripe-header p {
text-align: justify;
border-left: 4px solid #008444;
padding: 30px 10px 30px 45px;
font-size: 13px;
text-rendering: optimizeLegibility;
}
/* REGISTRAR HOMEPAGE */
/* Search Panel*/
#search {
height: 100vh;
min-height: 100vh;
}
.home-search .overlay {
opacity: 0.0;
}
.home-search .container.middle {
margin-top: -74px;
}
.home-search h1 {
margin-bottom: 30px;
margin-top: 0;
}
.btn.btn-primary.search {
background-color: #4A4A4A;
border-color: #444;
}
.btn.btn-primary.search:hover {
background-color: #4F4F4F;
border-color: #444;
}
.home-search {
padding: 0 0 100px;
}
.home-search .home-search-header {
display: none;
}
.home-search .dark-theme h1,
.home-search .dark-theme h4 {
color: #000;
}
.home-search .light-theme h1,
.home-search .light-theme h4 {
color: #fff;
}
.home-search-results {
margin-top: 25px;
}
.home-search .overlay,
.home-search .container {
transition: opacity 0.25s ease-in-out;
}
/* Title and tagline */
/* Page Title */
.page-title {
background: #FEFEFE url(../img/gen-bg/everest.jpg) 50% / cover no-repeat;
border-bottom: 1px solid #efefef;
height: 300px;
padding: 155px 0 0;
}
.page-title h1 {
color: #4A4A4A;
font-size: 24px;
font-weight: 600;
margin: 0;
}
.page-title h3 {
color: #4A4A4A;
font-size: 24px;
font-weight: 300;
margin: 4px 0 0;
}
.page-title p {
margin: 0;
padding-top: 15px;
text-align: right;
}
/* Black Stripe */
.black-stripe {
background: #000;
padding: 20px 0;
}
.black-stripe h2 {
color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 36px;
margin: 0;
text-align: center;
}
@media (min-width: 1200px) {
.black-stripe h2 {
font-size: 20px;
}
}
.black-stripe .btn {
margin-left: 30px;
}
.black-stripe strong.price {
font-size: 28px;
font-weight: 700;
}
.black-stripe .domain-tag {
font-size: 38px;
float: none;
margin: 0 15px;
cursor: pointer;
}
.black-stripe .fa-helptag-position {
display: inline-block;
}
.black-stripe .fa-helptag,
.black-stripe .fa-helptag:hover {
background: #fff;
color: #000;
display: inline-block;
float: left;
margin: -5px 0 0 10px;
}
.black-stripe .popover {
color: #000;
}
/* Black Stripe > HIV Tag */
.hiv-black-stripe .domain-tag {
background-color: #000000;
color: #FF1F97;
margin: 0 2px;
}
/* Black Stripe > Ky Tag */
.ky-black-stripe .domain-tag {
background: url('../img/rar-home/ky-tag.png') no-repeat 0 0;
display: inline-block;
height: 51px;
margin-right: 10px;
text-indent: -9999px;
width: 68px;
}
.ky-black-stripe .domain-tag:before,
.ky-black-stripe .domain-tag:after {
display: none;
}
.no-title {
padding-top: 80px;
}
.home-search .branding-message {
position: relative;
color: white;
margin: 0 auto 30px;
}
.custom-pricing > img {
display: block;
position: absolute;
top: 0;
right: 0;
height: 150px;
width: 150px;
z-index: 1;
}
.custom-pricing > img:hover {
top: -5px;
right: -5px;
height: 160px;
width: 160px;
}
.home-search .branding-message h1 {
font-size: 48px;
margin-bottom: 20px;
}
.home-search .branding-message h2 {
font-size: 40px;
}
.home-search .branding-message h1,
.home-search .branding-message h2 {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.home-search .branding-message .domain-tag {
font-size: 44px;
margin: 10px 24px;
}
.home-search .domain-tag {
background: rgba(0, 132, 68, 0.75);
cursor: pointer;
}
.home-search .domain-tag:hover {
background: rgba(0, 132, 68, 1);
}
.home-search .domain-img-tag {
cursor: pointer;
opacity: 0.87;
}
.home-search .domain-img-tag:hover {
opacity: 1.0;
}
/* Searchbox */
.home-search .search-row {
position: relative;
margin: 25px auto;
color: #fff;
}
.home-search .search-row .container {
padding: 20px 0;
}
.home-search .search-row > .overlay {
opacity: 0.45;
}
.home-search .search-arrow-green-lg:before {
top: -66px;
left: -66px;
height: 106px;
background-size: 101px;
width: 105px;
}
.home-search .unireg-promo {
color: #fff;
position: relative;
font-size: 3.5px;
margin-top:15px;
}
.results-container-wrapper {
display: none;
padding-bottom: 20px;
padding-top: 60px;
}
/* Search active */
.home-search.search-mode {
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 0 0;
display: block;
height: auto !important;
padding: 120px 0 100px;
}
.home-search.search-result-single {
height: 665px !important;
min-height: 665px !important;
}
.home-search.search-mode .container.middle {
margin-top: 0;
}
.home-search.search-mode > .overlay {
top: 270px;
opacity: 0.925;
background-color: #FFF;
}
.home-search.search-mode .search-row {
color: #121212;
}
.home-search.search-mode .search-row .overlay {
opacity: 0;
}
.home-search.search-mode .home-search-header {
display: block;
}
.home-search.search-mode .results-container-wrapper {
display: block;
}
.home-search.search-mode .search-arrow-green-lg:before {
display: none;
}
.home-search.search-mode .unireg-promo {
display: none;
}
.home-search.search-mode h1.title {
display: none;
}
/* Transfers mini-Panel */
.home-transfers {
padding-top: 25px;
padding-bottom: 25px;
background-color: #FCFCFC;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #FCFCFC), color-stop(100%, #ECECEC));
background-image: linear-gradient(135deg, #FCFCFC 0%, #ECECEC 100%);
cursor: pointer;
}
.home-transfers .container {
position: relative;
}
.home-transfers .container:before {
position: absolute;
content: "";
background: url(../img/rar-home/easy-transfer.png) center / 100% no-repeat;
display: block;
height: 160px;
width: 160px;
top: -55px;
z-index: 5;
}
.home-transfers h3 {
font-size: 23px;
margin: 0;
}
.home-transfers .btn {
margin-left: 25px;
}
.home-transfers + .page-stripe {
padding-top: 80px;
}
/* Topcoin transfer mini-panel */
.home-topcoin-transfer {
padding-top: 25px;
padding-bottom: 25px;
background-color: #FCFCFC;
}
.tell-your-story {
padding-top: 30px;
padding-bottom: 30px;
background-color: #FCFCFC;
}
.tell-your-story > .overlay {
opacity: 0.65;
filter: alpha(opacity=65);
}
.tell-your-story .domain-tag {
background: rgba(0, 132, 68, 0.75);
cursor: pointer;
}
.tell-your-story .domain-tag:hover {
background: rgba(0, 132, 68, 1);
}
/* Home TLDs panel */
.transfers-domain-tracker {
color: #fff;
overflow: hidden;
background: rgb(33, 71, 97);
background: -webkit-radial-gradient(75% 65%, ellipse, rgb(81, 160, 213) 0%, rgb(33, 71, 97) 100%);
background: radial-gradient(70% 55%, ellipse, rgb(15, 100, 156) 0%, rgb(33, 71, 97) 100%);
}
.new-domains-graphic {
color: #fff;
overflow: hidden;
background-image: url(../img/rar-products/new-domains-bg.jpg);
background-color: #222;
background-position: 100% 50%;
}
.new-domains-graphic .overlay {
opacity: 0.65;
}
.new-domains-graphic.account-register {
padding-bottom: 20px;
}
.new-domains-graphic .see-extensions {
padding-top: 20px;
padding-bottom: 50px;
}
.new-domains-graphic .phone {
width: 90%;
margin-top: -30px;
margin-left: 30px;
}
.new-domains-graphic .phone-content {
overflow: auto;
}
.new-domains-graphic .phone-item {
position: relative;
background-color: #fff;
border-bottom: 1px solid #eee;
padding: 10px 15px;
cursor: pointer;
}
.new-domains-graphic .phone-item:hover {
background-color: #E4EBF0
}
.new-domains-graphic .phone-item h3 {
margin: 0;
font-weight: 500;
font-size: 22px;
}
.new-domains-graphic .phone-item h4 {
margin: 0;
color: #777;
font-size: 16px;
}
.new-domains-graphic .phone-item-new:after {
content: "NEW";
position: absolute;
right: 16px;
top: 20px;
line-height: 20px;
padding: 5px 6px 2px;
font-size: 13px;
font-weight: bold;
background-color: #4890e4;
border-radius: 5px;
}
.cars-graphic {
color: #fff;
overflow: hidden;
background-image: url(../img/landers/cars/registerpage-image.jpg);
background-color: #222;
background-position: 100% 50%;
height: 560px;
}
/* Features Panel*/
.home-features .feature-container {
width: 200px;
height: 200px;
margin: 0 auto 25px;
position: relative;
}
.home-features .feature-graphic,
.home-features .feature-pitch {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 50%;
}
/* Feature layout */
.home-features .feature-graphic,
.home-features .feature-graphic img {
width: inherit;
height: inherit;
}
.home-features .feature-graphic {
background-color: #FCFCFC;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #FCFCFC), color-stop(100%, #ECECEC));
background-image: linear-gradient(135deg, #FCFCFC 0%, #ECECEC 100%);
}
/* https://about.twitter.com/press/brand-assets */
.home-features .feature-graphic img {
padding: 50px;
}
/* Vertically center text */
.home-features .feature-pitch {
display: table;
}
.home-features .feature-pitch p {
display: table-cell;
color: #fff;
font-style: italic;
font-size: 17px;
text-align: center;
vertical-align: middle;
padding: 30px;
}
.home-features .feature-gmail .feature-pitch {
background-color: #e75a4d;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #e75a4d), color-stop(100%, #d23f31));
background-image: linear-gradient(135deg, #e75a4d 0%, #d23f31 100%);
}
.home-features .feature-privacy .feature-pitch {
background-color: #2a9962;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #2a9962), color-stop(100%, #127a46));
background-image: linear-gradient(135deg, #2a9962 0%, #127a46 100%);
}
.home-features .feature-social .feature-pitch {
background-color: #1a78a0;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #1a78a0), color-stop(100%, #0f6a91));
background-image: linear-gradient(135deg, #1a78a0 0%, #0f6a91 100%);
}
/* Features flip effect */
/* (Rule definions repeated for easy access to flip effect code) */
.home-features .feature-graphic,
.home-features .feature-pitch {
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.home-features .feature-graphic {
z-index: 2;
}
.home-features .feature-pitch {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.home-features .feature-container:hover .feature-graphic,
.home-features .feature-container:hover .feature-pitch {
-webkit-transition: all 500ms cubic-bezier(0.105, 0.450, 0.450, 1.000);
transition: all 500ms cubic-bezier(0.105, 0.450, 0.450, 1.000);
}
.home-features .feature-container:hover .feature-graphic {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.home-features .feature-container:hover .feature-pitch {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* Slider panel*/
.home-carousel {
background: none;
margin: 0;
padding: 0;
}
.home-carousel .overlay {
opacity: 0.75;
filter: alpha(opacity=75);
}
.home-carousel .carousel-inner > .item {
height: 435px;
overflow: hidden;
}
.home-carousel .carousel-inner > .item > img {
max-width: none;
min-width: 100%;
margin-top: -20%;
}
.home-carousel .carousel-content {
width: 960px;
height: 100%;
margin-left: -480px;
position: absolute;
top: 0;
left: 50%;
}
.home-carousel .domain-tag {
margin-top: 50px;
clear: both;
font-size: 90px;
}
.home-carousel .subtitle {
clear: both;
float: right;
padding: 10px 15px;
margin: 15px 0 0;
background-color: #444;
background-color: rgba(0, 0, 0, 0.7);
font-size: 26px;
color: #fff;
border-radius: 3px;
}
.home-carousel .carousel-link {
text-align: center;
margin-top: 100px;
}
.home-carousel .carousel-indicators li {
width: 20px;
height: 20px;
box-shadow: 1px 1px 10px -2px rgba(0, 0, 0, 1);
margin: 0 4px;
}
/**
* Home
****************************************/
/* Home Stats */
.home-stats {
background-color: #fff;
padding: 80px 0 40px;
}
.home-stats {
font-size: 24px;
}
.home-stats .col-xs-4 {
text-align: center;
}
@media (min-width: 1200px) {
.home-stats .col-xs-4 h2,
.home-stats .col-xs-4 p {
padding: 0 30px;
}
}
/* Home Price Tag */
.home-price-tag {
background-color: rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(0,0,0,.1);
bottom: 0;
left: 0;
padding: 10px 0;
position: absolute;
right: 0;
}
.home-price-tag p {
font-size: 14px;
margin: 0;
font-weight: 600;
}
.home-price-tag .fa-helptag {
background-color: #666;
}
.home-price-tag ul {
list-style: none;
margin: 0;
min-width: 980px;
padding: 0;
text-align: center;
}
.home-price-tag .tag-box {
height: 40px;
line-height: 40px;
}
.home-price-tag .new-price strong {
color: #000;
font-size: 18px;
font-weight: 600;
}
.home-price-tag .new-price .fa {
margin-left: 5px;
margin-top: -4px;
vertical-align: middle;
}
.home-price-tag .new-price p {
font-weight: 300;
position: relative;
}
.home-price-tag .new-price p.text-muted {
font-size: 16px;
}
.home-price-tag .new-price img {
left: 50%;
margin-left: -34px;
width: 67px;
position: absolute;
top: 0;
}
.home-price-tag .tag-box .va-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.home-price-tag .tag-box img,
.home-price-tag .tag-box {
vertical-align: middle;
cursor: pointer;
}
.home-price-tag .tag-box img {
max-width: 75%;
max-height: 75%;
}
.home-price-tag .tag-box:hover img {
display: none;
}
.home-price-tag .tag-box:hover img.hidden {
display: inline-block !important;
visibility: visible !important;
}
.home-price-tag .tag-box .domain-tag {
background-color: #434343;
font-size: 20px;
float: none;
line-height: 2em;
}
.home-price-tag .tag-box:hover .domain-tag {
background-color: #008444;
}
/* Home Tools */
.home-tools {
background-color: #fff;
}
.home-tools h2 {
font-size: 36px;
margin-bottom: 50px;
text-align: center;
}
.home-tools h2 span {
font-size: 28px;
font-weight: 100;
}
.home-tools h3 {
font-size: 30px;
margin-top: 30px;
text-align: left;
}
.home-tools p {
font-size: 16px;
text-align: left;
}
.home-tools img {
width: 100%;
}
@media (min-width: 1200px) {
.home-tools h3 {
margin-top: 50px;
}
.home-tools img {
width: auto;
}
}
/** Home Transfers */
.home-transfers .container:before {
display: none;
}
.home-transfers {
background: #f5f5f5;
cursor: default;
padding: 40px 0 65px;
text-align: center;
}
.home-transfers p {
margin: 0 auto;
padding-bottom: 10px;
width: 650px;
}
.home-transfers img {
margin-top: 50px;
}
/* Home Features */
.home-features {
background-color: #fff;
}
.home-features .fa-lg {
font-size: 34px;
}
.home-features h4 {
margin: 0;
}
.home-features h4 .btn {
font-size: 18px;
}
/* DOMAINS - GTLD GRID */
.products-grid {
min-height: 450px;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 49%, rgba(224, 224, 224, 1) 52%, rgba(232, 232, 232, 1) 76%, rgba(239, 239, 239, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(49%, rgba(234, 234, 234, 1)), color-stop(52%, rgba(224, 224, 224, 1)), color-stop(76%, rgba(232, 232, 232, 1)), color-stop(100%, rgba(239, 239, 239, 1)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 1) 49%, rgba(224, 224, 224, 1) 52%, rgba(232, 232, 232, 1) 76%, rgba(239, 239, 239, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
}
.products-grid > .container {
position: relative;
}
.products-grid-col {
display: inline-block;
height: 145px;
width: 20%;
padding: 12px 8px;
position: relative;
}
@media (max-width: 1200px) {
.products-grid-col {
width: 25%;
}
}
.products-grid .products-gtld {
position: absolute;
top: 8px;
left: 12px;
bottom: 8px;
right: 12px;
overflow: hidden;
text-align: center;
border-radius: 3px;
cursor: pointer;
background-position: center;
background-size: 100%;
background-size: cover;
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
color: #FFF;
text-shadow: -1px -1px 0 rgba(128, 128, 128, 0.15), 1px 1px 0 rgba(128, 128, 128, 0.5), 1px 2px 5px rgba(0, 0, 0, 0.3);
}
.products-grid .products-gtld.active {
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: box-shadow 0.15s ease-in-out;
-moz-transition: box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out;
}
.products-gtld,
.products-gtld.com {
background-image: url(../img/tld-bg/com.jpg);
}
.products-gtld.net {
background-image: url(../img/tld-bg/net.jpg);
}
.products-gtld.org {
background-image: url(../img/tld-bg/org.jpg);
}
.products-gtld.tv {
background-image: url(../img/tld-bg/tv.jpg);
}
.products-gtld.co.uk {
background-image: url(../img/tld-bg/co-uk.jpg);
}
.products-gtld.blackfriday {
background-image: url(../img/tld-bg/blackfriday.jpg);
}
.products-gtld.christmas {
background-image: url(../img/tld-bg/christmas.jpg);
}
.products-gtld.guitars {
background-image: url(../img/tld-bg/guitars.jpg);
}
.products-gtld.gift {
background-image: url(../img/single-search/gift.jpg);
}
.products-gtld.hiphop {
background-image: url(../img/tld-bg/hiphop.jpg);
}
.products-gtld.hiv {
background-image: url(../img/tld-bg/hiv.jpg);
}
.products-gtld.juegos {
background-image: url(../img/tld-bg/juegos.jpg);
}
.products-gtld.country {
background-image: url(../img/tld-bg/country.jpg);
}
.products-gtld.audio {
background-image: url(../img/tld-bg/audio.jpg);
}
.products-gtld.hosting {
background-image: url(../img/tld-bg/hosting.jpg);
}
.products-gtld.property {
background-image: url(../img/tld-bg/property.jpg);
}
.products-gtld.help {
background-image: url(../img/tld-bg/help.jpg);
}
.products-gtld.click {
background-image: url(../img/tld-bg/click.jpg);
}
.products-gtld.diet {
background-image: url(../img/tld-bg/diet.jpg);
}
.products-gtld.auto {
background-image: url(../img/tld-bg/auto.jpg);
}
.products-gtld.link {
background-image: url(../img/tld-bg/link.jpg);
}
.products-gtld.photo {
background-image: url(../img/tld-bg/photo.jpg);
}
.products-gtld.pics {
background-image: url(../img/tld-bg/pics.jpg);
}
.products-gtld.sexy {
background-image: url(../img/tld-bg/sexy.jpg);
}
.products-gtld.tattoo {
background-image: url(../img/tld-bg/tattoo.jpg);
}
.products-gtld.dog {
background-image: url(../img/tld-bg/dog.jpg);
}
.products-gtld.flowers {
background-image: url(../img/tld-bg/flowers.jpg);
}
.products-gtld.cars {
background-image: url(../img/tld-bg/cars.jpg);
}
.products-gtld.lol {
background-image: url(../img/tld-bg/lol.jpg);
}
.products-gtld.car {
background-image: url(../img/tld-bg/car.jpg);
}
.products-gtld.mom {
background-image: url(../img/tld-bg/mom.jpg);
}
.products-gtld.game {
background-image: url(../img/tld-bg/game.jpg);
}
.products-gtld.name {
background-image: url(../img/single-search/name.jpg);
}
.products-grid-col .overlay {
opacity: 0.45;
filter: alpha(opacity=45);
}
.products-grid-col:hover .products-gtld:not(.active) .overlay {
opacity: 0.25;
filter: alpha(opacity=25);
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.products-grid .products-buy,
.products-grid .products-not-avail {
position: absolute;
font-size: 40px;
font-weight: 400;
top: 15px;
left: 40px;
background: #444;
background: rgba(50, 52, 53, 0.55);
padding: 6px 12px;
border-radius: 4px;
}
.products-grid .products-buy sup {
font-size: 0.6em;
margin-top: -0.6em;
}
.products-grid .products-tag-wrap {
float: left;
position: relative;
left: 50%;
}
.products-grid .domain-tag {
margin: 42px 0;
/* property needs px for anim */
display: inline-block;
left: -50%;
z-index: 1;
font-size: 36px;
float: none;
}
.products-grid .domain-tag-other {
background: #444;
background: rgba(50, 52, 53, 0.55);
}
.products-grid .domain-tag-clear {
background: none;
}
.products-grid .domain-tag-lol {
margin: 35px 0;
}
.products-grid .domain-tag-lol img {
height: 50px;
}
.products-grid .grayscale-disable .domain-tag-lol img {
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
transition: all .1s ease-in;
height: 85px;
margin-right: -50px;
}
.products-grid .products-logo {
height: 30px;
}
.products-grid .products-avail {
position: absolute;
left: 0;
right: 0;
bottom: -25px;
clear: both;
text-align: center;
color: white;
font-size: 16px;
padding: 4px;
margin: 0;
background: #444;
background: rgba(50, 52, 53, 0.55);
z-index: 1;
}
.products-grid .products-gtld:hover .products-avail {
bottom: 0;
}
.products-grid .products-gtld.active:hover .products-avail {
bottom: -25px;
}
.products-grid .products-learn-more {
cursor: default;
position: absolute;
bottom: 25px;
left: 25px;
right: 25px;
padding: 10px 50px;
border-radius: 4px;
color: #FFF;
background: #444;
background: rgba(50, 52, 53, 0.35);
}
.products-grid .products-learn-more p {
font-size: 16px;
}
.products-grid .products-search .form-control,
.products-grid .products-search .btn {
height: 45px;
font-size: 16px;
}
.products-details {
width: 40%;
display: inline-block;
}
.products-image {
display: inline-block;
position: relative;
vertical-align: top;
}
/* DOMAINS - BASIC SEARCH*/
.domains-basic-search {
padding: 25px 0 35px;
background: #F3F3F3;
}
.domains-basic-search h3 {
color: #505050;
}
/* PRODUCT - GMAIL INTEGRATION */
.products-gapps .products-details small {
display: block;
margin-top: 35px;
color: #888;
}
.products-gapps .products-image {
position: relative;
width: 52%;
margin-left: 6%;
text-align: justify;
}
.products-gapps .products-image:after {
content: "";
display: inline-block;
width: 100%;
}
.products-gapps .products-image img {
width: 90px;
height: 90px;
margin: 30px 5px 0;
overflow: visible;
}
.products-gapps .gapp {
border-radius: 50%;
padding: 10px;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}
.products-gapps .gapp-desc {
position: absolute;
top: 50%;
right: 10%;
left: 10%;
opacity: 0;
background-color: #474747;
height: 40px;
color: white;
line-height: 40px;
margin-top: -15px;
border-radius: 20px;
text-align: center;
pointer-events: none;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.products-gapps .gapp:hover {
background-color: #CCC;
}
.products-gapps .gapp:hover + .gapp-desc {
opacity: 1;
}
/* TRANSFERS PAGE */
.products-header-transfers {
background: url('//static.uniregistry.net/assets/img/tld-bg/800px/org.jpg') center 30% / cover no-repeat;
color: #FFF;
}
.products-header-transfers .overlay {
opacity: 0.25;
background-color: #000;
}
.products-header-transfers .centered-form-resizeable textarea {
width: 500px;
resize: none;
outline: none;
border-radius: 2px;
display: inline-block;
}
.transfers-consolidation {
background-color: #FAFAFA;
}
.transfers-consolidation .products-details {
margin-left: 10%;
}
.transfers-consolidation .products-image {
width: 40%;
text-align: center;
}
.transfers-consolidation .products-image img {
width: 250px;
margin-bottom: -100px;
}
.transfers-res-center .products-image {
position: relative;
overflow: hidden;
height: 180px;
width: 55%;
margin-top: 45px;
padding-left: 25px;
}
.transfers-res-center .products-image:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 70%;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(95%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 95%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
z-index: 1;
}
.transfers-res-center .products-image img {
position: absolute;
}
.transfers-bulk-pricing {
background: url('../img/rar-products/alan-crowe-headset.jpg') center 40% / cover no-repeat;
}
.transfers-bulk-pricing .overlay {
opacity: 0.75;
filter: alpha(opacity=75);
}
.transfers-domain-tracker {
padding: 30px 0 0;
text-align: center;
}
.transfers-domain-tracker .laptop {
width: 455px;
display: inline-block;
text-align: center;
animation: fade-in 1s;
-o-animation: fade-in 1s;
-webkit-animation: fade-in 1s;
}
.transfers-domain-tracker .laptop img {
position: absolute;
width: 640px;
right: 50%;
bottom: 0;
}
.transfers-domain-tracker .details {
width: 400px;
text-align: left;
display: inline-block;
margin: 0 35px 0;
vertical-align: bottom;
}
.transfers-domain-tracker .details .title {
margin-bottom: 10px;
}
.transfers-domain-tracker .details ul {
padding: 0 15px 10px;
margin-bottom: 10px;
animation: fade-in .5s linear .5s;
-webkit-animation: .5s linear fade-in .5s;
}
.transfers-domain-tracker .details ul li {
padding: 10px 0;
display: block;
text-align: justify;
}
.transfers-domain-tracker .details ul li:before {
font-family: 'FontAwesome';
content: '\f00c';
margin: 0 5px 0 -15px;
}
.transfers-domain-tracker .details .btn {
margin-bottom: 30px;
}
.transfers-transfer-now {
padding-top: 25px;
padding-bottom: 25px;
background-color: #FCFCFC;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #FCFCFC), color-stop(100%, #ECECEC));
background-image: linear-gradient(135deg, #FCFCFC 0%, #ECECEC 100%);
cursor: pointer;
}
.transfers-transfer-now .container {
position: relative;
}
.transfers-transfer-now h3 {
font-size: 23px;
margin: 0;
}
.transfers-transfer-now .btn {
margin-left: 25px;
}
/* SECURITY PAGE */
.products-header-security {
background: url('../img/rar-products/people-on-beach.jpg') center 40% / cover no-repeat;
}
/* PRODUCT - TWO FACTOR AUTH */
.products-two-factor {
position: relative;
overflow: hidden;
color: #fff;
}
.two-factor-image {
width: 50%;
margin-right: 5%;
}
.two-factor-phone {
position: absolute;
width: 320px;
top: -20px;
left: 70px;
}
.two-factor-code {
position: absolute;
top: 165px;
left: 105px;
width: 250px;
text-align: center;
color: #5178bb;
font: bold 50px/25px"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.two-factor-timer {
position: absolute;
width: 25px;
top: 205px;
left: 320px;
}
/* PRODUCT - WHOIS PRIVACY */
.products-whois-privacy {
background: url(../img/rar-products/privacy-bg.jpg) center / cover no-repeat;
}
.privacy-image {
width: 50%;
margin-left: 5%;
}
.privacy-switch {
position: relative;
margin: 25px auto;
width: 150px;
height: 45px;
line-height: 42px;
border: 1px solid #DEDEDE;
border-radius: 8px;
cursor: pointer;
overflow: hidden;
z-index: 10;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.privacy-switch .toggle {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
background: #F3F3F3;
border-radius: 4px;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), inset 0 -1px 20px 1px rgba(0, 0, 0, 0.025)
}
.privacy-switch .toggle:before,
.privacy-switch .toggle:after {
display: block;
position: absolute;
width: 110%;
height: 100%;
text-align: center;
z-index: -1;
}
.privacy-switch .toggle:before {
content: 'ON';
color: #fff;
background: #008444;
right: 95%;
}
.privacy-switch .toggle:after {
content: 'OFF';
color: #A0A0A0;
background: #FCFCFC;
left: 95%;
}
.privacy-switch.off .toggle {
left: 0;
}
.privacy-switch.on .toggle {
left: 50%;
}
.products-whois-record {
margin: 5px auto;
white-space: pre-line;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
background-color: #FCFCFC;
box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0), 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.whois-key {
width: 30%
}
.whois-value {
width: 70%
}
.products-whois-record tr {
border-color: #eee;
}
.products-whois-record td {
padding: 12px 20px;
}
/* PRODUCT - SOCIAL ENGINEERING PROTECTION */
.products-social-protect {
color: #FFF;
background-position: 100% 50%;
}
.products-social-protect .overlay {
opacity: 0.65;
filter: alpha(opacity=65);
}
/* PRODUCT - FORWARDING */
.products-web-forwarding {
background-image: url(../img/rar-products/forwarding-bg.jpg);
background-position: 100% 50%;
}
.forwarding-image {
width: 40%;
margin-right: 5%;
position: relative;
}
.forwarding-site-container {
margin: 50px 0;
-webkit-perspective: 500px;
-moz-perspective: 500px;
perspective: 500px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-perspective-origin: 0 120px;
-moz-perspective-origin: 0 120px;
perspective-origin: 0 120px;
}
.forwarding-site {
position: absolute;
color: #FFF;
width: 305px;
height: 185px;
text-align: center;
line-height: 185px;
font-size: 80px;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.forwarding-site.site-1 {
-webkit-transform: translateZ(0px) rotateY(12deg);
-moz-transform: translateZ(0px) rotateY(12deg);
transform: translateZ(0px) rotateY(12deg);
z-index: 1;
}
.forwarding-site.site-2 {
-webkit-transform: translateZ(30px) rotateY(13deg);
-moz-transform: translateZ(30px) rotateY(13deg);
transform: translateZ(30px) rotateY(13deg);
z-index: 2;
}
.forwarding-site.site-3 {
-webkit-transform: translateZ(60px) rotateY(14deg);
-moz-transform: translateZ(60px) rotateY(14deg);
transform: translateZ(60px) rotateY(14deg);
z-index: 3;
}
.forwarding-site.site-4 {
-webkit-transform: translateZ(90px) rotateY(15deg);
-moz-transform: translateZ(90px) rotateY(15deg);
transform: translateZ(90px) rotateY(15deg);
z-index: 4;
}
.forwarding-site.moving {
-webkit-transform: translateX(-100%) translateZ(120px) rotateY(10deg);
-moz-transform: translateX(-100%) translateZ(120px) rotateY(10deg);
transform: translateX(-100%) translateZ(120px) rotateY(10deg);
}
.forwarding-site.moving .overlay,
.forwarding-site .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.forwarding-site.site-4 .overlay {
opacity: 0;
filter: alpha(opacity=0);
}
.forwarding-facebook {
background-image: url(../img/rar-products/forwarding/facebook.jpg);
}
.forwarding-twitter {
background-image: url(../img/rar-products/forwarding/twitter.jpg);
}
.forwarding-linkedin {
background-image: url(../img/rar-products/forwarding/linkedin.jpg);
}
.forwarding-tumblr {
background-image: url(../img/rar-products/forwarding/tumblr.jpg);
}
.forwarding-facebook .overlay {
background-color: #405FA3;
}
.forwarding-twitter .overlay {
background-color: #0083BF;
}
.forwarding-linkedin .overlay {
background-color: #0073a1;
}
.forwarding-tumblr .overlay {
background-color: #2b3749;
}
/* PROFESSIONALS PAGE */
.products-header-pro {
background-image: url(//static.uniregistry.net/assets/img/gen-bg/girls-with-laptop.jpg);
}
.products-bulk-manage .products-details {
width: 31%;
}
.products-bulk-manage .products-image {
width: 60%;
margin-left: 8%;
}
.products-auto-transfer .products-image {
width: 59%;
text-align: center;
margin-top: 50px;
}
.products-dns-sync {
padding: 0
}
.products-dns-sync video {
position: absolute;
z-index: 0;
width: 100%;
}
.products-dns-sync .container {
position: relative;
z-index: 1;
}
.products-dns-sync .products-details {
padding: 0 25px 70px;
color: #FFF;
}
.products-dns-header {
padding: 10px 20px;
margin: 0 -25px 25px;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0);
}
.products-documents-link {
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.products-documents-link .products-image {
width: 50%;
padding-left: 10%;
}
.products-pro-bulk .overlay {
opacity: 0.25;
filter: alpha(opacity=25);
}
/* WHOIS PAGE */
.whois-header {
background-image: url(../img/header-bg/sunset-bg.jpg);
}
.whois-search-container {
padding: 15px 0;
margin: 25px 0;
background-color: #eee;
}
.whois-search-container .btn {
margin-left: 10px;
}
/* AFFILIATE PROGRAM LANDER */
.affiliates-reasons .overlay {
background-color: #222;
opacity: 0.75;
filter: alpha(opacity=75);
}
.affiliates-reasons .products-details {
width: 50%;
color: #fff;
}
.affiliates-reasons .products-details ul {
padding: 10px 100px;
font-size: 16px;
}
.affiliates-reasons .products-image {
width: 40%;
margin: 7.5% 4.5% 0;
}
.affiliates-reasons .panel {
text-align: center;
padding: 25px 70px;
border-color: #eee;
}
.affiliates-revenue {
background: url(../img/rar-products/privacy-bg.jpg) center / cover no-repeat;
}
.affiliates-revenue th,
.affiliates-revenue td {
text-align: center;
}
.affiliates-revenue .products-image {
width: 50%;
margin: 2.5% 5% 0 0;
}
/*
BARE DOCUMENTS
==============
Ways to style legal and other documents to look like MS Word.
*/
.document-container {
padding: 40px 70px;
margin-top: 35px;
margin-bottom: 55px;
background: white;
background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(250, 250, 250, 1)));
background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=1);
}
/* Give a little space between paragraphs and headings, fix some wiki-weirdness */
.document-container p + h3 {
margin-top: 0.75em;
}
/* Style description lists that come out of the wiki */
.document-container dd {
margin: 5px 0 15px 15px;
}
.table-documents {
margin: -10px 0 30px;
border-collapse: separate;
border-spacing: 0 10px;
}
.table-documents td {
vertical-align: middle;
padding: 15px 20px;
}
.table-documents tr {
border: none;
border-spacing: 4px;
}
.table-documents .external {
background-color: #4C8396;
}
.table-documents .document {
background-color: #6DA288;
}
.table-documents .document-link {
height: 100%;
width: 100%;
font-size: 16px;
color: #FFF;
}
.table-documents .description {
font-style: italic;
background-color: #F1F1F1;
color: #505050;
font-size: 13px;
}
.table-vertical-center td {
vertical-align: middle;
}
/*
OFFERS
======
Styles for promotional landing pages. These should get moved into their
own CSS file at some point.
*/
.offer-feature-list {
list-style: none;
font-size: 22px;
font-weight: 100;
}
.offer-feature-list li:before {
font-family: "FontAwesome";
content: "\f05d";
margin-right: 0.3em;
vertical-align: middle;
}
.offer-search-container {
background-color: #121212;
background-color: rgba(0, 0, 0, 0.5);
padding: 15px 0 25px;
position: relative;
z-index: 1;
}
.offer-search-btn {
min-width: 80px;
}
.offer-feature-icon {
float: left;
width: 30%;
margin-top: 30px;
text-align: center;
font-size: 70px;
}
.offer-feature-text {
float: left;
width: 70%;
}
.offer-quote {
height: 300px;
padding: 0;
background-position: 50%;
}
.offer-quote h2 {
margin: 0;
line-height: 300px;
}
/*
SEM CAMPAIGN
============
*/
.sem-header {
padding-top: 10px;
padding-bottom: 60px;
}
.sem-header .container {
position: relative;
z-index: 1;
}
.sem-header .play-btn {
opacity: 0.7;
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
cursor: pointer;
}
.sem-header .play-btn:hover {
opacity: 1;
}
.sem-video-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
letter-spacing: -1px;
background: #F1F1F1;
background: rgba(255, 255, 255, 0.5);
}
.sem-video-overlay .sem-video {
position: relative;
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
font-size: 16px;
}
.v-center-spacer {
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
min-height: inherit;
max-height: inherit;
padding: 0;
}
.sem-search-stripe {
padding: 25px 0;
position: relative;
}
.sem-search-stripe .search-arrow-green-lg:before {
top: -45px;
left: -93px;
height: 126px;
background-size: 119px;
width: 110px;
}
/**
* Market & Apps
****************************************/
.container-fluid-min-width {
min-width: 980px
}
.page-stripe-divider .title-mg {
margin-top: 25%;
}
@media (max-width: 1080px) {
.page-stripe-divider .title-mg {
margin-top: 15%;
}
}
.page-stripe-divider .img-mg {
margin-top: 50px;
}
.page-stripe-market img.pull-right {
margin-right: -15px;
}
.page-stripe-market img.pull-left {
margin-left: -15px;
}
.page-stripe-market {
height: auto;
overflow: hidden;
}
@media (min-width: 1680px) {
.page-stripe-market .container-fluid {
max-width: 1680px;
}
.page-stripe-market .container-right {
float: right;
}
.page-stripe-market .container-left {
float: left;
}
.page-stripe-market .col-lg-6 {
margin: 0 !important;
width: 100%;
}
}
.page-stripe-domain-buy .form-group {
margin: 15px 0 30px ;
}
.page-stripe-domain-buy .input-lg {
width: 500px;
}
/**
* Domain
****************************************/
.search-domain {
background: #f9f9f9;
padding: 30px 0;
}
.search-domain h3 {
font-weight: 300;
margin: 0 0 10px;
}
.search-domain .btn.offer-search-btn {
border-radius: none;
margin-left: 10px;
min-width: 40px;
padding: 10px 13px;
}
.new-domains-graphic h2 {
margin: 70px 0 20px;
}
.new-domains-graphic p {
margin-bottom: 20px;
}
.products-topcoin .products-details {
width: 40%;
margin-right: 10%;
}
.products-topcoin .products-image {
text-align: center;
width: 35%;
}
/**
* Sales
****************************************/
.contact-sales h2 {
padding-top: 40px;
}
.contact-sales p {
width: 90%;
}
.customers-account {
background: url('../img/rar-products/fireworks.jpg') center 40% / cover no-repeat;
}
.customers-account * {
color: #fff;
}
.customers-account p {
font-size: 22px;
line-height: 40px;
}
.customers-account .overlay {
opacity: 0.7;
}
/**
* About Uniregistry
****************************************/
.office-beach {
background: url('../img/rar-products/beach.jpg') center 20% / cover no-repeat;
padding-bottom: 60px;
}
.office-beach .overlay {
opacity: 0.7;
}
.office-beach p {
font-size: 26px;
line-height: 40px;
padding: 60px 0 30px;
}
.office-beach p.quote {
font-size: 16px;
padding: 0;
}
.what-we-do {
background: #f4f4f4;
}
/**
* Transfers
****************************************/
.products-header-transfers {
padding: 35px 0 10px;
}
.products-header-transfers h1,
.products-header-transfers h3 {
font-weight: 300;
}
.products-header-transfers h1 {
font-size: 30px;
margin: 0;
}
.products-header-transfers h3 {
font-size: 20px;
margin: 0 0 20px;
}
.products-header-transfers .offer-search-container {
background: none;
}
.products-header-transfers .centered-form-resizeable {
text-align: left;
}
.products-header-transfers .centered-form-resizeable .btn {
margin: 20px 0 0 0;
}
.transfers-domain-tracker {
padding-top: 50px;
}
.transfers-domain-tracker .details {
margin: 0;
width: 41.6667%;
}
.transfers-domain-tracker .details ul {
padding-left: 60px;
}
@media (max-width: 1200px) {
.transfers-domain-tracker .col-xs-7 {
height: 370px;
position: relative;
}
.transfers-domain-tracker .col-xs-7 img {
bottom: 0;
left: 0;
position: absolute;
}
}
/**
* Security
****************************************/
.products-two-factor {
background-image: none;
background-color: #2b2b2b;
}
.products-social-protect {
background-image: url(../img/rar-products/social-engineering-protection.jpg);
}
/**
* Whois
****************************************/
.page-stripe-whois {
height: auto;
margin: 30px 0 50px;
overflow: hidden;
padding: 0;
}
.page-stripe-whois .spacer {
padding: 0 30px;
}
.page-stripe-whois .spacer .col-xs-6 > div {
padding: 30px 0;
}
.page-stripe-whois h4 {
font-weight: 600;
}
.whois-search-container {
background-color: #e8e8e8;
margin: 0;
}
.table-whois tr {
border: 1px solid #ddd;
}
.table.table-whois tr td {
vertical-align: middle;
}
/**
* Professionals
****************************************/
.products-dns-sync {
height: 430px;
background: #ccc;
}
.products-dns-sync .products-image {
float: right;
height: 265px;
padding-top: 140px;
width: 50%;
}
.products-dns-sync .products-details {
background: rgba(85, 85, 85, 0.9);
height: 265px;
left: 0;
top: 75px;
position: absolute;
width: 500px;
}
.products-dns-sync .products-details:before {
background: rgba(85, 85, 85, 0.9);
content: "";
height: 265px;
position: absolute;
right: 500px;
top: 0;
width: 9999px;
}
.products-dns-sync .products-details h2 {
padding-top: 20px;
}
.products-free-whois .products-details {
width: 40%;
}
.products-free-whois .products-image {
float: right;
margin-top: 40px;
width: 50%;
}
.products-auto-transfer {
background-color: #f5f5f5;
}
.products-auto-transfer .products-image {
margin-top: 100px;
float: right;
width: 50%;
}
.products-documents-link {
background-image: url(../img/rar-products/document.jpg);
}
.products-documents-link .overlay {
opacity:0.65;
}
.products-pro-bulk {
background: url(../img/rar-products/sevan-portrait-2015.jpg) right 0 / cover no-repeat;
}
.products-pro-bulk .products-image {
bottom: 30px;
color: #fff;
position: absolute;
right: 30px;
text-align: right;
}
.products-pro-bulk .products-image h3 {
font-size: 20px;
margin: 0;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
.products-pro-bulk .products-image h3 span {
display: block;
font-size: 16px;
}
/**
* Topcoin
****************************************/
.topcoin-question {
font-weight: 400;
}
/**
* Affiliates
****************************************/
.affiliates-reasons {
background: url(../img/rar-products/affiliates.jpg) center / cover no-repeat;
}
.affiliates-reasons .overlay {
background-color: #000;
}
.affiliates-reasons .products-image {
}
.affiliates-reasons .panel {
float: right;
margin: 0;
padding: 30px 70px 50px;
}
.affiliates-revenue {
background: url(../img/rar-products/affiliates-2.jpg) center / cover no-repeat;
padding-bottom: 50px;
}
/**
* Contact Us
****************************************/
.txt-about {
padding:10px 0 50px;
}
.txt-about h4 {
font-size: 14px;
font-weight: 700;
}
.contact-box {
border: 1px solid #e3e3e3;
float: left;
margin: 28px 0;
padding: 25px;
}
.contact-box h4,
.contact-box p {
padding-left: 50px;
}
.contact-box h4 {
font-size: 16px;
line-height: 22px;
margin: 0;
}
.contact-box p {
margin-top: 20px;
}
.contact-box:before {
color: #666;
content: '\f041';
float: left;
font-family: "FontAwesome";
font-size: 44px;
line-height: 50px;
}
/**
* Legal
****************************************/
table.table-legal {
margin-top: 30px;
margin-bottom: 50px;
}
table.table-legal tr {
border: 1px solid #e3e3e3;
}
table.table-legal tr td {
padding: 20px;
vertical-align: middle;
}
table.table-legal tr td a {
font-size: 16px;
}
table.table-legal .fa {
color: #999;
font-size: 30px;
float: left;
width: 60px;
}
/**
* L Contact Negotiate
****************************************/
.page-stripe-lcontact-negotiate {
background: url(../img/gen-bg/everest-full.jpg) 100% / cover !important;
padding-top: 120px;
}
.page-stripe-lcontact-negotiate h1 {
color: #000;
font-size: 36px;
font-weight: 600;
}
.page-stripe-lcontact-negotiate h2 {
font-size: 24px;
font-weight: 300;
margin-top: 0;
}
.page-stripe-lcontact-negotiate h3 {
font-size: 18px;
}
.page-stripe-lcontact-negotiate h4 {
font-size: 16px;
font-weight: 600;
}
.page-stripe-lcontact-negotiate hr {
border-color: #D2D2D2;
margin: 40px 0;
}
.page-stripe-lcontact-negotiate p {
font-size: 14px;
}
.page-stripe-lcontact-negotiate .title-info {
color: #4a4a4a;
font-weight: 300;
line-height: 28px;
}
.page-stripe-lcontact-negotiate .title-info strong {
color: #000;
font-size: 20px;
}
.page-stripe-lcontact-negotiate .title-info strong.price {
font-size: 26px;
}
.page-stripe-lcontact-negotiate .title-info strong small {
color: #000;
font-weight: 600;
}
.page-stripe-lcontact-negotiate .well {
background: linear-gradient(to right, #fff 0%, #fff 58%, #fafafa 58%, #fafafa 100%);
margin-top: 40px;
padding: 15px;
}
.page-stripe-lcontact-negotiate .well .left-panel {
padding: 15px 60px 15px 30px;
}
.page-stripe-lcontact-negotiate .well .left-panel h3 {
font-weight: 600;
}
.page-stripe-lcontact-negotiate .well .left-panel form {
margin-top: 30px
}
.page-stripe-lcontact-negotiate .well .left-panel form label {
font-weight: 300;
}
.page-stripe-lcontact-negotiate .well .right-panel {
padding-top: 50px;
}
.page-stripe-lcontact-negotiate .well .right-panel h4 {
margin: 30px 0 0;
}
.page-stripe-lcontact-negotiate .well .right-panel ul {
list-style: none;
padding: 20px 0 0 0;
width: 250px;
}
.page-stripe-lcontact-negotiate .well .right-panel ul li {
color: #777;
font-weight: 300;
padding-bottom: 6px
}
.page-stripe-lcontact-negotiate .well .right-panel ul li .fa {
margin-right: 10px;
}
/*
APP BODY
========
Setting up the body for the logged in 'app'. These settings overwrite
Bootstrap, but they're distinct from the public-facing website.
*/
/* Make sure the background is maintained in fullscreen mode*/
html:-webkit-full-screen {
background: url(../img/ur-linen-light.jpg);
}
html:-moz-full-screen {
background: url(../img/ur-linen-light.jpg);
}
html:-ms-fullscreen {
background: url(../img/ur-linen-light.jpg);
}
html:fullscreen {
background: url(../img/ur-linen-light.jpg);
}
body.app {
background-attachment: fixed;
background-position: center;
background-size: cover;
}
body.app.cars {
background: url(../img/gen-bg/cars.jpg) 50% / cover !important;
}
body.app:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
opacity: .7;
}
body.app section {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 2;
}
body.app section,
body.app footer {
backface-visibility: hidden;
perspective: 1000;
transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
body.app footer h6 {
line-height: 20px;
margin: 0;
}
body.app footer .container {
padding: 0;
text-align: left;
}
/*
APP PANELS
==========
General rules for the app panels to follow. Rules specific to each app panel
belong in their own section.
*/
.app-panel-container {
position: absolute;
top: 74px;
right: 0;
bottom: 20px;
left: 0;
transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
.app-panel-container.app-panel-container-condensed{
top: 60px;
}
.app-panel {
width: 100%;
height: 100%;
overflow: auto;
}
.app-panel > .container,
.app-panel > .container-fluid {
margin: 15px auto;
}
.app-panel.app-panel-lg .container{
width: calc(100% - 30px);
max-width: 1440px;
}
.app-panel-heading{
font-size: 20px;
margin: 10px 0 20px;
}
.app-panel-boxed .container,
.app-panel-boxed .container-fluid {
padding: 15px;
background: #FFF;
box-shadow: 0 2px 4px -1px #aaa;
}
/* Not widely used */
.tab-content.msg-tabs {
max-height: 400px;
overflow: auto;
}
/*
REGISTER SEARCH
===============
The searchbox can be simplified now that we aren't using the white fade.
*/
/* Search box */
.homepage-search textarea,
.register-search textarea,
.meta-search textarea {
/* 100% means no browser specific sizing applied to the whitespace around the textarea */
width: 100%;
height: 100%;
/* Remove default bottom margin and padding for more consistent positioning */
margin: 0;
padding-bottom: 0;
/* Remove the bottom border (or use z-index on :after) */
outline: none;
border: 1px solid #ccc;
resize: none;
}
.homepage-search .search-wrapper {
background: rgba(0,0,0,.4);
border-radius: 4px;
padding: 15px;
}
.homepage-search .textarea-container,
.register-search .textarea-container,
.meta-search .textarea-container {
/* Since the resize handle is covered, it's going to have to be sized manually, but it can be whatever it needs to be */
height: 45px;
margin: 0 5px 0 0;
vertical-align: top;
position: relative;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.homepage-search .textarea-container {
margin-right: 10px;
}
.homepage-search .textarea-container textarea {
border-radius: 3px;
border: none;
color: #444;
font-weight: 300;
padding-top: 11px;
}
.homepage-search .search-tld {
border-radius: 3px;
border: none;
display: inline-block;
margin: 0 6px 0 0;
vertical-align: top;
width: 200px;
}
.search-tld.select2-container-multi .select2-choices .select2-search-field input {
color: #000 !important;
font-size: 13px;
font-weight: 600 !important;
line-height: 1.8;
padding: 10px 16px;
text-transform: uppercase;
}
.homepage-search .btn {
border-radius: 3px;
}
.homepage-search .search-tld.loading {
font-size: 18px;
padding: 9px 16px;
line-height: 1.33;
}
.register-search .search-tld {
width: 300px;
display: inline-block;
margin: 0 5px 0 0;
vertical-align: top;
}
.register-search {
padding-top: 0;
}
/* Single search result */
.single-search {
height: 250px;
position: relative;
background-size: cover;
}
.single-search .banner {
border-radius: 4px;
height: 250px;
}
.single-search p {
font-size: 25px;
line-height: 35px;
font-weight: 100;
margin: 15px;
}
.single-search .btn {
width: 80%;
}
.single-search .availability {
color: #FFF;
text-align: center;
}
.single-search .availability.selected > div {
background: #323232;
background: rgba(50, 50, 50, 0.60);
}
.single-search .availability > div {
height: 100%;
border-radius: 4px 0 0 4px;
background: #323232;
background: rgba(50, 50, 50, 0.60);
position: absolute;
padding: 10px;
min-width: 360px;
max-width: 780px;
}
.single-search .availability,
.single-search .availability > div {
-webkit-transition: 0.5s;
transition: 0.5s;
}
/*.single-search .check-out { color: #FFF; background: #005d84; }
.single-search .check-out:hover { color: #FFF; background: #005174; }*/
/* Search table styles */
.results-container table,
.search .cart-container table {
background: transparent;
border-collapse: separate;
border-spacing: 0 2px;
margin-bottom: 0;
}
.results-container .nav-tabs > li {
font-size: 16px;
}
.results-container .nav-pills {
border-right-width: 0;
}
.results-container .nav-pills > li {
border: 1px solid #008444;
border-radius: 3px;
}
.results-container .nav-pills > li > a {
padding: 2px 12px;
}
.nav-pills .tab-pulse > a,
.nav-pills .tab-pulse {
-moz-animation: tab-pulse .75s 3 linear;
-webkit-animation: tab-pulse 0.75s 3 linear;
animation: tab-pulse .75s 3 linear;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@keyframes tab-pulse {
50% {
background-color: #f9edbe;
border-color: #f0c36d;
color: #000;
}
100% {
color: #008444;
}
}
@-webkit-keyframes tab-pulse {
50% {
background-color: #f9edbe;
border-color: #f0c36d;
color: #000;
}
100% {
color: #008444;
}
}
@-moz-keyframes tab-pulse {
50% {
background-color: #f9edbe;
border-color: #f0c36d;
color: #000;
}
100% {
color: #008444;
}
}
.checkout-pulse {
-moz-animation: alert-pulse .5s 3 linear;
-webkit-animation: alert-pulse 0.5s 3 linear;
animation: alert-pulse .5s 3 linear;
}
.backup-phone-pulse {
-moz-animation: alert-pulse 1.0s 1 linear;
-webkit-animation: alert-pulse 1.0s 1 linear;
animation: alert-pulse 1.0s 1 linear;
}
@keyframes alert-pulse {
50% {
background-color: #fadb61;
}
100% {
background-color: #E0E0E0;
}
}
@-webkit-keyframes alert-pulse {
50% {
background-color: #fadb61;
}
100% {
background-color: #E0E0E0;
}
}
@-moz-keyframes alert-pulse {
50% {
background-color: #fadb61;
}
100% {
background-color: #E0E0E0;
}
}
.results-col-select {
width: 8%;
}
.results-col-sld {
width: 37%;
}
.results-col-availability {
width: 30%;
}
.results-col-details {
width: 25%;
}
.search .results-list tr,
.search .order-list tr {
height: 40px;
padding: 5px;
}
#scrollPanel-Results td,
.results-list td,
.order-list td {
line-height: 40px;
padding: 4px !important;
vertical-align: middle;
}
.results-checkmark {
display: inline-block;
width: 20px;
}
#scrollPanel-Results td:last-child,
.results-list tr:not(.forsale) td:last-child,
.search td:last-child {
text-align: right;
margin-right: 5px;
padding: 0 15px 0;
white-space: nowrap;
}
.search .selected td span.text-success {
color: #2bab1f;
}
.search .unavailable td span.text-error {
color: #e0182b;
}
.section-header {
background: #f5f5f5;
padding: 5px 10px;
cursor: pointer;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.section-header h4 {
margin: 12px 0;
float: left;
}
.section-header .btn {
margin: 5px 0;
}
.section-header .show-on-select {
display: none;
}
.section-header.selected .show-on-select {
display: block;
}
.section-header.selected {
background: none;
cursor: default;
}
.section-header.selected .hide-on-select {
display: none;
}
/* Search results */
.results-list tr {
transition: all .30s ease-in-out;
}
.results-list .available {
background: #e2e9ed;
cursor: pointer;
}
.results-list .available:hover {
background: #d1dade;
}
.results-list .available td {
border-top: 1px solid #BFCED4;
border-bottom: 1px solid #BFCED4;
}
.results-list .available td:first-child {
border-left: 1px solid #BFCED4;
}
.results-list .available td:last-child {
border-right: 1px solid #BFCED4;
}
.results-list .available.selected .flip-select:before {
background: #008444;
}
.results-list .available .flip-select:before {
/* blue with plus */
content: '\f067';
background: #005d84;
}
.results-list .available.inquire-only .flip-select:before {
/* blue with plus */
content: '\f075';
background: #005d84;
}
.results-list tr.check,
.results-list tr.check:hover {
background: transparent;
}
.results-list td .checking {
width: 30px;
height: 30px;
position: relative;
float: left;
padding: 5px 8px;
}
.results-list td .checking i {
font-size: 14px;
}
.results-list .unavailable {
background: #FAFAFA;
}
.results-list .unavailable td {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.results-list .unavailable td:first-child {
border-left: 1px solid #ddd;
}
.results-list .unavailable td:last-child {
border-right: 1px solid #ddd;
padding: 4px;
}
.results-list .unavailable .flip-select:before {
/* Gray cancel sign */
content: '\f05e';
color: #404040;
background: #EBEBEB;
cursor: default;
}
.results-list .taken {
background: #fcf8e3;
cursor: pointer;
}
.results-list .taken:hover {
background: #f1ebca;
}
.results-list .taken td {
border-top: 1px solid #faebcc;
border-bottom: 1px solid #faebcc;
}
.results-list .taken td:first-child {
border-left: 1px solid #faebcc;
}
.results-list .taken td:last-child {
border-right: 1px solid #faebcc;
padding: 4px;
}
.results-list .taken .flip-select:before {
/* plus */
content: '\f067';
background: #E28C2F;
cursor: default;
}
.results-list .unsupported {
background: #FAFAFA;
}
.results-list .unsupported td {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.results-list .unsupported td:first-child {
border-left: 1px solid #ddd;
}
.results-list .unsupported td:last-child {
border-right: 1px solid #ddd;
padding: 4px;
}
.results-list .unsupported .flip-select:before {
/* Gray cancel sign */
content: '\f05e';
color: #404040;
background: #EBEBEB;
cursor: default;
}
.results-list .forsale {
background: #fff;
cursor: pointer;
}
.results-list .forsale:hover {
background: #fff;
}
.results-list .forsale td {
border-top: 1px solid #B6D8C7;
border-bottom: 1px solid #B6D8C7;
}
.results-list .forsale td:first-child {
border-left: 1px solid #B6D8C7;
}
.results-list .forsale td:last-child {
border-right: 1px solid #B6D8C7;
}
.results-list .forsale .flip-select:before {
content: '\f075';
background: #008444;
}
.results-list .forsale {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.results-list .error {
background: #f2dede;
}
.results-list .error td {
border-top: 1px solid #eed3d7;
border-bottom: 1px solid #eed3d7;
}
.results-list .error td:first-child {
border-left: 1px solid #eed3d7;
}
.results-list .error td:last-child {
border-right: 1px solid #eed3d7;
padding: 4px;
}
.results-list .error .flip-select:before {
/* Gray cancel sign */
content: '\f05e';
color: #404040;
background: #ebcccc;
cursor: default;
}
.alert .results-list .unsupported,
.alert .results-list .error {
background: transparent;
}
.taken-info {
color: #606060;
display: inline-block;
width: 27px;
height: 27px;
font-family: "FontAwesome";
text-align: center;
font-size: 16px;
margin: 0;
line-height: 27px;
vertical-align: top;
outline: none;
cursor: pointer;
}
.taken-info,
.taken-info:link,
.taken-info:visited,
.alert .taken-info,
.alert .taken-info:link,
.alert .taken-info:visited {
text-decoration: none;
}
.results-list .taken .taken-info:hover {
color: #E28C2F;
}
.results-list .unsupported .taken-info:hover,
.results-list .unavailable .taken-info:hover {
color: #000;
}
.results-list .selected .taken-info:hover {
color: #008444;
}
.taken-info:before {
width: inherit;
height: inherit;
display: inline-block;
}
.taken-info.whois:before {
content: '\f129';
}
.taken-info.traffic:before {
content: '\f080';
}
.taken-info.view:before {
content: '\f08e';
}
.taken-info.transfer:before {
content: '\f0ec';
}
.taken-info.inquire:before {
content: '\f075';
}
.results-list .selected {
background: #ABDFC5;
}
.results-list .selected:hover {
background: #A7D1BF;
}
.results-list .selected td:first-child {
border-left: 1px solid #B6D8C7;
}
.results-list .selected td:last-child {
border-right: 1px solid #B6D8C7;
}
.results-list .flip-select:after {
/* Green with cart */
content: '\f07a';
background: #008444;
}
.results-list .taken .flip-select:after {
/* transfer sign */
content: '\f0d1' !important;
}
.results-groups tr.toggle {
display: table-row;
height: 20px;
cursor: pointer;
}
.results-groups tr.toggle td {
text-align: center;
line-height: 20px;
border-top: 0 solid #fff;
}
.results-groups tr.toggle a {
font-size: 14px;
}
/* search results pagination */
.results-groups .pagination {
display: inline;
}
.results-groups .pagination>li>a {
padding: 4px 11px;
margin-top: 3px;
}
.results-groups .pagination > .active > a {
border-color: #008444;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.125);
}
.results-groups .pagination > .active:hover > a {
text-decoration: none;
}
/* Shopping cart for logged in */
.order-list .selected {
background: #FAFAFA;
}
.order-list .selected td {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.order-list .selected td:first-child {
border-left: 1px solid #ddd;
}
.order-list .selected td:last-child {
border-right: 1px solid #ddd;
}
.order-list .flip-select:after {
/* Gray with minus */
content: '\f068';
color: #404040;
background: #EBEBEB;
}
.order-list .available.selected,
.order-list .flip-select:after {
opacity: 1;
}
.order-list .available,
.order-list .flip-select:before {
opacity: 0;
}
.order-list .status {
display: none;
}
/*
MANAGER INTERFACE - LAYOUT & HELPERS
====================================
These are the basic layout styles for the manager interface. This section
only affects the low-level structure of the manage page, its wrappers, its
columns, etc. Also included are helper classes specific to the manage page.
*/
.mana-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 10px;
left: 0;
}
.mana-wrapper .container {
width: auto;
height: 100%;
padding: 0;
max-width: 1440px;
}
.mana-sidebar {
width: 240px;
height: 100%;
float: left;
padding: 0;
overflow-y: auto;
overflow-x: hidden;
box-shadow: inset -5px 0 10px -5px rgba(0, 0, 0, 0.125);
border-right: 1px solid #DDD;
background: #F2F2F2;
background: -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
}
.mana-primary-content {
position: relative;
height: 100%;
margin-left: 240px;
/* Clear sidebar */
}
@media (min-width: 1200px) {
.mana-sidebar {
width: 280px;
}
.mana-primary-content {
margin-left: 280px;
}
}
.mana-list-view,
.mana-details-view,
.mana-renew-view {
position: absolute;
background: white;
top: 100%;
bottom: 0;
left: 0;
right: 0;
overflow-x: hidden;
overflow-y: auto;
z-index: 3;
}
.mana-list-view{
height: 100%;
}
.mana-details-view,
.mana-renew-view{
padding: 0 15px 15px 15px;
}
/* Helpers */
.overlay-background {
background-size: 25px 25px;
background-color: rgba(255, 255, 255, 0.75);
background-image: linear-gradient(45deg, rgba(0, 0, 0, .01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .01) 75%, transparent 75%, transparent);
}
.mana-overflow-text {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
.mana-updating-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 15;
}
/* These should be moved to a more general animation section */
[class*="ease-"],
[class^="ease-"] {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.ease-150ms {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.ease-250ms {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ease-400ms {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ease-500ms {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*
MANAGER INTERGACE - SIDEBAR
===========================
These are the styles for the sidebar on the manage page - they extend and in
some cases overwrite the default .list-item classes in the navigation section.
*/
.mana-sidebar .nav-header {
padding: 0 10px 0 25px;
font-size: 14px;
line-height: 35px;
}
.mana-sidebar .nav-header:hover {
color: #888;
cursor: pointer;
}
.mana-sidebar .nav-header .btn {
padding: 0 15px;
}
.portfolio.item .btn-rename {
height: 30px;
line-height: 10px;
padding: 0 6px;
}
/*
This is going to fall down once a portfolio is 5 digits. I'd really like to
use a label in the float:right area instead.
*/
.portfolio_name {
max-width: 135px;
}
.subportfolio .portfolio_name {
max-width: 120px;
}
/*
MANAGER INTERFACE - NAVIGATION
==============================
This changes frequently, but I've tried to consolidate nav styles here because
they're being overwritten over and over lower in the code. This section is for
the persistant top navigation on the manage page - currently above the list.
*/
.mana-static-nav .mana-view-title {
width: 40%;
float: left;
padding: 0 15px;
height: 65px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mana-view-title .fa {
padding-right: 0.3em;
}
.mana-static-nav .meta-search {
position: absolute;
width: 350px;
max-width: 600px;
top: 0;
right: 0;
padding: 10px;
z-index: 2;
}
.mana-static-nav .meta-search.expanded {
background: white;
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.mana-static-nav .nav-tabs li {
background-color: #f9f9f9;
margin-top: -1px;
margin-bottom: -2px !important;
}
.mana-static-nav .nav-tabs li.active {
background-color: #FFF;
}
.mana-static-nav.compact .nav-tabs li a {
padding-top: 0;
padding-bottom: 0;
}
/* NAV TABS */
.nav-tabs .active .dropdown-toggle .caret {
border-top-color: #656565;
border-bottom-color: #656565;
}
/* LIST MENUBAR */
.navbar-manager .number {
min-width: 65px;
}
.navbar-manager .btn {
padding: 7px 12px;
margin: 8px;
}
.tab-pane .content {
height: 100%;
}
.domainlist,
.fixed-header-container {
width: 100%;
max-height: 100%;
}
.fixed-header-container {
position: absolute;
top: 145px;
bottom: 0;
}
.fixed-header-container-search {
padding-right: 20px;
overflow: auto;
width: 100%;
position: absolute;
top: 50px;
bottom: 0;
}
.select-all-header-cell .btn-block {
height: 100%;
}
.select-all-header-cell .fa.mana-select-page-toggle {
padding: 5px 0;
color: #555;
}
.select-all-header-cell .dropdown-toggle {
padding: 0;
margin-left: 5px;
}
.select-all-header-cell .dropdown-menu{
margin-top: 0;
}
.select-col{
padding: 8px 3px !important;
}
@media (min-width: 1200px) {
.select-col{
padding: 8px !important;
}
}
.select-col > div{
min-width: 32px;
}
.select-col .btn-selects {
padding: 2px 0;
}
.select-col .handler{
opacity: .4;
}
.badge-col{
padding: 8px 0 !important;
}
.portfolio-col .nameserver-panel .heading {
padding: 0 8px;
}
.portfolio-col .nameserver-panel .divider {
border-left: dotted 1px #ddd;
padding: 0 5px;
margin-left: 10px;
}
.portfolio-col small {
font-size: 60%;
margin-right: 5px;
margin-left: -27px;
background-color: rgba(255, 255, 255, 0.80);
border: solid 1px #EEE;
padding: 0 4px;
color: #000;
}
.domainlist {
overflow-y: scroll;
overflow-x: hidden;
display: block;
}
.domainlist th {
height: 40px;
}
.domainlist td {
height: 41px;
}
.domainlist th,
.domainlist td {
float: left;
white-space: nowrap;
}
.domainlist tbody > tr > td {
vertical-align: middle;
}
.domainlist tbody,
.domainlist tr {
display: block;
height: 41px;
}
.domainlist .options,
.domainlist .unverified {
display: inline-block;
}
/* Borders top and bottom for selected groups */
.domainlist tbody tr.active + .active {
border-top-color: #cce6da;
}
.domainlist tbody tr.active + tr:not(.active) {
border-top-color: #83BBA0;
}
/* Full width columns, like the menubar */
.domainlist .full-col {
width: 100%;
}
.domainlist th.full-col {
left: 0;
right: 100%;
}
/* Header */
.row-menubar + tr th {
top: 50px;
}
/* Clear the menubar by its own height */
/* Toggles */
.mana-domain-list .toggles-container {
text-align: center;
width: 100%;
}
.mana-domain-list .toggles a.btn {
margin-left: 8%;
padding: 0;
width: 14px;
margin-right: 8%;
}
.mana-domain-list .whois-icon {
position: relative;
left: -3px;
font-size: 12px;
}
/*
MANAGER INTERFACE HEADER
========================
Styles for the menubar, fixed positioning, and pagination.
*/
.domainlist thead {
position: absolute;
top: -90px;
left: 0;
right: 0;
z-index: 1;
}
.domainlist thead tr {
border: none;
}
.domainlist th {
position: absolute;
top: 0;
color: #000;
}
/* Table column header, selected this way because of backgrid */
.domainlist tr:last-of-type th {
border-top: 1px solid #ddd;
line-height: 24px;
background: #f1f1f1;
background: linear-gradient(to bottom, #f1f1f1 0%, #eaeaea 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#eaeaea', GradientType=0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.domainlist th:first-child {
border-left: none;
}
.domainlist th:last-child {
border-right: none;
}
/* Menubar and pagination*/
.domainlist .row-menubar th {
background: white;
}
.domainlist .menubar-header {
border: none;
padding: 0;
}
.domainlist .mana-menubar {
float: left;
}
.domainlist .pagination_row {
float: right;
padding: 5px 10px;
}
/* Style header sorting */
.domainlist th > a {
color: #555;
vertical-align: middle;
}
.domainlist th > a:hover {
cursor: pointer;
text-decoration: none;
color: #222;
}
.domainlist tr:last-of-type .ascending,
.domainlist tr:last-of-type .descending {
color: #333;
border-left: 1px solid #CCC;
border-right: 1px solid #F5F5F5;
box-shadow: inset 0 2px 15px -4px rgba(0, 0, 0, 0.2);
background: #ddd;
background: linear-gradient(to bottom, #DDD 0%, #CCC 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#CCC', GradientType=0);
}
.domainlist .name-col a.domain_name {
cursor: pointer;
margin-left: 5px;
color: #333;
}
/* Create up/down carets for ascending and descending */
.domainlist tr:last-of-type .ascending:after,
.domainlist tr:last-of-type .descending:after {
font-family: "FontAwesome";
position: absolute;
right: 10px;
top: 0;
line-height: 40px;
pointer-events: none;
}
.domainlist tr:last-of-type .ascending:after {
content: "\f0de";
}
.domainlist tr:last-of-type .descending:after {
content: "\f0dd";
}
/* Pagination */
.domainlist .backgrid-paginator {
text-align: inherit;
}
.domainlist .backgrid-paginator ul > li > a,
.domainlist .backgrid-paginator ul > li > span {
width: auto;
padding: 4px 12px;
line-height: 18px;
}
/*
MANAGE PAGE COLUMN WIDTH DEFINITIONS
====================================
Each page needs to have its own columns' widths defined, or they won't work
*/
.mana-domain-list .handler-col{
width: 2%;
padding: 8px 0;
}
.mana-domain-list .select-col,
.mana-domain-list .select-all-header-cell {
width: 6%;
text-align: center;
}
.mana-domain-list .badge-col {
width: 4%;
}
.mana-domain-list .name-col {
width: 22%;
}
.mana-domain-list .portfolio-col {
width: 20%;
}
.mana-domain-list .created-col {
width: 11%;
}
.mana-domain-list .updated-col {
width: 11%;
}
.mana-domain-list .expiration-col {
width: 11%;
}
.mana-domain-list .toggles-col {
width: 13%;
}
/* Manage interface fixed header width definitions */
.mana-domain-list .handler-col{
left: 0;
}
.mana-domain-list th.select-col,
.mana-domain-list th.select-all-header-cell {
left: 2%;
}
.mana-domain-list th.badge-col {
left: 8%;
}
.mana-domain-list th.name-col {
left: 12%;
}
.mana-domain-list th.portfolio-col {
left: 34%;
}
.mana-domain-list th.created-col {
left: 54%;
}
.mana-domain-list th.updated-col {
left: 65%;
}
.mana-domain-list th.expiration-col {
left: 76%;
}
.mana-domain-list th.toggles-col {
left: 87%;
}
.mana-domain-list th a {
display: block
}
/*
TRANSFERS PAGE COLUMN WIDTH DEFINITIONS
=======================================
Each page needs to have its own columns' widths defined, or they won't work
*/
.transfer-list-table {
max-height: 560px;
overflow: auto;
}
.trans-domain-list .table {
margin: 0;
}
.trans-domain-list td {
height: 40px;
vertical-align: middle;
}
/* GENERAL */
.mana-right-bottom .table {
margin-bottom: 0;
}
.mana-wrapper ul.prod-grid {
border: 1px solid #efefef;
}
.mana-right-bottom .options {
display: inline;
}
.mana-right-bottom .dropdown-toggle:hover {
text-decoration: none;
cursor: pointer;
}
.mana-right-bottom .options .btn-group {
margin-left: 0 !important;
}
.domainlist .domain_filter {
padding: 8px 30px 0 0;
}
.domainlist .domain_filter .input-group {
width: 300px;
}
.domainlist .domain_filter .input-group .btn {
margin-top: 0;
}
.ui-state-active {
background-color: #ECECEC;
border-left: solid 6px #f8a44a;
}
.domain-drag-helper {
background-color: #E6F2EC;
padding: 9px 14px;
border-radius: 5px 5px 5px 5px !important;
}
.overlay-message {
background: none;
margin-top: 75px;
}
.domain-portfolio.overlay-message .modal-content {
z-index: 99999 !important;
width: 300px;
background-color: #FFD;
}
.domain-portfolio.overlay-message .modal-body {
padding: 6px;
}
#manage a.dropdown-toggle:hover {
text-decoration: none;
}
.nav-actions .dropdown-menu li.new_containing_portfolio:hover {
cursor: pointer;
background-color: #FFD;
}
.mana-right-panel .profile-summary {
margin: 10px 0;
}
.mana-right-panel .profile-edit {
display: none;
margin-top: 10px;
clear: both;
}
.domain-info table {
width: 100%
}
.domain-info td {
padding: 5px;
}
/*Domain Utilities*/
.domain-edit-panel-group .panel-body {
min-height: 110px;
}
.table-loading {
position: absolute;
font-size: 18px;
top: 30px;
margin-left: -10%;
background-color: #f9edbe;
border: solid 1px #f0c36d;
padding: 5px 15px;
z-index: 1;
left: 50%;
border-radius: 5px 5px 5px 5px !important;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}
/*ORDER SUMMARY STEP*/
.table.order-summary thead>tr>th {
line-height: 26px;
border-top: solid 1px;
vertical-align: middle;
}
.table.order-summary tbody>tr>td {
vertical-align: middle;
}
/*END ORDER SUMMARY STEP*/
/*
ADDRESS PROFILE STYLES
======================
These style the address book, profile selection, and address "cards".
*/
.address-profile.panel .panel-body,
.address-profile.placeholder .panel-body {
background-color: #fff;
cursor: pointer;
}
.address-profile.panel:hover,
.address-profile.panel.placeholder:hover {
border-color: #999;
}
.address-profile.panel .panel-body:hover,
.address-profile.placeholder .panel-body:hover {
background-color: #f6f6f6;
}
.address-profile.panel.panel-primary .panel-body {
background-color: #effaf1;
}
.address-profile:hover .panel-body .btn.hide {
display: block !important;
}
.address-profile .panel-body {
padding: 10px 0;
}
.address-profile .media-body,
.address-profile small,
.address-profile h4 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.address-profile .media-object.fa {
margin-top: 3px;
margin-left: 6px;
}
.address-profile img.media-object {
width: 24px;
border: 1px solid #DDD;
margin-top: 3px;
box-shadow: 1px 3px 2px -2px rgba(0, 0, 0, .1);
}
.address-profile h4,
.address-profile h4.no-org {
margin-top: 0;
margin-bottom: 0;
}
.address-profile h4.no-org {
line-height: 38px;
}
.address-profile .fa-bar {
margin-top: 8px;
}
.address-profile .fa-bar i {
margin: 0 5px;
}
.address-profile .panel-body {
position: relative;
}
.address-profile .panel-body .media-object {
color: #999;
}
.address-profile.panel-primary>.panel-heading,
.address-profile.panel-primary>.panel-footer {
background-color: #008444;
border-color: #008444;
}
.address-profile.panel-primary,
.address-profile.panel-primary:hover{
border: 1px solid rgba(0, 132, 68, 0.5);
}
.address-profile.panel-primary .panel-body .media-object {
color: #008444;
}
.address-profile.panel-primary .btn-default {
background-color: #ccc;
}
.address-profile.panel .profile-select {
position: absolute;
right: 15px;
bottom: 15px;
}
.address-profile.panel.panel-primary .profile-select.btn {
background: #008444;
color: #fff;
}
.address-profile.panel .profile-selected {
position: absolute;
right: 15px;
bottom: 15px;
}
.address-profile.panel .media {
margin-top: 2px;
padding-top: 0;
}
@media (max-width: 1200px) {
.address-profile.panel .media-body {
max-width: 179px;
}
}
.create-profile-form .popover {
max-width: none;
}
/*END ADDRESS PROFILE*/
/*
All of these styles need to be placed in the relevant section
*/
.mana-single-edit .nav-pills > li > a {
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
}
.mana-single-edit .nav-pills > li.active > a {
background-color: white;
border: 1px solid #ddd;
border-bottom-color: white;
color: #222;
font-weight: bold;
}
.domain-info table tr > td > span {
position: absolute;
padding-left: 18px;
}
.payment-order-summary .panel-body {
padding: 0;
}
/*
TRANSFERS
=========
Styles for just the domain transfers page. These should not include styles
relating to the management list, unless they're too specific.
*/
.nav-pills .transfer-jobs {
min-height: 350px;
overflow-x: hidden;
overflow-y: auto;
}
/* For blocks of text - GENERALIZE STYLE */
.block-sec {
padding: 0;
margin: 30px 0;
}
.block-sec:last-child {
margin-bottom: 15px;
}
.transfer-input {
width: 100%;
display: table;
}
.transfer-input .transfer-row {
display: table-row;
}
.transfer-row > div {
float: none;
display: table-cell;
vertical-align: top;
}
.transfer-row .info-panel {
vertical-align: middle;
}
.transfer-input .input-group {
width: 100%;
}
.info-panel {
padding: 25px;
margin-bottom: 0;
background-color: #FEFEFE;
color: #666;
border: 1px solid rgb(241, 241, 241);
box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.1);
}
.transfer-input .clear-transfer.react-slide-up-leave.react-slide-up-leave-active,
.transfer-input .clear-transfer.react-slide-up-enter {
margin-top: -10px;
}
.transfer-input .has-error .help-block.error-msg,
.transfer-input .multiple-errors .help-block.error-msg.show-error {
pointer-events: none;
height: 20px;
display: block;
overflow: hidden;
margin: 8px 0;
}
.transfer-input .help-block.error-msg,
.transfer-input .multiple-errors .help-block.error-msg {
text-align: center;
line-height: 20px;
height: 0;
display: none;
margin: 0;
}
.transfer-input .table {
table-layout: fixed;
}
.transfer-input td {
overflow: hidden;
text-overflow: ellipsis;
}
.meta-search-wrapper {
overflow: visible;
}
/* Should be consolidated with other style */
.meta-search-wrapper .input-group.expanded {
background: white;
/*box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25);*/
}
/* Job stats for detail view */
.job-stats {
margin: -8px 0 4px;
border-collapse: separate;
border-spacing: 0 4px;
}
.job-stats .stat-row {
background: #e6f2ec;
}
.job-stats .stat {
padding: 4px;
vertical-align: middle;
border: none;
}
.job-stats .label {
display: inline-block;
padding: 8px 6px;
margin: 0 12px 0 10px;
background: #CEE0D7;
font-size: 13px;
color: #548D71;
}
.job-stats .label:first-child {
margin-left: 0
}
/* Transfer actions modals */
.transfer-action-results.failure-details {
max-height: 150px;
overflow: auto;
}
.active-transfers .transfer-history {
display: none;
}
.table.job-table td .progress {
width: 100%;
height: 10px;
margin-bottom: 0;
}
.processing-transfers {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 100px 70px 0 55px;
text-align: center;
z-index: 1000;
}
.processing-transfers .icon-gear {
margin-left: -35px;
}
.app-panel.app-panel-transfer .container {
max-width: 1280px;
width: calc(100% - 10px);
}
/*Documents*/
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
left:0;
bottom:0;
width:100%;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
font-size: 0;
direction: ltr;
cursor: pointer;
}
.documents-email-file-wrapper {
width: 129px;
height: 60px;
margin-bottom: 15px;
float: left;
cursor: pointer;
}
.documents-email-file-wrapper > button {
display: none;
position: absolute;
margin-top: -15px;
}
.documents-email-file-wrapper:hover > button {
display: block;
}
.documents-email-file-wrapper > div {
text-align: center;
}
.documents-dropzone {
display: none;
text-align: center;
background-color: rgba(237, 250, 240, 0.5);
border: dashed 5px rgba(163, 206, 179, .79);
color: rgba(163, 206, 179, .79);
position: absolute;
min-height: 300px;
}
.documents-dropzone > h3 {
margin-top: 10%;
}
.documents-dropzone > i {
margin-bottom: 10%;
}
.documents-dropzone.fade {
transition: all .25s easy-in-out;
-webkit-transition: all .25s easy-in-out;
-moz-transition: all .25s easy-in-out;
}
.documents-dropzone.in {
display: block;
}
.documents-dropzone.hover {
background-color: rgba(237, 250, 240, 0.75);
border: dashed 5px rgba(0, 132, 68, 0.75);
color: rgba(0, 132, 68, 0.75);
}
.documents-badge-new {
background-color: #046A89;
color: white;
padding: 0 3px 0 3px;
font-weight: bold;
margin-right: 5px;
box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.4);
}
.documents-activity-container {
height: 150px;
overflow: auto;
}
.documents-activity-container:after{
pointer-events: none;
content: "";
position: absolute;
height: 20px;
right: 0;
bottom: 0;
left: 0;
border-bottom: solid 1px #ddd;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
/*Notices*/
.notices-button-accepted {
line-height: 33px;
width: 100%;
display: block;
background-color: #F6F6F6;
border: solid 1px #EEE;
padding: 0 20px 0 0;
}
.notices-button-accepted label {
margin-bottom: 0;
font-size: 90%;
}
.notices-ca-iframe-container {
overflow: hidden;
margin-bottom: 10px;
border: 1px solid rgb(241, 241, 241);
box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, .1);
}
/*Support*/
.support-ticket-reply-textarea {
margin-top: 0;
margin-bottom: 10px;
height: 94px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #ddd;
}
.support-ticket-dropzone {
width: 100%;
display: block;
text-align: center;
background-color: #f9f9f9;
border: solid 1px #ccc;
color: #ccc;
padding: 10px;
margin-bottom: 20px;
border-top: none;
}
.support-ticket-dropzone.fade {
transition: all .25s easy-in-out;
-webkit-transition: all .25s easy-in-out;
-moz-transition: all .25s easy-in-out;
}
.support-ticket-dropzone.hover {
color: #008444;
background-color: rgb(237, 250, 240);
background-color: rgba(237, 250, 240, 0.75);
}
/*React Transitions*/
/*Common*/
.react-fade-enter,
.react-fade-leave,
.react-slide-up-enter,
.react-slide-up-leave,
.react-slide-down-enter,
.react-slide-down-leave,
.react-blind-right-enter,
.react-blind-right-leave,
.react-blind-up-enter,
.react-blind-up-leave {
-webkit-transition: .25s ease-in-out all;
-moz-transition: .25s ease-in-out all;
-o-transition: .25s ease-in-out all;
transition: .25s ease-in-out all;
}
/*Fade*/
.react-fade-leave.react-fade-leave-active,
.react-fade-enter {
opacity: 0;
}
.react-fade-enter.react-fade-enter-active,
.react-fade-leave {
opacity: 1;
}
/*Slide Up*/
.react-slide-up-leave.react-slide-up-leave-active,
.react-slide-up-enter {
opacity: 0;
margin-top: -50px;
}
.react-slide-up-enter.react-slide-up-enter-active,
.react-slide-up-leave {
opacity: 1;
margin-top: 0;
}
/*Blind*/
.react-blind-right-enter,
.react-blind-right-leave,
.react-blind-up-enter,
.react-blind-up-leave,
.react-blind-down-enter,
.react-blind-down-leave {
position: relative;
overflow: hidden;
}
/*Blind Right*/
.react-blind-right-enter {
opacity: 0;
left: 100%;
}
.react-blind-right-enter.react-blind-right-enter-active {
opacity: 1;
left: 0;
}
.react-blind-right-leave {
opacity: 1;
left: 0;
}
.react-blind-right-leave.react-blind-right-leave-active {
opacity: 0;
left: 100%;
}
/*Blind Up*/
.react-blind-up-leave.react-blind-up-leave-active,
.react-blind-up-enter {
opacity: 0;
top: -10px;
height: 0;
}
.react-blind-up-enter.react-blind-up-enter-active,
.react-blind-up-leave {
opacity: 1;
top: 0;
height: 50px;
}
/*Blind Down*/
.react-blind-down-leave.react-blind-down-leave-active,
.react-blind-down-enter {
opacity: 0;
top: 10px;
}
.react-blind-down-enter.react-blind-down-enter-active,
.react-blind-down-leave {
opacity: 1;
top: 0;
}
/**
* Auda Certificate
****************************************/
.auda-certificate {
padding: 140px 0 80px;
min-height: 70vh;
}
.auda-certificate .well {
background: #fff;
padding: 45px;
}
.auda-certificate hr {
margin: 45px 0;
}
.auda-certificate .alert {
border: 1px solid #999;
margin-top: 60px;
}
.auda-certificate .text-copyright {
border-top: 1px solid #eee;
line-height: 50px;
}
.page-stripe.auda-certificate p {
font-size: 14px;
}
.page-stripe.auda-certificate p.spaced {
margin-top: 60px;
}
/**
* Login / Signup
****************************************/
.login-signup {
padding: 140px 0 80px;
text-align: center;
min-height: 70vh;
}
.login-signup .overlay {
opacity: 0.925;
background-color: #FFF;
}
.login-signup-box {
background: #fff;
border: 1px solid #e5e5e5;
padding: 30px 40px;
animation: fade-in 1s;
-o-animation: fade-in 1s;
-webkit-animation: fade-in 1s;
width: 540px;
}
@keyframes fade-in {
0%{
opacity: 0;
}
100% {
opacity: 100%;
}
}
@-webkit-keyframes fade-in {
0%{
opacity: 0;
}
100% {
opacity: 100%;
}
}
@-moz-keyframes fade-in {
0%{
opacity: 0;
}
100% {
opacity: 100%;
}
}
.login-signup-box form {
text-align: left;
}
.login-signup-box form label {
font-weight: 300;
}
.login-signup-box form .checkbox {
font-size: 12px;
padding: 10px 0;
}
.login-signup-box form .checkbox.ta-l label {
padding-left: 10px;
}
.login-signup-box form .btn {
display: block;
text-transform: uppercase;
width: 100%;
}
.login-signup h2 {
font-size: 18px;
font-weight: 700;
line-height: 40px;
margin: 0;
}
.login-signup p {
font-size: 14px;
padding-top: 20px;
}
.login-signup p a {
font-weight: 700;
}
/**
* Landing Pages
****************************************/
.btn-landing {
color: #fff;
margin: 25px auto 0;
padding-left: 60px;
padding-right: 60px;
}
.landing-hero {
height: 400px;
padding: 80px 0 0;
}
.landing-hero h1 {
color: #fff;
font-size: 36px;
}
.landing-hero h3 {
color: #fff;
font-size: 144px;
}
.landing-hero-signup {
padding: 80px 0 220px;
}
.landing-hero-signup .login-signup {
background: #fff;
padding: 20px 0;
text-align: left;
}
.landing-hero-signup .login-signup h2 {
font-size: 26px;
font-weight: 400;
padding-left: 20px;
}
.landing-hero-signup .login-signup p {
padding-left: 20px;
}
.landing-hero-signup .login-signup .login-signup-box {
border: none;
display: block;
}
.landing-hero-signup .login-signup .login-signup-box form {
width: auto;
}
.landing-contact-box {
color: #fff;
padding: 0 0 20px 40px;
}
.brokers-bio {
margin: 0;
padding: 0;
}
.brokers-bio li {
list-style: none;
padding-top: 40px;
}
.brokers-bio li .bio {
background-size: 110px 110px;
border: 1px solid #999;
height: 110px;
width: 110px;
}
.brokers-bio li p {
line-height: 22px;
padding-left: 180px;
}
.brokers-bio li p .fa {
margin-right: 6px;
}
.brokers-bio li .bio-sevan {
background: url('../img/landing-pages/img-landing-avatar-sevan.jpg') center / cover no-repeat;
}
.brokers-bio li .bio-frank {
background: url('../img/landing-pages/img-landing-avatar-frank.jpg') center / cover no-repeat;
}
.bg-landing-space {
background: url('../img/landing-pages/bg-landing-space.jpg') center bottom / cover no-repeat;
}
.bg-landing-grass {
background: url('../img/landing-pages/bg-landing-grass.jpg') center bottom / cover no-repeat;
}
.bg-landing-mountains {
background: url('../img/landing-pages/bg-landing-mountains.jpg') center bottom / cover no-repeat;
}
.bg-landing-sky {
background: url('../img/landing-pages/bg-landing-sky.jpg') center bottom / cover no-repeat;
}
.bg-landing-mountains-lg {
background: url('../img/landing-pages/bg-landing-mountains-lg.jpg') center bottom / cover no-repeat;
}
/*
login modal
*/
.two-step-auth-mode .two-step-hide {
display: none;
}
div.modal:not(.two-step-auth-mode) .two-step-show {
display: none;
}
.agreement-mode .agreement-hide {
display: none;
}
div.modal:not(.agreement-mode) .agreement-show {
display: none;
}
.domain-agreement-mode .domain-agreement-hide {
display: none;
}
div.modal:not(.domain-agreement-mode) .domain-agreement-show {
display: none;
}
.modal-loading .loading-hide {
display: none;
}
div.modal:not(.modal-loading) .loading-show {
display: none;
}
/*
homepage intro video
*/
body > .video-overlay {
display: none;
background: rgba(255, 255, 255, 0.55);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1200;
}
.video-overlay .box {
width: 900px;
height: 523px;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
top: -20%;
right: 0;
}
.video-overlay .box .close {
float: none;
}
.video-overlay .box.video .cover {
position: absolute;
transition: all 1s;
-webkit-transition: all 1s;
}
.video-overlay .box.video .play {
position: absolute;
z-index: 1;
margin-top: 180px;
margin-left: 377px;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.video-overlay .box.video .play:hover {
opacity: 1;
}
#ytplayer {
box-shadow: 1px 10px 30px -5px rgba(0, 0, 0, 0.60);
}
.anchor-navbar-offset{
display: block;
height: 60px; /*same height as header*/
margin-top: -60px; /*same height as header*/
visibility: hidden;
}
.jquery-notebook.bubble{
height: auto !important;
}
/*
Topcoin
*/
.topcoin-question {
font-size:18px;
}
/* We need this to deal with Google Conversion iframe gap at the bottom */
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
ul.price-tooltip {
padding-left:20px;
list-style:none;
}
ul.price-tooltip li.active:before {
font-family: 'FontAwesome';
content: '\f0da';
margin:0 5px 0 -10px;
}
/** Form Small */
.form-small {
width: 350px;
}
.form-small button {
margin: 0 auto;
}
/** Help Tag */
.fa-helptag {
background: #b2b2b2;
color: #fff;
cursor: default;
font-size: 13px;
height: 17px;
line-height: 17px;
text-align: center;
width: 17px;
}
/** Responsive adjustments */
@media (max-height: 700px) {
.landing-hero {
height: 300px;
padding: 30px 0 0;
}
.page-stripe-landing {
padding: 40px 0 60px;
}
}