Think Series

work in progress
March 2026

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;
    }
}