data/css/main/style.css

   1 @media all{ /* 通用設定 */
   2         hr { clear: left; } /* 分隔線樣式 */\r
   3         img { border: 0; } /* 圖片顯示樣式 */\r
   4         #heading { text-align: center; } /* 頁首連結條樣式 */
   5         .adminbar { text-align: right; margin-bottom: 16px; }
   6         .logo { font-size: 20pt; font-weight: bold; margin: 1.2ex 0ex; margin-top: 16px; float: none; } /* 文章張貼者名稱樣式 */
   7         .sublogo { font-size: 10pt; font-weight: none;  }\r
   8         hr.top { width: 90%; height: 0px; border-top: 1; border-bottom: 0px; border-left: 0px; border-right: 0px; } /* 主標題下分隔線樣式 */\r
   9         .hide_btn { float: right; width: 4em; height: 1.25em; overflow: hidden; text-align: center; background: #FF0; } /* 表單收縮按鈕樣式 */\r
  10         .show { color: #00E; padding: 1px; }\r
  11         .hide { display: none; }\r
  12         #postinfo { font-size: 0.8em; } /* 上傳說明樣式 */\r
  13         form { padding: 0; margin: 0; } /* 修正表單標籤造成的排版問題 */
  14         #fname { background-color: #FFFFA0; }
  15         #femail { background-color: #FFFFA0; }
  16         /*#fcom { width: 31.85em; height: 7.1em; margin-bottom: 0px; }*/
  17         #option { font-size: small; }\r
  18         .threadpost {  } /* 討論串首篇樣式 */\r
  19         .img { float: left; margin: 0px 20px; margin-bottom: 8px; } /* 討論串圖片顯示樣式 */\r  .blockquote { margin: 1em 2.5em; } /* 討論串內文縮排樣式 */
  20         .postertrip { font-weight: normal; }
  21         #footer { text-align: center; clear: both; } /* 頁尾樣式 */
  22
  23         /*#postform_tbl { width: 508px; }*/ /* testing purposes */
  24         .unkfunc2 { color: #696969; }
  25         .tn_reply { width: 86px; height: 86px; margin: 0px 20px 20px 20px; float: left; background: #000; border: #0D0 2px solid; text-align: center; }
  26
  27         /* banner link */
  28         #bannerlink { margin-top: -1px; margin-bottom: -1px; } /* links above the banner */
  29         /* color banners */
  30         #banner { text-align: center; width: 100%; padding: 2.5px 1px; }
  31
  32         .passvalid { font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  33         .theader { font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  34         .catalogmode { font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  35         .bar_managecss { color: #FFF; background-color: #6080F6; font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  36         .bar_info { color: #000; background-color: #FF0; font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  37         .bar_search { color: #000; background-color: #0FB; font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }
  38         .bar_info_mod { color: #FF0; background-color: #000; font-weight: bold; width: auto; margin: 1px; padding: 1px 2px; }\r
  39 }\r
  40 \r
  41 @media screen{ /* 標準顯示(一般顯示器)模式附加規則 */\r
  42 \r
  43 }\r
  44 \r
  45 @media handheld{ /* 手持設備(手機,PDA等)附加規則 */\r
  46         html { max-width: 320px; margin: auto; font-size: 9px; } /* 320px為多數PDA的顯示寬度 */\r
  47         input { max-width: 200px; }\r
  48         textarea { max-width: 200px; height: 40px; }\r
  49 \r
  50         .quote { margin: 1ex 1ex; } /* 討論串內文縮排樣式 */\r
  51         #page_switch { clear: right; } /* 避免頁尾表格交疊 */\r
  52 }\r
  53 \r
  54 @media print{ /* 列印,預覽列印附加規則 */\r
  55         html { background: #FFF; color: #000; } /* 網頁改成白底黑字,節省彩色列印成本 */\r
  56         #postform_main { display: none; } /* 貼文表單在列印模式沒有用處,故不顯示以節省空間 */\r
  57 }