/* 這個檔案沒有版權, 可以隨意修改. ckhung. */
/* 很好的參考點: http://www.westciv.com/style_master/academy/css_tutorial/ */
/* 最簡單語法:  ELEMENT_SELECTOR.CLASS_SELECTOR { PROPERTY: VALUE; } */

@import "../i/core.css";
@import "../i/light.css";

h1 {
    text-align: center;
    font-weight: bold;
}

div {
    position: absolute;
    overflow: auto;
}

.toc { font-size: 120%; }
.toc ol { margin-top: 3em; }

/* 「滑鼠移到 link 上, 就跳出說明文字」 的特效是從這裡學來的:
   http://www.meyerweb.com/eric/css/edge/popups/demo.html */
.toc a span { display: none; }
.toc a:hover span {
    display: block;
    position: absolute;
    left: 0; top: 3em;
    font-size: 70%;
}

.toc a:hover {
    background: #ccaadd;
}

.content {
    font-size: 150%;
    line-height: 180%;
}

.longtext {
    font-size: 50%;
    line-height: 150%;
    color: #070;
}

div#content {
    top: 0; left: 7em;
    right: 0; bottom: 0;
    background: white;
    font-size: 150%;
    line-height: 180%;
}

p { text-indent: 0; }

.floss { background: #ccffcc; }
.prop  { background: #ffcccc; }

/* 以下適用於 "所有 slides 集中於同一個檔案" 的情況。
   上面的 .toc 與 .content 也應屬於此處, 不過為與
   "分頁重複使用" 的狀況保持一致的外觀, 故意放在上面
   與 #toc 及 #content 對照。 */

h2 {
    font-weight: bold;
    font-family: helvetica;
    text-align: center;
}

div.page {
    position: relative;
    height: 630px;
}

a { text-decoration: none }
em { text-decoration: none }
.ffsf { font-size: 100%; }
/* fix for form font size */