/* * Style tweaks * -------------------------------------------------- */ html, body { overflow-x: hidden; /* Prevent scroll on narrow devices */ } body { padding-top: 70px; background: url(https://sitecheck.sucuri.net/images/bg-noise.gif) top left repeat; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .clear {clear: both;} a, .blue, .infected-table-main span a { color: #2888ab; } a:hover { color: #000; } .red, .red a, .infected-table-main { color: #cc0000; } .navbar-inverse {border-top: 4px solid #26718b; background-color: #333;} .navbar-inverse .navbar-nav>li>a { color: #fff; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #2198c0; background-color: #333; } .nav-tabs { margin-bottom: 0; border-bottom: 0; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #000; cursor: default; background-color: #e5e5e5; border: 0; margin-top: 2px; } .nav-tabs>li { background-color: #ededed; margin: 1px; font-weight: bold; } .nav-tabs>li>a { border-radius: 0; } a.brand { width: 101px; height: 38px; margin-left: 20px; } .brand img {margin-top: 5px;} .row-offcanvas.main-body {background-color: #fff; border-top: 4px solid #999; padding-bottom: 50px;} .row-offcanvas {margin-left: 10px; margin-right: 10px; padding-bottom: 10px;} h1.title { color: #fff; font-size: 22px; font-weight: 500; margin: 12px 0 0 10px; } h2.sub-title { color: #1E7D9D; font-size: 18px; font-weight: 700; margin: 8px 0 0 20px; padding: 8px 10px 14px; } hr {margin-top: 5px;} .col-xs-12, .col-sm-9 {padding-left: 30px;} .social {padding-top: 8px; margin-top: 0;} .social img {margin-right: 4px;} .container .jumbotron { border-radius: 0; } .red-warn { background: #cc0000; color: #fff; font-weight: 600; font-size: 18px; padding: 10px 20px; margin-bottom: 2px; margin-top: 1px } .results{ background-color: #e5e5e5; padding: 20px; } .main-result td {font-weight: bold; } .table.main-result>tbody>tr>td {border: none; line-height: 1em; font-size: 15px; } #sitecheck-results .col-sm-11 {width: 87%; padding: 0;} .table thead {background: #999; color: #fff; font-weight: 300;} .main-result span {font-size: 12px; color: #999;} .main-result span.inf-imm {font-size: 15px;} .main-result span.small-red {font-size: 10px; color: #cc0000;} .scan-findings {margin-bottom: 40px;} .scan-findings.infected {margin-bottom: 20px;} .scan-findings td span.improve{ background: #6ba226; padding: 2px 4px; margin-right: 5px; color: #fff; font-size: 11px; text-transform: uppercase;} .scan-findings td span.protect{ background: #f1ab32; padding: 2px 4px; margin-right: 5px; color: #fff; font-size: 11px; text-transform: uppercase;} .scan-findings td span.cleanup{ background: #cc0000; padding: 2px 4px; margin-right: 5px; color: #fff; font-size: 11px; text-transform: uppercase;} .td-100 {width: 100%;} .infected-table-main {font-size: 12px; width: 98%; margin: 0 auto; height: 100px; overflow: scroll;} .infected-table-main thead {padding: 2px; background: #ccc; color: #000; } .infected-table-main span {color: #000;} .infected-table-main a {text-decoration: underline;} .table>tbody>tr>td.infected-tr {border-bottom: none;} .table.scan-findings>tbody>tr>td {padding: 15px 8px 15px; border-bottom: 1px solid #ccc;} .table.scan-findings>thead:first-child>tr:first-child>th {font-weight: 600;} .table.infected-table-main>thead:first-child>tr:first-child>th {color: #666; padding: 2px 5px} .table.infected-table-main td {padding: 3px;} .table>tbody>tr>td.scan-green {padding-left: 30px; background: url(https://sitecheck.sucuri.net/images/green-check.jpg) center left no-repeat;} .table>tbody>tr>td.scan-yellow {padding-left: 30px; background: url(https://sitecheck.sucuri.net/images/yellow-check.jpg) center left no-repeat;} .table>tbody>tr>td.scan-red {padding-left: 30px; background: url(https://sitecheck.sucuri.net/images/red-check.jpg) center left no-repeat;} .table>tbody>tr>td.scan-blue {padding-left: 30px; background: url(https://sitecheck.sucuri.net/images/blue-check.png) center left no-repeat;} .blacklist-results {background: transparent;} #blacklist-status .panel {border: none;} .jumbotron { border-top: 4px solid #999; } .sitecheck-error {border: 1px solid #cc0000; background: #ff9999; padding: 10px; font-size: 18px; font-weight: 700;} .form-control { height: 50px; font-size: 22px; } .input-group .form-control:first-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .input-group-btn:last-child>.btn, .greenbutton { border-bottom-left-radius: 4px; border-top-left-radius: 4px; height: 50px; margin-left: 10px; background-color: #6AA71D; background-image: -webkit-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%); background-image: -moz-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%); background-image: -ms-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%); background-image: -o-linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%); background-image: linear-gradient(top, #A4D55C 0%, #7DAD14 50%, #6AA71D 100%); border: 1px solid #667; border-bottom: 1px solid #666; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 0 1px 1px 0 #FFF, 0 3px 3px #CCC; -moz-box-shadow: inset 0 1px 0px 0 #FFF, 0 3px 3px #CCC; box-shadow: inset 0 1px 0px 0 #FFF, 0 3px 3px #CCC; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 -1px #457e1b; text-decoration: none; font-weight: 600; } .input-group-btn:last-child>.btn, .greenbutton a, .input-group-btn:last-child>.btn, .greenbutton a:hover {color: #fff; text-decoration: none;} .input-group-btn:last-child>.btn:hover, .greenbutton:hover { background-color: #A4D55C; background-image: -webkit-linear-gradient(top, #6AA71D 0%, #6AA71D 100%); background-image: -moz-linear-gradient(top, #6AA71D 0%, #6AA71D 100%); background-image: -ms-linear-gradient(top, #6AA71D 0%, #6AA71D 100%); background-image: -o-linear-gradient(top, #6AA71D 0%, #6AA71D 100%); background-image: linear-gradient(top, #6AA71D 0%, #6AA71D 100%); -webkit-box-shadow: 0 3px 3px #CCC; -moz-box-shadow: 0 3px 3px #CCC; box-shadow: 0 3px 3px #CCC; cursor: pointer; } p.results-text {clear:both; font-size: 11px; padding-top: 20px;} .button-place {padding-left: 4px;} .col-sm-9.secure-site {padding-left: 20px;} .button-place .infected-cta {margin-left: 20px;} .button-place .blacklisted-cta {margin-left: 50px;} .button-place .blacklisted-cta-tour {margin-left: 90px;} .button-place .clean-cta {margin-left: 0px;} .click-tour {clear: both; margin-left: 34px;} .button-place .greenbutton.yellow-warn { text-decoration: none; color: #fff; padding: 10px; background-color: #c08a00; background-image: -webkit-linear-gradient(top, #f1ab32 0%, #f1ab32 50%, #f1ab32 100%); background-image: -moz-linear-gradient(top, #f1ab32 0%, #f1ab32 50%, #f1ab32 100%); background-image: -ms-linear-gradient(top, #f1ab32 0%, #f1ab32 50%, #f1ab32 100%); background-image: -o-linear-gradient(top, #f1ab32 0%, #f1ab32 50%, #f1ab32 100%); background-image: linear-gradient(top, #f1ab32 0%, #f1ab32 50%, #f1ab32 100%); } .button-place .greenbutton.yellow-warn:hover { background: #ec9933; } .button-place .greenbutton.red-warn2 { text-decoration: none; color: #fff; padding: 10px; background-color: #cc0000; background-image: -webkit-linear-gradient(top, #cc0000 0%, #cc0000 50%, #cc0000 100%); background-image: -moz-linear-gradient(top, #cc0000 0%, #cc0000 50%, #cc0000 100%); background-image: -ms-linear-gradient(top, #cc0000 0%, #cc0000 50%, #cc0000 100%); background-image: -o-linear-gradient(top, #cc0000 0%, #cc0000 50%, #cc0000 100%); background-image: linear-gradient(top, #cc0000 0%, #cc0000 50%, #cc0000 100%); } .button-place .greenbutton.red-warn2:hover { background: #cc0000; } #sidebar .greenbutton { padding: 10px; } #sidebar .greenbutton { text-decoration: none; color: #fff; } .disclaimer { font-size: 14px; margin-top: 10px; line-height: 1em; } .row h3 { color: #1E7D9D; font-size: 20px; } #sidebar { padding-top: 0px; padding-right: 30px; margin-top: 0px; } #sidebar h3 { margin-top: 0; } #sidebar h3.heading { color: #000; } #sidebar hr { margin-bottom: 12px; } /* ** ** Pay Sidebar ** ** */ .pay-premium { background-image:-webkit-linear-gradient(top, #EBEBEB 36px, #D3D3D3 55px, #FFFFFF 56px, #EEECED 57px, #FAFAFA 160px); background-image: -moz-linear-gradient(center top , #EBEBEB 36px, #D3D3D3 55px, #FFFFFF 56px, #EEECED 57px, #FAFAFA 160px, #FAFAFA 75%, #F0EEEF 100%); border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#9B9B9B; border-top-style:solid; border-top-width:4px; margin-bottom: 20px; padding-bottom:24px; padding-top: 16px; text-align: center; } .pay-premium h3 { color: #1D7E9E; font-size: 20px; font-weight: bold; text-shadow: 1px 1px #FFFFFF; text-transform: uppercase; } .pay-premium h3.power { padding-top: 6px; margin-bottom: 10px; } .pay-premium .subtitle p { border-bottom: 1px solid #DFDFDF; color: #B0B0B0; font-size: 18px; letter-spacing: 1px; margin-bottom: 0px; padding: 4px 0 6px; text-shadow: 1px 1px #FFFFFF; text-transform: uppercase; } .pay-premium .subtitle strong { color: #333; } .pay-premium .prem-count {margin-top: 20px;} .pay-premium .cost { border-top-color:#FFFFFF; border-top-style:solid; border-top-width:1px; color:#555555; font-size:18px; line-height: 26px; margin-bottom:16px; padding-bottom:0; padding-left:0; padding-right:0; padding-top:20px; } .pay-premium .cost strong { display: block; font-size: 36px; } .pay-premium .includes { color: #6F9F0D; font-size: 22px; font-weight: bold; margin-bottom:10px; text-transform: uppercase; } .pay-premium ul { list-style: none outside none; margin-bottom: 10px; padding-left: 0; } .pay-premium ul li { background: url("https://sitecheck.sucuri.net/images/border-fade-h.jpg") no-repeat scroll center top transparent; font-size: 12px; margin: 0; padding: 6px 0; text-shadow: 1px 1px #FFFFFF; word-wrap: break-word; } .pay-premium .tip { border-radius: 5px 5px 5px 5px; color: #FFFFFF; margin: -20px auto 0; padding: 2px 6px; text-shadow: -1px -1px #333333; text-transform: uppercase; width: 80px; } .gray-gradient { background-color: #5A5A5A; background-image: -moz-linear-gradient(center top , #A5A5A5 0%, #6A6A6A 40%); background-image:-webkit-linear-gradient(top, #A5A5A5 0%, #6A6A6A 40%); } } .blue, dt { color: #1E7D9D; } /* ** ** End Pay Sidebar ** ** */ footer { border-top: 1px solid #ccc; font-size: 12px; line-height: .8em; min-height: 100px; padding: 10px 0 30px; } footer .questions {text-align: right;} /* * Off Canvas * -------------------------------------------------- */ @media screen and (max-width: 767px) { .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas-right .sidebar-offcanvas { right: -50%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { left: -50%; /* 6 columns */ } .row-offcanvas-right.active { right: 50%; /* 6 columns */ } .row-offcanvas-left.active { left: 50%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; top: 0; width: 50%; /* 6 columns */ } } .tab-pane .panel-body{ word-break: break-all } .tab-pane .panel-group{ margin-bottom: 20px } .tab-pane .panel-group:last-child{ margin-bottom: 0 } #overlay { width: 100%; height: 100%; background: url(https://sitecheck.sucuri.net/images/black_70.png) repeat; /*opacity: 0.6;*/ position: fixed; top: 0; left: 0; z-index: 9999; } #scan-popup { background: #fff; width: 603px; height: 357px; padding: 42px; text-align: center; position: fixed; top: 50%; left: 50%; margin-left: -343px; margin-top: -220px; z-index: 9999; color: #000; } #scan-popup img { margin: 0 auto 20px; } #scan-popup a, #scan-popup a:visited, #scan-popup a:hover { color: #1e7d9d; } #scan-popup p { color: #000; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 28px; margin-bottom: 14px!important; } #scan-popup .logo { background: url(https://sitecheck.sucuri.net/images/sucuri-sprite.png) no-repeat 0 -22px; width: 186px; margin: 40px auto 0; height: 58px; } div.loading-invisible{ display:none; } div.loading-visible{ display:block; position:absolute; top:200px; left:0; width:100%; text-align:center; background:#fff; filter: alpha(opacity=75); /* internet explorer */ -khtml-opacity: 0.75; /* khtml, old safari */ -moz-opacity: 0.75; /* mozilla, netscape */ opacity: 0.75; /* fx, safari, opera */ }