/* Emily Wu's Website * common.css: The common style sheet. */ /* Copyright (c) 2000-2018 imacat. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Author: imacat * First written: 2000-07-23 */ /* General settings */ body { background: #C0E0FF url("../images/backgrnd") repeat-y scroll; color: black; margin: 0; padding: 0.5em 1em; } .body { margin: 1em 0.75in; padding: 0; width: 100%; } /* Refer to http://www.w3.org/Style/threepart-f.css */ /* The child selectors are a hack to hide these rules from WinIE6 */ body>div.body { width: auto; } a:link, a:visited, a:active { background-color: transparent; color: blue; text-decoration: none; } a:hover { background-color: yellow; color: inherit; text-decoration: underline; } :lang(en) { font-family: Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "標楷體", DFKai-SB, "DFKai SB", kai, serif; font-weight: normal; margin: 0; padding: 0; } h1 { margin: 0.5em 0.75in 1em 0.75in; } h1 :lang(en) { font-family: "Times New Roman", "Times.New.Roman", times, serif; font-style: italic; font-weight: bolder; } address { font-size: 0.833em; display: block; } pre { margin: 0; } caption { font-family: "標楷體", DFKai-SB, "DFKai SB", kai, serif; font-size: 1.44em; } form { margin: 0; } .note { font-size: 0.833em; font-style: italic; } div.errmsg { margin: 1em 0.5in; } /* The CAPTCHA */ .trwebsite, .trlastname { display: none; } /* The navigation bar */ .navibar, .pagebar, .langs { font-size: 0.833em; text-align: center; } .navibar .text { width: 4em; } .nav hr { margin: 0.1em 0; padding: 0; height: 0; } /* The footer */ .footer { clear: both; font-size: 0.833em; text-align: center; } .footer p { margin: 0; text-indent: 0; } .footer img { border-style: none; } .footer .modperl img { height: 30px; width: 110px; } .pridetouricon { height: 100px; width: 100px; } /* The default list */ .deflist { margin: 1em 3em; } .deflist th { white-space: nowrap; } .deflist th, .deflist td { padding: 0.2em 0.5em; vertical-align: top; } .deflist thead { background-color: silver; color: black; } .deflist tbody th { font-weight: normal; } .deflist .listno, .deflist .listdel { text-align: center; } .oddrow { background-color: white; color: black; } .evenrow { background-color: #D0F0FF; color: black; } /* The default form */ .defform { margin: 0 0.75in; width: 100%; } /* Refer to http://www.w3.org/Style/threepart-f.css */ /* The child selectors are a hack to hide these rules from WinIE6 */ body>form.defform { width: auto; } .defform table { margin: 0 auto; width: 100%; } .defform th, .defform td { text-align: left; vertical-align: top; } .defform .thfile { width: 9em; } .defform .th { width: 8.5em; } .defform .oldnew { width: 3.5em; } .defform td .text, .defform td textarea { width: 100%; } .defform td .prompt { font-style: italic; margin: 0; } .defform td ol, .defform td li ul { margin: 0 0 0 2em; padding: 0; } .defform td ul, .defform td li { margin: 0; padding: 0; } .defform td ul li { list-style: none; } .defform td .oneline li { display: block; float: left; margin-right: 0.5em; } .defform td h4, .defform td .picinfo, .defform td .piccap { margin: 0; padding: 0; } /* The home page */ .home .photo { float: left; margin: 0 0.5em 0.5em 0; } .home h2 { background-color: #C0C0FF; color: black; width: 100%; border: thin none; font-size: 1.44em; padding: 0.1em 1em; } /* Refer to http://www.w3.org/Style/threepart-f.css */ /* The child selectors are a hack to hide these rules from WinIE6 */ .home .body>h2 { width: auto; } /* The guestbook */ .guestbook .defform, .guestbook .foreword { margin: 1em 0.75in; padding: 0 0; width: 100%; } /* Refer to http://www.w3.org/Style/threepart-f.css */ /* The child selectors are a hack to hide these rules from WinIE6 */ .guestbook .body>form.defform, .guestbook .body>div.foreword { width: auto; } .guestbook .defform p { text-indent: 0; margin: 0; } .guestbook .defform table { margin: 0 auto; width: 100%; } .guestbook .defform th { text-align: left; vertical-align: top; width: 5.5em; } .guestbook .defform td { vertical-align: top; } .guestbook .defform .text, .guestbook .defform textarea { font-size: 1em; width: 100%; } .guestbook .entries { margin: 0 0.5in; } .guestbook .entry { margin: 1em 0.25in; } .guestbook .entry div { margin: 1em 0; } .guestbook .entry address { text-align: right; } .guestbook .entry address cite { font-family: "標楷體", DFKai-SB, "DFKai SB", kai, serif; font-size: 1.44em; font-style: normal; } .guestbook .entry address :lang(en) { font-family: "Times New Roman", "Times.New.Roman", times, serif; } .guestbook .entry address samp { font-style: normal; vertical-align: text-bottom; } /* The related links */ .links .linkslist { margin: 1em 0.75in; padding: 0; } .links .linkslist li { margin: 1em 0 1em 2em; padding: 0; } .links .linkslist li img { border: 0; vertical-align: top; } .links .linkslist li cite { font-family: "標楷體", DFKai-SB, "DFKai SB", kai, serif; font-size: 1.2em; font-style: normal; } /* The full text search */ .searchresult em { background-color: transparent; color: red; font-weight: bolder; } .searchresult h3 { margin: 0; } .searchresult li { margin-bottom: 1em; } /* The accessibility guides */ .skiptobody { position: absolute; line-height: 0; left: 0; top: 0; z-index: -9; } .accessguide { float: left; font-size: 0.5em; color: #FFFFFF; } /* The preview mark */ .previewmark { position: fixed; top: 1em; left: 1em; border: thick solid red; color: red; background-color: transparent; margin: 0; padding: 0.5em; } .previewmark h2 { text-transform: uppercase; text-align: center; margin: 0; padding: 0; } .previewmark p { margin: 0; padding: 0; text-indent: 0; } .previewmark a, .previewmark a:visited, .previewmark a:hover { color: red; background-color: transparent; } /* The breadcrumb trail */ .breadcrumb { clear: both; font-family: "標楷體", DFKai-SB, "DFKai SB", kai, serif; font-size: 1.44em; margin: 0.5em 0.75in; }