court / faq

<!DOCTYPE html>
<html>
    <head>
        <!--

                            court
                      a page by ophealia


            - do NOT steal or copy any of this code!!
            - do not even TOUCH the credit!!
            - credit font is Saturn Icons by saturnthms.com
            - for all credits visit ophealia.tumblr.com/credits

            - the accent color on this page is #ccc. use command + f to find and replace it with another!
            - use command + f and search for 'edit here' to see everywhere that requires customization

            please let me know if you enjoy this page, or if you find any errors or bugs! a full list of terms can be found at ophealia.tumblr.com/terms


        -->

        <!-- EDIT HERE: TAB TITLE -->
        <title>faq.</title>
        <link href="https://fonts.googleapis.com/css?family=Lora:400i|Lato:300,300i,700,700i" rel="stylesheet">
        <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
        <style>
            header {
                text-align: center;
                width: 250px;
                margin: auto;
                margin-bottom: 30px;
                margin-top: 45px;
                padding-bottom: 6px;
                border-bottom: 1px solid #ccc;
            }
            h1 {
                font: 22px Lora;
                margin-bottom: 0px;
            }
            header a {
                font: 12px Lato;
                color: #000;
                text-decoration: none;
                transition-timing-function: linear;
                transition-duration: .2s;
            }
            header a:hover {
                color: #ccc;
            }
            .one {
                margin-bottom: 25px;
            }
            .q {
                font-family: 'Lora', serif;
                font-size: 16px;
                width: 400px;
                padding-right: 100px;
                margin: auto;
                transition-timing-function: linear;
                transition-duration: .25s;
            }
            /* DO NOT EDIT THIS SECTION */
            #shakespeare a {
                color: #000;
                text-decoration: none;
                transition-timing-function: linear;
                transition-duration: .2s;
            }
            /* RESUME EDITING HERE */
            .q:hover {
                color: #ccc;
                width: 385px;
                padding-left: 15px;
            }
            .a {
                font-family: 'Lato', sans-serif;
                font: 300 13px Lato;
                width: 500px;
                margin: auto;
                margin-top: 3px;
                color: #000;
            }
            .a:hover {
                color: #000;
                width: 500px;
                padding-left: -15px;
            }
            .a b {
                font: 700 12px Lato;
            }
            .a a {
                color: #bbb;
                text-decoration: none;
                transition-timing-function: linear;
                transition-duration: .2s;
            }
            /* DO NOT EDIT THIS SECTION */
            #shakespeare {
                position: fixed;
                bottom: 20px;
                right: 25px;
            }
            /* RESUME EDITING HERE */
            .a a:hover {
                color: #ddd;
            }
            ::-webkit-scrollbar {
                width: 3px;
            }
            ::-webkit-scrollbar-thumb {
                background: #ccc;
            }
            ::-webkit-scrollbar-track {
                background: #fff;
            }
            #askbox {
                text-align: center;
                padding-top: 5px;
                margin-bottom: 50px;
            }
            /* DO NOT EDIT THIS SECTION */
            #shakespeare a:hover {
                color: #ccc;
            }
            /* RESUME EDITING HERE */
            #inbox {
                text-align: justify;
            }
            #askbox p {
                position: absolute;
                padding-left: -15px;
                margin-left: -15px;
            }
            #askbox p:hover {
                position: absolute;
                padding-left: -15px;
                margin-left: -15px;
            }
        </style>
    </head>
    <body>
        <header>
            <!-- EDIT HERE: TITLE -->
            <h1>frequently asked </h1>

            <a href="/">home.</a> &nbsp;
            <a href="https://tumblr.com/dashboard">dash.</a> &nbsp;
            <a href="/archive">history.</a>
        </header>

        <!-- EDIT HERE: EXAMPLE QUESTION. a few notes:
                - don't delete the '&mdash;'
                - mind your 'divs'
                - to create new questions, copy + paste the example questions
        -->
        <div class="one">
            <div class="q">
                 &mdash; sample question?

            <div class="a">
                Trifecta saucer organic, crema strong mug that ristretto. Qui, extra foam, siphon, ut single origin carajillo single shot extraction. In siphon, foam, shop aged extraction blue mountain foam beans. Extra crema aftertaste, percolator flavour body chicory sweet. Dark, galão cinnamon id ristretto galão skinny.
            </div>
            </div>
        </div>
        <!-- END EXAMPLE QUESTION -->

        <!-- EDIT HERE: EXAMPLE QUESTION -->
        <div class="one">
            <div class="q">
                 &mdash; how do i fix a problem on a page?

            <div class="a">
                Trifecta saucer organic, crema strong mug that ristretto. Qui, extra foam, siphon, ut single origin carajillo single shot extraction. In siphon, foam, shop aged extraction blue mountain foam beans. Extra crema aftertaste, percolator flavour body chicory sweet. Dark, galão cinnamon id ristretto galão skinny.
            </div>
            </div>
        </div>
        <!-- END EXAMPLE QUESTION -->

        <!-- DO NOT EDIT THIS SECTION -->
        <a href="https://ophealia.tumblr.com" title="ophealia themes">
        <div id="shakespeare">
            <span class="sf sf-constellation-o"></span>
        </div></a>
        <!-- RESUME EDITING -->

        <!-- ASK BOX - NO NEED TO EDIT. while in customization mode, it might say 'there's nothing here,' once you save and open in a new tab the askbox will show. -->
        <div id="askbox">
        <div class="q" id="inbox">
            &mdash; inbox
            <p><iframe frameborder="0" scrolling="no" width="500px" height="325px;" margin-left="100px;" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
        </div>
        </div>
        <!-- END ASK BOX HERE -->
    </body>
</html>