Think Series

work in progress
March 2026

Individual Sections html

Title page

<div class="think">
    <figure class="title">
        <img alt="Logo: Orca Think" class="float" src="image/orca_think_logo.png"/>
    </figure>
    <p class="think">Question, connect and take action to become better citizens <br/>with a brighter future. Now that’s smart thinking!</p>
</div>

Dedication

<div class="dedication">
    <p class="dedication">THIS_BOOK_IS</p>
</div>

Fonts

@font-face{
    font-family: ahkio;
    font-style: normal;
    font-weight: normal;
    src: url("../font/Ahkio-Thin.otf");
}

@font-face{
    font-family: cooper;
    font-style: normal;
    font-weight: normal;
    src: url("../font/CooperHewitt-Medium.otf");
}

CSS

/* Think CSS */

/* Title Page */

div.think{
    margin: 0 auto 2em;
}

div.think figure{
    margin: 0 auto;
    text-align: center;
    width: 10em;
}

p.think{
    display: block;
    font-family: ahkio;
    font-size: .8em;
    line-height: 1.2;
    text-align: center;
    text-indent: 0;
}


/* Dedication */

div.dedication{
    background: url("../image/starburst.png") no-repeat;
    background-position: center center;
    background-size: 20em;
    padding: 10em 0;
}


/* Starburst headers */*

header.chapter{
    transform: rotate(-3deg);
    text-align:center;
    background: url("../image/starburst.png") no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 4em 0;
}

@media amzn-kf8{
    /* CSS for KF8 devices */
    header.chapter{
        transform: none;
    }
}