Idea on webkit and IE version of this css?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • samvb
    New Member
    • Oct 2006
    • 228

    Idea on webkit and IE version of this css?

    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.

    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);
    
    }
    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?
    Last edited by samvb; Mar 12 '15, 02:50 AM. Reason: Solved
  • Exequiel
    Contributor
    • Jul 2012
    • 288

    #2
    visit this page http://colorzilla.com/gradient-editor/, I'm using this color picker for css gradients, or any color that i want. you can upload the image of the color that you want to copy and it will convert into css, you can mix also your own color there and copy the css and paste it to your class or id in your css file. don't worry about cross browsers, it has codes to every browsers.

    Comment

    Working...