There should really be a delete post feature somewhere here. But I got it to work at last.
I could really use your help on this one. I haven't tried for IE version but i gave up for webkit.
I basically am trying to get a lined notebook paper like this css. And i got one from http://bradsknutson.com/'s . It is taking him time to reply to my question so i thot of seeking help here.
Thats an edited code. What I want know is to have the same background color in the whole page except the lines? I played around with -webkit-gradient( section but failed
Any any tips?
I could really use your help on this one. I haven't tried for IE version but i gave up for webkit.
I basically am trying to get a lined notebook paper like this css. And i got one from http://bradsknutson.com/'s . It is taking him time to reply to my question so i thot of seeking help here.
Code:
.page {
/* Setup the basic presentation of the div */
font-family: 'Just Another Hand', cursive;
width: 100%;
height:80%;
position: relative;
margin: auto;
padding: 0px 0;
color: #212121;
/* Curl the corners to make it look more like paper */
-webkit-border-bottom-left-radius: 20px 500px;
-webkit-border-bottom-right-radius: 500px 30px;
-webkit-border-top-right-radius: 5px 100px;
-moz-border-radius-bottomleft: 20px 500px;
-moz-border-radius-bottomright: 500px 30px;
-moz-border-radius-topright: 5px 100px;
border-radius-bottomleft: 20px 500px;
border-radius-bottomright: 500px 30px;
border-radius-topright: 5px 100px;
/* Set the background */
background:#fcf59b;
background:
-webkit-gradient(
linear,
left top, left bottom,
from(#fcf59b),
color-stop(2%, #81cbbc)
);
background:
-moz-repeating-linear-gradient(
top,
#fcf59b,
#81cbbc 38px,
#81cbbc 40px
);
background:
repeating-linear-gradient(
top,
#fff,
#fff 38px,
#81cbbc 40px
);
-webkit-background-size: 100% 40px;
-webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
}
Any any tips?
Comment