daily pastebin goal
55%
SHARE
TWEET

Untitled

a guest Jan 3rd, 2018 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @media all{ /* 通用設定 */
  2.     html { background: #1D1F21; color: #C5C8C6; opacity: 0.9 !important; } /* 基本網頁背景樣式 & 全局護眼模式On */
  3.     body { font-size: 95%; font-family: arial,sans-serif; }
  4.     small { font-size: 0.8em; } /* 小字樣式(eg.[以預覽圖顯示]) */
  5.     hr { clear: left; } /* 分隔線樣式 */
  6.     img { border: 0; opacity: 0.8 !important; } /* 圖片顯示樣式 & 護眼模式On */
  7.     video { opacity: 0.8 !important; } /* 影片護眼模式On */
  8.     iframe { opacity: 0.8 !important; } /* Youtube護眼模式On */
  9.    
  10.     /* input[type="submit"]{background-color: #CDCDCD; color: #000; border:#CDCDCD 1px solid;} /* 按鈕樣式修改,不採用 */
  11.     /* input[type="submit"]:active{background-color: #1D1F21; color: #C5C8C6; border:#8F8F8F 1px solid;} /* 按鈕點擊事件樣式修改,不採用 */
  12.     input[type="text"],textarea[id="fcom"],textarea[id=""],input[type="password"]{background-color: #181818; color: #C5C8C6; border:#8F8F8F 1px solid;} /* 文字框底色改成暗色,文字採用白色 */
  13.    
  14.     /* text-button: 文字連結樣式 */
  15.     a:link, .qlink, .text-button { color: #81A2BE; text-decoration: none; } /* 正常連結樣式 */
  16.     a:hover, .qlink:hover, .text-button:hover { color: #FFC685; cursor: pointer; } /* hover時連結樣式 */
  17.     a:visited { color: #81A2BE; } /* 已拜訪連結樣式 */
  18.  
  19.     #toplink { text-align: right; } /* 頁首連結條樣式 */
  20.     h1 { color: #C5C8C6; text-align: center; margin: 0 auto; } /* 網頁主標題樣式 */
  21.     hr.top { width: 90%; height: 1px; } /* 主標題下分隔線樣式 */
  22.  
  23.     .Form_bg { background: #000; } /* 送出表單左方欄位之底色 */
  24.     .hide_btn { float: right; width: 4em; height: 1.25em; overflow: hidden; text-align: center; background: #282A2E; } /* 表單收縮按鈕樣式 */
  25.     .show { color: #81A2BE; }
  26.     .hide { display: none; }
  27.     #postinfo { font-size: 0.8em; } /* 上傳說明樣式 */
  28.     form { padding: 0; margin: 0; } /* 修正表單標籤造成的排版問題 */
  29.  
  30.     /* posts */
  31.     #contents { width: 100%; }
  32.     .threadpost {  } /* 討論串首篇樣式 */
  33.     .post { max-width: 100%; }
  34.     .reply { display: table; margin: 0.3em 1em 0 1em; padding: 0.2em 0.5em 0.2em 0.5em; background: #282A2E; } /* 討論串回應樣式 */
  35.     .replywrap { display: table-cell; } /* 解決 IE8+ 無法選取討論串回應內文用 */
  36.     .post:target { background: #181818; }  /* 討論串回應背景標亮樣式 */
  37.    
  38.     .file-text { font-size: 0.8em; margin-left: 0.5em; margin-right: 0.5em; margin-top: 0.5em; } /* post file */
  39.    
  40.     /* post head */
  41.     .post-head { font-size: 0.9em; width: 100%; margin-top: 0.2em; margin-right: 0.5em; line-height: 1.7em; overflow-wrap : break-word; }
  42.     .post-head span { margin-left: 0.3em; }
  43.     .post-head span:not(.qlink):not(.rlink) { cursor: pointer; } /* ID, 標題, 名稱... */
  44.     .name { color: #EE88BC; font-weight: bold; word-break: break-all; } /* 文章張貼者名稱樣式 */
  45.     .admin_cap { color: #F0BEBE; } /* 管理員キャップ樣式設定 */
  46.     .img { float: left; margin: 1ex 2ex; } /* 討論串圖片顯示樣式 */
  47.     .title { color: #B294BB; font-size: 1.125em; font-weight: bold; } /* 討論串標題樣式 */
  48.     .nor { font-weight: normal; } /* Trip取消粗體用 */
  49.     .quote { margin: 0.9em 1em 1em 1.8em; display: block; word-break: break-all; } /* 討論串內文縮排樣式 */
  50.     .quote pre { display: block; max-height:450px; max-width:500px; overflow:auto; } /* code show */
  51.     .resquote { color: #ADBD68; } /* 標註引用回文顏色 */
  52.     .category { font-size: 0.8em; color: gray; } /* 類別標籤顯示樣式 */
  53.     .backquote { font-size: 0.8em; margin-top: 1em; word-break: break-all; }
  54.     .backquote .qlink { display: inline-block; margin-left: 0.5em; }
  55.  
  56.     .warn_txt { color: #DD3333; font-weight: bold; } /* 討論串狀態警告文字(eg.文章即將被刪除) */
  57.     .warn_txt2 { color: #8F8F8F; } /* 討論串狀態提示文字(eg.回應幾篇被隱藏) */
  58.     #footer { text-align: center; clear: both; } /* 頁尾樣式 */
  59.     .bar_reply { background: #4F535C; color: #DDDDDD; font-weight: bold; text-align: center; } /* 回應模式樣式標題列 */
  60.     .bar_admin { background: #EE8888; color: #000; font-weight: bold; text-align: center; } /* 管理模式樣式標題列 */
  61.     .ListRow1_bg { background: #282A2E; } /* 管理模式欄位背景顏色1(輪替出現) */
  62.     .ListRow2_bg { background: #181818; } /* 管理模式欄位背景顏色2(輪替出現) */
  63.    
  64.     /* id 顏色 by level */
  65.     /* .id3, .id5, .id8, .id9 { font-weight: bold; } */
  66.     .id3 { color: rgba(255,255,21,0.8); }
  67.     .id5 { color: #75D41D; }
  68.     .id8 { color: #F2784F; }
  69.     .id9 { color: #98E; }
  70.    
  71.     /* popup */
  72.     .popup { position: fixed; border-radius: 3px; overflow: auto; background: #282A2E; }
  73.     .popup .post { border-bottom: 0.05em solid rgba(0,0,0,0.75); display: block; }
  74.     .popup .img { float: none; max-width: 125px !important; max-height: 125px; }
  75.     .popup .file-text { display: none; }
  76.     .popup .warn_txt2 { display: none; }
  77.    
  78.     /* quickreply */
  79.     #quickreply { z-index: 20; position: fixed; background: #282A2E; display: none; }
  80.     #quickreply div { width: 100%; }
  81.     #quickreply .quickreply-head { height: 1.5em; font-size: 1.1em; cursor: move; font-weight: bold; text-align: center; }
  82.     #quickreply .quickreply-close { float: right; }
  83.    
  84.     #quickreply, .popup { box-shadow: 0 3px 10px rgba(0,0,0,0.75); border: 3px solid #666; }
  85. }
  86.  
  87. @media screen{ /* 標準顯示(一般顯示器)模式附加規則 */
  88.    
  89. }
  90.  
  91. @media handheld{ /* 手持設備(手機,PDA等)附加規則 */
  92.     html { max-width: 320px; margin: auto; } /* 320px為多數PDA的顯示寬度 */
  93.     input { max-width: 200px; }
  94.     textarea { max-width: 200px; height: 40px; }
  95.  
  96.     .img { margin: 0.5ex 0.5ex; max-width: 125px; } /* 討論串圖片顯示樣式 */
  97.     .reply { clear: left; margin: 0.5ex 0 0 0; } /* 討論串回應樣式 */
  98.     .quote { margin: 1ex 1ex; } /* 討論串內文縮排樣式 */
  99.     #page_switch { clear: right; } /* 避免頁尾表格交疊 */
  100. }
  101.  
  102. @media print{ /* 列印,預覽列印附加規則 */
  103.     html { background: #FFF; color: #000; } /* 網頁改成白底黑字,節省彩色列印成本 */
  104.     #postform_main { display: none; } /* 貼文表單在列印模式沒有用處,故不顯示以節省空間 */
  105. }
  106.  
  107. @media only screen and (min-device-width: 480px) {
  108.     /* popup, code show scroll bar */
  109.     pre::-webkit-scrollbar, div::-webkit-scrollbar { width: 0.5em; height: 0.5em; border: 1px solid #CCC; background-color: #DDD; }
  110.     pre::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb { background-color: #999; }
  111. }
  112.  
  113. /* Android / iOS */
  114. @media only screen and (max-device-width: 480px) {
  115.     html { padding-top: 10px; } /* 頁面基本字體大小,邊界 */
  116.     body { font-size: 90%; margin: 0; }
  117.     #toplink { text-align: left; } /* 頂部連結列取消置右 */
  118.     #fcom { max-width: 35ex; } /* 調整表單欄位 */
  119.     #fupfile { display: block; }
  120.     input[type="text"] { max-width: 100% }
  121.     ul { padding-left: 2em; }
  122.     .img { margin: 0.5ex 0.5ex; max-width: 100%; height: auto; display: block; float: none; } /* 討論串圖片顯示樣式 */
  123.     /*.reply { clear: left; margin: 0.5ex 0 0 0; max-width: 100%; } */ /* 討論串回應樣式 */
  124.     .file-text { display: none; } /* 不顯示file text */
  125.     .pushpost { padding: 0.8em; }
  126.     #page_switch { clear: right; } /* 避免頁尾表格交疊 */
  127.    
  128.     .post { display: block; max-width: 100%; margin-left: 0.2em; margin-right: 0.2em; width: auto; }
  129.     .post-head { width:100%; word-wrap : break-word; overflow-wrap : break-word; }
  130.     .quote { margin: 5px 10px; overflow: auto; } /* 內文內縮 */
  131.     .quote pre { max-width: 300px; } /* code show */
  132. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top