Results of the CSS crunched for secbilling.net

Let's see what we've done for secbilling.net

CSSCruncher.com has crunched this CSS to
14.32 %Less Size! Nice!

Crunched CSS code:

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&subset=cyrillic');*{margin:0px;padding:0px}
img{border:none;max-width:100%}
.clear{clear:both;height:1px}
a{color:#4090e0;text-decoration:none}
a:hover{color:#aaa}
html,body{width:100%;height:100%}
input,textarea{outline:none !important}
input:active,textarea:active{outline:none !important}
:focus{outline:none !important}
a img{text-decoration:none}
li{list-style:none}
body{background:#f9f9f9;font-family:'Rubik',sans-serif;font-size:17px;color:#000;font-weight:100}
.columns{text-align:center;column-count:4}
.columns li{line-height:26px;box-sizing:border-box;padding-left:50px;font-size:15px;text-align:left}
.columns li a{}
.columns li a:hover{}
.wrapper{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.sub{clear:both;text-align:center;box-sizing:border-box}
.sub2{clear:both;text-align:center;margin-top:20px;margin-bottom:10px;box-sizing:border-box}
#nav{margin-top:20px}
#nav .logo{text-transform:uppercase;width:40px;display:block;font-weight:700;font-size:14px;float:left;color:#aaa}
#nav .logo:hover{color:#4090e0}
#nav ul{float:right}
#nav ul li{display:inline-block;margin-left:20px;line-height:50px}
#nav ul li a{color:#aaa;font-weight:400}
#nav ul li.active a{color:#4090e0}
#nav ul li a:hover{color:#4090e0}
#navsearch{width:30%;margin-right:120px;float:right;position:relative;margin-top:5px}
#navsearch input{line-height:40px;width:100%;box-sizing:border-box;padding:0 10px}
#navsearch button{width:25px;height:25px;border:0;background:none;position:absolute;top:7px;right:12px;cursor:pointer}
#navsearch img{}
#header{clear:both;text-align:center;padding-top:150px;box-sizing:border-box}
#header h1{font-weight:100;font-size:46px;margin-bottom:30px;line-height:40px}
#header h1 span{font-weight:600;display:block}
#header p{}
#search{width:50%;margin:0 auto;margin-top:40px;position:relative}
#search input{line-height:50px;width:100%;box-sizing:border-box;padding:0 10px}
#search button{width:30px;height:30px;border:0;background:none;position:absolute;top:13px;right:12px;cursor:pointer}
#search img{}
#type{margin-top:40px}
#type h2{text-align:center;font-weight:100}
#type ul{width:80%;margin:20px auto}
#type ul li{display:inline-block;width:33%;line-height:40px;box-sizing:border-box;padding-left:60px}
#type ul li img{}
#type ul li span{}
#codes{background:#eeeeee;box-sizing:border-box;padding:40px 0;margin-top:40px}
#codes h2{text-align:center;font-weight:100;margin-bottom:40px}
#codes .columns b{font-weight:400}
.cs-loader{position:fixed;top:0;left:0;height:100%;width:100%;background:#3498db;z-index:99999}
.cs-loader-inner{transform:translateY(-50%);top:50%;position:absolute;width:calc(100% - 200px);color:#FFF;padding:0 100px;text-align:center}
.cs-loader-inner label{font-size:20px;opacity:0;display:inline-block}
@keyframes lol{0%{opacity:0;transform:translateX(-300px)}
33%{opacity:1;transform:translateX(0px)}
66%{opacity:1;transform:translateX(0px)}
100%{opacity:0;transform:translateX(300px)}}
@-webkit-keyframes lol{0%{opacity:0;-webkit-transform:translateX(-300px)}
33%{opacity:1;-webkit-transform:translateX(0px)}
66%{opacity:1;-webkit-transform:translateX(0px)}
100%{opacity:0;-webkit-transform:translateX(300px)}}
.cs-loader-inner label:nth-child(6){-webkit-animation:lol 3s infinite ease-in-out;animation:lol 3s infinite ease-in-out}
.cs-loader-inner label:nth-child(5){-webkit-animation:lol 3s 100ms infinite ease-in-out;animation:lol 3s 100ms infinite ease-in-out}
.cs-loader-inner label:nth-child(4){-webkit-animation:lol 3s 200ms infinite ease-in-out;animation:lol 3s 200ms infinite ease-in-out}
.cs-loader-inner label:nth-child(3){-webkit-animation:lol 3s 300ms infinite ease-in-out;animation:lol 3s 300ms infinite ease-in-out}
.cs-loader-inner label:nth-child(2){-webkit-animation:lol 3s 400ms infinite ease-in-out;animation:lol 3s 400ms infinite ease-in-out}
.cs-loader-inner label:nth-child(1){-webkit-animation:lol 3s 500ms infinite ease-in-out;animation:lol 3s 500ms infinite ease-in-out}

» Show original CSS code

« Hide original CSS code

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&subset=cyrillic');
* {margin:0px; padding:0px;}
img {border:none; max-width: 100%;}
.clear {clear:both; height:1px;}
a {color:#4090e0; text-decoration: none;}
a:hover {color:#aaa;}
html, body {width:100%; height: 100%;}
input, textarea {outline:none !important ;}
input:active, textarea:active {outline:none !important;}
:focus {outline:none !important;}
a img {text-decoration:none;}
li {list-style: none;}
body {background: #f9f9f9; font-family: 'Rubik', sans-serif; font-size:17px; color:#000; font-weight: 100;}

.columns {text-align: center; column-count:4;}
.columns  li {line-height: 26px; box-sizing: border-box; padding-left: 50px; font-size: 15px; text-align: left;}

.columns li a {}
.columns li a:hover {}

.wrapper {max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.sub {clear: both; text-align: center; box-sizing: border-box;}
.sub2 {clear: both; text-align: center; margin-top: 20px; margin-bottom: 10px; box-sizing: border-box;}

#nav {margin-top: 20px;}
#nav .logo {text-transform: uppercase; width: 40px; display: block; font-weight: 700; font-size: 14px; float: left; color:#aaa;}
#nav .logo:hover {color:#4090e0;} 
#nav ul {float: right;}
#nav ul li {display: inline-block; margin-left: 20px; line-height: 50px;}
#nav ul li a {color:#aaa; font-weight: 400;}
#nav ul li.active a {color:#4090e0;}
#nav ul li a:hover {color:#4090e0;}

#navsearch {width: 30%; margin-right: 120px; float: right; position: relative; margin-top: 5px;}
#navsearch input {line-height: 40px; width: 100%; box-sizing: border-box; padding: 0 10px;}
#navsearch button {width: 25px; height: 25px; border: 0; background: none; position: absolute; top: 7px; right: 12px; cursor: pointer;}
#navsearch img {}

#header {clear: both; text-align: center; padding-top: 150px; box-sizing: border-box;}
#header h1 {font-weight: 100; font-size: 46px; margin-bottom: 30px; line-height: 40px;}
#header h1 span {font-weight: 600; display: block;}
#header p {}

#search {width: 50%; margin: 0 auto; margin-top: 40px; position: relative;}
#search input {line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 10px;}
#search button {width: 30px; height: 30px; border: 0; background: none; position: absolute; top: 13px; right: 12px; cursor: pointer;}
#search img {}

#type {margin-top: 40px;}
#type h2 {text-align: center; font-weight: 100;}
#type ul {width: 80%; margin: 20px auto;}
#type ul li {display: inline-block; width: 33%; line-height: 40px; box-sizing: border-box; padding-left: 60px;}
#type ul li img {}
#type ul li span {}

#codes {background: #eeeeee; box-sizing: border-box; padding: 40px 0; margin-top: 40px;}
#codes h2 {text-align: center; font-weight: 100; margin-bottom: 40px;}
#codes .columns b {font-weight: 400;}
 
/*Loader*/
.cs-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:#3498db;
  z-index: 99999;
}

.cs-loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  color: #FFF;
  padding: 0 100px;
  text-align: center;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

Some information about this website:

URL: https://secbilling.net/
CSS URL: https://secbilling.net/assets/css/styles.css
Title: Reverse Phone Lookup
Meta-Description: Who is Owner of Phone Number
Meta-Keywords: phone owner, phone number, phone lookup