williammck.net style

style.css

     html {
        height: 100%;
        -webkit-font-smoothing: antialiased;
     }
     body {
        font-family: 'Open Sans', sans-serif;
        color: #888;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.6em;
        background-image: -webkit-linear-gradient(130deg, #334, #115);
        background-image: -o-linear-gradient(40deg, #334, #115);
        background-image: linear-gradient(40deg, #334, #115);
        background-attachment: fixed;
        margin: 0;
        min-height: 100%;
     }
     .wrapper {
        display: block;
        max-width: 380px;
        padding: 5% 5% 5% 5%;
        margin: 0 auto;
        height: 100%;
     }
     .content {
        background-color: #222;
        box-shadow: #000 0px 5px 29px -5px;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
        border: 1px solid #111;
     }
     .content .pad {
        padding: 20px;
     }
     .content img {
        max-width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #111;
     }
     h1 {
        color: #eee;
        font-size: 24px;
        line-height: 1em;
        margin: 0;
        /*letter-spacing: .2em;*/
        padding-bottom: 15px;
        font-weight: 400;
     }
     h3 {
        color: #888;
        font-size: 16px;
        line-height: 1em;
        margin: 0;
        /*letter-spacing: .2em;*/
        padding-top: 15px;
        padding-bottom: 5px;
        font-weight: 400;
     }
     p {
        margin: 0 0 10px;
     }
     a { 
        color: #ccc;
     }
     .links {
        list-style: none;
        padding: 0;
     }
     .links li {
        display: block;
        padding: 0 10px;
     }