Advertisement
Rionell

blue plurk layout

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