body {
background-attachment: scroll;
background-color: #fbfbfd;
background-position: left top;
background-repeat: repeat;
}
h1#title {
font-weight: 800;
border: 1px solid rgb(214, 214, 214);
padding: 10px;
background-color: #333333;
color: #F4F4F4;
border-radius: 4px;
text-align: center;
}
@media (max-width: 1200px){
.theme-info {
width: 965px;
}
div.social {
margin-right: 7px !important;
margin-left: 6.3px !important;
}
#plus-facebook {
background: url(/theme/simpleX/img/social-icons.png) -31px 1px no-repeat !important;
width: 51px !important;
height: 52px !important;
display: -webkit-box !important;
}
#plus-gplus {
display: none !important;
}
#plus-twitt {
display: none !important;
}
}
@media (max-width: 991px){
.theme-info {
width: 765px;
}
.col-md-3 {
float: left;
padding-left: 5px;
padding-right: 5px;
width: 25%;
}
.social {
display: none !important;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}
}
@media (max-width: 785px){
.theme-info {
width: 100%;
}
}
@media (max-width: 767px){
.navbar-right {
font-family: fantasy;
text-align: center;
float: left;
width: 100%;
margin-right: 0px;
background-color: #FFFFFF;
}
.dropdown {
display: none;
}
.navbar-nav {
margin: 0.0px 0px;
}
}
@media (max-width: 725px){
.left {
display: none;
}
.theme-info {
padding-right: 0px;
}
.right {
width: 100%;
/* float: left; */
}
.right li {
width: 33.3%;
}
.col-md-3 {
width: 50%;
}
.thumbnail>img, .thumbnail a>img {
height: 100px;
}
}
@media (max-width: 420px){
.right {
width: 150%;
float: left;
}
.thumbnail>img, .thumbnail a>img {
height: auto;
}
.col-md-3 {
width: 100%;
}
}
div.social {
display: none;
margin-right: 13px;
margin-left: 13.3px;
margin-top: 0px;
}
#plus-facebook {
background: url(/theme/simpleX/img/social-icons.png) 0px 1px no-repeat;
width: 87px;
height: 52px;
display: -webkit-box;
}
#plus-gplus {
margin-top: -52px;
margin-left: 74px;
background: url(/theme/simpleX/img/social-icons.png) -74px 1px no-repeat;
width: 89px;
height: 52px;
display: -webkit-box;
}
#plus-twitt {
margin-top: -53px;
margin-left: 163px;
background: url(/theme/simpleX/img/social-icons.png) -165px 1px no-repeat;
width: 75px;
height: 53px;
display: -webkit-box;
}
.top-shadow{
background-image: url(/theme/simpleX/img/shadow-top.png);
background-repeat: no-repeat;
background-position: top center;
height: 30px;
}
.atoz_seo_tools_logo {
width: 266px;
padding: 3px 0px;
max-height: 120px;
}
.navbar-nav > li > a {
text-transform: none;
}
#index_alert1{
display: none;
}
.navbar-default {
background-color: #FFFFFF;
margin-top: 40px;
border-color: #ebf1f8;
border-width: 0 0px 0px;
}
.navbar-brand{
margin-top: 0px;
padding: 0 0px;
}
.navbar-right{
margin-right: 0px;
}
.well{
background-color: #fff;
}
.caption{
margin-bottom:10px;
}
.about_tool{
margin-bottom:20px;
}
.main-index{
border: 1px solid rgb(221, 221, 221);
padding-top: 20px;
background-color: #fff;
}
.main-container{
margin-top: 10px;
}
.b-widgets {
background-color: #232c3b;
color: #4a4c4c;
padding: 35px 40px 25px;
}
.alertNew {
border-radius: 0;
font-size: 14px;
}
.alertNew-block {
padding-bottom: 14px;
padding-top: 14px;
padding-left: 12px;
}
.alertNew-success {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #468847;
}
.alertNew-danger, .alertNew-error {
background-color: #F2DEDE;
border-color: #EED3D7;
color: #B94A48;
}
.alertNew .close {
font-size: 16px;
}
.alertNew .close {
line-height: 20px;
position: relative;
left: -21px;
top: -2px;
}
.alert-danger, .alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.footer {
color: #fff;
background-color: #1e2530;
padding: 0;
border-top: 2px solid #ebf1f8;
}
.footer-logo {
font-size: 16px;
text-align: center;
}
.footer-logo li {
display: inline-block;
margin-right: 20px;
}
.footer-logo li a {
color: #fff;
font-size: 15px;
text-decoration: none;
text-transform: capitalize;
}
.layout {
padding: 0 15px;
}
.widget-header {
background: linear-gradient(to bottom, #fff 0px, #eee 100%) repeat-x scroll 0 0 #f7f7f7;
border-bottom: 1px solid #ddd;
box-sizing: content-box;
color: #669fc7;
min-height: 38px;
padding-left: 12px;
position: relative;
}
.widget-box {
border: 1px solid #ccc;
box-shadow: none;
margin: 3px 0;
padding: 0;
}
.widget-header > .widget-title {
display: inline;
line-height: 36px;
margin: 0;
padding: 0;
}
h4.smaller {
font-size: 17px;
}
.widget-body {
background-color: #fff;
}
.widget-main{
padding:18px;
}
.row-item {
display: inline-block;
font-size: 13px;
letter-spacing: normal;
margin: 0;
text-align: left;
vertical-align: top;
word-spacing: normal;
}
.just-links li {
line-height: 24px;
}
.b-widgets .b-list {
margin-bottom: 30px;
}
.just-links {
margin-bottom: 20px;
}
.result-line {
line-height: 20px;
margin-top: 1px;
padding: 5px;
}
.percentbox
{
text-align: center;
font-size: 18px;
margin: 18px;
}
.percentimg
{
text-align: center;
display: none;
}
.b-list {
line-height: 20px;
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
position: relative;
}
.b-list li {
margin-bottom: 2px;
}
.just-links.m-dark a {
color: #4a4c4c;
}
.just-links a {
color: #e34735;
display: block;
}
.b-list a {
color: inherit;
text-decoration: none;
}
.b-widgets h3 {
font-size: 16px;
margin-bottom: 15px;
text-transform: uppercase;
}
.b-widgets h1, .b-widgets h2, .b-widgets h3, .b-widgets h4, .b-widgets h5, .b-widgets h6 {
color: #343434;
}
.b-twitter ul {
list-style: outside none none;
margin: 0 0 20px;
padding: 0;
}
.b-twitter li {
padding: 0 0 18px 25px;
position: relative;
}
.b-twitter li:before {
color: #e2e2e2;
content: "ï‚™";
font: 16px "FontAwesome";
left: 0;
position: absolute;
top: 2px;
}
.b-twitter span {
display: block;
margin: 2px 0 0;
}
.twit-date {
color: #d3d3d3;
font: 11px "OpenSansItalic";
}
.b-twitter.m-footer a {
color: #e34735;
}
.b-twitter.m-footer a:hover {
color: #3b3d40;
}
.b-twitter.m-footer li:before {
color: #ced3d5;
text-shadow: 0 1px 0 white;
}
.b-twitter.m-footer .twit-date {
color: #444;
}
.b-tag-cloud {
font-size: 0;
letter-spacing: -0.31em;
margin-bottom: 20px;
word-spacing: -0.43em;
}
.b-tag-cloud span {
color: #313538;
display: inline-block;
font: 14px "OpenSansSemiboldRegular";
margin-right: 10px;
}
.b-tag-cloud a {
background-color: #fafafa;
border: 1px solid #e2e2e2;
border-radius: 2px;
color: #424346;
display: inline-block;
font: 11px/29px "OpenSansSemiboldRegular";
letter-spacing: normal;
margin: 0 10px 10px 0;
padding: 0 15px;
position: relative;
text-shadow: 0 1px 0 white;
transition: all 0.2s ease-in-out 0s;
word-spacing: normal;
}
.b-tag-cloud a:hover {
background-color: #10B0E4;
border: 1px solid #6BD4F7;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
color: #fff;
text-shadow: 0 -1px 0 #6BD4F7;
}
.b-tag-cloud a:hover:before {
opacity: 1;
}
.b-tag-cloud.m-dark {
margin-bottom: 13px;
}
.b-tag-cloud.m-dark a {
background-color: #fff;
border-color: #dddddd;
}
.b-tag-cloud.m-dark a:hover {
background-color: #10B0E4;
border: 1px solid #6BD4F7;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
color: #fff;
text-shadow: 0 -1px 0 #6BD4F7;
}
.input-wrap, .select-wrap {
display: block;
margin: 0 0 12px;
position: relative;
}
.textarea-wrap {
margin-bottom: 12px;
position: relative;
}
.textarea-wrap textarea {
box-sizing: border-box;
display: block;
font-size: 12px;
height: 110px;
max-width: 100%;
min-width: 100%;
padding: 8px 12px 12px;
width: 100%;
}
.input-wrap i {
color: #c1c4c5;
left: 11px;
position: absolute;
top: 11px;
}
.textarea-wrap i {
color: #c1c4c5;
left: 11px;
position: absolute;
top: 12px;
}
.input-wrap i + input, .textarea-wrap i + textarea {
padding-left: 31px;
}
.thumbnail:hover{
box-shadow: 0px 0px 0px 0px #fff;
opacity:1;
}
.form-control {
border-radius: 2px !important;
background-color: #FCFFDD;
border: 1px solid #BDDABE;
box-shadow: 0 0 0 4px #f0fbff;
box-sizing: border-box;
color: #111111;
padding: 5px 10px;
width: 100%;
}
.seotoolimg{
margin-top:10px;
margin-bottom:10px;
}
.well {
border: 0px solid #e3e3e3;
border-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
margin-bottom: 20px;
min-height: 20px;
padding: 0px;
}
.xd_top_box{
display: block;
height: auto;
max-width: 100%;
text-align: center;
padding-bottom: 18px;
}
.sideXd{
text-align: center;
}
.bg-facebook {
background: none repeat scroll 0 0 #1d89cf;
border-radius: 0;
color: #fff;
cursor: pointer;
}
.bg-twitter {
background: none repeat scroll 0 0 #3ddcde;
border-radius: 0;
cursor: pointer;
}
.bg-google-plus {
background: none repeat scroll 0 0 #e74c3c;
border-radius: 0;
cursor: pointer;
}
.bg-pinterest {
background: none repeat scroll 0 0 #CB2027;
border-radius: 0;
cursor: pointer;
}
.bg-stumbleupon {
background: none repeat scroll 0 0 #EB4923;
border-radius: 0;
cursor: pointer;
}
.bg-linkedin {
background: none repeat scroll 0 0 #3F97C6;
border-radius: 0;
cursor: pointer;
}
.panel-heading a:hover
{
color: #fff;
font-size: 15px;
}
.imagever {
border: 4px solid #ffffff;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2) inset;
transition: box-shadow 0.2s ease 0s;
}
.capInput{
margin-top:7px;
width:15%;
display:inline;
}
#spinningSquaresG{
position:relative;
width:200px;
height:24px}
.spinningSquaresG{
position:absolute;
top:0;
background-color:#FFFFFF;
width:24px;
height:24px;
-moz-animation-name:bounce_spinningSquaresG;
-moz-animation-duration:1.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.3);
-webkit-animation-name:bounce_spinningSquaresG;
-webkit-animation-duration:1.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.3);
-ms-animation-name:bounce_spinningSquaresG;
-ms-animation-duration:1.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.3);
-o-animation-name:bounce_spinningSquaresG;
-o-animation-duration:1.3s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.3);
animation-name:bounce_spinningSquaresG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.3);
}
#spinningSquaresG_1{
left:0;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
#spinningSquaresG_2{
left:25px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
#spinningSquaresG_3{
left:50px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
#spinningSquaresG_4{
left:75px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}
#spinningSquaresG_5{
left:100px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
#spinningSquaresG_6{
left:125px;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}
#spinningSquaresG_7{
left:150px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
#spinningSquaresG_8{
left:175px;
-moz-animation-delay:1.43s;
-webkit-animation-delay:1.43s;
-ms-animation-delay:1.43s;
-o-animation-delay:1.43s;
animation-delay:1.43s;
}
@-moz-keyframes bounce_spinningSquaresG{
0%{
-moz-transform:scale(1);
background-color:#FFFFFF;
}
100%{
-moz-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}
}
@-webkit-keyframes bounce_spinningSquaresG{
0%{
-webkit-transform:scale(1);
background-color:#FFFFFF;
}
100%{
-webkit-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}
}
@-ms-keyframes bounce_spinningSquaresG{
0%{
-ms-transform:scale(1);
background-color:#FFFFFF;
}
100%{
-ms-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}
}
@-o-keyframes bounce_spinningSquaresG{
0%{
-o-transform:scale(1);
background-color:#FFFFFF;
}
100%{
-o-transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}
}
@keyframes bounce_spinningSquaresG{
0%{
transform:scale(1);
background-color:#FFFFFF;
}
100%{
transform:scale(.3) rotate(90deg);
background-color:#A6A6A6;
}
}
.ultm-32.ultm-facebook {
background-image: url("../img/facebook.png");
}
.ultm-color-to-gray {
transition: all 0.2s ease 0s;
}
.ultm-facebook, .ultm-facebook.ultm-gray-to-color:hover{
background-color: #6686b7;
}
.ultm-twitter, .ultm-twitter.ultm-gray-to-color:hover {
background-color: #54c1de;
}
.ultm-google-plus-1, .ultm-google-plus-1.ultm-gray-to-color:hover {
background-color: #e55e4c;
}
.ultm-color-to-gray:hover {
background-color: #888;
}
.ultm-32.ultm-twitter {
background-image: url("../img/twitter.png");
}
.ultm-32.ultm-google-plus-1 {
background-image: url("../img/gp.png");
}
.ultm-32 {
height: 32px;
width: 32px;
}
.ultm-color-to-gray {
transition: all 0.2s ease 0s;
}
.ultm {
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
margin: 5px;
}
/* Modal */
.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
background-clip: padding-box;
outline: 0;
}
@media (min-width: 768px) {
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
}
.modal-header {
border-bottom: none;
padding: 10px 20px;
min-height: 16.428571429px;
}
.modal-title {
font-family: 'Open Sans', sans-serif;
font-size: 23px;
font-weight: normal;
margin: 0;
line-height: 1.428571429;
}
.modal-header .close {
margin-top: 8px;
}
.modal-body {
position: relative;
padding: 0px 20px 10px;
}
.modal-footer {
padding: 0px 20px 20px;
/*border-top: 1px solid #e5e5e5;*/
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.modal-backdrop.in {
opacity: .6;
filter: alpha(opacity=60);
}
/* --- end Modal --- */
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
cursor: pointer;
margin-top: -1px;
}
.close:hover {
opacity: .6;
filter: alpha(opacity=60);
}
.close:focus {
outline: 0;
}
button.close {
padding: 0;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.align-right {
text-align: right;
}
/* Form */
.form-group {
margin-bottom: 10px;
}
.form-input {
display: inline-block;
padding: 7px;
font-weight: normal;
line-height: 20px;
color: #000;
border-radius: 3px;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
width: 96%;
margin-top: 1px;
}
.form-input:focus {
outline: 0;
}
select.form-input {
width: 100%;
}
/* end Inputs */
.loginme {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.loginme input[type="checkbox"],
.loginme input[type="radio"] {
vertical-align: middle;
margin: -3px 2px 0 0;
}
.loginme label {
display: block;
font-weight: 700;
cursor: pointer;
}
.loginme .alert {
display: none;
}
.loginme .nav-pills {
margin: 5px 0 15px;
}
.loginme .nav-pills > li > a {
padding: 8px 12px;
}
.loginme .info {
margin-bottom: 10px;
line-height: 1.6em;
color: #999;
}
.loginme .alert ul {
margin: 0px;
padding: 0 0 0 15px;
}
.connect-with {
padding-bottom: 15px;
border-bottom: 1px solid #eee;
overflow: hidden;
margin: 0 0 10px !important;
}
.connect-with .connect {
display: block;
font-size: 17px;
font-weight: bold;
color: #fff !important;
text-decoration: none !important;
height: 40px;
line-height: 28px;
text-align: center;
padding: 8px 13px 18px 47px;
border-radius: 3px;
float: left;
margin-top: 5px;
margin-left: 50px;
}
.connect.facebook {
background: #3b5998 url(../img/connect-with.png) no-repeat;
}
.connect.google {
background: #DC4D28 url(../img/connect-with.png) no-repeat 0 -40px;
}
/* Bootstrap alert, buttons, nav */
.alert {
padding: 8px 10px;
margin: 0 0 10px;
border: 1px solid transparent;
border-radius: 3px;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
@media only screen and (min-width : 1201px) and (max-width : 1780px) {
div.content_2 {
float: right;
margin:0 auto;
}
.checkbox.inline {
margin-left: -150px;
}
}
@media (min-width: 768px) {
.modal-dialog {
width: 462px;
margin: 30px auto;
}
}
@media only screen and (min-width : 10px) and (max-width : 1000px) {
.grid_4 { width: 100%;
}
.checkbox.inline {
margin-left: 78px;
}
}
@media only screen and (min-width : 10px) and (max-width : 450px) {
.connect.google {
padding-left: 67px;
}
}
@media only screen and (min-width : 10px) and (max-width : 345px) {
.atoz_seo_tools_logo {
width: 210px;
padding: 8px 8px;
}
}