Advertisement
Guest User

vocaloid plurk layout - belief @ dw

a guest
May 13th, 2013
395
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.41 KB | None | 0 0
  1. /*------------------------------original design credit to-------------------------------
  2. 此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,版權所有。
  3. 僅開放個人套用,歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處),
  4. 商業性質及其他利用方式請勿套用、改製或引用,謝謝。
  5. 『我們並未授權創作者擅自使用我們的CSS修改後再分享,請尊重原創,謝謝~』
  6. ------------------------------------------------------------------------*/
  7.  
  8. /*------------------------------------------------------------------------
  9. design adapted by belief @ dreamwidth, image from vocaloid, all rights belong to their respective owners.
  10. ------------------------------------------------------------------------*/
  11.  
  12.  
  13. /*======================== 背景設定 ========================*/
  14.  
  15. /*-----畫面背景-----*/
  16.  
  17. html
  18. {
  19. background:#000 url() left top no-repeat;
  20. overflow-x:hidden !important;
  21. }
  22. body
  23. {
  24. background:none !important;
  25. width:100% !important;
  26. height:100% !important;
  27. min-height:690px !important;
  28. overflow-x:hidden !important;
  29. }
  30.  
  31. /*清除系統預設邊界*/
  32. body {margin:0;padding:0;}
  33. * html {margin-top:-1px;}
  34.  
  35.  
  36. /*-----時間軸背景-----*/
  37.  
  38. #timeline_holder
  39. {
  40. background:#bbcccc url(http://i.imgur.com/QrIgLR5.jpg) right top no-repeat;
  41. }
  42. #timeline_bg .day_bg .div_inner
  43. {
  44. background:none;
  45. border-left:1px solid #aabbbb !important;
  46. border-right:0 !important;
  47. }
  48. #bottom_line
  49. {
  50. background:none !important;
  51. border-top:1px solid #aabbbb !important;
  52. border-bottom:0 !important;
  53. }
  54. .day_start .bottom_start, .day_start .div_start /*日*/
  55. {
  56. color:#778888 !important;
  57. font-size:11px !important;
  58. margin-top:-3px !important;
  59. }
  60. .bottom_start, .bottom_end /*時*/
  61. {
  62. color:#99aaaa !important;
  63. font-size:8px !important;
  64. }
  65. #time_show /*每則時間*/
  66. {
  67. background:#bbcccc !important;
  68. border:1px solid #99aaaa !important;
  69. padding: 2px 12px !important;
  70. -moz-border-radius:2px;
  71. -khtml-border-radius:2px;
  72. -webkit-border-radius:2px;
  73. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  74. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  75. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  76. }
  77. #time_show span
  78. {
  79. color:#778888;
  80. font-size:11px !important;
  81. }
  82.  
  83.  
  84. /*-----時間軸背景高度與位置調整-----*/
  85.  
  86. #timeline_holder
  87. {
  88. position:relative !important;
  89. margin-left:213px; /*將左邊界縮排*/
  90. }
  91. #timeline_holder,
  92. #timeline_cnt,
  93. #timeline_bg,
  94. #timeline_fg
  95. {
  96. height:600px !important;
  97. }
  98. #bottom_line /*底軸*/
  99. {
  100. top:603px !important;
  101. }
  102. .div_inner /*日軸*/
  103. {
  104. height:580px !important;
  105. }
  106. #time_show /*每則時間*/
  107. {
  108. top:613px !important;
  109. height:20px !important;
  110. z-index:1113;
  111. }
  112.  
  113.  
  114. /*-----主控台版面排列-----*/
  115.  
  116. #dashboard_holder
  117. {
  118. text-align:left !important;
  119. width:100%;
  120. }
  121. div#plurk-dashboard
  122. {
  123. width:220px !important;
  124. height:600px !important;
  125. overflow:hidden !important;
  126. position:absolute !important;
  127. z-index:901;
  128. top:-624px;
  129. left:0px;
  130. border:1px solid #111 !important;
  131. border-left:0 !important;
  132. -moz-box-shadow:0px 7px 12px rgba(0,0,0,0.3); /*CSS3陰影效果*/
  133. -webkit-box-shadow:0px 7px 12px rgba(0,0,0,0.3);
  134. box-shadow:0px 7px 12px rgba(0,0,0,0.3);
  135. }
  136. .dash-segment
  137. {
  138. width:220px;
  139. min-height:10px !important;
  140. height:auto !important;
  141. }
  142. p#about_me, #dash-friends, #dash-fans
  143. {
  144. max-height:30px !important;
  145. overflow:hidden !important;
  146. }
  147. #dash-stats
  148. {
  149. max-height:40px !important;
  150. overflow:hidden !important;
  151. line-height:1.3em !important;
  152. }
  153. p#about_me:hover, #dash-stats:hover, #dash-friends:hover, #dash-fans:hover
  154. {
  155. max-height:300px !important;
  156. -moz-transition:max-height 0.5s ease-in; /*滑入效果*/
  157. -webkit-transition:max-height 0.5s ease-in;
  158. -o-transition:max-height 0.5s ease-in;
  159. }
  160. .segment-content
  161. {
  162. padding-top:0px !important;
  163. padding-bottom:0px !important;
  164. }
  165. #dash-profile
  166. {
  167. margin-top:10px;
  168. }
  169. #profile_pic
  170. {
  171. width:px;
  172. border:2px solid #99aaaa !important;
  173. padding:0px !important;
  174. -moz-border-radius:2px;
  175. -khtml-border-radius:2px;
  176. -webkit-border-radius:2px;
  177. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  178. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  179. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  180. }
  181. #profile_pic:hover
  182. {
  183. width:px;
  184. }
  185. #dash-friends, #dash-fans
  186. {
  187. text-align:left;
  188. }
  189. div#fan_holder,
  190. .show_all_friends
  191. {
  192. text-align:center;
  193. font-size:12px !important;
  194. }
  195. #dash-additional-info a,
  196. .show_all_friends a,
  197. div#fan_holder a
  198. {
  199. color:#778888 !important;
  200. text-decoration:none !important;
  201. }
  202. #dash-additional-info a:hover,
  203. .show_all_friends a:hover,
  204. div#fan_holder a:hover
  205. {
  206. color:#99aaaa !important;
  207. text-decoration:none !important;
  208. }
  209. #dash-stats h3
  210. {
  211. margin-top:0px !important;
  212. }
  213. #dash-stats td
  214. {
  215. color:#99aaaa !important;
  216. }
  217. .karma_hover
  218. {
  219. color:#222;
  220. font-size:22px;
  221. }
  222. #karma
  223. {
  224. color:#991111 !important;
  225. font-size:23px !important;
  226. }
  227. .award_bar
  228. {
  229. width:200px !important;
  230. padding:0 !important;
  231. margin-top:px !important;
  232. }
  233. .award_bar div
  234. {
  235. padding:0 !important;
  236. margin:0 !important;
  237. }
  238. #dash-stats .award_bar img
  239. {
  240. -moz-transform: scale(0.5);
  241. -khtml-transform: scale(0.5);
  242. -webkit-transform: scale(0.5);
  243. -o-transform: scale(0.5);
  244. }
  245. #dash-stats .award_bar div
  246. {
  247. width:20px !important;
  248. }
  249. .friend_holder {margin-top:0px;}
  250. .friend_holder table
  251. {
  252. margin-top:0px;
  253. margin-left:auto;
  254. margin-right:auto;
  255. }
  256. .friend_holder td
  257. {
  258. padding:0px 1px !important;
  259. margin:0px !important;
  260. }
  261. .friend_holder .user_link
  262. .friend_holder .user_link:hover
  263. {
  264. padding:0px !important;
  265. }
  266. .user_link
  267. {
  268. border:1px solid #99aaaa !important;
  269. }
  270. .award_bar img,
  271. .user_link img
  272. {
  273. filter:alpha(opacity=10) !important; opacity:0.1 !important; zoom:1;
  274. }
  275. .user_link img:hover,
  276. .award_bar img:hover
  277. {
  278. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  279. -moz-transition:opacity 0.2s ease-in; /*滑入效果*/
  280. -webkit-transition:opacity 0.2s ease-in;
  281. -o-transition:opacity 0.2s ease-in;
  282. }
  283. #private_plurk,
  284. #friend_managment,
  285. #fan_managment
  286. {
  287. margin-top:12px !important; /*各區塊上方間距*/
  288. height:0px !important; /*各區塊下方間距*/
  289. }
  290. a.friend_man
  291. {
  292. border:0 !important;
  293. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
  294. padding-left:19px !important;
  295. color:#222 !important;
  296. font-size:12px !important;
  297. }
  298. a.friend_man:hover
  299. {
  300. color:#222 !important;
  301. }
  302.  
  303. /*隱藏項目*/
  304. #plurks_count a, #footer, #empty_timeline_bg,
  305. #dynamic_logo, #logo img, img#creature,
  306. .block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
  307. #top_login a#sign_up, #getting_started, div .adsense,
  308. #dash-stats h2, #dash-friends h2, #dash-fans h2,
  309. .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
  310. #dash-friends p, #dash-friends form,
  311. div #tw_help, div a#dashboard-invite, div #sharePlurk,
  312. #block_user,
  313. .dash-icon
  314. {
  315. display : none;
  316. height:0 !important;
  317. width:0 !important;
  318. overflow:hidden;_overflow:none;
  319. position:fixed;
  320. top:-9000px;
  321. }
  322.  
  323.  
  324. /*-----發噗區位置-----*/
  325.  
  326. div#plurk_form
  327. {
  328. position: absolute !important;
  329. top:-230px !important;
  330. left:250px;
  331. z-index:900;
  332. margin-top:20px !important;
  333. width:750px !important;
  334. }
  335. #toggle_tab
  336. {
  337. z-index:902;
  338. top:-233px !important;
  339. left:250px;
  340. }
  341.  
  342.  
  343. /*-----發噗區背景-----*/
  344.  
  345. .plurkaction,
  346. #toggle_tab li.tt_selected
  347. {
  348. background:none;
  349. border:0 !important;
  350. }
  351.  
  352.  
  353. /*-----所有訊息功能列位置調整-----*/
  354.  
  355. #filter_tab
  356. {
  357. position:absolute;
  358. top:420px;
  359. right:230px;
  360. z-index:700;
  361. }
  362.  
  363.  
  364. /*-----更新通知位置調整-----*/
  365.  
  366. #updater
  367. {
  368. margin-left:230px !important; /*320*/
  369. }
  370.  
  371.  
  372. /*======================== 頁首頁尾 ========================*/
  373.  
  374. /*-----隱藏頁首小圖並縮短間距-----*/
  375.  
  376. #top_bar .item img
  377. {
  378. width:0 !important;
  379. margin:0 !important;
  380. filter:alpha(opacity=0); opacity:0; zoom:1;
  381. }
  382.  
  383.  
  384. /*-----標題-----*/
  385.  
  386. #page_title
  387. {
  388. color:#dddddd !important;
  389. font-size:12px;
  390. text-shadow:0px 0px 2px #111;
  391. }
  392.  
  393. #top_login a, /*頁首右邊文字*/
  394. #top_bar, #top_bar a, /*頁首左邊文字*/
  395. #top_bar .content a#edit_link, /*編輯文字*/
  396. #alert_beacon, /*通知數字*/
  397. .unread #alert_beacon, /*通知數字:未讀*/
  398. #languge_selector, /*切換語言*/
  399. #footer, #footer p, #footer a /*頁尾文字*/
  400. {
  401. background:none !important;
  402. border:0 !important;
  403. font-size:11px !important;
  404. color:#dddddd !important;
  405. font-weight:300 !important;
  406. text-transform:normal !important;
  407. text-decoration:none !important;
  408. letter-spacing:1px;
  409. }
  410. #top_login a:hover,
  411. #top_bar a:hover,
  412. #top_bar .content a:hover#edit_link,
  413. #footer a:hover
  414. {
  415. background:none !important;
  416. color:#bbcccc !important;
  417. -moz-border-radius:3px;
  418. -khtml-border-radius:3px;
  419. -webkit-border-radius:3px;
  420. }
  421.  
  422. /*通知數字*/
  423. #alert_beacon
  424. {
  425. color:#ddd !important;
  426. margin:0 2px;
  427. }
  428. .unread #alert_beacon /*未讀*/
  429. {
  430. color:#fff !important;
  431. margin:0 2px;
  432. font-weight:bold !important;
  433. background:#222 !important;
  434. }
  435.  
  436. /*編輯與登入登出*/
  437. #top_bar .content a#edit_link, a#login_link
  438. {
  439. background:#222 !important;
  440. font-size:11px !important;
  441. padding:2px;
  442. margin:0px 3px;
  443. color:#ddd !important;
  444. -moz-border-radius:3px;
  445. -khtml-border-radius:3px;
  446. -webkit-border-radius:3px;
  447. }
  448. #top_bar .content a:hover#edit_link, /*編輯文字*/
  449. a:hover#login_link /*登出*/
  450. {
  451. color:#fff !important;
  452. }
  453.  
  454.  
  455. /*---隱藏顯示---*/
  456.  
  457. #top_login, #top_bar, #footer
  458. {
  459. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  460. }
  461. #top_login:hover, #top_bar:hover, #footer:hover
  462. {
  463. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  464. -moz-transition:opacity 0.3s ease-in; /*滑入效果*/
  465. -webkit-transition:opacity 0.3s ease-in;
  466. -o-transition:opacity 0.3s ease-in;
  467. }
  468.  
  469.  
  470. /*======================== 顯示訊息 ========================*/
  471.  
  472. #empty_timeline_bg {text-transform:normal; font-size:0px !important;}
  473. #empty_timeline_fg
  474. {
  475. color:#bbcccc !important;
  476. font-size:15px !important;
  477. text-decoration:none !important;
  478. text-shadow:0pt 0px 1px #ddd; /*陰影*/
  479. }
  480. #empty_timeline_fg a {text-transform:normal;color:#fff !important;}
  481. #empty_timeline_fg a:hover {text-transform:normal;}
  482.  
  483.  
  484. /*======================== 往前往後 ========================*/
  485.  
  486. .cmp_arrow_right
  487. {
  488. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_right_alt1_32x32.png);
  489. width:32px; height:32px;
  490. margin:0;
  491. }
  492. .cmp_arrow_left
  493. {
  494. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_left_alt1_32x32.png);
  495. width:32px; height:32px;
  496. margin:0;
  497. }
  498. .cmp_back_to_today
  499. {
  500. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/first_16x16.png);
  501. width:16px; height:16px;
  502. margin-left:10px;
  503. margin-top:10px;
  504. }
  505. .browse_button
  506. {
  507. top:450px;
  508. margin-right:50px;
  509. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  510. }
  511. .browse_button:hover
  512. {
  513. filter:alpha(opacity=80) !important; opacity:0.8 !important; zoom:1;
  514. -moz-transition:opacity 0.2s ease-in; /*滑入效果*/
  515. -webkit-transition:opacity 0.2s ease-in;
  516. -o-transition:opacity 0.2s ease-in;
  517. }
  518.  
  519.  
  520. /*======================== loading ========================*/
  521.  
  522. .cmp_loading {width:0px;height:0px;} /*主畫面*/
  523. #div_loading .cnt
  524. {
  525. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader01.gif) no-repeat scroll center !important;
  526. margin-top:140px;
  527. }
  528. .loading img {width:0px;height:0px;} /*每則噗*/
  529. .loading
  530. {
  531. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader03.gif) no-repeat scroll center top !important;
  532. margin-top:30px;height:24px;
  533. }
  534.  
  535.  
  536. /*======================== 所有訊息 ========================*/
  537.  
  538. #filter_tab a.off_tab,
  539. #filter_tab a.filter_selected
  540. {
  541. background:none !important;
  542. border:0 !important;
  543. font-size:11px !important;
  544. letter-spacing:1px;
  545. color:#ddd !important;
  546. }
  547. #filter_tab a.filter_selected
  548. {
  549. background:rgba(255,255,255,0.2) !important;
  550. border:1px solid #bbcccc !important;
  551. color:#778888 !important;
  552. -moz-border-radius:4px;
  553. -khtml-border-radius:4px;
  554. -webkit-border-radius:4px;
  555. }
  556. .unread_generic,
  557. #filter_tab a.filter_selected .unread_generic
  558. {
  559. background:#bbcccc !important;
  560. color:#778888 !important;
  561. }
  562.  
  563. /*滑鼠移至效果*/
  564. #filter_tab a.off_tab:hover,
  565. #filter_tab a.filter_selected:hover
  566. {
  567. color:#fff !important;
  568. text-decoration:none !important;
  569. }
  570.  
  571.  
  572. /*======================== 更新通知 ========================*/
  573.  
  574. #updater, #music_player
  575. {
  576. font-size:12px !important;
  577. letter-spacing:1px;
  578. color:#222 !important;
  579. background:#bbcccc !important;
  580. border:1px solid #99aaaa !important;
  581. -moz-border-radius:2px;
  582. -khtml-border-radius:2px;
  583. -webkit-border-radius:2px;
  584. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  585. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  586. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  587. padding:4px 12px;
  588. }
  589. #updater .text {color:#222 !important;} /*則數*/
  590. #updater a, #music_player a
  591. {
  592. color:#778888 !important;
  593. }
  594. #updater a:hover, #music_player a:hover
  595. {
  596. color:#778888 !important;
  597. text-decoration:none !important;
  598. }
  599.  
  600. /*隱藏中間的間隔線*/
  601. .cmp_poll_line
  602. {
  603. filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
  604. width:0 !important;
  605. overflow:hidden;
  606. }
  607.  
  608.  
  609. /*======================== 發噗區 ========================*/
  610.  
  611. /*-----頁籤-----*/
  612.  
  613. #toggle_tab,
  614. #toggle_tab li,
  615. #toggle_tab li.tt_selected
  616. {
  617. color:#222 !important;
  618. font-size:12px !important;
  619. text-transform:uppercase; /*皆大寫*/
  620. text-shadow:1px 1px 1px #ccc;
  621. }
  622. #toggle_tab {margin-left:px;}
  623.  
  624. /*隱藏頁籤圖示*/
  625. #toggle_tab li span#plurk_tab,
  626. #toggle_tab li span#search_tab
  627. {
  628. width:0px !important;
  629. }
  630.  
  631. /*使用者名稱*/
  632. #main_poster .qual_holder
  633. {
  634. color:#222 !important;
  635. font-size:15px !important;
  636. }
  637.  
  638. /*尚餘字數*/
  639. .char_updater {color:#333 !important;}
  640.  
  641. /*超過字數*/
  642. .char_highlight
  643. {
  644. color:#fff !important;
  645. background:#222 !important;
  646. font-size:12px !important;
  647. letter-spacing:1px;
  648. -moz-border-radius:3px;
  649. -khtml-border-radius:3px;
  650. -webkit-border-radius:3px;
  651. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  652. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  653. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  654. }
  655. .char_highlight a {color:#fff !important;background:none !important;}
  656.  
  657. /*對齊中間*/
  658. .plurkForm td {vertical-align:middle !important;}
  659.  
  660.  
  661. /*-----輸入框-----*/
  662.  
  663. textarea#input_big_private, /*發送私密噗視窗*/
  664. textarea#input_big_private.content,
  665. textarea#input_big, /*發噗輸入*/
  666. textarea#input_permalink,
  667. textarea#input_big.content,
  668. input#current_query /*搜尋輸入*/
  669. {
  670. background:rgba(255,255,255,0.01) !important;
  671. border:1px solid #99aaaa !important;
  672. color:#333 !important;
  673. font-size:14px !important;
  674. line-height:1.5;
  675. padding:5px 5px;
  676. min-height:50px;
  677. -moz-border-radius:5px;
  678. -khtml-border-radius:5px;
  679. -webkit-border-radius:5px;
  680. }
  681.  
  682. input#current_query, /*搜尋輸入*/
  683. input#current_query:focus
  684. {
  685. color:#111 !important;
  686. min-height:30px !important;
  687. }
  688.  
  689. /*使用中狀態*/
  690. textarea:focus,
  691. textarea#input_big_private:focus,
  692. textarea#input_big:focus,
  693. textarea#input_permalink:focus,
  694. input#current_query:focus,
  695. input:focus,
  696. select:focus
  697. {
  698. color:#111 !important;
  699. background:rgba(255,255,255,0.9) !important;
  700. border:1px solid lightblue !important;
  701. -moz-box-shadow:0px 0px 3px #36c;
  702. -webkit-box-shadow:0px 0px 3px #36c;
  703. box-shadow:0px 0px 3px #36c;
  704. }
  705.  
  706.  
  707. /*-----發噗按鈕-----*/
  708.  
  709. .cmp_plurk
  710. {
  711. background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
  712. }
  713. /* background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/o.png) no-repeat scroll top left;*/
  714.  
  715.  
  716. /*-----搜尋按鈕-----*/
  717.  
  718. input.orange-but
  719. {
  720. background:#222 !important;
  721. color:#fff !important;
  722. font-size:16px !important;
  723. padding:5px 6px !important;
  724. text-shadow:0px 2px 1px #ccc !important; /*文字陰影*/
  725. border:1px solid #333 !important;
  726. -moz-box-shadow:0 3px 0 #aaa !important; /*框線陰影*/
  727. -webkit-box-shadow:0 3px 0 #aaa !important;
  728. box-shadow:0 3px 0 #aaa !important;
  729. vertical-align:middle !important;
  730. width:auto;
  731. }
  732. .u_search, .u_search a, /*搜尋其它會員*/
  733. .share_search b /*分享搜尋結果*/
  734. {
  735. color:#99aaaa !important;
  736. font-weight:normal;
  737. }
  738.  
  739.  
  740. /*======================== 語助詞 ========================*/
  741.  
  742. /*語助詞旁的箭頭符號*/
  743. .dd_img img
  744. {
  745. filter:alpha(opacity=50) !important;opacity:0.5 !important; zoom:1;
  746. }
  747.  
  748. .qualifier, .m_qualifier, .r_qualifier, /*所有*/
  749. div.bigplurk .r_qualifier /*單噗頁面上下則*/
  750. {
  751. background:none !important; /*將外觀的背景去除*/
  752. border:0 !important;
  753. }
  754.  
  755. .qualifier, /*浪上*/
  756. .mini_form .m_qualifier, /*浪上每則噗發噗區*/
  757. .r_qualifier /*單噗頁面字*/
  758. {
  759. font-size:12px !important;
  760. }
  761. .m_qualifier, /*發噗區*/
  762. #reply_box .m_qualifier, /*單一噗浪發噗區*/
  763. .content .r_qualifier /*單噗主噗區*/
  764. {
  765. font-size:15px !important;
  766. }
  767.  
  768.  
  769. /*-----各欄位-----*/
  770.  
  771. .qual_menu .q_freestyle,
  772. .q_freestyle,
  773. td .q_freestyle /*自由發揮*/
  774. {
  775. background:none !important;
  776. color:#999 !important;
  777. }
  778. .qual_menu .q_loves,
  779. .q_loves,
  780. td .q_loves /*愛*/
  781. {
  782. background:none !important;
  783. color:#B20C0C !important;
  784. }
  785. .qual_menu .q_likes,
  786. .q_likes,
  787. td .q_likes /*喜歡*/
  788. {
  789. background:none !important;
  790. color:#CB2728 !important;
  791. }
  792. .qual_menu .q_shares,
  793. .q_shares,
  794. td .q_shares /*分享*/
  795. {
  796. background:none !important;
  797. color:#A74949 !important;
  798. border:0 !important;
  799. }
  800. .qual_menu .q_gives,
  801. .q_gives,
  802. td .q_gives /*給*/
  803. {
  804. background:none !important;
  805. color:#620E0E !important;
  806. }
  807. .qual_menu .q_hates,
  808. .q_hates,
  809. td .q_hates /*討厭*/
  810. {
  811. background:none !important;
  812. color:#ccc !important;
  813. }
  814. .qual_menu .q_wants,
  815. .q_wants,
  816. td .q_wants /*想要*/
  817. {
  818. background:none !important;
  819. color:#8DB241 !important;
  820. }
  821. .qual_menu .q_wishes,
  822. .q_wishes,
  823. td .q_wishes /*期待*/
  824. {
  825. background:none !important;
  826. color:#5BB017 !important;
  827. }
  828. .qual_menu .q_needs,
  829. .q_needs,
  830. td .q_needs /*需要*/
  831. {
  832. background:none !important;
  833. color:#7A9A37 !important;
  834. }
  835. .qual_menu .q_will,
  836. .q_will,
  837. td .q_will /*打算*/
  838. {
  839. background:none !important;
  840. color:#B46DB9 !important;
  841. }
  842. .qual_menu .q_hopes,
  843. .q_hopes,
  844. td .q_hopes /*希望*/
  845. {
  846. background:none !important;
  847. color:#e05be9 !important;
  848. }
  849. .qual_menu .q_asks,
  850. .q_asks,
  851. td .q_asks /*問*/
  852. {
  853. background:none !important;
  854. color:#8361bc !important;
  855. }
  856. .qual_menu .q_has,
  857. .q_has,
  858. td .q_has /*已經*/
  859. {
  860. background:none !important;
  861. color:#777 !important;
  862. }
  863. .qual_menu .q_was,
  864. .q_was,
  865. td .q_was /*曾經*/
  866. {
  867. background:none !important;
  868. color:#525252 !important;
  869. }
  870. .qual_menu .q_wonders,
  871. .q_wonders,
  872. td .q_wonders /*好奇*/
  873. {
  874. background:none !important;
  875. color:#2e4e9e !important;
  876. }
  877. .qual_menu .q_feels,
  878. .q_feels,
  879. td .q_feels /*覺得*/
  880. {
  881. background:none !important;
  882. color:#2D83BE !important;
  883. }
  884. .qual_menu .q_thinks,
  885. .q_thinks,
  886. td .q_thinks /*想*/
  887. {
  888. background:none !important;
  889. color:#689CC1 !important;
  890. }
  891. .qual_menu .q_says,
  892. .q_says,
  893. td .q_says /*說*/
  894. {
  895. background:none !important;
  896. color:#111 !important;
  897. }
  898. .qual_menu .q_is,
  899. .q_is,
  900. td .q_is /*正在*/
  901. {
  902. background:none !important;
  903. color:#E57C43 !important;
  904. }
  905.  
  906.  
  907. /*-----表格欄位-----*/
  908.  
  909. .qual_menu td /*選單表格*/
  910. {
  911. text-align:center !important;
  912. font-size:12px;
  913. }
  914. .qual_menu
  915. {
  916. background:#000 !important;
  917. border:1px solid #111 !important;
  918. -moz-border-radius:3px;
  919. -khtml-border-radius:3px;
  920. -webkit-border-radius:3px;
  921. }
  922. .qual_menu .on
  923. {
  924. color:#FFF !important;
  925. text-shadow:0px 0px 5px #eeeeee; /*陰影*/
  926. }
  927.  
  928.  
  929. /*======================== 表情選單 ========================*/
  930.  
  931. #emoticon_selecter /*選單背景*/
  932. {
  933. border-color:#ccc !important;
  934. }
  935. #emoticon_selecter #emoticons_tabs ul /*顯示所有選單*/
  936. {
  937. overflow:visible !important;
  938. }
  939. #emoticons_show /*圖片背景*/
  940. {
  941. padding:4px;
  942. padding-top:10px!important;
  943. border-top:1px dotted #ddd !important;
  944. width:422px !important;
  945. }
  946. #emoticon_selecter img, #emoticon_selecter a:hover img {border:0 !important;}
  947. #emoticon_selecter #emoticons_tabs {padding:6px 0px 0 !important; }
  948. #emoticon_selecter #emoticons_tabs
  949. {
  950. background:none !important;
  951. border-color:#fff !important;
  952. }
  953. #emoticon_selecter #emoticons_tabs li
  954. {
  955. background:#ddd !important;
  956. border-color:#ccc !important;
  957. font-size:90% !important;
  958. }
  959. #emoticon_selecter #emoticons_tabs li.current
  960. {
  961. background:#ccc !important;
  962. }
  963. #emoticons_tabs ul li a /*連結*/
  964. {
  965. color:#a2a2a2 !important; /*8099ad*/
  966. font-weight:normal !important;
  967. }
  968. #emoticons_tabs ul li.current a /*正選連結*/
  969. {
  970. color:#313233 !important; /*133d5f*/
  971. }
  972.  
  973.  
  974. /*======================== 私人選項 ========================*/
  975.  
  976. #more_options_link /*打開前背景*/
  977. {
  978. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/lock_fill_9x12.png) left top no-repeat !important;
  979. padding-left:15px !important;
  980. border:0 !important;
  981. color:#222 !important;
  982. }
  983. #more_options td,
  984. #more_options .caption,
  985. #more_options_holder
  986. {
  987. background:none !important;
  988. border:0 !important;
  989. color:#778888 !important;
  990. font-size:12px !important;
  991. text-decoration:none !important;
  992. }
  993. #more_options_holder /*打開後背景*/
  994. {
  995. background:#111 !important;
  996. border:1px solod #222 !important;
  997. -moz-border-radius:4px;
  998. -khtml-border-radius:4px;
  999. -webkit-border-radius:4px;
  1000. }
  1001. .small {font-size:10px !important;} /*欄位說明*/
  1002. .advert a {font-size:0px !important;} /*噗浪同步訊息至FB*/
  1003. .private_to {color:#333 !important;} /*私人訊息給...*/
  1004.  
  1005. .private_to b, /*私人訊息*/
  1006. .selectedSmartInputItem, .selectedSmartInputItem a, /*移動選擇*/
  1007. .selectedSmartInputItem a:hover,
  1008. .auto_ta .person /*已選擇的噗友底色*/
  1009. {
  1010. background:#778888 !important;
  1011. color:#fff !important;
  1012. font-size:12px !important;
  1013. font-weight:normal !important;
  1014. text-decoration:none !important;
  1015. -moz-border-radius:4px;
  1016. -khtml-border-radius:4px;
  1017. -webkit-border-radius:4px;
  1018. }
  1019. #smartInputFloaterContent /*下拉選單*/
  1020. {
  1021. background:#fff !important;
  1022. }
  1023. .private_to b, /*私人訊息*/
  1024. .auto_ta .person /*已選擇的噗友底色*/
  1025. {
  1026. padding:2px 4px;
  1027. }
  1028. .wickEnabled, .wickEnabled:focus /*輸入欄*/
  1029. {
  1030. background:none !important;
  1031. border:0 !important;
  1032. color:#333 !important;
  1033. -moz-box-shadow:0px 0px 0px #ccc;
  1034. -webkit-box-shadow:0px 0px 0px #ccc;
  1035. box-shadow:0px 0px 0px #ccc;
  1036. }
  1037.  
  1038.  
  1039. /*======================== 浪上的噗 ========================*/
  1040.  
  1041. #timeline_holder div.plurk /*淡入*/
  1042. {
  1043. -moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
  1044. -moz-transform-origin:0 0;
  1045. -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
  1046. -webkit-transform-origin:0 0;
  1047. }
  1048. #timeline_cnt /*淡入過場*/
  1049. {
  1050. -moz-animation-name:fadeIn;
  1051. -moz-animation-iteration-count:1;
  1052. -moz-animation-duration:0.6s;
  1053. -webkit-animation-name:fadeIn;
  1054. -webkit-animation-iteration-count:1;
  1055. -webkit-animation-duration:0.6s;
  1056. }
  1057. @-webkit-keyframes fadeIn
  1058. {
  1059. 0% { opacity: 0; }
  1060. 100% { opacity: 1; }
  1061. }
  1062. @-moz-keyframes fadeIn
  1063. {
  1064. 0% { opacity: 0; }
  1065. 100% { opacity: 1; }
  1066. }
  1067.  
  1068. /*浪上的噗往下移*/
  1069. .plurk {margin-top:30px;}
  1070.  
  1071. /*浪上噗的最小高度*/
  1072. .plurk .truncated {min-height:23px;}
  1073.  
  1074. /*讓超過時間軸的噗內容出現*/
  1075. #timeline_cnt,
  1076. #timeline_bg,
  1077. #timeline_fg {overflow: visible !important;}
  1078.  
  1079. /*表格寬度*/
  1080. .list table {width:100% !important;}
  1081.  
  1082. /*列表延伸動態*/
  1083. .list
  1084. {
  1085. -webkit-transition:height 0.5s ease;
  1086. -moz-transition:height 0.5s ease;
  1087. }
  1088.  
  1089.  
  1090. /*-----噗外框設定(整體)-----*/
  1091.  
  1092. .block_cnt .plurk_cnt
  1093. {
  1094. background:rgba(255,255,255,0.8) !important;
  1095. border:1px solid #ddd !important;
  1096. -moz-border-radius:5px;
  1097. -khtml-border-radius:5px;
  1098. -webkit-border-radius:5px;
  1099. padding:5px 5px 4px 25px !important;
  1100. margin:-5px 0px 0px -25px !important;
  1101. }
  1102. .block_cnt .link_extend .plurk_cnt /*滑鼠移過去延伸的噗*/
  1103. {
  1104. background:rgba(255,255,255,0.99) !important;
  1105. border:1px solid #99aaaa !important;
  1106. min_height:45px;_height:px;
  1107. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1108. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1109. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1110. }
  1111. .block_cnt .plurk_box .plurk_cnt /*噗打開後*/
  1112. {
  1113. background:rgba(255,255,255,0.99) !important;
  1114. border:1px solid #99aaaa !important;
  1115. }
  1116. .link_extend {z-index:2300;}
  1117.  
  1118.  
  1119. /*-----噗整體底色-----*/
  1120.  
  1121. .plurk_cnt,
  1122. .plurk_box .list,
  1123. .plurk_box .mini_form,
  1124. td.td_cnt texture,
  1125. textarea#input_small
  1126. {
  1127. background:rgba(255,255,255,0.99) !important;
  1128. }
  1129.  
  1130. /*框線顏色*/
  1131. .plurk_box .caption,
  1132. .plurk_box .list,
  1133. .plurk_box .mini_form,
  1134. .info_box
  1135. {
  1136. border-color:#99aaaa !important;
  1137. }
  1138.  
  1139.  
  1140. /*-----文字設定-----*/
  1141.  
  1142. #timeline_holder .plurk_cnt
  1143. {
  1144. font-size:12px !important;
  1145. line-height:20px !important;
  1146. letter-spacing:0.06em;
  1147. }
  1148. .list .plurk_cnt
  1149. {
  1150. background:none !important;
  1151. font-size:12px !important;
  1152. line-height:20px !important;
  1153. letter-spacing:0.06em;
  1154. padding:4px;
  1155. border-bottom:1px solid #ccc !important;
  1156. }
  1157. .td_cnt .text_holder
  1158. {
  1159. color:#111 !important;
  1160. }
  1161.  
  1162.  
  1163. /*-----浪上的頭貼-----*/
  1164.  
  1165. .p_img
  1166. {
  1167. border:1px solid #ccc !important;
  1168. }
  1169.  
  1170.  
  1171. /*-----回應列表標題-----*/
  1172.  
  1173. .plurk_box .caption
  1174. {
  1175. background:#99aaaa !important;
  1176. border-color:#99aaaa !important;
  1177. font-size:11px !important;
  1178. color:#ddd !important;
  1179. letter-spacing:0.06em;
  1180. }
  1181.  
  1182.  
  1183. /*-----回應列表-----*/
  1184.  
  1185. .plurk_box .list
  1186. {
  1187. min-height:100px !important;
  1188. }
  1189.  
  1190.  
  1191. /*-----下方回應欄-----*/
  1192.  
  1193. .plurk_box .mini_form,
  1194. .plurk_box .login_to_see /*註冊參與回應bar*/
  1195. {
  1196. background:#99aaaa !important;
  1197. border-color:#99aaaa !important;
  1198. font-weight:normal !important;
  1199. text-transform:normal !important;
  1200. font-size:11px !important;
  1201. }
  1202. .plurk_box .login_to_see a,
  1203. .red_link
  1204. {
  1205. background:none !important;
  1206. color:#ddd !important;
  1207. }
  1208. .info_box
  1209. {
  1210. background:#99aaaa !important;
  1211. border-color:#99aaaa !important;
  1212. overflow-x:hidden !important;
  1213. overflow-y:hidden !important;
  1214. }
  1215. .info_box a
  1216. {
  1217. background:none !important;
  1218. color:#ddd !important;
  1219. font-size:11px !important;
  1220. }
  1221. .info_box a:hover
  1222. {
  1223. color:#fff !important;
  1224. text-decoration:none !important;
  1225. }
  1226. div.favorite_count /*喜愛的人數*/
  1227. {
  1228. color:#ddd !important;
  1229. font-size:11px !important;
  1230. }
  1231. div.limited_box /*私密的噗給...*/
  1232. {
  1233. color:#fff !important;
  1234. font-size:11px !important;
  1235. }
  1236.  
  1237. /*回應輸入區*/
  1238. td.td_cnt textarea,
  1239. textarea#input_small
  1240. {
  1241. background:# !important;
  1242. color:#111 !important;
  1243. font-size:12px !important;
  1244. padding:4px;
  1245. min-height:80px;
  1246. line-height:18px;
  1247. letter-spacing:;
  1248. -moz-border-radius:5px;
  1249. -khtml-border-radius:5px;
  1250. -webkit-border-radius:5px;
  1251. }
  1252.  
  1253. /*使用者名稱*/
  1254. .mini_form .qual_holder
  1255. {
  1256. color:#222!important;
  1257. font-size:12px !important;
  1258. }
  1259. .mini_form .char_updater {color:#fff !important;} /*尚餘字數*/
  1260. .char_updater span {color:#bbcccc !important;font-size:10px !important;} /*按Enter送出*/
  1261.  
  1262.  
  1263. /*-----刪除,編輯,消音,取消-----*/
  1264.  
  1265. .manager, .manager a, .manager .action
  1266. {
  1267. color:#99aaaa !important; /*#8db6d2*/
  1268. font-size:11px !important;
  1269. }
  1270. .manager .cancel, .manager .delete, .unmute, .mute
  1271. {
  1272. color:#bbcccc !important; /*#ce8c8d*/
  1273. font-size:11px !important;
  1274. }
  1275.  
  1276. .manager a:hover,
  1277. .manager .action:hover,
  1278. .manager .cancel:hover,
  1279. .manager .delete:hover
  1280. {
  1281. color:# !important;
  1282. text-decoration: !important;
  1283. }
  1284.  
  1285. /*隱藏已經消音的噗*/
  1286. .muted {filter:alpha(opacity=20); opacity:0.2; zoom:1;}
  1287.  
  1288.  
  1289. /*-----無回應 : )-----*/
  1290.  
  1291. .list .empty
  1292. {
  1293. color:#ddd !important;
  1294. background:url(http://pupe.ameba.jp/image/emoji/005.gif) no-repeat 50% 0px transparent; /*放背景圖*/
  1295. margin:20px 0 0 0;
  1296. padding:30px 0 0 0;
  1297. text-indent:-9999px;
  1298. }
  1299.  
  1300.  
  1301. /*-----新回應的底色-----*/
  1302.  
  1303. .plurk_box td .shade_6, td .shade_6,
  1304. .plurk_box td .shade_5, td .shade_5,
  1305. .plurk_box td .shade_4, td .shade_4,
  1306. .plurk_box td .shade_3, td .shade_3,
  1307. .plurk_box td .shade_2, td .shade_2,
  1308. .plurk_box td .shade_1, td .shade_1
  1309. {
  1310. background:rgba(255,255,255,0.99) !important;
  1311. }
  1312.  
  1313.  
  1314. /*-----原噗者的回應-----*/
  1315.  
  1316. .list .highlight_owner .td_qual a /*暱稱*/
  1317. {
  1318. color:#778888 !important;
  1319. text-decoration:none;
  1320. }
  1321. .list .highlight_owner .plurk_cnt,
  1322. .list .highlight_owner .plurk_cnt tr
  1323. {
  1324. background:#EAFBFB !important;
  1325. }
  1326.  
  1327.  
  1328. /*-----影音圖片-----*/
  1329.  
  1330. .youtube img,
  1331. .video img,
  1332. .pictureservices img
  1333. {
  1334. border:0px solid #fff !important;
  1335. filter:alpha(opacity=100); opacity:1; zoom:1;
  1336. }
  1337. .youtube:hover img,
  1338. .video:hover img,
  1339. .pictureservices:hover img
  1340. {
  1341. border:1px solid #bbcccc !important;
  1342. filter:alpha(opacity=100); opacity:1; zoom:1;
  1343. }
  1344.  
  1345.  
  1346. /*-----噗上的連結-----*/
  1347.  
  1348. .plurk a.ex_link, .text_holder a.ex_link,
  1349. .plurk a.ex_link:visited, .plurk a.ex_link:active,
  1350. div.bigplurk h1.content a.ex_link, /*單噗頁面連結*/
  1351. #plurk_nav a:link, /*上一則下一則噗連結*/
  1352. #plurk_nav a:visited, #plurk_nav a:active,
  1353. #plurk_responses ul.responses .message a,
  1354. .plurk_content a.ex_link /*單噗回應列表連結*/
  1355. {
  1356. color:#66aaaa !important;
  1357. text-decoration:underline !important;
  1358. }
  1359. .plurk a.ex_link:hover, .text_holder a.ex_link:hover,
  1360. div.bigplurk h1.content a.ex_link:hover,
  1361. #plurk_nav a:hover,
  1362. #plurk_responses ul.responses .message a:hover,
  1363. .plurk_content a.ex_link:hover
  1364. {
  1365. color:#66aaaa !important;
  1366. text-decoration:none !important;
  1367. }
  1368.  
  1369.  
  1370. /*-----噗上的人名-----*/
  1371.  
  1372. .td_qual span a,
  1373. .td_qual span a:hover
  1374. {
  1375. color:#111 !important;
  1376. font-weight:bold !important;
  1377. text-decoration:none !important;
  1378. letter-spacing:0em;
  1379. }
  1380.  
  1381.  
  1382. /*-----回應時間標示-----*/
  1383.  
  1384. .response_time .plurk_cnt,
  1385. div.response_time
  1386. {
  1387. background:none !important;
  1388. border:0 !important;
  1389. }
  1390.  
  1391. div.response_time .holder
  1392. {
  1393. background:rgba(255,255,255,0.99) !important;
  1394. color:#222 !important;
  1395. font-size:11px !important;
  1396. border:1px solid #99aaaa !important;
  1397. letter-spacing:0.02em;
  1398. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1399. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1400. box-shadow:0px 0px 5px rgba(0,0,0,0.3);
  1401. -moz-border-radius:5px;
  1402. -khtml-border-radius:5px;
  1403. -webkit-border-radius:5px;
  1404. padding:4px 5px;
  1405. }
  1406.  
  1407.  
  1408. /*-----回應數-----*/
  1409.  
  1410. .td_response_count {padding-top:px;} /*對齊*/
  1411.  
  1412. .response_count
  1413. {
  1414. color:#444 !important;
  1415. background:none !important;
  1416. font-size:13px !important;
  1417. text-shadow: 0px 0px 1px #ccc;
  1418. }
  1419. .new .response_count /*新回應*/
  1420. {
  1421. background:#bbcccc !important;
  1422. border:0px solid #fff !important;
  1423. font-size:13px !important;
  1424. font-weight: bold;
  1425. text-decoration: blink;
  1426. color:#333 !important;
  1427. text-shadow: 0px 0px 1px #ccc;
  1428. padding:5px !important;
  1429. -moz-border-radius:2px;
  1430. -khtml-border-radius:2px;
  1431. -webkit-border-radius:2px;
  1432. -moz-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
  1433. -webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
  1434. box-shadow:0px 0px 5px rgba(255,255,255,0.3);
  1435. }
  1436. .dots .inner /*中間的...*/
  1437. {
  1438. background:none;
  1439. border:none;
  1440. height:0;
  1441. width:0;
  1442. padding:0;
  1443. margin:0;
  1444. overflow:hidden;
  1445. font-size:0px;
  1446. }
  1447.  
  1448.  
  1449. /*======================== 單則訊息 ========================*/
  1450.  
  1451. /*-----訊息背景-----*/
  1452.  
  1453. .permalink
  1454. {
  1455. width:100%;
  1456. margin:0 !important;
  1457. background:#000 url(http://farm3.static.flickr.com/2636/3837137722_5e5de062af_o.jpg) left top no-repeat !important;
  1458. }
  1459.  
  1460. div.bigplurk
  1461. {
  1462. width:900px;
  1463. margin-left:auto;
  1464. margin-right:auto;
  1465. }
  1466. div.bigplurk
  1467. .user-nick, /*暱稱*/
  1468. .user-nick:hover
  1469. {
  1470. font-size:14px !important;
  1471. color:#222 !important;
  1472. }
  1473. div.bigplurk h1.content .plurk_content /*文字設定*/
  1474. {
  1475. font-size:14px !important;
  1476. line-height:23px !important;
  1477. letter-spacing:0.04em;
  1478. color:#111 !important;
  1479. }
  1480. div.contentwrapper h1.content /*內容區*/
  1481. {
  1482. border:1px solid #99aaaa !important;
  1483. border-bottom:0 !important;
  1484. background:rgba(255,255,255,0.99) !important;
  1485. filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;
  1486. -moz-border-radius:5px 5px 0px 0px;
  1487. -khtml-border-radius:5px 5px 0px 0px;
  1488. -webkit-border-radius:5px 5px 0px 0px;
  1489. }
  1490. div.time /*時間區*/
  1491. {
  1492. border:1px solid #99aaaa !important;
  1493. border-top:0 !important;
  1494. background:rgba(255,255,255,0.99) !important;
  1495. filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;
  1496. -moz-border-radius:0px 0px 5px 5px;
  1497. -khtml-border-radius:0px 0px 5px 5px;
  1498. -webkit-border-radius:0px 0px 5px 5px;
  1499. }
  1500.  
  1501.  
  1502. /*-----噗主代表圖-----*/
  1503.  
  1504. img.bubble_edge /*箭頭*/
  1505. {filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;}
  1506.  
  1507. div.user img /*圖片*/
  1508. {
  1509. padding:2px;
  1510. background:none !important;
  1511. border:2px solid #bbcccc !important;
  1512. -moz-border-radius:5px;
  1513. -khtml-border-radius:5px;
  1514. -webkit-border-radius:5px;
  1515. }
  1516.  
  1517.  
  1518. /*-----上一則下一則-----*/
  1519.  
  1520. #prev_plurk, #next_plurk,
  1521. #prev_plurk:hover, #next_plurk:hover
  1522. {
  1523. background:#fff !important;
  1524. border:1px solid #99aaaa !important;
  1525. line-height:23px !important;
  1526. -moz-border-radius:5px;
  1527. -khtml-border-radius:5px;
  1528. -webkit-border-radius:5px;
  1529. }
  1530.  
  1531. /*透明度變化*/
  1532. #prev_plurk, #next_plurk
  1533. {filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;}
  1534. #prev_plurk:hover , #next_plurk:hover
  1535. {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}
  1536.  
  1537.  
  1538. /*-----回應列表-----*/
  1539.  
  1540. #plurk_responses
  1541. {
  1542. width:800px;
  1543. padding-top:0px;
  1544. }
  1545. #plurk_responses ul.responses
  1546. {
  1547. background:none !important;
  1548. border:0px solid #ddd !important;
  1549. -moz-border-radius:2px;
  1550. -khtml-border-radius:2px;
  1551. -webkit-border-radius:2px;
  1552. }
  1553. #plurk_responses ul.responses:hover
  1554. {
  1555. background:rgba(255,255,255,0.2) !important;
  1556. }
  1557. #plurk_responses h2 {font-size:14px; color:#333 !important;} /*標題*/
  1558. div #plurk_responses h2 a, /*回應連結*/
  1559. #plurk_responses div.feed-link a
  1560. {
  1561. font-size:14px;
  1562. background:none !important;
  1563. color:#333 !important;
  1564. }
  1565. div #plurk_responses h2 a:hover,
  1566. #plurk_responses div.feed-link a:hover
  1567. {
  1568. background:none !important;
  1569. color:#111 !important;
  1570. }
  1571. #plurk_responses ul.responses li /*每則回應*/
  1572. {
  1573. background:none !important;
  1574. border-bottom:1px dotted #778888 !important;
  1575. line-height:20px !important;
  1576. }
  1577. ul.responses .message /*文字設定*/
  1578. {
  1579. color:#778888 !important;
  1580. font-size:13px !important;
  1581. line-height:20px !important;
  1582. }
  1583. #plurk_responses ul.responses .message a.user /*暱稱*/
  1584. {
  1585. color:#99aaaa !important;
  1586. text-decoration:none !important;
  1587. }
  1588.  
  1589.  
  1590. /*-----回應時間-----*/
  1591.  
  1592. ul.responses li:hover span.time
  1593. {
  1594. color:#ddd !important;
  1595. font-size:11px !important;
  1596. text-transform:normal;
  1597. }
  1598. ul.responses .highlight_owner .time /*原噗者回應時間*/
  1599. {
  1600. border-bottom:1px solid #ddd !important;
  1601. background:none !important;
  1602. }
  1603.  
  1604.  
  1605. /*-----訊息內連結樣式-----*/
  1606.  
  1607. #plurk_responses ul.responses .message a
  1608. {
  1609. color:#66aaaa !important;
  1610. text-decoration:underline !important;
  1611. }
  1612. #plurk_responses ul.responses .message a:hover
  1613. {
  1614. color:#66aaaa !important;
  1615. text-decoration:none !important;
  1616. }
  1617.  
  1618.  
  1619. /*-----下方回應區-----*/
  1620.  
  1621. #reply_box,
  1622. #reply_box_holder
  1623. {
  1624. background:none !important;
  1625. border:0 !important;
  1626. }
  1627.  
  1628. /*使用者名稱*/
  1629. #reply_box_holder .qual_holder {color:#222 !important; font-size:15px !important; }
  1630.  
  1631. /*輸入內容*/
  1632. #reply_box #input_big {font-size:15px; color:# !important;}
  1633.  
  1634.  
  1635. /*-----登入或註冊以回應-----*/
  1636.  
  1637. div #not_logged_in h2, div #not_logged_in h2 a
  1638. {
  1639. background:none !important;
  1640. font-size:14px;
  1641. text-decoration:none !important;
  1642. color:#778888 !important;
  1643. }
  1644. div #not_logged_in h2 a:hover
  1645. {
  1646. color:#ccc !important;
  1647. }
  1648.  
  1649.  
  1650. /*======================== 功能視窗 ========================*/
  1651.  
  1652. /*-----浪上噗友小視窗-----*/
  1653.  
  1654. .AmiMenu.info_menu,
  1655. .AmiMenu.info_menu .block
  1656. {
  1657. border:0 !important;
  1658. padding:3px;
  1659. }
  1660. .AmiMenu.info_menu .block /*舉報濫用*/
  1661. {
  1662. background:#111 !important;
  1663. color:#bbcccc !important;
  1664. -moz-border-radius:4px;
  1665. -khtml-border-radius:4px;
  1666. -webkit-border-radius:4px;
  1667. }
  1668.  
  1669. /*更換整體顏色*/
  1670. .AmiMenu.info_menu,
  1671. .AmiMenu.info_menu .separator
  1672. {
  1673. background:#333 !important;
  1674. border-color:#333 !important;
  1675. color:#bbcccc !important;
  1676. }
  1677. .AmiMenu.info_menu
  1678. {
  1679. border:1px solid #222 !important;
  1680. -moz-border-radius:4px;
  1681. -khtml-border-radius:4px;
  1682. -webkit-border-radius:4px;
  1683. }
  1684. .AmiMenu td
  1685. {
  1686. color:#bbcccc !important;
  1687. }
  1688. .AmiMenu.info_menu td.on,
  1689. .AmiMenu.info_menu .user_info.on
  1690. {
  1691. background:#778888 !important;
  1692. color:#fff !important;
  1693. -moz-border-radius:4px;
  1694. -khtml-border-radius:4px;
  1695. -webkit-border-radius:4px;
  1696. }
  1697. .AmiMenu.info_menu .user_info.on b
  1698. {
  1699. color:#ddd;
  1700. font-weight:bold !important;
  1701. }
  1702. .AmiMenu.info_menu .user_info img /*噗友圖片*/
  1703. {
  1704. border:2px solid #222 !important;
  1705. }
  1706.  
  1707.  
  1708. /*-----下拉視窗箭頭-----*/
  1709.  
  1710. .cmp_tooltips-down
  1711. {
  1712. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down.png);
  1713. }
  1714. .cmp_tooltips-up
  1715. {
  1716. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up.png);
  1717. }
  1718.  
  1719.  
  1720. /*-----說明小視窗-----*/
  1721.  
  1722. .tooltip_cnt
  1723. {
  1724. color:#222;
  1725. background:#bbcccc !important;
  1726. border:1px solid #99aaaa !important;
  1727. padding:3px;
  1728. -moz-border-radius:3px;
  1729. -khtml-border-radius:3px;
  1730. -webkit-border-radius:3px;
  1731. font-size:11px !important;
  1732. -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);
  1733. -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease;
  1734. -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3);
  1735. -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease;
  1736. }
  1737. .tooltip_cnt img {margin:3px;} /*噗友代表圖*/
  1738. .AmiTT_main {background:none !important; border:0 !important;} /*背景箭頭*/
  1739.  
  1740.  
  1741. /*-----功能視窗-----*/
  1742.  
  1743. /*標題列*/
  1744. .GB_Window .header td.caption,
  1745. .GB_Window .close
  1746. {
  1747. color:#ddd;
  1748. background:none !important;
  1749. }
  1750.  
  1751. /*內框*/
  1752. .GB_Window .header
  1753. {
  1754. border:0 !important;
  1755. }
  1756. .GB_Window .content
  1757. {
  1758. border-color:# !important;
  1759. border:0 !important;
  1760. }
  1761.  
  1762. /*外框*/
  1763. .GB_Gallery .iframe_holder,
  1764. .GB_Window
  1765. {
  1766. background:rgba(0,0,0,0.8) !important;
  1767. border:0px solid #9ce !important;
  1768. -moz-border-radius:3px;
  1769. -khtml-border-radius:3px;
  1770. -webkit-border-radius:3px;
  1771. -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);
  1772. -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease;
  1773. -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3);
  1774. -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease;
  1775. -moz-animation-name:fadeIn;
  1776. -moz-animation-iteration-count:1;
  1777. -moz-animation-duration:0.7s;
  1778. -webkit-animation-name:fadeIn;
  1779. -webkit-animation-iteration-count:1;
  1780. -webkit-animation-duration:0.7s;
  1781. }
  1782.  
  1783. /*更換標題列箭頭*/
  1784. .GB_Window .close span
  1785. {
  1786. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/x_14x14.png) no-repeat 0 0;
  1787. border:none!important;
  1788. width:18px;
  1789. margin-right:4px;
  1790. color:#222;
  1791. }
  1792.  
  1793. /*更換關閉圖示*/
  1794. img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
  1795. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1796. .GB_Gallery .content
  1797. {
  1798. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/x_14x14.png) right 5px no-repeat !important;
  1799. }
  1800.  
  1801. /*隱藏影片在背景播放*/
  1802. .content div .hide_window, div .hide_window a,
  1803. div .direct-l a
  1804. {
  1805. background:none !important;
  1806. color:#778888 !important;
  1807. }
  1808.  
  1809.  
  1810. /*#重設CSS -------------------------------*/
  1811.  
  1812. /*消除圖片外框*/
  1813. img {border:none !important;}
  1814.  
  1815. /*去除連結虛線框*/
  1816. a:focus, :focus, a, a:link, a:visited, a:active {outline:0 !important;}
  1817.  
  1818. /*重置Google瀏覽器字體*/
  1819. * {-webkit-text-size-adjust:none;}
  1820.  
  1821.  
  1822. /*-----捲軸語法-----*/
  1823.  
  1824. /*Google瀏覽器適用*/
  1825. ::-webkit-scrollbar {background:rgba(255,255,255,0.5);}
  1826. ::-webkit-scrollbar-thumb {background:#eee;}
  1827. ::-webkit-scrollbar-thumb:hover {background:#ddd;}
  1828. ::-webkit-scrollbar,
  1829. ::-webkit-scrollbar-thumb,
  1830. ::-webkit-scrollbar-thumb:hover
  1831. {
  1832. -webkit-border-radius:10px;
  1833. -webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
  1834. }
  1835.  
  1836. /*火狐適用*/
  1837. ::-moz-scrollbar {background:rgba(255,255,255,0.5);}
  1838. ::-moz-scrollbar-thumb {background:#eee;}
  1839. ::-moz-scrollbar-thumb:hover {background:#ddd;}
  1840. ::-moz-scrollbar,
  1841. ::-moz-scrollbar-thumb,
  1842. ::-moz-scrollbar-thumb:hover
  1843. {
  1844. -moz-border-radius:10px;
  1845. -moz-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
  1846. }
  1847.  
  1848. /*ie適用*/
  1849. HTML
  1850. {
  1851. SCROLLBAR-FACE-COLOR:#fff
  1852. SCROLLBAR-HIGHLIGHT-COLOR:#fff;
  1853. SCROLLBAR-SHADOW-COLOR:#eee;
  1854. SCROLLBAR-3DLIGHT-COLOR:#bbb;
  1855. SCROLLBAR-ARROW-COLOR:#ccc;
  1856. SCROLLBAR-TRACK-COLOR:#eee;
  1857. SCROLLBAR-DARKSHADOW-COLOR:#ccc;
  1858. overflow-x:hidden;
  1859. }
  1860.  
  1861.  
  1862. /*-----選單語法-----*/
  1863.  
  1864. select, select:focus, /*下拉選單*/
  1865. input#share_link, /*分享搜尋結果*/
  1866. input#loc_field, /*搜尋其它噗浪會員*/
  1867. .auto_ta /*輸入區表格*/
  1868. {
  1869. color:#333 !important;
  1870. background:rgba(255,255,255,0.05) !important;
  1871. border:1px solid #99aaaa !important;
  1872. -moz-border-radius:5px;
  1873. -khtml-border-radius:5px;
  1874. -webkit-border-radius:5px;
  1875. }
  1876.  
  1877. /*使用中狀態*/
  1878. input#current_query:focus,
  1879. input:focus,
  1880. select:focus
  1881. {
  1882. color:#222 !important;
  1883. background:rgba(255,255,255,0.9) !important;
  1884. border:1px solid #778888 !important;
  1885. }
  1886.  
  1887.  
  1888. /*-----語言字型-----*/
  1889.  
  1890. body.language-large-font,
  1891. .language-large-font #top_login,
  1892. .language-large-font #footer,
  1893. .language-large-font .small,
  1894. .language-large-font .tooltip_cnt,
  1895. .language-large-font .direct-l
  1896. {
  1897. font-family: !important;
  1898. font-weight:normal;
  1899. text-transform:normal;
  1900. }
  1901.  
  1902. #plurk_ads
  1903. {
  1904. max-height:0px !important;max-width:0px !important;
  1905. background:rgba(255,255,255,0.9) !important;
  1906. border-bottom:1px dotted #eee !important;
  1907. border-top:1px dotted #eee !important;
  1908. font-size:11px !important;
  1909. color:#fff !important;
  1910. border-radius:5px;
  1911. }
  1912. #form_holder .caption {z-index:9999;position:relative;}
  1913.  
  1914. /*分享與表情選項圖片*/
  1915. .cmp_media_off, .cmp_media_on,
  1916. .cmp_media_mini_off, .cmp_media_mini_on
  1917. {
  1918. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/iphone_12x16.png) no-repeat scroll top left;
  1919. width: 12px; height: 16px;
  1920. }
  1921. img[src="http://static.plurk.com/static/icons/emoticon_off.png"],
  1922. img[src="http://static.plurk.com/static/icons/emoticon_on.png"],
  1923. img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"],
  1924. img[src="http://static.plurk.com/static/icons/emoticon_mini_on.png"]
  1925. {
  1926. filter:alpha(opacity=0); opacity:0; zoom:1;
  1927. }
  1928. .emoticon_selecter_img_on, .emoticon_selecter_img_off {width: 16px; height: 16px;}
  1929. .icons_holder
  1930. {
  1931. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/chat_alt_stroke_16x16.png) no-repeat 18px 4px;
  1932. }
  1933. .cmp_sync_off, .cmp_sync_on
  1934. {
  1935. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/spin_alt_16x16.png) no-repeat scroll top left;
  1936. width: 16px; height: 16px;
  1937. margin-top: 4px !important;
  1938. }
  1939. .cmp_privacy_off, .cmp_privacy_on
  1940. {
  1941. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/lock_stroke_12x16.png) no-repeat scroll top left;
  1942. width: 12px; height: 16px;
  1943. }
  1944.  
  1945. /*同步訊息視窗*/
  1946. #sync_checked_form
  1947. {
  1948. font-size:12px !important;
  1949. color:#333;
  1950. width:240px;
  1951. background:#e1e1e1;
  1952. border-color:#ddd !important;
  1953. top:-60px !important;
  1954. border-radius:2px;
  1955. }
  1956. #sync_checked_ul a {color:#333;}
  1957. .upper_arrow {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
  1958.  
  1959. /*私訊圖示*/
  1960. img[src="http://statics.plurk.com/c550f52f61da13964d5415c07b7506ca.png"]
  1961. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1962. .private
  1963. {
  1964. background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/padlock-closed.png) no-repeat 0 0;
  1965. }
  1966.  
  1967. /*轉噗圖示*/
  1968. img[src="http://statics.plurk.com/2da9c174ff4bce649887dba83a97222e.png"]
  1969. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1970. .replurk
  1971. {
  1972. background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/media-repeat-alt.png) no-repeat 0 0;
  1973. }
  1974. .manager .replurk {background:none !important;}
  1975.  
  1976. /*說讚圖示*/
  1977. img[src="http://statics.plurk.com/ffdca9715cfcd8ea7adc140c1f9d37df.png"]
  1978. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1979. .favorite_icon
  1980. {
  1981. background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/star.png) no-repeat 0 0;
  1982. }
  1983.  
  1984. /*單一噗頁面連結*/
  1985. .perma_link
  1986. {
  1987. margin-left:5px;
  1988. padding-left:19px;
  1989. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/open-in-new-window-inv.png) no-repeat 0 1px;
  1990. }
  1991. .perma_link a,
  1992. .perma_link a:hover
  1993. {
  1994. text-decoration:none !important;
  1995. }
  1996.  
  1997. /*刪除與回覆回應圖示*/
  1998. .reply_to
  1999. {
  2000. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/comment_stroke_12x11.png) no-repeat scroll 1px 2px;
  2001. }
  2002. .reply_to:hover
  2003. {
  2004. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/comment_stroke_12x11.png) no-repeat scroll 1px 2px;
  2005. }
  2006. .del_icon
  2007. {
  2008. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/x_7x7.png) no-repeat scroll 5px 4px;
  2009. }
  2010. .del_icon:hover
  2011. {
  2012. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/x_7x7.png) no-repeat scroll 5px 4px;
  2013. }
  2014. div.response_time .holder a {color:#66aaaa !important;}
  2015.  
  2016. /*單則噗廣告隱藏*/
  2017. div .adsense { display : none; height:0 !important; width:0 !important; }
  2018.  
  2019. /*分享人數圖片隱藏*/
  2020. #replurkers_holder { display : none; height:0 !important; width:0 !important; }
  2021.  
  2022. /*分享連結區塊*/
  2023. .plurk a.oembed, .plurk a.oembedmeta,
  2024. .plurk a.youtube.video,
  2025. .plurk a.appledaily, .plurk a.gmap,
  2026. .plurk_content a.oembed, .plurk_content a.oembedmeta, .plurk_content a.youtube, .plurk_content a.appledaily, .plurk_content a.gmap
  2027. {
  2028. padding-left:7px;
  2029. border:0 !important;
  2030. border-left:5px solid #ccc !important;
  2031. font-size:12px !important;
  2032. color:#999 !important;
  2033. }
  2034. .plurk a.oembed:hover, .plurk a.oembedmeta:hover,
  2035. .plurk a.youtube.video:hover,
  2036. .plurk a.appledaily:hover, .plurk a.gmap:hover,
  2037. .plurk_content a.oembed:hover, .plurk_content a.oembedmeta:hover, .plurk_content a.youtube:hover, .plurk_content a.appledaily:hover, .plurk_content a.gmap:hover
  2038. {
  2039. background:none;
  2040. border:0 !important;
  2041. border-left:5px solid #aaa !important;
  2042. color:#666 !important;
  2043. }
  2044. a.youtube img, a.oembed img, a.oembedmeta img, a.appledaily img, a.gmap img
  2045. {
  2046. max-width:80px !important;
  2047. background:none !important;
  2048. border:0 !important;
  2049. padding:1px;
  2050. border:1px solid #c4c4c4;
  2051. border-radius:3px;
  2052. }
  2053. a.youtube:hover img, a.oembed:hover img, a.oembedmeta:hover img,
  2054. a.appledaily:hover img {max-width:80px!important; border:0 !important;}
  2055.  
  2056. /*影片圖大小修正*/
  2057. .youtube img, .youtube:hover img,
  2058. .video img, .video:hover img
  2059. {
  2060. max-width:80px !important; max-height:60px !important;
  2061. }
  2062. p#about_me a.youtube.video
  2063. {
  2064. font-size:0px !important;
  2065. max-height:45px !important;
  2066. overflow:hidden;_overflow:none;
  2067. }
  2068. p#about_me .youtube img, p#about_me .youtube:hover img {border:0 !important;}
  2069.  
  2070. /*播放箭頭*/
  2071. .video img.media_play_icon {}
  2072. .video:hover img.media_play_icon {}
  2073. img[src="http://statics.plurk.com/003e5e225479d6b82e8ffb93c26b6a01.png"]
  2074. {filter:alpha(opacity=80); opacity:0.8; zoom:1;}
  2075.  
  2076. /*圖片*/
  2077. .pictureservices img,
  2078. .plurk a.pictureservices img
  2079. {
  2080. padding:2px;
  2081. margin-top:2px;
  2082. margin-left:3px;
  2083. border:0 !important;
  2084. border-radius:3px;
  2085. background:none !important;
  2086. }
  2087. .pictureservices:hover img,
  2088. .plurk a.pictureservices:hover img
  2089. {
  2090. background:none !important;
  2091. border:0 !important;
  2092. box-shadow:1px 2px 3px rgba(0,0,0,0.2);
  2093. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement