Advertisement
Rionell

egg plurk layout

May 24th, 2015
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.38 KB | None | 0 0
  1. /*-------------------------------版權說明-------------------------------
  2. 此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,版權所有。
  3. 僅開放個人套用,歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處),
  4. 商業性質及其他利用方式請勿套用、改製或引用,謝謝。
  5. ------------------------------------------------------------------------*/
  6.  
  7. /*------------------------------------------------------------------------
  8. 噗浪版型 Plurk CSS: egg king P
  9. 設計出處 Design by: Be Myself Inc. M6
  10. 背景圖源 Background image from: (simpledesktops)
  11. 安裝網址 Install: (http://www.plurk.com/installDesign/3997864-18465be4aa)
  12. 更多佈景 More Themes: (http://www.flickr.com/groups/plurkcss)
  13. -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
  14. -- Copyright: 版權所有 保留一切權利 All Rights Reserved --
  15. ------------------------------------------------------------------------*/
  16.  
  17.  
  18. /*---------------畫面背景*/
  19.  
  20. html
  21. {
  22. background:#eee url(http://farm7.staticflickr.com/6038/6311360915_e2764fbba6_o.png) center top no-repeat;
  23. overflow-x:hidden !important;
  24. margin-top:px;
  25. }
  26.  
  27. body
  28. {
  29. background:transparent !important;
  30. width:100% !important;
  31. height:100% !important;
  32. min-height:px !important;
  33. overflow:hidden !important;
  34. }
  35.  
  36. /*清除系統預設邊界*/
  37. body {margin:0;padding:0;}
  38.  
  39.  
  40. /*---------------時間軸*/
  41.  
  42. #timeline_holder
  43. {
  44. background:none;
  45. border-top:0px solid #111 !important;
  46. border-bottom:0px solid #222 !important;
  47. margin:0 !important;
  48. }
  49. #timeline_bg .day_bg .div_inner
  50. {
  51. background:none !important;
  52. border:0 !important;
  53. width:24px;
  54. opacity:0.1 !important; zoom:1;
  55. }
  56. #bottom_line
  57. {
  58. background:none !important;
  59. border-top:0 !important;
  60. border-bottom:0px solid #333 !important;
  61. opacity:0.3 !important; zoom:1;
  62. }
  63. .bottom_start, .bottom_end
  64. {
  65. color:#bbb;
  66. font: 9px Tahoma;
  67. opacity:0.5 !important; zoom:1;
  68. }
  69. .day_start .bottom_start, .day_start .div_start
  70. {
  71. color:#fff !important;
  72. margin-left:-6px;
  73. }
  74. #time_show
  75. {
  76. border:0;
  77. background:#ffffdd !important;
  78. border-radius:2px 6px 0px 3px;
  79. padding:2px 10px !important;
  80. margin-top:-1px;
  81. }
  82. #time_show span
  83. {
  84. color:#fc0;
  85. font-family: Tahoma !important;
  86. font-size:12px !important;
  87. }
  88.  
  89. /*顯示訊息*/
  90. #empty_timeline_fg {color:#bbb !important;font-size:14px !important;}
  91. #empty_timeline_fg a {color:#bbb !important;}
  92.  
  93. /*調整高度*/
  94. #timeline_holder.permalink { height:auto !important; }
  95. #timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg { height:545px !important; }
  96. #bottom_line { top:525px !important;}
  97. day_bg .div_inner,.div_inner { height:25px !important;}
  98. #time_show {top:520px !important;}
  99. .plurk { margin-top:50px; }
  100.  
  101.  
  102. /*---------------主控台*/
  103.  
  104. /*隱藏項目*/
  105. .dots .inner, #replurkers_holder,
  106. #plurks_count a, .advert a, #empty_timeline_bg,
  107. #dynamic_logo, #logo img, img#creature,
  108. .block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
  109. #top_login a#sign_up, #getting_started, div .adsense,
  110. #dash-stats h2, #dash-friends h2, #dash-fans h2,
  111. .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
  112. #dash-friends form, #dash-friends p, div#fan_holder span,
  113. div #tw_help, div a#dashboard-invite, div #sharePlurk,
  114. #block_user,
  115. .dash-icon
  116. {
  117. display : none ;
  118. height:0 !important;
  119. width:0 !important;
  120. overflow:hidden;_overflow:none;
  121. position:fixed;
  122. top:-9000px;
  123. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  124. }
  125. #dashboard_holder { margin-bottom:70px !important; }
  126. div#plurk-dashboard
  127. {
  128. border:0 !important;
  129. background:#fff !important;
  130. border-radius:2px 10px 3px 12px;
  131. opacity:0.1 !important; zoom:1;
  132. line-height:1.7;
  133. color:#999 !important;
  134. font-size:12px !important;
  135. box-shadow:0px 2px 5px rgba(255,255,255,0.5);
  136. padding:10px !important;
  137. }
  138. #plurk_responses
  139. {
  140. opacity:0.1 !important; zoom:1;
  141. }
  142. div#plurk-dashboard:hover, #plurk_responses:hover
  143. {
  144. opacity:0.8 !important; zoom:1;
  145. }
  146. #profile_pic
  147. {
  148. width:33px;
  149. border:2px solid #fc1 !important;
  150. border-radius:4px;
  151. box-shadow:0pt 1pt 3pt rgba(1,1,1,0.6);
  152. }
  153. #profile_pic:hover {width:55px;}
  154. #dash-additional-info a {color:#fb0 !important;text-decoration:none !important;}
  155. #dash-additional-info a:hover {color:#fc1 !important;}
  156. .show_all_friends {margin-top:32px !important;}
  157. .show_all_friends a
  158. {
  159. font-size:11px !important;
  160. color:#888 !important;
  161. text-decoration:none !important;
  162. }
  163. .show_all_friends a:hover {color:#bbb important;}
  164. a.friend_man
  165. {
  166. font-size:11px !important;
  167. background:#fff !important;
  168. color:#999 !important;
  169. border-radius:3px 8px 1px 4px;
  170. border:0 !important;
  171. opacity:0.9 !important; zoom:1;
  172. }
  173. a.friend_man:hover {color:#fb0 !important;}
  174. .karma_hover
  175. {
  176. color:#eee;
  177. font-size: 80%;
  178. }
  179. #karma
  180. {
  181. font-size:px !important;
  182. color:#fb0 !important;
  183. }
  184. .award_bar
  185. {
  186. width:200px !important;
  187. padding:0 !important;
  188. }
  189. .award_bar div { padding:0 !important; margin:0 !important;}
  190. #dash-stats .award_bar div { width:px !important; }
  191. #dash-stats .award_bar img
  192. {
  193. -moz-transform: scale(0.9);
  194. -khtml-transform: scale(0.9);
  195. -webkit-transform: scale(0.9);
  196. -o-transform: scale(0.9);
  197. }
  198. #dash-stats table { line-height:1.4 !important; margin-top:30px !important; }
  199. #dash-stats td { color:#bbb !important; }
  200. friend_holder td { padding: 1px 2px; }
  201. .friend_holder img, .friend_holder .user_link
  202. {
  203. height:31px !important;
  204. width:31px !important;
  205. border-radius:6px;
  206. }
  207. .friend_holder .user_link:hover
  208. {
  209. box-shadow:0px 0px 2px rgba(255,255,255,0.4);
  210. }
  211. .friend_holder table { margin-top:10px; margin-left:auto; margin-right:auto;}
  212. #dash-friends-pics .user_link, #dash-fans-pics .user_link,
  213. #dash-friends-pics img, #dash-fans-pics img { padding: 0px; border: none; }
  214.  
  215.  
  216. /*---------------發噗區*/
  217.  
  218. .plurkaction,
  219. #toggle_tab li.tt_selected
  220. {
  221. background:none;
  222. border:0 !important;
  223. opacity:0.7 !important; zoom:1;
  224. }
  225. span#plurk_tab, span#search_tab { width:0px !important; }
  226. #toggle_tab
  227. {
  228. width:200px !important;
  229. height:30px !important;
  230. overflow:hidden;_overflow:none;
  231. margin-left:-14px !important;
  232. }
  233. #main_poster .qual_holder
  234. {
  235. color:#bbb !important;
  236. font-size:px !important;
  237. }
  238. #toggle_tab li.tt_selected, #toggle_tab li
  239. {
  240. font-size:15px !important;
  241. color:#ccc !important;
  242. }
  243. .u_search, .share_search b, .u_search a,
  244. .char_updater, .char_highlight, .char_highlight a
  245. {
  246. font-size:12px !important;
  247. font-weight:300 !important;
  248. color:#777 !important;
  249. }
  250. .char_highlight { background:none !important; }
  251.  
  252.  
  253. /*---------------所有訊息*/
  254.  
  255. #filter_tab
  256. {
  257. font-size: 12px !important;
  258. }
  259. #filter_tab a.off_tab
  260. {
  261. background:#ffffdd !important;
  262. border-color:#fff !important;
  263. border-radius:3px 7px 3px 7px;
  264. color:#444 !important;
  265. opacity:0.7 !important; zoom:1;
  266. }
  267. #filter_tab a.filter_selected
  268. {
  269. background:#fff !important;
  270. color:#bbb !important;
  271. border-color:#fff !important;
  272. border-radius:3px 7px 3px 7px;
  273. opacity:0.8 !important; zoom:1;
  274. }
  275. .unread_generic,
  276. #filter_tab a.filter_selected .unread_generic
  277. {
  278. background:#fb0 !important;
  279. color:#fff !important;
  280. }
  281. #filter_tab a.off_tab:hover,
  282. #filter_tab a.filter_selected:hover
  283. {
  284. border-color: !important;
  285. text-decoration:none !important;
  286. opacity:1 !important; zoom:1;
  287. }
  288.  
  289.  
  290. /*---------------更新通知與音樂播放器*/
  291.  
  292. #updater, #music_player
  293. {
  294. background: #fff;
  295. border:0 !important;
  296. font-size:12px !important;
  297. color:#333 !important;
  298. padding: 3px 14px !important;
  299. border-radius:2px 8px 2px 8px;
  300. box-shadow:0px 0px 3px rgba(0,0,0,0.4);
  301. opacity:0.7 !important; zoom:1;
  302. }
  303. #updater .text {color:#333 !important;}
  304. #updater a, #music_player a { color:#fd5!important; }
  305. #updater a:hover, #music_player a:hover { color:#fc1 !important; }
  306. #updater a:hover span, #music_player a:hover { text-decoration:none !important; }
  307.  
  308. /*隱藏中間的間隔線*/
  309. .cmp_poll_line
  310. {
  311. filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
  312. width:0 !important;
  313. overflow:hidden;
  314. }
  315.  
  316.  
  317. /*---------------頁首選單*/
  318.  
  319. #top_login
  320. {
  321. background:#eee !important;
  322. margin:0 !important;
  323. opacity:0.6 !important; zoom:1;
  324. position:fixed;
  325. line-height:21px;
  326. width:100% !important;
  327. box-shadow: 0pt 2px 2px -1px rgba(0,0,0,0.1);
  328. z-index:2222;
  329. }
  330. #top_bar { z-index:2223; position: fixed; }
  331. #top_login a { margin-right:4px; }
  332. #top_bar .item img
  333. {
  334. border:0 !important;
  335. }
  336. #top_bar a, #top_login a
  337. {
  338. color:#fff !important;
  339. font-size:11px !important;
  340. font-weight:300 !important;
  341. }
  342. #top_bar a:hover, #top_login a:hover
  343. {
  344. color:#333 !important;
  345. text-decoration:none !important;
  346. }
  347. #top_bar .content a#edit_link, #alert_beacon
  348. {
  349. color:#fff !important;
  350. font-size:11px !important;
  351. background:none !important;
  352. }
  353. #top_bar .content a:hover#edit_link, .unread #alert_beacon
  354. {
  355. color:#fff !important;
  356. background:#fb0 !important;
  357. }
  358. div#page_title
  359. {
  360. color:#fff !important;
  361. font-size:13px;
  362. background:#bbb;
  363. border-radius:0px;
  364. height: 17px;
  365. padding:2px 12px !important;
  366. margin-top:-2px !important;
  367. position: fixed;
  368. z-index:2224;
  369. }
  370.  
  371.  
  372. /*---------------頁尾選單*/
  373.  
  374. div#footer
  375. {
  376. text-align:left;
  377. margin:5px auto !important;
  378. }
  379. #footer p br { display : none; }
  380.  
  381. /*切換語言*/
  382. #languge_selector
  383. {
  384. position:relative;
  385. clear : both ;
  386. text-align:right;
  387. color:#bbb;
  388. font-size:12px;
  389. }
  390.  
  391. #footer, #footer a, #footer a:hover
  392. {
  393. color:#bbb !important;
  394. font-size:12px !important;
  395. font-weight:400 !important;
  396. background:none !important;
  397. border:0 !important;
  398. text-decoration:none !important;
  399. }
  400. #footer a:hover { color:#333 !important; }
  401.  
  402. /*選項對齊置中*/
  403. #mainpage_content ol, #mainpage_content ul { margin-bottom: 0px; }
  404. #footer a
  405. {
  406. width:30px;
  407. height:20px;
  408. overflow:hidden !important;
  409. float : right;
  410. }
  411.  
  412.  
  413. /*---------------浪上的噗*/
  414.  
  415. /*浪上噗的最小高度*/
  416. .plurk .truncated {min-height:18px;}
  417.  
  418. /*讓超過時間軸的噗內容出現*/
  419. body #timeline_holder,
  420. #timeline_cnt,
  421. #timeline_bg,
  422. #timeline_fg {overflow: visible !important;}
  423.  
  424. /*噗打開後回應區寬度*/
  425. .display, .toggled
  426. {
  427. min-width:450px;_width:450px !important;
  428. z-index:1200;
  429. }
  430.  
  431. /*解決噗重疊問題*/
  432. div.plurk .link_extend {z-index:2200;}
  433. .block_cnt { padding:15px !important; width:450px !important; height:60px !important; }
  434. .block_cnt .div_inner, .div_bottom { max-height:0px !important; }
  435.  
  436. /*淡入效果動態*/
  437. #timeline_holder div.plurk
  438. {
  439. -moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
  440. -moz-transform-origin:0 0;
  441. -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
  442. -webkit-transform-origin:0 0;
  443. -o-transition:top 0.5s ease, -o-transform 0.5s ease;
  444. -o-transform-origin:0 0;
  445. }
  446.  
  447. /*表格寬度*/
  448. .list table {width:100% !important;}
  449.  
  450. /*列表延伸動態*/
  451. .list
  452. {
  453. -webkit-transition:height 0.5s ease;
  454. -moz-transition:height 0.5s ease;
  455. }
  456.  
  457. /*噗外框.block_cnt*/
  458. .plurk_cnt
  459. {
  460. background:#fff !important;
  461. border-radius:0px 3px 6px 8px;
  462. border:2px solid #fe9 !important;
  463. border-right:2px solid #ffffdd !important;
  464. border-bottom:2px solid #ffffdd !important;
  465. padding:3px !important;
  466. line-height:18px !important;
  467. opacity:0.9 !important; zoom:1;
  468. }
  469. .plurk_cnt:hover
  470. {
  471. opacity:1 !important; zoom:1;
  472. }
  473. .link_extend .plurk_cnt
  474. {
  475. background:#fff !important;
  476. box-shadow:0px 0px 2px rgba(0,0,0,0.3);
  477. }
  478. .plurk_box .plurk_cnt
  479. {
  480. background:#fff !important;
  481. }
  482. .list .plurk_cnt
  483. {
  484. border:0 !important;
  485. border-bottom:1px solid #e0e0e0 !important;
  486. border-radius:0px !important;
  487. }
  488.  
  489. /*暱稱向下移*/
  490. #timeline_holder div.plurk .td_qual span a
  491. {
  492. position:absolute;
  493. top:-22px;
  494. left:-23px;
  495. margin-right:2px !important;
  496. padding-right:5px !important;
  497. padding-left:5px !important;
  498. width:px !important;
  499. overflow:hidden !important;
  500. color: #fff !important;
  501. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  502. font-size:11px !important;
  503. border-top: 1px solid rgba(255,255,255,0.2);
  504. border-bottom: 1px solid rgba(255,255,255,0.6);
  505. background: rgba(255,221,85,0.9);
  506. border-radius:3px 5px 6px 8px;
  507. }
  508. #timeline_holder .plurk_cnt
  509. {
  510. margin-left:3px !important;
  511. }
  512.  
  513. /*浪上的頭貼*/
  514. .p_img { border:0 !important; margin:0px; }
  515. .p_img img { border-radius:2px 0px 0px 2px; box-shadow:0px 0px 2px rgba(0,0,0,0.3);}
  516. #timeline_holder div.plurk .td_img img
  517. {
  518. position: relative;
  519. top: 1px;
  520. left: -1px;
  521. border-left:2px solid #fc1;
  522. }
  523.  
  524. /*新回應的底色*/
  525. .plurk_box td .shade_6, td .shade_6,
  526. .plurk_box td .shade_5, td .shade_5,
  527. .plurk_box td .shade_4, td .shade_4,
  528. .plurk_box td .shade_3, td .shade_3,
  529. .plurk_box td .shade_2, td .shade_2,
  530. .plurk_box td .shade_1, td .shade_1
  531. {
  532. background:#fff !important;
  533. }
  534. .plurk.new .plurk_cnt
  535. {
  536. box-shadow: 0px 4px 5px rgba(9,9,9,0.4);
  537. }
  538.  
  539. /*噗整體底色與框線色*/
  540. .plurk_box .list,
  541. .plurk_box .mini_form,
  542. .info_box
  543. {
  544. background:#fff !important;
  545. border-color:#ffffdd !important;
  546. }
  547.  
  548. /*回應列表標題*/
  549. .plurk_box .caption
  550. {
  551. color: #bbb;
  552. background:#eee;
  553. padding: 2px 5px;
  554. font-size:12px !important;
  555. }
  556.  
  557. /*下方回應欄*/
  558. .plurk_box .mini_form,
  559. .plurk_box .login_to_see,
  560. .info_box
  561. {
  562. background:#fff !important;
  563. border-bottom:0 !important;
  564. border-color:#ffffdd !important;
  565. }
  566. .plurk_box .login_to_see a,
  567. .red_link
  568. {
  569. background:none !important;
  570. color:#bbb !important;
  571. font-weight:normal !important;
  572. text-decoration:none !important;
  573. font-size:11px !important;
  574. }
  575. .info_box, .info_box a, div.favorite_count, div.limited_box
  576. {
  577. color:#666 !important;
  578. font-size:11px !important;
  579. }
  580. .info_box a { background:none !important; }
  581. .info_box a:hover
  582. {
  583. color:#999 !important;
  584. text-decoration:none !important;
  585. }
  586.  
  587. /*回應輸入區*/
  588. td.td_cnt textarea,
  589. textarea#input_small
  590. {
  591. background:#fff !important;
  592. border:1px solid #ccc !important;
  593. border-radius:3px 5px 0px 2px;
  594. color:#111 !important;
  595. font-size:13px !important;
  596. min-height:80px;
  597. line-height:18px;
  598. }
  599. .mini_form .qual_holder
  600. {
  601. color:#bbb !important;
  602. font-size:12px !important;
  603. }
  604. .mini_form .char_updater
  605. {
  606. color:#888 !important;
  607. font-size:11px !important;
  608. background:none !important;
  609. }
  610. .char_updater span
  611. {
  612. color:#bbb !important;
  613. font-size:11px !important;
  614. font-weight:400 !important;
  615. background:none !important;
  616. }
  617.  
  618. /*原噗者的回應*/
  619. .list .highlight_owner .td_qual a
  620. {
  621. color:#555 !important;
  622. text-decoration:none;
  623. }
  624. .list .highlight_owner .plurk_cnt tr {}
  625. .list .highlight_owner .plurk_cnt,
  626. .list .highlight_owner .plurk_cnt:hover
  627. {
  628. background:#ffffdd !important;
  629. border-bottom:1px solid #bbcccc;
  630. }
  631.  
  632. /*刪除,編輯,消音,取消,推文,轉噗*/
  633. .manager a
  634. {
  635. font-size:11px !important;
  636. margin:0px !important;
  637. padding:0px 3px !important;
  638. border-bottom:1px dotted #ccc;
  639. }
  640. .manager .action {color:#8db6d2 !important;} /*讚,收回讚,儲存8db6d2*/
  641. .manager .promote {color:#8db6d2 !important;} /*推文ce8c8d*/
  642. .manager .replurk {color:#8db6d2 !important;} /*轉噗88c663*/
  643. .manager .mute, .manager .unmute, /*消音,解除消音*/
  644. .manager .cancel, .manager .delete /*取消,刪除*/
  645. {
  646. color:#aaa !important;
  647. }
  648. .manager a:hover,
  649. .manager .action:hover,
  650. .manager .cancel:hover,
  651. .manager .delete:hover
  652. {
  653. text-decoration:none !important;
  654. color:#000 !important;
  655. border-bottom:1px solid #000;
  656. }
  657.  
  658. /*隱藏已經消音的噗*/
  659. .muted {filter:alpha(opacity=10); opacity:0.1; zoom:1;}
  660. .muted:hover {filter:alpha(opacity=100); opacity:1; zoom:1;}
  661.  
  662. /*噗上的連結*/
  663. .plurk a.ex_link, .text_holder a.ex_link,
  664. .plurk a.ex_link:visited, .plurk a.ex_link:active,
  665. div.bigplurk h1.content a.ex_link,
  666. #plurk_nav a:link, #plurk_nav a:visited, #plurk_nav a:active,
  667. div #plurk_responses h2 a, #plurk_responses div.feed-link a,
  668. #plurk_responses ul.responses .message a,
  669. .plurk_content a.ex_link
  670. {
  671. color:#fb0 !important;
  672. text-decoration:none !important;
  673. background:none !important;
  674. }
  675. .plurk a.ex_link:hover, .text_holder a.ex_link:hover,
  676. div.bigplurk h1.content a.ex_link:hover,
  677. #plurk_nav a:hover, #plurk_responses ul.responses .message a:hover,
  678. div #plurk_responses h2 a:hover, #plurk_responses div.feed-link a:hover,
  679. .plurk_content a.ex_link:hover
  680. {
  681. color:#222 !important;
  682. text-decoration:underline !important;
  683. }
  684.  
  685. /*噗上的人名*/
  686. .td_qual span a,
  687. .td_qual span a:hover
  688. {
  689. color:#000 !important;
  690. font-weight:600 !important;
  691. text-decoration:none !important;
  692. }
  693.  
  694. /*河道上的暱稱*/
  695. #timeline_cnt .name
  696. {
  697. color:# !important;
  698. }
  699.  
  700. /*回應中的暱稱*/
  701. .text_holder a.ex_link[href*="www.plurk.com"]
  702. {
  703. color:#fff !important;
  704. background:#8db6d2 !important;
  705. margin:2px !important;
  706. padding:1px 3px !important;
  707. padding-top:px !important;
  708. border-radius:3px;
  709. font-size:11.4px !important;
  710. text-decoration:none !important;
  711. border:0 !important;
  712. }
  713. .text_holder a.ex_link[href*="www.plurk.com"]:hover
  714. {
  715. color:#fff !important;
  716. background:#ce8c8d !important;
  717. text-decoration:none !important;
  718. border:0 !important;
  719. }
  720.  
  721. /*影音圖片*/
  722. .plurk a.pictureservices img, .plurk a.pictureservices:hover img,
  723. .pictureservices img, .pictureservices:hover img,
  724. .youtube img, .youtube:hover img,
  725. .video img, .video:hover img
  726. {
  727. padding: 2px !important;
  728. margin: 2px !important;
  729. background: none !important;
  730. border:0px solid #eee !important;
  731. border-radius:0px !important;
  732. }
  733. .plurk a.pictureservices:hover img, .pictureservices:hover img
  734. {
  735. background:none !important;
  736. border:0px solid #bbb !important;
  737. box-shadow:1px 2px 3px rgba(0,0,0,0.2);
  738. }
  739. .youtube img, .youtube:hover img,
  740. .video img, .video:hover img
  741. {
  742. max-width:50px !important; max-height:40px !important;
  743. }
  744.  
  745. /*分享連結區塊*/
  746. .plurk a.oembed, .plurk a.oembedmeta, a.ex_link div.blog, .plurk a.youtube.video
  747. {
  748. background:none !important;
  749. padding-left:2px;
  750. border:0 !important;
  751. border-left:5px solid #ccc !important;
  752. font-size:12px !important;
  753. color:#B0B6BA !important; /**/
  754. }
  755. .plurk a.oembed:hover, .plurk a.oembedmeta:hover, a.ex_link:hover div.blog, .plurk a.youtube.video:hover
  756. {
  757. border-left:5px solid #eee;
  758. color:#8F989E !important; /**/
  759. }
  760. a.youtube img, a.oembed img, a.oembedmeta img, a.appledaily img
  761. {
  762. margin: 2px !important;
  763. max-width:50px;
  764. background:none !important;
  765. }
  766. a.youtube:hover img, a.oembed:hover img, a.oembedmeta:hover img, a.appledaily:hover img
  767. {
  768. background:none !important;
  769. }
  770.  
  771. /*影片連結字*/
  772. .plurk a.youtube.video,
  773. .plurk a.youtube.video:hover
  774. {
  775. font-size:12px !important;
  776. text-decoration:none !important;
  777. }
  778. .plurk a.youtube.video:hover { color:# !important; }
  779. p#about_me a.youtube.video
  780. {
  781. font-size:0px !important;
  782. max-height:45px !important;
  783. overflow:hidden;_overflow:none;
  784. }
  785. p#about_me .youtube img, p#about_me .youtube:hover img {border:0 !important;}
  786.  
  787. /*轉噗欄位連結*/
  788. .td_info a, .td_cnt a {color:#fb0 !important;}
  789. .td_info a:hover, .td_cnt a:hover {text-decoration:none !important;}
  790.  
  791. /*回應數*/
  792. .td_response_count {padding-top:3px;}
  793. .response_count
  794. {
  795. color:#bbb !important; /*7eaacf*/
  796. background:#eee !important; /*cae7fd*/
  797. margin-left:px;
  798. padding:1px 4px !important;
  799. font-size:13px !important;
  800. font-weight: bold !important;
  801. border-radius:3px 3px 5px 2px;
  802. opacity:0.8 !important; zoom:1;
  803. }
  804. .new .response_count
  805. {
  806. background:#fb0 !important;
  807. border:0 !important;
  808. color:#fff !important;
  809. opacity:1 !important; zoom:1;
  810. text-shadow: 0px 0px 2px 3px rgba(255,255,255,0.2);
  811. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  812. }
  813.  
  814. /*回應時間標示*/
  815. .response_time .plurk_cnt,
  816. div.response_time
  817. {
  818. background:none !important;
  819. border:0 !important;
  820. }
  821. div.response_time .holder
  822. {
  823. background:#fff !important;
  824. color:#333 !important;
  825. font-size:11px !important;
  826. border:0 !important;
  827. border-top:1px solid #bbb !important;
  828. letter-spacing:0.02em;
  829. box-shadow:1px 3px 3px rgba(0,0,0,0.3);
  830. border-radius: 0px 2px 9px 2px;
  831. padding:4px !important;
  832. }
  833.  
  834.  
  835. /*---------------私人訊息語系選項*/
  836.  
  837. #more_options_link,
  838. #more_options .on
  839. {
  840. background:none !important;
  841. border:0 !important;
  842. color:#ccc !important;
  843. font-size:12px !important;
  844. margin: 0px !important;
  845. margin-left:-25px !important;
  846. }
  847. #more_options a:hover { text-decoration:none !important; }
  848. #more_options_holder
  849. {
  850. background:#fff !important;
  851. border-radius: 3px 2px 9px 2px;
  852. border:0 !important;
  853. color:#333 !important;
  854. font-size:12px !important;
  855. }
  856. #more_options td {background:none !important;}
  857. #more_options .caption
  858. {
  859. color:#bbb !important;
  860. font-size:13px !important;
  861. }
  862. .small {font-size:11px !important;}
  863. .private_to {color:#fff !important;}
  864. .advert a {font-size:0px !important;}
  865. .private_to b,
  866. .selectedSmartInputItem, .selectedSmartInputItem a,
  867. .selectedSmartInputItem a:hover,
  868. .auto_ta .person
  869. {
  870. background:#fb0 !important;
  871. color:#fff !important;
  872. font-size:12px !important;
  873. font-weight:normal !important;
  874. text-decoration:none !important;
  875. border-radius: 3px 2px 9px 2px;
  876. }
  877. #smartInputFloaterContent
  878. {
  879. background:#fff !important;
  880. font-size:12px !important;
  881. }
  882. .private_to b,
  883. .auto_ta .person
  884. {
  885. padding:2px 4px;
  886. font-size:12px !important;
  887. }
  888. .wickEnabled, .wickEnabled:focus
  889. {
  890. background:none !important;
  891. border:0 !important;
  892. color:#333 !important;
  893. box-shadow:0px 0px 0px #ccc;
  894. }
  895.  
  896.  
  897. /*---------------表情選單*/
  898.  
  899. #emoticon_selecter
  900. {
  901. background:#eee !important;
  902. border-color:#ccc !important;
  903. border-radius:3px;
  904. }
  905. #emoticon_selecter .upper_arrow { background-image:none !important; }
  906. #emoticon_selecter #emoticons_tabs
  907. {
  908. background:none !important;
  909. border-color:#dbdbdb !important;
  910. }
  911. #emoticons_show
  912. {
  913. background:#fff !important;
  914. width:422px !important;
  915. }
  916. #emoticon_selecter img, #emoticon_selecter a:hover img,
  917. .emo-manager .emo-public-pool .emo-wrapper,
  918. .emo-manager .emo-public-pool .emo-wrapper:hover
  919. {
  920. border:0 !important;
  921. }
  922. #emoticon_selecter #emoticons_tabs ul { overflow:visible !important; }
  923. #emoticon_selecter #emoticons_tabs li
  924. {
  925. background:#dcdcdc !important;
  926. border-color:#dbdbdb !important;
  927. border-radius:3px;
  928. font-size:90% !important;
  929. }
  930. #emoticons_tabs ul li a
  931. {
  932. color:#8099ad !important; /*8099ad*/
  933. font-weight:normal !important;
  934. }
  935. #emoticons_tabs ul li.current a
  936. {
  937. color:#133d5f !important; /*133d5f*/
  938. }
  939. #emoticon_selecter #emoticons_tabs li.current
  940. {
  941. background:#fff !important;
  942. border-radius:3px;
  943. }
  944. #emoticons_show .red_link
  945. {
  946. background:none !important;
  947. font-weight:normal;
  948. font-size:11px;
  949. color:#aaa !important;
  950. text-decoration:none !important;
  951. }
  952. .emo-manager
  953. {
  954. background:#bcbcbc !important;
  955. border-color:#ddd !important;
  956. margin-top:px !important;
  957. }
  958. .emo-manager .emo-add-bn,
  959. .emoticons_my .add-emoticon-panel .orange-but
  960. {
  961. background:#bebebe !important;
  962. border:0 !important;
  963. box-shadow:0 1px 0 #ccc !important;
  964. font-size:12px !important;
  965. }
  966. .emoticons_my .add-emoticon-panel div.popup
  967. {
  968. background:#ddd !important;
  969. border-color:#eee !important;
  970. border-radius:3px;
  971. font-size:12px !important;
  972. color:#444 !important;
  973. width:px;
  974. }
  975. .emoticons_my .add-emoticon-panel input.col-right,
  976. .emoticons_my .add-emoticon-panel input.col-right:focus
  977. {
  978. background:#fdfdfd !important;
  979. border-color:#ccc !important;
  980. font-size:12px !important;
  981. color:#444 !important;
  982. }
  983.  
  984.  
  985. /*---------------語助詞*/
  986.  
  987. .plurkaction .dd_img img, .dd_img img
  988. {
  989. filter:alpha(opacity=30) !important;opacity:0.3 !important; zoom:1;
  990. }
  991. .qualifier, .m_qualifier, .r_qualifier,
  992. div.bigplurk .r_qualifier
  993. {
  994. border:0 !important;
  995. box-shadow:1px 1px 0px rgba(0,0,0,0.3);
  996. border-radius:6px 3px 3px 5px;
  997. }
  998. .qual_menu .q_says,
  999. .q_says,
  1000. td .q_says /*說*/
  1001. {
  1002. background:#fc1 !important;
  1003. color:#fff !important; /*E2560B*/
  1004. }
  1005.  
  1006.  
  1007. /*---------------單則訊息網址頁*/
  1008.  
  1009. div.bigplurk
  1010. {
  1011. width:900px;
  1012. margin-left:auto;
  1013. margin-right:auto;
  1014. }
  1015. div.bigplurk
  1016. .user-nick,
  1017. .user-nick:hover
  1018. {
  1019. font-size:px !important;
  1020. color:#111 !important;
  1021. }
  1022. div.contentwrapper h1.content, div.time
  1023. {
  1024. border-color:#ffffdd !important;
  1025. }
  1026.  
  1027. /*噗主代表圖*/
  1028. img.bubble_edge {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
  1029. div.user img
  1030. {
  1031. padding:px !important;
  1032. background:none !important;
  1033. border:0 !important;
  1034. box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  1035. border-radius:2px;
  1036. }
  1037.  
  1038. /*回應列表*/
  1039. #plurk_responses, #plurk_replurkers
  1040. {
  1041. width:900px;
  1042. margin:0 auto !important;
  1043. }
  1044. #plurk_responses h2, div #plurk_responses h2 a, #plurk_replurkers h2
  1045. {
  1046. font-size:13px;
  1047. color:#ccdddd !important;
  1048. }
  1049. #plurk_responses ul.responses
  1050. {
  1051. background:#fff !important;
  1052. background:rgba(255,255,255,0.5) !important;
  1053. border:0 !important;
  1054. max-height:500px !important;
  1055. overflow:auto !important;
  1056. border-radius: 0px 2px 9px 2px;
  1057. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  1058. }
  1059. div.bigplurk h1.content .plurk_content
  1060. {
  1061. font-size:px !important;
  1062. line-height:px !important;
  1063. letter-spacing:px;
  1064. color:#111 !important;
  1065. }
  1066. #plurk_responses .responses .odd { background:#ffffdd !important; }
  1067. ul.responses .message
  1068. {
  1069. color:#111 !important;
  1070. font-size:13px !important;
  1071. line-height:18px !important;
  1072. }
  1073. #plurk_responses ul.responses .message a.user
  1074. {
  1075. color:#111 !important;
  1076. text-decoration:none !important;
  1077. border:0 !important;
  1078. }
  1079. #plurk_responses ul.responses .message a.user:hover {color:#111 !important;}
  1080.  
  1081. /*下方回應區*/
  1082. #reply_box, #reply_box_holder
  1083. {
  1084. background:none !important;
  1085. border:0 !important;
  1086. opacity:0.7 !important; zoom:1;
  1087. }
  1088. #reply_box_holder .qual_holder {color:#bbb !important; font-size:21px !important; }
  1089. #reply_box #input_big {font-size:21px; color:# !important;}
  1090.  
  1091. /*登入或註冊以回應*/
  1092. div #not_logged_in h2, div #not_logged_in h2 a, div #not_logged_in h2 a:hover
  1093. {
  1094. background:none !important;
  1095. font-size:12px !important;
  1096. font-family: Tahoma !important;
  1097. text-decoration:none !important;
  1098. color:#bbb !important;
  1099. }
  1100. div #not_logged_in h2 a:hover {color:#ddd !important;}
  1101.  
  1102.  
  1103. /*---------------功能視窗 */
  1104.  
  1105. /*浪上噗友小視窗*/
  1106. .AmiMenu.info_menu,
  1107. .AmiMenu.info_menu .separator,
  1108. .AmiMenu.info_menu .block
  1109. {
  1110. padding:3px;
  1111. border-radius: 0px 2px 9px 2px;
  1112. }
  1113. .AmiMenu.info_menu
  1114. {
  1115. border:0 !important;
  1116. box-shadow:1px 1px 1px rgba(0,0,0,0.3);
  1117. }
  1118. .AmiMenu.info_menu .block
  1119. {
  1120. background:#000 !important;
  1121. color:#fff !important;
  1122. }
  1123. .AmiMenu.info_menu td.on,
  1124. .AmiMenu.info_menu .user_info.on
  1125. {
  1126. border-radius: 0px 2px 9px 2px;
  1127. }
  1128. .AmiMenu td { color:#fff !important; }
  1129. .AmiMenu.info_menu .user_info.on b
  1130. {
  1131. font-weight:600 !important;
  1132. }
  1133. .AmiMenu.info_menu .user_info img
  1134. {
  1135. border:0 !important;
  1136. border-radius:2px;
  1137. box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  1138. }
  1139. #info_overlay .drop_arrow div, #info_overlay .on_arrow div
  1140. {
  1141. background-color:#ddd;
  1142. width: 20px;
  1143. text-align: left;
  1144. }
  1145.  
  1146. /*說明小視窗*/
  1147. .tooltip_cnt
  1148. {
  1149. background:#ddd;
  1150. color:#fff !important;
  1151. padding:3px;
  1152. border:0 !important;
  1153. border-radius: 0px 2px 9px 2px;
  1154. box-shadow:1px 1px 1px rgba(0,0,0,0.3);
  1155. }
  1156. .tooltip_cnt img
  1157. {
  1158. margin:3px;
  1159. border:0 !important;
  1160. border-radius:3px;
  1161. box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  1162. }
  1163. .AmiTT_main {background:none !important; border:0 !important;}
  1164. .AmiTT_main b
  1165. {
  1166. color:#bbb !important;
  1167. font-weight:600;
  1168. }
  1169.  
  1170. /*功能視窗*/
  1171. .GB_Window .header td.caption, .GB_Window .close,
  1172. .GB_Window .header, .GB_Window .content
  1173. {
  1174. color:#fff;
  1175. background:#8db6d2;
  1176. border-color:#8db6d2 !important;
  1177. font-size:13px !important;
  1178. }
  1179. .GB_Gallery .iframe_holder,
  1180. .GB_Window
  1181. {
  1182. border-color:#fff !important;
  1183. border-radius: 3px 4px 4px 3px;
  1184. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  1185. -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease;
  1186. -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease;
  1187. }
  1188. .GB_Window .close span
  1189. {
  1190. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) no-repeat 0 0;
  1191. border:none!important;
  1192. width:15px;
  1193. margin-right:7px;
  1194. color:#8db6d2;
  1195. font-size:1px !important;
  1196. }
  1197. img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
  1198. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1199. .GB_Gallery .content
  1200. {
  1201. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/x_14x14.png) right 5px no-repeat !important;
  1202. }
  1203.  
  1204. /*隱藏影片在背景播放*/
  1205. .content div .hide_window {background:none !important;}
  1206. div .hide_window a, div .direct-l a
  1207. {
  1208. background:none !important;
  1209. color:#fb0 !important;
  1210. border-bottom:0px dotted #;
  1211. font-size:12px !important;
  1212. }
  1213. div .hide_window a:hover, div .direct-l a:hover
  1214. {
  1215. color:#222 !important;
  1216. text-decoration: underline !important;
  1217. }
  1218. .direct-l
  1219. {
  1220. background:#fff !important;
  1221. border:0 !important;
  1222. font-size:12px !important;
  1223. color:#666 !important;
  1224. }
  1225. .GB_Window .iframe_holder, .iframe_holder {background:#fff !important;}
  1226.  
  1227.  
  1228. /*---------------RESET*/
  1229.  
  1230. /*輸入欄位*/
  1231. textarea,
  1232. textarea#input_big_private,
  1233. textarea#input_big_private.content,
  1234. textarea#input_big,
  1235. textarea#input_permalink,
  1236. textarea#input_big.content,
  1237. input#current_query
  1238. {
  1239. font-size: 21px !important;
  1240. background:none !important;
  1241. color:#000 !important;
  1242. border:1px solid #ddd !important;
  1243. border-radius: 5px 13px 5px 21px;
  1244. padding:4px 0px;
  1245. }
  1246. input#current_query { min-height:30px; }
  1247. .plurkForm td { vertical-align: middle !important; }
  1248.  
  1249. /*滑鼠移至*/
  1250. textarea:hover,
  1251. textarea#input_big_private:hover,
  1252. textarea#input_big:hover,
  1253. textarea#input_permalink:hover,
  1254. input#current_query:hover
  1255. {
  1256. background:#fff !important;
  1257. opacity: 0.9; zoom:1;
  1258. box-shadow: 0pt -1px 0pt rgba(0,0,0,0.1), 0pt 1px 3px rgba(0,0,0,0.1) inset;
  1259. color:#333 !important;
  1260. }
  1261.  
  1262. /*滑鼠置上*/
  1263. textarea:focus,
  1264. textarea#input_big_private:focus,
  1265. textarea#input_big:focus,
  1266. textarea#input_permalink:focus,
  1267. input#current_query:focus
  1268. {
  1269. opacity: 1; zoom:1;
  1270. box-shadow: 0pt 1px 2px rgba(0,0,0,0.3) inset,0pt 1px 0pt rgba(255,255,255,0.2);
  1271. color:#111 !important;
  1272. }
  1273. input#share_link,
  1274. input#loc_field,
  1275. .auto_ta
  1276. {
  1277. font-size: 12px !important;
  1278. color:#ccc;
  1279. border:0 !important;
  1280. border-bottom:1px solid #bbb !important;
  1281. background:none !important;
  1282. padding: 2px 5px;
  1283. }
  1284.  
  1285. /*選單欄位*/
  1286. select, select:focus
  1287. {
  1288. font-size: 12px !important;
  1289. color:#bbb;
  1290. background:none;
  1291. border:0 !important;
  1292. border-bottom:1px solid #ccc !important;
  1293. padding: 0px 3px;
  1294. }
  1295. select:focus {background:#eee !important;}
  1296.  
  1297. /*語言字型*/
  1298. body.language-large-font,
  1299. .language-large-font #top_login,
  1300. .language-large-font #footer,
  1301. .language-large-font .small,
  1302. .language-large-font .tooltip_cnt,
  1303. .language-large-font .direct-l
  1304. {
  1305. font-family: "Tahoma", Calibri !important;
  1306. font-weight:normal;
  1307. text-transform:normal;
  1308. -webkit-text-size-adjust:none; /*Google瀏覽器字型預設取消*/
  1309. }
  1310.  
  1311. /*粗體斜體底線與刪除線字設定*/
  1312. strike {color:#808080 !important;cursor: default;}
  1313. strike:hover {color:#111 !important;}
  1314. strong {color:#111 !important;}
  1315. strong:hover {color:#111 !important;}
  1316. i {color:#111 !important;}
  1317. i:hover {color:#111 !important;}
  1318. u {color:#111 !important;border-bottom:0px solid #ccc;}
  1319. u:hover {color:#111 !important;border-bottom:0px solid #bbb;}
  1320.  
  1321. /*去除連結虛線框*/
  1322. a:focus, :focus, a, a:link, a:visited, a:active, select, select:focus
  1323. { -moz-outline-style:none !important; outline:none !important; outline:0 !important;}
  1324.  
  1325.  
  1326. /*---------------圖片更換*/
  1327.  
  1328. /*按鈕*/
  1329. .cmp_plurk
  1330. {
  1331. background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/lightblue.png) no-repeat scroll top left;
  1332. }
  1333. input.orange-but /*#pane_search .orange-but*/
  1334. {
  1335. background:#8db6d2 !important;
  1336. border:0 !important;
  1337. box-shadow:0 0px 0px #aaa !important;
  1338. font-size:16px !important;
  1339. padding:5px 4px !important;
  1340. padding-top:6px !important;
  1341. vertical-align:middle !important;
  1342. }
  1343.  
  1344. /*往前往後*/
  1345. .cmp_arrow_right
  1346. {
  1347. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-fast-forward.png) no-repeat;
  1348. width:24px; height:24px;
  1349. margin:2px;
  1350. }
  1351. .cmp_arrow_left
  1352. {
  1353. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-fast-backward.png) no-repeat;
  1354. width:24px; height:24px;
  1355. margin:2px;
  1356. }
  1357. .cmp_back_to_today
  1358. {
  1359. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-previous.png) no-repeat;
  1360. width:24x; height:24px;
  1361. margin:2px;
  1362. }
  1363. .browse_button
  1364. {
  1365. top:446px;
  1366. filter:alpha(opacity=10) !important; opacity:0.1 !important; zoom:1;
  1367. -moz-transition:opacity 0.2s ease-out;
  1368. -webkit-transition:opacity 0.2s ease-out;
  1369. -o-transition:opacity 0.2s ease-out;
  1370. }
  1371. .browse_button:hover
  1372. {
  1373. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  1374. -moz-transition:opacity 0.2s ease-in;
  1375. -webkit-transition:opacity 0.2s ease-in;
  1376. -o-transition:opacity 0.2s ease-in;
  1377. }
  1378.  
  1379. /*loading*/
  1380. .cmp_loading {width:0px;height:0px;}
  1381. #div_loading .cnt
  1382. {
  1383. background:transparent url(http://emos.plurk.com/587595096572e93aac7e674e4a6fe2b3_w48_h48.gif) no-repeat scroll center !important;
  1384. margin-top:140px;
  1385. }
  1386. .loading img {width:0px;height:0px;}
  1387. .loading
  1388. {
  1389. background:transparent url(http://emos.plurk.com/f40fd8d62d671f1e74ad90e8cd4fa83a_w48_h48.gif) no-repeat scroll center top !important;
  1390. margin-top:30px;height:48px;
  1391. }
  1392.  
  1393. /*無回應 : )*/
  1394. .list .empty
  1395. {
  1396. background:url(http://emos.plurk.com/b757940a732b85b6e90265021a9bafaf_w20_h20.gif) no-repeat 50% 0px transparent;
  1397. height:32px;
  1398. color:#ddd !important;
  1399. margin:20px 0 0 0;
  1400. padding:30px 0 0 0;
  1401. text-indent:-9999px;
  1402. }
  1403.  
  1404. /*捲軸語法*/
  1405. ::-moz-scrollbar
  1406. {
  1407. background:#fff !important;
  1408. -moz-border-radius:2px;
  1409. -moz-box-shadow:0px 0px 5px #ccc;
  1410. }
  1411. ::-moz-scrollbar:hover {background:#f2f3f4 !important;}
  1412. ::-moz-scrollbar-thumb {background:#eee !important;}
  1413. ::-moz-scrollbar-thumb:hover {background:#ddd !important;}
  1414. ::-moz-scrollbar-thumb:active {background:#bbb !important;}
  1415.  
  1416. ::-webkit-scrollbar
  1417. {
  1418. background:#fff !important;
  1419. -webkit-border-radius:2px;
  1420. -webkit-box-shadow:0px 0px 5px #ccc;
  1421. }
  1422. ::-webkit-scrollbar:hover {background:#f2f3f4 !important;}
  1423. ::-webkit-scrollbar-thumb {background:#eee !important;}
  1424. ::-webkit-scrollbar-thumb:hover {background:#ddd !important;}
  1425. ::-webkit-scrollbar-thumb:active {background:#bbb !important;}
  1426.  
  1427. /*瀏覽器所選部份底色*/
  1428. ::-moz-selection
  1429. {
  1430. background:#dbdbdb;
  1431. background:rgba(8,8,8,0.2) !important;
  1432. color:#111;
  1433. }
  1434. ::selection
  1435. {
  1436. background:#dbdbdb;
  1437. background:rgba(8,8,8,0.2) !important;
  1438. color:#111;
  1439. }
  1440.  
  1441. #plurk_ads
  1442. {
  1443. max-height:0px !important;max-width:0px !important;
  1444. background:rgba(255,255,255,0.9) !important;
  1445. border-bottom:1px dotted #eee !important;
  1446. border-top:1px dotted #eee !important;
  1447. font-size:11px !important;
  1448. color:#fff !important;
  1449. border-radius:3px;
  1450. }
  1451. #form_holder .caption {z-index:9999;position:relative;}
  1452.  
  1453. /*分享與表情選項圖片*/
  1454. .cmp_media_off, .cmp_media_on,
  1455. .cmp_media_mini_off, .cmp_media_mini_on
  1456. {
  1457. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/iphone_12x16.png) no-repeat scroll top left;
  1458. width: 12px; height: 16px;
  1459. }
  1460. img[src="http://static.plurk.com/static/icons/emoticon_off.png"],
  1461. img[src="http://static.plurk.com/static/icons/emoticon_on.png"],
  1462. img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"],
  1463. img[src="http://static.plurk.com/static/icons/emoticon_mini_on.png"]
  1464. {
  1465. filter:alpha(opacity=0); opacity:0; zoom:1;
  1466. }
  1467. .emoticon_selecter_img_on, .emoticon_selecter_img_off {width: 16px; height: 16px;}
  1468. .icons_holder
  1469. {
  1470. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/chat_alt_stroke_16x16.png) no-repeat 18px 4px;
  1471. }
  1472. .cmp_sync_off, .cmp_sync_on
  1473. {
  1474. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/spin_alt_16x16.png) no-repeat scroll top left;
  1475. width: 16px; height: 16px;
  1476. margin-top: 4px !important;
  1477. }
  1478. .cmp_privacy_off, .cmp_privacy_on
  1479. {
  1480. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/lock_stroke_12x16.png) no-repeat scroll top left;
  1481. width: 12px; height: 16px;
  1482. }
  1483.  
  1484. /*同步訊息視窗*/
  1485. #sync_checked_form
  1486. {
  1487. font-size:12px !important;
  1488. color:#333;
  1489. width:240px;
  1490. background:#e1e1e1;
  1491. border-color:#ddd !important;
  1492. top:-60px !important;
  1493. border-radius:2px;
  1494. }
  1495. #sync_checked_ul a {color:#333;}
  1496. .upper_arrow {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
  1497.  
  1498. /*單一噗頁面連結*/
  1499. .perma_link
  1500. {
  1501. margin-left:5px;
  1502. padding-left:15px;
  1503. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/arrow/arrow10_gray2.gif) no-repeat 3px 6px;
  1504. }
  1505. .perma_link a,
  1506. .perma_link a:hover
  1507. {
  1508. text-decoration:none !important;
  1509. }
  1510.  
  1511. /*刪除與回覆回應圖示*/
  1512. .reply_to
  1513. {
  1514. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/comment_stroke_12x11.png) no-repeat scroll 1px 2px;
  1515. }
  1516. .reply_to:hover
  1517. {
  1518. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/comment_stroke_12x11.png) no-repeat scroll 1px 2px;
  1519. }
  1520. .del_icon
  1521. {
  1522. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/x_7x7.png) no-repeat scroll 5px 4px;
  1523. }
  1524. .del_icon:hover
  1525. {
  1526. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/yellow/x_7x7.png) no-repeat scroll 5px 4px;
  1527. }
  1528. div.response_time .holder a {color:#fb0 !important;}
  1529.  
  1530.  
  1531. /*------------------------------------------------------------------------
  1532. Date: 2011-11-6 reeditdate2012-01-17
  1533. Design by: Be Myself Inc. M6
  1534. -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
  1535. -- Copyright: 版權所有 保留一切權利 All Rights Reserved --
  1536. ------------------------------------------------------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement