@import “base”;

$color: #00cc99;

/* mixin */

@mixin theme-color($color) {

header {
        border-top: 12px solid $color;

        .title {
                background: $color;
        }
}

}

/* GitHub Badge */

github {

right: -24px;
top: 32px;
position: absolute;
text-decoration: none;
text-align: right;
width: 320px;
@include transform(translate(60px, 42px) rotate(45deg));
span {
        background: black;
        color: white;
        font-size: 14px;
        left: 0;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        font-family: Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;
        font-weight: bold;
        @include box-shadow(rgba(black, 0.2) 1px 1px 10px);
}

}

/* O’reilly Like Style */

page {

    width: 800px;
    margin: auto;

    border: 1px solid #888;
padding: 0 36px 0;
    position: relative;

    @include box-shadow(2px 2px 6px rgba(100, 100, 100, .6));

}

header {

    border-top: 12px solid $color;
padding: 0;

}

header a:link {

text-decoration: none;

}

.top-page header {

text-align: center;

}

footer {

text-align: center;
padding: 0 0 8px;

}

lang {

font-size: 11px;
font-weight: bold;

}

lang a:link, lang a:visited {

text-decoration: none;
color: #444;

}

.tagline {

color: black;
font-family: garamond, times new roman, times, serif;
font-style: italic;
font-weight: normal;
font-size: 21px;
padding: 0 0 20px 0;
margin: 8px 0 0;
text-align: center;

}

header {

.subtitle {
    color: black;
    font-family: garamond, times new roman, times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 28px;
    padding: 0;
    margin: 0 0 4px;
    text-align: left;
}

.title {
    background: $color;
    color: white;
    font-family: garamond, times new roman, times, serif;
    font-weight: normal;
    font-size: 84px;
    text-align: center;
    margin: 0 0 30px 0;
    line-height: 100%;
}

.logo {
        margin: 12px;
}

}

.content {

margin: 24px 30px 24px;

}

author {

color: black;
font-family: garamond, times new roman, times, serif;
font-style: italic;
font-weight: normal;
font-size: 18px;
padding: 0;
margin: 0;
text-align: right;

}