More Related Content
Similar to Stylesheet optimization
Similar to Stylesheet optimization (20)
Stylesheet optimization
- 1. body {
margin:0;
color:#333;
font:24px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#d9d9d8 url(../images/bg-body.png);
padding:23px 0 0;
}
img {border-style:none;}
a {
color:#0066cc;
text-decoration:none;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
color:#000;
}
form,
fieldset {
margin:0;
padding:0;
border-style:none;
}
q {quotes:none;}
q:before {content:''}
q:after {content:''}
header, footer, article, section, nav, figure, aside { display: block; }
figure { margin:0; padding:0; }
#wrapper.w600{
width:598px;
margin:0 auto;
padding:0 1px;
}
#wrapper.w900{
width:898px;
margin:0 auto;
padding:0 1px;
}
.col-holder:after{
content:""; display:block;
clear:both;}
.w1{
border-radius:33px;
background:rgb(255,255,186);
padding:0 0 41px;
background:rgb(255,255,186)
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodH
RwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD
0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPS
JncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIi
B5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj
0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLW
NvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTMiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIi
BzdG9wLWNvbG9yPSIjZmZmZmY5IiBzdG9wLW9wYWNpdHk9IjAuOTMiLz4KICAgIDxzdG9wIG9mZnNldD
0iNDclIiBzdG9wLWNvbG9yPSIjZmZmZmUyIiBzdG9wLW9wYWNpdHk9IjAuOTMiLz4KICAgIDxzdG9wIG
9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZmZmZmMzIiBzdG9wLW9wYWNpdHk9IjAuOTMiLz4KICAgID
xzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmJhIiBzdG9wLW9wYWNpdHk9IjAuOTMiLz
4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZiYSIgc3RvcC1vcGFjaXR5PS
IwLjkzIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaG
VpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0.93) 0%,
rgba(255,255,255,0.93) 9%, rgba(255,255,249,0.93) 20%, rgba(255,255,226,0.93)
47%, rgba(255,255,195,0.93) 78%, rgba(255,255,186,0.93) 92%,
- 2. rgba(255,255,186,0.93) 100%);
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,rgba(255,255,255,0.93)), color-stop(9%,rgba(255,255,255,0.93)), colorstop(20%,rgba(255,255,249,0.93)), color-stop(47%,rgba(255,255,226,0.93)), colorstop(78%,rgba(255,255,195,0.93)), color-stop(92%,rgba(255,255,186,0.93)), colorstop(100%,rgba(255,255,186,0.93)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.93)
0%,rgba(255,255,255,0.93) 9%,rgba(255,255,249,0.93) 20%,rgba(255,255,226,0.93)
47%,rgba(255,255,195,0.93) 78%,rgba(255,255,186,0.93) 92%,rgba(255,255,186,0.93)
100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.93)
0%,rgba(255,255,255,0.93) 9%,rgba(255,255,249,0.93) 20%,rgba(255,255,226,0.93)
47%,rgba(255,255,195,0.93) 78%,rgba(255,255,186,0.93) 92%,rgba(255,255,186,0.93)
100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.93)
0%,rgba(255,255,255,0.93) 9%,rgba(255,255,249,0.93) 20%,rgba(255,255,226,0.93)
47%,rgba(255,255,195,0.93) 78%,rgba(255,255,186,0.93) 92%,rgba(255,255,186,0.93)
100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.93)
0%,rgba(255,255,255,0.93) 9%,rgba(255,255,249,0.93) 20%,rgba(255,255,226,0.93)
47%,rgba(255,255,195,0.93) 78%,rgba(255,255,186,0.93) 92%,rgba(255,255,186,0.93)
100%);
-webkit-box-shadow: 0 0 8px rgba(51, 0, 0, 0.4);
box-shadow: 0 0 8px rgba(51, 0, 0, 0.4);
margin:0 0 10px;
}
.w900 .w1{margin:0 0 9px;}
#header{https://angie90.accounts.clickbank.hoplink.com
border-radius:33px 33px 0 0;
padding:23px 5px 17px;
background:#ffeb00;
text-align:center;
font-size:30px;
line-height:32px;
margin:0 0 19px;
}
.w900 #header{201.140.104.205.hop.clickbankid.com
padding:31px 5px 16px;
position:relative;
margin:0 0 -5px;
}
.w600 .title{
text-indent:-9999px;
overflow:hidden;
margin:0 auto;
width:567px;
height:166px;
background:url(../images/sprite-600.png) no-repeat;
}
.w900 .title{
text-indent:-9999px;
overflow:hidden;
margin:0 auto;
width:793px;
height:186px;
background:url(../images/sprite-900.png) no-repeat;
}
#wrapper mark{
color:#f00;
}
#wrapper h1 mark{
font-style:italic;
font-weight:bold;
}
- 3. .container{
overflow:hidden;
font-size:22px;
line-height:26px;
margin:0 0 -10px;
}
.w900 .container{margin:0 0 -29px;}
.container .img-holder{
float:left;
width:53.2%;
margin:0 -66px 0 -4px;
}
.w900 .container .img-holder {
width:43.8%;
margin:0 -53px 0 38px;
}
.container .img-holder img{
display:block;
width:100%;
height:auto;
}
.container .description{
overflow:hidden;
padding:17px 0 0;
}
.w900 .container .description{padding:45px 0 0;}
.w600 .container .description-text{
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
width:285px;
height:152px;
background:url(../images/sprite-600.png) no-repeat 0 -212px;
}
.w900 .container .description-text{
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
width:415px;
height:143px;
background:url(../images/sprite-900.png) no-repeat 0 -906px;
}
.container p{margin:0;}
.w600 .secrets-text {
display:block;
margin:0 -4px 7px;
text-indent:-9999px;
overflow:hidden; width:610px;
height:60px;
background:url(../images/sprite-600.png) no-repeat 0 -409px;
}
.w900 .secrets-text {
display:block;
margin:0 auto 7px;
text-indent:-9999px;
overflow:hidden; width:765px;
height:63px;
background:url(../images/sprite-900.png) no-repeat 0 -808px;
}
.secrets-text strong{angie90.accounts.clickbank.com}
#main .text-holder{
text-align:center;
font-size:25px;
line-height:28px;
margin:0 0 32px;
padding:20px 0 0;
- 4. }
.w900 #main .text-holder{barby0991@hotmail.com
padding:6px 0 0;
margin:0 0 24px;
}
#main .text-01{
margin:0 auto;
width:551px;
height:46px;
text-indent:-9999px;
overflow:hidden;
position:relative;
background:url(../images/sprite-600.png) no-repeat 0 -608px;
}
.w900 #main .text-01{
width:731px;
height:58px;
background:url(../images/sprite-900.png) no-repeat 4px -215px;
}
#main .text-02{
margin:0 auto;
width:514px;
height:39px;
text-indent:-9999px;
overflow:hidden;
position:relative;
background:url(../images/sprite-600.png) no-repeat 0 -1024px;
}
.w900 #main .text-02{
background:url(../images/sprite-900.png) no-repeat 0 -1097px;
width:677px;
height:50px;
padding:2px 0 0;
margin:0 auto -6px;
}
#main .text-01 a{
position:absolute;
left:10px;
top:23px;
text-indent:-9999px;
overflow:hidden; cursor:pointer;
width:387px;
height:23px;
background:url(../images/sprite-600.png) no-repeat 0
-687px;
}
.w900 #main .text-01 a{
width:513px;
height:30px;
left:17px;
top:28px;
background:url(../images/sprite-900.png) no-repeat 0 -291px;
}
#main .text-01 a:hover{background-position:0 -739px;}
.w900 #main .text-01 a:hover{background-position:0 -336px;}
.btn{
text-transform:uppercase;
color:#fff;
font-size:36px;
line-height:37px;
width:81%;
margin:0 auto;
display:block;
text-shadow: -1px -1px 2px rgba(0, 51, 0, 0.7);
text-decoration:none;
border-radius:20px;
- 5. -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
padding:2px;
}
.w900 .btn{
width:84.5%;
margin:0 auto 3px;
}
.btn span{
display:block;
background: rgb(105,231,60)
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodH
RwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD
0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPS
JncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIi
B5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj
0iIzY5ZTczYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG
9yPSIjMjRjYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLW
NvbG9yPSIjMjRjMjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG
9wLWNvbG9yPSIjMjQ5MzI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJS
Igc3RvcC1jb2xvcj0iIzI0OGMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD
4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdW
NnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(105,231,60,1) 0%,
rgba(36,202,36,1) 1%, rgba(36,194,36,1) 18%, rgba(36,147,36,1) 84%,
rgba(36,140,36,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,rgba(105,231,60,1)), color-stop(1%,rgba(36,202,36,1)), colorstop(18%,rgba(36,194,36,1)), color-stop(84%,rgba(36,147,36,1)), colorstop(100%,rgba(36,140,36,1)));
background: -webkit-linear-gradient(top, rgba(105,231,60,1)
0%,rgba(36,202,36,1) 1%,rgba(36,194,36,1) 18%,rgba(36,147,36,1)
84%,rgba(36,140,36,1) 100%);
background: -o-linear-gradient(top, rgba(105,231,60,1)
0%,rgba(36,202,36,1) 1%,rgba(36,194,36,1) 18%,rgba(36,147,36,1)
84%,rgba(36,140,36,1) 100%);
background: -ms-linear-gradient(top, rgba(105,231,60,1)
0%,rgba(36,202,36,1) 1%,rgba(36,194,36,1) 18%,rgba(36,147,36,1)
84%,rgba(36,140,36,1) 100%);
background: linear-gradient(to bottom, rgba(105,231,60,1)
0%,rgba(36,202,36,1) 1%,rgba(36,194,36,1) 18%,rgba(36,147,36,1)
84%,rgba(36,140,36,1) 100%);
border-radius:20px;
margin:-2px;
padding:21px 10px 18px 8px;
}
.btn:hover{
text-decoration:none;
background: #69e63b
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodH
RwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD
0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPS
JncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIi
B5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj
0iIzY5ZTYzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY2
9sb3I9IiMyNTVmMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3
QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZX
JhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #69e63b 0%, #255f19 100%);
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#69e63b), color-stop(100%,#255f19));
background: -webkit-linear-gradient(top, #69e63b 0%,#255f19 100%);
background: -o-linear-gradient(top, #69e63b 0%,#255f19 100%);
background: -ms-linear-gradient(top, #69e63b 0%,#255f19 100%);
- 6. background: linear-gradient(to bottom, #69e63b 0%,#255f19 100%);
}
.btn:hover span{
background: #007400
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodH
RwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD
0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPS
JncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIi
B5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj
0iIzAwNzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY2
9sb3I9IiMwMGJlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3
QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZX
JhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #007400 0%, #00be00 100%);
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#007400), color-stop(100%,#00be00));
background: -webkit-linear-gradient(top, #007400 0%,#00be00 100%);
background: -o-linear-gradient(top, #007400 0%,#00be00 100%);
background: -ms-linear-gradient(top, #007400 0%,#00be00 100%);
background: linear-gradient(to bottom, #007400 0%,#00be00 100%);
margin:0;
padding:19px 8px 16px 6px;
}
.btn .text{
width:421px;
height:66px;
text-indent:-9999px;
overflow:hidden;
display:block;
margin:0 auto;
background:url(../images/sprite-600.png) no-repeat 0
-504px;
}
.w900 .btn .text{
width:690px;
height:85px;
margin:7px auto 9px;
background:url(../images/sprite-900.png) no-repeat 0 -439px;
}
.col-holder .col{
width:275px;
float:left;
}
.w900 .col-holder .col{width:355px;}
.col-holder .col:first-child{
width:217px;
padding:0 17px 0 0;
}
.contact-form{
text-align:center;
font-size:21px;
line-height:23px;
margin:0 0 -30px;
}
.w900 .contact-form{margin:0 0 -20px;}
.contact-form .col-holder{
padding:26px 44px 12px;
height:1%;
}
.w900 .contact-form .col-holder{padding:26px 132px 8px;}
.contact-form .note{
font-size:13px;
line-height:15px;
}
.contact-form label{
display:block;
- 7. font-size:18px;
line-height:20px;
margin:0 0 5px;
font-weight:bold;
text-align:left;
}
.contact-form input[type="text"]{ margin:0;
float:left;
width:259px;
color:#999; border:0;
background:#fff;
border-radius:4px;
font-size:16px;
line-height:20px;
height:20px;
padding:9px 8px 9px;
-webkit-box-shadow: 2px 2px 5px rgba(102, 51, 0, 0.75) inset;
box-shadow: 2px 2px 5px rgba(102, 51, 0, 0.75) inset;}
.w900 .contact-form input[type="text"]{width:339px;}
.contact-form .col-holder .col:first-child input[type="text"]{width:201px;}
.contact-form input[type="submit"]{ margin:0 auto -5px;
display:block;
width: 493px;
height: 75px;
border:0;
font-size:0;
line-height:0;
overflow:hidden; text-indent:-9999px;
background:url(../images/sprite600.png) no-repeat 0 -790px;}.contact-form input[type="submit"]:hover{
cursor:pointer;
background-position:0 -915px;
}
.w900 .contact-form .submit-holder{padding:0 82px 4px 40px;}
.w900 .contact-form input[type="submit"]{
background:url(../images/sprite-900.png) no-repeat 0 -571px;
width: 595px;
height: 86px;
}.w900 .contact-form input[type="submit"]:hover{background:url(../images/sprite900.png) no-repeat 0 -674px;}
#footer{
text-align:center;
font-size:11px;
line-height:14px;
padding:0 0 30px;
}
#footer p{margin:0 0 2px;}
#footer a{
text-decoration:none;
color:#06c;
}
#footer a:hover{text-decoration:underline;}