/*
Theme Name: RE5TOF
Theme URI: http://re5tof.azurewebsites.net/
Author: Amory Huang
Author URI: http://re5tof.azurewebsites.net/
Description: RE5TOF Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: RE5TOF
Text Domain: RE5TOF
*/

@import url(https://fonts.googleapis.com/css?family=Lora); /*首頁標語字體*/
@import url(https://fonts.googleapis.com/css?family=Orbitron:500); /*手機選單LOGO字體*/
@import url(https://fonts.googleapis.com/css?family=Syncopate); /*選單與大標字體*/

@import url(reset.css);
@import url(index.css);
@import url(navigationbar.css);
@import url(footer.css);


.alignCenter > img {
    text-align:center;
    margin: auto;
}

.body-background{
    background-image:url('http://amoryportal.blob.core.windows.net/re5tof/Novel-AfterStory-Background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.row-margin {
    margin-top:30px;
    margin-bottom:30px;
}

.novel-introduction {
    font-size:1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    letter-spacing: 3px;
    line-height: 30px;
}

        .chapterList {
            list-style-type: none;
            font-size: small;
            margin: 0px 0 0 40px;
            width: 80%;
        }

            .chapterList > li {
                margin-top: 5px;
                background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
            }

                .chapterList > li a:hover {
                    color: white !important;
                    text-shadow: 2px 2px 4px #000000;
                    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
                }

                .chapterList > li a,
                .chapterList > li a:link,
                .chapterList > li a:visited {
                    display: block;
                    padding: 5px 0 5px 20px;
                    color: black;
                    text-decoration: none !important;
                }

                    .chapterList > li a:hover,
                    .chapterList > li a:active {
                        color: white !important;
                        text-decoration: none !important;
                    }

@media (max-width: 768px) {
    .row-margin {
        margin-top:10px;
    }

    .novel-introduction {
        font-size:1.0em;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .chapterList {
        font-size: small;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .chapterList > li {
        margin-top: 5px;
    }
}