dummybunny

Weltmeister★★★★PlurkTheme

Jul 15th, 2014
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.30 KB | None | 0 0
  1. /*unserer Weltmeister. eine unvergessliche ★★★★ Nacht.*/
  2.  
  3. /*------------------------------------------------------------------------
  4. 噗浪版型 Plurk CSS: 2013c.
  5. 設計出處 Design by: Be Myself Inc. M6
  6. 背景圖源 Background image from: (none)
  7. 安裝網址 Install: (http://www.plurk.com/installDesign/5807705-84c183de9e)
  8. 更多佈景 More Themes: (http://www.flickr.com/groups/plurkcss)
  9. Copyright: 版權所有 保留一切權利 All Rights Reserved.
  10. ------------------------------------------------------------------------*/
  11.  
  12. /*隱藏, .html5 #footer a, .html5 #footer */
  13. #dynamic_logo, #logo img, img#creature, #top_header, #empty_timeline_bg, #sliderAds, .block_bg
  14.  
  15. .div_one_line, .small_timeline .block_bg .div_one_line ,#dash-stats, #dash-friends, #top_login
  16.  
  17. a#sign_up, #getting_started, .login_to_see a,.red_link, .login_to_see, #reply #not_logged_in,
  18.  
  19. #validate_email,#sign_up_small, #registerToday, .dots .inner, div.feed-link, div.help, div#plurk-
  20.  
  21. dashboard h2, div#resp_banner_ads.show, h3.secTitle, #toggle_tab { display : none !important; }
  22. #plurk_ads, div.adsense, section.adsense, section.adsense h3
  23. {
  24. -moz-transform: scale(0);
  25. -khtml-transform: scale(0);
  26. -webkit-transform: scale(0);
  27. -o-transform: scale(0);
  28. -ms-transform: scale(0);
  29. }
  30. #plurk_ads a { overflow: hidden;_overflow: none; }
  31. #plurks_count a, .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
  32. #dash-friends p, #dash-friends form, div#fan_holder span, div #tw_help, div a#dashboard-invite,
  33.  
  34. div #sharePlurk, #block_user, .dash-icon, div.adsense, section.adsense, section.adsense h3, div.cbox_ads,
  35.  
  36. .q_whispers, div.plurk [data-uid="99999"]
  37. {
  38. display : none !important;
  39. height: 0 !important;
  40. width: 0 !important;
  41. overflow: hidden;_overflow: none;
  42. position: fixed;
  43. top: -9000px;
  44. filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:1;
  45. }
  46. div.list { min-height: 200px !important; }
  47.  
  48. /*背景*/
  49. html
  50. {
  51. background: url(http://i.imgur.com/aMzIeeL.jpg) center bottom fixed no-repeat;
  52. overflow-x: hidden !important;
  53. -moz-background-size: cover;
  54. background-size: cover;
  55. }
  56. body
  57. {
  58.  
  59. }
  60. #timeline_holder, #plurk-dashboard, #more_options
  61. {
  62. background: rgba(0, 0, 0,0) !important;
  63. border: 0 !important;
  64. color: #262626 !important;
  65. }
  66. #bottom_line, .day_bg .div_inner, #time_show, .plurkaction, #toggle_tab li.tt_selected, #filter_tab
  67.  
  68. a.filter_selected, #filter_tab a.off_tab, #plurk-dashboard h2
  69. {
  70. background: none !important;
  71. border: 0 !important;
  72. }
  73.  
  74. /*文字*/
  75. body.language-large-font,
  76. body.language-large-font html5,
  77. .language-large-font #top_login,
  78. .language-large-font #footer,
  79. .language-large-font .small,
  80. .language-large-font .tooltip_cnt,
  81. .language-large-font .direct-l,
  82. h2,.GB_Window .caption,#mainpage_content h4,#mainpage_content h5
  83. {
  84. font-family: Verdana, sans-serif !important;
  85. font-weight: 400 !important;
  86. text-transform: normal;
  87. }
  88. #timeline_holder .plurk_cnt, .list .plurk_cnt, #timeline_holder .bigplurk .content, ul.responses
  89.  
  90. .message, .cbox_right .cbox_plurk_main .content, .cbox_right .cbox_response .content { font-size:
  91.  
  92. 12px !important; line-height: 1.4em !important; letter-spacing: 0.03em !important; }
  93. #timeline_holder .bigplurk .content { font-size: 1em !important;}
  94. .td_cnt .text_holder, #vert_timeline .bigplurk .content .text, ul.responses .message, div.content { color:
  95.  
  96. #666 !important; }
  97.  
  98. /*連結*/
  99. a, a:link, a:visited, a:active,
  100. #dashboard_holder #perma-right a,
  101. #plurk_responses ul.responses .message a,
  102. .plurk_content a.ex_link
  103. {
  104. color: #C6974C !important;
  105. text-decoration: none !important;
  106. }
  107. .plurk a.ex_link, .text_holder a.ex_link,
  108. .plurk a.ex_link:visited, .plurk a.ex_link:active,
  109. #plurk_responses ul.responses .message a,
  110. .plurk_content a.ex_link, div.response_time .holder a
  111. {
  112. color: #C6974C !important;
  113. text-decoration: none !important;
  114. }
  115. #dashboard_holder #perma-right a:hover,
  116. #plurk_responses ul.responses .message a:hover,
  117. .plurk a.ex_link:hover, .text_holder a.ex_link:hover,
  118. .plurk_content a.ex_link:hover, a:hover
  119. {
  120. color: #1E1E1E !important;
  121. text-decoration: none !important;
  122. }
  123. #updater a:hover, #updater a:hover span { text-decoration: none !important; border-bottom: 0 !
  124.  
  125. important; }
  126. a:focus, :focus, a, a:link, a:visited, a:active, select, select:focus
  127. { -moz-outline-style: none !important; outline: none !important; outline: 0 !important; }
  128.  
  129. /*調整時間軸高度*/
  130. #timeline_holder.permalink { height: auto !important; min-height: 386px !important; }
  131. #timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg { height: 500px !important; }
  132. day_bg .div_inner,.div_inner { height: 480px !important; }
  133. #time_show { top: 480px !important; }
  134. #timeline_holder .plurk { margin-top: 0px; }
  135. #toggle_tab { z-index: 501; }
  136. #updater, #music_player { top: 435px !important; }
  137. .browse_button { top: 343px !important; }
  138.  
  139. /*主控台*/
  140. div#plurk-dashboard
  141. {
  142. width: 955px;
  143. margin: 20px auto;
  144. -moz-box-shadow: 0px 0px 0px #cbcbcb;
  145. -webkit-box-shadow: 0px 0px 0px #cbcbcb;
  146. -o-box-shadow: 0px 0px 0px #cbcbcb;
  147. -ms-box-shadow: 0px 0px 0px #cbcbcb;
  148. box-shadow: 0px 0px 0px #cbcbcb;
  149. line-height: 1.4em !important;
  150. letter-spacing: 0.03em !important;
  151. }
  152. #dash-profile, #dash-stats, #dash-friends , #dash-fans
  153. {
  154. text-align: center;
  155. }
  156. #dash-profile
  157. {
  158. background: #1E1E1E;
  159. color: #C6974C;
  160. margin-bottom: 0px !important;
  161. width: px;
  162. height: 320px;
  163. padding-top: 10px;
  164. }
  165.  
  166. #profile_pic
  167. {
  168. border: 1px solid #C6974C !important;
  169. }
  170.  
  171. #render_private_plurk
  172. {
  173. background: #D52B1E;
  174. padding: 6px 0px 6px 0px;
  175. border: 0px solid #C6974C !important;
  176. border-radius: 3px;
  177. }
  178.  
  179. #dash-additional-info
  180. {
  181. background: #D52B1E;
  182. border-top: 0px solid #000;
  183. padding: 1px 5px 3px 12px;
  184. margin-top: 12px;
  185. }
  186.  
  187. #dash-fans
  188. {
  189. background: #FED100;
  190. padding-top: 12px;
  191. }
  192.  
  193.  
  194. #relationship_container { font-weight: 300 !important; }
  195. #relationship_container b { float : left; }
  196. #relationship_container br { display : none; }
  197. #karma, #dash-stats h3, #dash-stats table th, #dash-stats table td { color: #262626 !important; }
  198. a.friend_man { background: none !important; border: 1px solid #000 !important; border-radius:
  199.  
  200. 3px; font-size: 13px !important; }
  201.  
  202. /*河道*/
  203. .day_start .bottom_start, .bottom_start, .bottom_end, #empty_timeline_bg { color: none !important;
  204.  
  205. font-size: 11px !important; }
  206. #empty_timeline_bg { display : none !important; }
  207. #time_show span { color: #555 !important; }
  208. #updater, #music_player { background: #FED100 ; border: 0; color: #555 !important; padding: 3px
  209.  
  210. 12px 1px 12px; border-radius: 0px; }
  211. #updater .text { color: #555 !important; }
  212. #update_sepa { padding: 0; }
  213. #filter_tab a.off_tab, #filter_tab a.off_tab:hover, #filter_tab a.filter_selected, #filter_tab
  214.  
  215. a.filter_selected:hover { background: none !important; border: 0 !important; color: #FED100 !
  216.  
  217. important; font-size: 12px !important; }
  218. #filter_tab a.filter_selected, #filter_tab a.filter_selected:hover { color: #3D2741 !important; }
  219. .unread_generic { color: #BD1826 !important; }
  220.  
  221. /*噗浪*/
  222. .block_cnt .plurk_cnt, #timeline_holder .bigplurk .content, #vert_timeline .bigplurk .content
  223. {
  224. background: rgba(255,255,255,0.85) !important;
  225. border: 0 !important;
  226. border-bottom: 5px solid #1E1E1E !important;
  227. border-top: 8px solid #D52B1E !important;
  228. border-radius: 1px;
  229. -moz-transition: background 0.6s ease;
  230. -webkit-transition: background 0.6s ease;
  231. -o-transition: background 0.6s ease;
  232. -ms-transition: background 0.6s ease;
  233. }
  234. .block_cnt .plurk_cnt
  235. {
  236. padding: 5px 5px 4px 24px !important;
  237. margin: -5px 0px 0px -24px !important;
  238. }
  239. .block_cnt .link_extend .plurk_cnt
  240. {
  241. background: rgba(255,255,255,0.95) !important;
  242. border-bottom: 5px solid #1E1E1E !important;
  243. border-top: 8px solid #D52B1E !important;
  244. -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  245. -moz-transition: -moz-box-shadow 0.1s ease, background 0.6s ease;
  246. -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  247. -webkit-transition: -webkit-box-shadow 0.1s ease, background 0.6 ease;
  248. -o-transition: background 0.6s ease;
  249. -ms-transition: background 0.6s ease;
  250. }
  251. .block_cnt .plurk_box .plurk_cnt, .plurk_box .caption, .list, .mini_form, .info_box
  252. {
  253. background: rgba(255,255,255,1) !important;
  254. border: 0 !important;
  255. border-bottom: 1px solid #D52B1E !important;
  256. border-radius: 1px;
  257. }
  258. .plurk_box .caption { font-size: 11px !important; text-align: center; color: #D52B1E !important; }
  259. .list .plurk_cnt, .list .plurk_cnt:hover { border-bottom: 1px solid #D52B1E; background: #ffffff !
  260.  
  261. important; }
  262. .list .highlight_owner .td_qual a { color: #1E1E1E !important; }
  263. .list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt:hover { border-left: 5px solid
  264.  
  265. #D52B1E !important; background: #ffffff !important; }
  266. .list .highlight_owner .plurk_cnt .text_holder { color: #444 !important; }
  267.  
  268. /*表格寬度*/
  269. .display table, .toggled table, .plurk_box table { width: 470px !important; }
  270. .display .text_holder,.toggled .text_holder, .plurk_box .input_holder, .list table { width: 100% !
  271.  
  272. important; }
  273.  
  274. /*列表換行*/
  275. .list .plurk_cnt .td_qual { position: absolute; width: auto; overflow: visible; margin-left: 0.1em; }
  276. .list .plurk_cnt .text_holder { margin-top: 1.5em; padding: 0.5em; margin-left: 0.1em; width: auto !
  277.  
  278. important; }
  279.  
  280. /*浪上噗的寬高*/
  281. .plurk .truncated, .text_holder { width:px; min-height: 16px; }
  282.  
  283. /*列表延伸動態*/
  284. .list
  285. {
  286. -moz-transition: height 0.5s ease;
  287. -webkit-transition: height 0.5s ease;
  288. -o-transition: height 0.5s ease;
  289. -ms-transition: height 0.5s ease;
  290. }
  291.  
  292. /*解決噗重疊問題*/
  293. div.plurk .link_extend { z-index: 2200; }
  294. .block_cnt
  295. {
  296. padding: 15px !important;
  297. width: 300px !important;
  298. height: 60px !important;
  299. }
  300. .block_cnt .div_inner, .div_bottom
  301. {
  302. max-height: 0px !important;
  303. }
  304.  
  305. /*新回應的底色*/
  306. .plurk_box td .shade_6, td .shade_6, .plurk_box td .shade_5, td .shade_5,
  307. .plurk_box td .shade_4, td .shade_4, .plurk_box td .shade_3, td .shade_3,
  308. .plurk_box td .shade_2, td .shade_2, .plurk_box td .shade_1, td .shade_1
  309. {
  310. background: #fff !important;
  311. }
  312. .plurk.new .plurk_cnt
  313. {
  314. box-shadow: 0px 0px 4px rgba(8,8,8,0.1);
  315. }
  316.  
  317. /*頭貼*/
  318. .p_img { border: 0 !important; border-radius: 5px; padding: 0px; }
  319. .p_img img { border-radius: 4px; }
  320.  
  321. /*刪除,編輯,消音,取消,推文,轉噗*/
  322. .manager span, .manager a { font-size: 11px !important; margin: 0px 4px !important; }
  323. .manager a:hover, .manager .action:hover, .manager .cancel:hover, .manager .delete:hover { text-
  324.  
  325. decoration: none !important; border-bottom: 0 !important; color: # !important; }
  326.  
  327. /*回應時間標示*/
  328. .response_time .plurk_cnt, div.response_time, div.response_time .holder a { background: none !
  329.  
  330. important; border: 0 !important; }
  331. div.response_time .holder { color: #eee !important; border: 0 !important; background: #fff; border-
  332.  
  333. radius: 2px; font-size: 11px !important; }
  334.  
  335. /*回應時間標示縮排*/
  336. .response_time .holder+div img
  337. {
  338. left: -1200px;
  339. position: absolute;
  340. border: 0 !important;
  341. background: transparent !important;
  342. filter: alpha(opacity=0) !important; opacity: 0 !important; zoom: 1;
  343. }
  344. div.response_time .holder { position: absolute; top: 0; left: -140px; background: none !important; }
  345. .response_time.plurk_cnt { padding: 0 !important; }
  346.  
  347. /*回應數*/
  348. .dots .inner { display : none !important; }
  349. .response_count { color: #FED100 !important; background: none !important; margin-left: 4px !
  350.  
  351. important; }
  352. .new .response_count
  353. {
  354. background: #1E1E1E !important;
  355. border: 1px solid #D52B1E !important;
  356. color: #FED100 !important;
  357. border-radius: 0px;
  358. padding: 4px 4px 4px 4px !important;
  359. box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
  360. text-shadow: 0px 0px 3px #bbb;
  361. text-decoration: ; /*blink*/
  362. }
  363.  
  364. /*暱稱*/
  365. .td_qual span a, .td_qual span a:hover, #timeline_cnt .name,
  366. a.user-nick, a.user-nick:hover
  367. {
  368. font-size: 12px !important;
  369. color: #444 !important;
  370. font-weight: 550 !important;
  371. text-decoration: none !important;
  372. letter-spacing: 0.03em;
  373. border-bottom: 0 !important;
  374. }
  375.  
  376. /*分享連結區塊*/
  377. .plurk a.oembed, .plurk a.oembedmeta,
  378. .plurk a.youtube.video,
  379. .plurk a.appledaily, .plurk a.gmap,
  380. .plurk a.og, .plurk a.meta, .plurk a.embed,
  381. .plurk_content a.og, .plurk_content a.meta, .plurk_content a.embed,
  382. .plurk_content a.oembed, .plurk_content a.oembedmeta, .plurk_content a.youtube, .plurk_content
  383.  
  384. a.appledaily, .plurk_content a.gmap
  385. {
  386. background: none !important;
  387. border: 0 !important;
  388. border-radius: 3px;
  389. margin: 2px !important;
  390. }
  391. a.youtube img, a.youtube:hover img, .youtube img, .youtube:hover img,
  392. .video img, .video:hover img,
  393. a.oembed img, a.oembed:hover img,
  394. a.oembedmeta img, a.oembedmeta:hover img,
  395. a.appledaily img, a.appledaily:hover img,
  396. a.og img, a.og:hover img,
  397. a.meta img, a.meta:hover img,
  398. a.embed img, a.embed:hover img,
  399. a.ex_link pictureservices bigimg, a.ex_link:hover pictureservices bigimg,
  400. .content a.ex_link pictureservices bigimg, .content a.ex_link pictureservices bigimg:hover,
  401. .pictureservices img, .pictureservices:hover img,
  402. .plurk a.pictureservices img, .plurk a.pictureservices:hover img,
  403. .plurk a.pictureservices, .plurk a.pictureservices:hover,
  404. .plurk a.meta:hover img,
  405. body.t #dashboard_holder a.meta:hover img,
  406. body.t #dashboard_holder a.pictureservices img,
  407. body.t #dashboard_holder a.pictureservices,
  408. body.t #dashboard_holder a.pictureservices:hover,
  409. .permaplurk #dashboard_holder a.pictureservices img,
  410. .permaplurk #dashboard_holder a.meta:hover img,
  411. .permaplurk #dashboard_holder a.pictureservices,
  412. .permaplurk #dashboard_holder a.pictureservices:hover,
  413. .permaplurk #timeline_holder a.meta:hover img,
  414. .permaplurk #timeline_holder a.pictureservices img,
  415. .permaplurk #timeline_holder a.pictureservices,
  416. .permaplurk #timeline_holder a.pictureservices:hover
  417. {
  418. max-width: 80px !important;
  419. background: none !important;
  420. border: 0 !important;
  421. border-radius: 3px;
  422. margin: 2px !important;
  423. }
  424. a.youtube:hover img, a.oembed:hover img, .youtube:hover img,
  425. .video:hover img,
  426. .plurk a.meta:hover img,
  427. a.embed:hover img,
  428. a.ex_link:hover pictureservices bigimg,
  429. .pictureservices:hover img,
  430. .plurk a.pictureservices:hover img,
  431. .content a.ex_link pictureservices bigimg:hover,
  432. body.t #dashboard_holder a.meta:hover img,
  433. .permaplurk #dashboard_holder a.meta:hover img,
  434. .permaplurk #timeline_holder a.meta:hover img
  435. {
  436. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  437. }
  438. p#about_me .youtube img, p#about_me .youtube:hover img { border: 0 !important; border-radius:
  439.  
  440. 3px; }
  441. p#about_me a.youtube.video
  442. {
  443. font-size: 0px !important;
  444. max-height: 45px !important;
  445. overflow: hidden;_overflow: none;
  446. }
  447. ul.responses a.ogvideo:after, ul.responses a.videoservices:after , p#about_me a.ogvideo:after,
  448.  
  449. p#about_me a.videoservices:after { filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:
  450.  
  451. 1; }
  452. .bigplurk .meta, .plurk_content .meta { padding: 4px !important; }
  453.  
  454. /*訊息網址*/
  455. .bigplurk .content .avatar img, #shareUser .avatarlist ul li img, .responses li article .avatar img,
  456.  
  457. #plurk_responses #reply .responses li article .avatar img { width: 25px !important; height: 25px !
  458.  
  459. important; }
  460. .controls a { background: none !important; border: 0 !important; padding-left: 4px !important; }
  461. #plurk_responses h2, #response_number h2, .user .time { color: #bbb !important; font-size: 12px !
  462.  
  463. important; }
  464. #plurker_info section, #plurker_info section h2
  465. {
  466. background: none !important;
  467. border: 0 !important;
  468. color: #bbb !important;
  469. }
  470. #response_number h2 a, #plurk_responses div.feed-link a, #plurk_responses ul.responses,
  471.  
  472. #plurk_responses ul.responses li, .del_icon, .reply_to { background: #fff; opacity: 0.9 !important;
  473.  
  474. border: 0 !important; }
  475. #plurk_responses ul.responses { border: 0px solid #000 !important; }
  476. #plurk_responses ul.responses li:hover {}
  477. ul.responses .message { color: #777 !important; }
  478. a.user-nick, a.user-nick:hover { color: # !important; }
  479.  
  480.  
  481. /*隱藏時間軸線顯示*/
  482. #timeline_bg .day_bg .div_inner, /*底*/
  483. #bottom_line
  484. {
  485. background:none !important;
  486. border:0 !important;
  487. }
  488.  
  489. .bottom_start, .bottom_end /*時*/
  490. {
  491. font-size:0px;
  492. height:0;
  493. width:0;
  494. overflow:hidden;
  495. filter:alpha(opacity=0); opacity:0; zoom:1;
  496. }
  497.  
  498.  
  499. /*隱藏已經消音的噗***/
  500. .muted
  501. {
  502. filter:alpha(opacity=0);opacity:0;
  503. height:0 !important;
  504. width:0 !important;
  505. overflow:hidden;
  506. zoom:1;
  507. }
  508.  
  509.  
  510.  
  511. /*頁首*/
  512. .html5 #top_login a, .html5 #top_bar a,
  513. .html5 #top_login a:hover, .html5 #top_bar a:hover
  514. {
  515. font-size: 12px !important;
  516. padding: 5px 3px !important;
  517. margin: 0px !important;
  518. font-weight: 400 !important;
  519. border: 0 !important;
  520. }
  521. .html5 #top_login
  522. {
  523. height: 22px !important;
  524. }
  525. .html5 #top_login a, .html5 #top_bar a { color: #fff000 !important; }
  526. .html5 #top_login a:hover, .html5 #top_bar a:hover { color: #fff !important; }
  527. #top_bar .sep, #top_bar .item img { width: 0px; }
  528. #alert_beacon, .unread #alert_beacon, .unread_generic, #top_bar #edit_link, #top_bar
  529.  
  530. #edit_link:hover { background: none !important; font-size: 12px !important; }
  531. #alert_beacon, .unread #alert_beacon { color: #FF4500 !important; }
  532. #page_title { Background: rgba(255,255,0,0.7) !important; color: #000 !important; font-size: 13px
  533.  
  534. !important; }
  535.  
  536. /*頁尾*/
  537. .html5 #footer
  538. {
  539. padding: 0px;
  540. margin-bottom: 0px !important;
  541. width: 0px;
  542. height: 150px;
  543. text-align: center;
  544. background: rgba(255, 255, 0, 0.7) !important;
  545. color: #000 !important;
  546. }
  547. .html5 #footer a
  548. {
  549. font-weight: 400 !important;
  550. color:#555 !important;
  551. text-decoration: none !important;
  552. }
  553. .html5 #footer a:hover { text-decoration: none !important; border: 0 !important; }
  554. #languge_selector
  555. {
  556. color: rgb(238, 237, 224) !important;
  557. font-size: 12px !important;
  558. font-weight: normal !important;
  559. margin: 100px 0px 0px 140px;
  560. }
  561. li.copyright
  562. {
  563. margin: 0px 190px 0px 150px;
  564. }
  565.  
  566. /*修正*/
  567. div.cbox_right.noScroll, div.cbox_right { display : none ; }
  568. #cboxOverlay, #colorbox,#colorboxVideo { background: none !important; box-shadow:0 0 0px #333;
  569.  
  570. }
  571. #cboxOverlay { background: rgba(0,0,0,0.9) !important; }
  572. div.cbox_left
  573. {
  574. background: rgba(0,0,0,0.1) !important;
  575. padding: 0px;
  576. border: 1px solid rgba(0,0,0,0.1);
  577. border-radius: 3px;
  578. box-shadow: 0px 0px 3px rgba(0,0,0,0.03);
  579. margin-left: 160px !important;
  580. }
  581. #colorbox
  582. {
  583. background: none !important;
  584. box-shadow: 0 0 0px #333 !important;
  585. }
  586. #colorbox #cboxClose, #colorboxVideo #cboxClose
  587. {
  588. right: 150px !important;
  589. top: 4px !important;
  590. background: url
  591.  
  592. (http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) !important;
  593. width: 16px; height: 16px;
  594. opacity: 0.6; zoom: 1;
  595. }
  596. div.imgUrl a
  597. {
  598. left: 160px !important;
  599. top: 3px !important;
  600. background: rgba(0,0,0,0.6) !important;
  601. border-radius: 3px;
  602. opacity: 0.2; zoom: 1;
  603. font-size: 11px;
  604. letter-spacing: 0em !important;
  605. color: # !important;
  606. }
  607. div.imgUrl a:hover { opacity: 0.6; zoom: 1; color: #fff !important; }
  608. #colorboxVideo .hideVideo, .hideVideo:hover { background: none !important; }
  609. .hideVideo a:hover { color: # !important; }
  610.  
  611. /*輸入區*/
  612. .plurkForm td { vertical-align: middle !important; }
  613. textarea#input_big_private, textarea#input_big, textarea #input_big .content,
  614.  
  615. textarea#input_permalink, input#current_query, td.td_cnt textarea, textarea#input_small
  616. {
  617. background: none !important;
  618. border: 0 !important;
  619. border-bottom: 3px solid #000 !important;
  620. min-height: 30px;
  621. line-height: 24px;
  622. color: #666 !important;
  623. font-size: 16px !important;
  624. border-radius: 0px;
  625. padding: 4px 2px 3px 2px !important;
  626. }
  627. td.td_cnt textarea, textarea#input_small
  628. {
  629. font-size: 13px !important;
  630. min-height: 70px;
  631. line-height: 21px;
  632. letter-spacing: 0.04em;
  633. color: #333 !important;
  634. }
  635. textarea:hover, textarea#input_big_private:hover, textarea#input_big:hover,
  636.  
  637. textarea#input_permalink:hover, input#current_query:hover
  638. {
  639. background: rgba(255,255,0,0.3) !important;
  640. border-bottom: 3px solid #000 !important;
  641. box-shadow: 0pt -1px 0pt rgba(0,0,0,0.02), 0pt 1px 2px rgba(0,0,0,0.01) inset;
  642. color: #555 !important;
  643. }
  644. textarea:focus, textarea#input_big_private:focus,
  645.  
  646. textarea#input_big:focus,textarea#input_permalink:focus, input#current_query:focus
  647. {
  648. background: rgba(255,255,0,0.6) !important;
  649. box-shadow: 0pt 1px 2px rgba(0,0,0,0.03) inset, 0pt 1px 0pt rgba(255,255,255,0.02);
  650. color: #444 !important;
  651. border-bottom: 3px solid #000 !important;
  652. }
  653. #main_poster .qual_holder, .qual_holder, .mini_form .qual_holder { color: #000 !important; font-
  654.  
  655. size: 18px !important; letter-spacing: 0.03em; }
  656. .mini_form .qual_holder { font-size: 11px !important; color: #555 !important; }
  657. .char_updater, .char_updater.highlight_light, .char_highlight { font-size: 12px; color: #555;
  658.  
  659. background: none !important; }
  660. .char_highlight a { color: #555 !important; }
  661.  
  662. /*語助詞*/
  663. .qualifier, .m_qualifier, .r_qualifier, div.bigplurk .r_qualifier, .mini_form .m_qualifier, .user .qualifier,
  664.  
  665. .qual_menu td, span.qualifier.q_shares, .qual_menu .q_shares, .q_shares, td .q_shares, td .q_likes, td
  666.  
  667. .q_loves, td .q_gives, td .q_hates, td .q_wants, td .q_wishes, td .q_needs, td .q_will, td .q_hopes, td
  668.  
  669. .q_asks, td .q_has, td .q_was, td .q_wonders, td .q_feels, td .q_thinks, td .q_says, td .q_is, td
  670.  
  671. .q_replurks
  672. {
  673. background: none !important;
  674. border: 0 !important;
  675. font-size: 12px !important;
  676. font-weight: 400 !important;
  677. color: #D52B1E !important;
  678. }
  679. .m_qualifier { font-size: 0.91em !important; }
  680. .plurkaction .m_qualifier { color: #D52B1E !important; }
  681. .qual_menu td { text-align: center !important; }
  682.  
  683. /*私人訊息及隱私選項*/
  684. #more_options_holder
  685. {
  686. color: #262626 !important;
  687. background: none !important;
  688. border: 0 !important;
  689. font-size: 12px !important;
  690. }
  691. .private_to b, .selectedSmartInputItem, .selectedSmartInputItem a, .selectedSmartInputItem a:hover,
  692.  
  693. .auto_ta .person, .auto_ta
  694. {
  695. background: #fff !important;
  696. border: 0 !important;
  697. }
  698. #smartInputFloaterContent, .wickEnabled, .wickEnabled:focus { background: #fff !important; }
  699.  
  700. /*分享及設定視窗*/
  701. .GB_Window, .GB_Gallery .iframe_holder
  702. {
  703. background: rgba(249,249,244,0.7) !important;
  704. color: #fff!important;
  705. border: 1px solid #fff !important;
  706. border-radius: 6px;
  707. }
  708. .GB_window .content { border-color: #fff; border-top: 0; }
  709. .GB_Window .header
  710. {
  711. background: none !important;
  712. border: 1px solid #fff;
  713. }
  714. .GB_Window .header td.caption
  715. {
  716. color: #333 !important;
  717. background: #fff;
  718. border: 0 !important;
  719. font-size: 12px !important;
  720. }
  721. .GB_Window .close { background: #fff; }
  722. .GB_Window .close span
  723. {
  724. background: url
  725.  
  726. (http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel.png) no-repeat 0 0;
  727. width: 15px;
  728. margin-right: 7px;
  729. color: #fff;
  730. font-size: 1px !important;
  731. opacity: 0.5; zoom:1;
  732. }
  733. img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
  734. { filter: alpha(opacity=0); opacity: 0; zoom: 1;}
  735.  
  736. /*小圖更換*/
  737. /*無回應 : )*/
  738. .list .empty
  739. {
  740. background: url
  741.  
  742. (http://i614.photobucket.com/albums/tt230/m66660000/icon/Snow/1270600471_Dragon.png)
  743.  
  744. no-repeat 50% 0px transparent;
  745. height:32px;
  746. color: #fff !important;
  747. margin: 20px 0 0 0;
  748. padding: 30px 0 0 0;
  749. text-indent: -9999px;
  750. }
  751.  
  752. /*發噗鈕*/
  753. .cmp_plurk
  754. {
  755. background: url
  756.  
  757. (http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
  758. padding: 1px 2px;
  759. opacity: 1 !important; zoom: 1;
  760. }
  761.  
  762. /*loading*/
  763. .cmp_loading, .loading img { width: 0px; height: 0px; }
  764. #div_loading .cnt
  765. {
  766. background: transparent url
  767.  
  768. (http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat
  769.  
  770. scroll center !important;
  771. margin-top: 150px;
  772. }
  773. .loading
  774. {
  775. background: transparent url
  776.  
  777. (http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat
  778.  
  779. scroll center top !important;
  780. margin-top: 30px;
  781. }
  782.  
  783. /*往前往後*/
  784. .cmp_arrow_right
  785. {
  786. background: url
  787.  
  788. (http://i614.photobucket.com/albums/tt230/m66660000/_minicons/fancy_nav_right.png);
  789. width: 30px; height: 30px;
  790. margin: 0;
  791. }
  792. .cmp_arrow_left
  793. {
  794. background: url
  795.  
  796. (http://i614.photobucket.com/albums/tt230/m66660000/_minicons/fancy_nav_left.png);
  797. width: 30px; height: 30px;
  798. margin: 0;
  799. }
  800. .cmp_back_to_today
  801. {
  802. background: url
  803.  
  804. (http://i614.photobucket.com/albums/tt230/m66660000/_minicons/home.png);
  805. width: 16px; height: 16px;
  806. margin-left: 7px;
  807. margin-top: 0px;
  808. }
  809. .browse_button
  810. {
  811. top: 270px;
  812. filter: alpha(opacity=10) !important; opacity: 0.1 !important; zoom: 1;
  813. -moz-transition: opacity 0.2s ease-out;
  814. -webkit-transition: opacity 0.2s ease-out;
  815. -o-transition: opacity 0.2s ease-out;
  816. }
  817. .browse_button:hover
  818. {
  819. filter: alpha(opacity=100) !important; opacity: 1 !important; zoom:1;
  820. -moz-transition: opacity 0.2s ease-in;
  821. -webkit-transition: opacity 0.2s ease-in;
  822. -o-transition: opacity 0.2s ease-in;
  823. }
  824.  
  825. /*分享與表情選項圖片*/
  826. .cmp_media_off, .cmp_media_on
  827. {
  828. background: url
  829.  
  830. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/iphone_12x16.png) no-
  831.  
  832. repeat scroll top left;
  833. width: 12px; height: 16px;
  834. }
  835. .cmp_media_mini_off, .cmp_media_mini_on
  836. {
  837. background: url
  838.  
  839. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/iphone_12x16.png) no-
  840.  
  841. repeat scroll top left;
  842. width: 12px; height: 16px;
  843. }
  844. img[src="http://assets.plurk.com/static/icons/emoticon_mini_off.png"],
  845. img[src="http://assets.plurk.com/static/icons/emoticon_mini_on.png"],
  846. img[src="http://assets.plurk.com/static/icons/emoticon_off.png"],
  847. img[src="http://assets.plurk.com/static/icons/emoticon_on.png"]
  848. {
  849. filter: alpha(opacity=0); opacity: 0; zoom:1;
  850. }
  851. .emoticon_selecter_img_on, .emoticon_selecter_img_off { width: 16px; height: 16px; }
  852. .icons_holder
  853. {
  854. background: url
  855.  
  856. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/chat_alt_stroke_16x16.pn
  857.  
  858. g) no-repeat 18px 4px;
  859. }
  860. .mini_form .icons_holder
  861. {
  862. background: url
  863.  
  864. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/chat_alt_stroke_16x16.pn
  865.  
  866. g) no-repeat 18px 4px;
  867. }
  868. .cmp_sync_off, .cmp_sync_on
  869. {
  870. background: url
  871.  
  872. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/spin_alt_16x16.png) no-
  873.  
  874. repeat scroll top left;
  875. width: 16px; height: 16px;
  876. margin-top: 4px !important;
  877. }
  878. .cmp_privacy_off, .cmp_privacy_on
  879. {
  880. background: url
  881.  
  882. (http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/lock_stroke_12x16.png)
  883.  
  884. no-repeat scroll top left;
  885. width: 12px; height: 16px;
  886. }
  887.  
  888. /*私訊圖示*/
  889. img[src="http://statics.plurk.com/c550f52f61da13964d5415c07b7506ca.png"]
  890. { filter: alpha(opacity=0); opacity: 0; zoom: 1; }
  891. .private
  892. {
  893. background: url
  894.  
  895. (http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/padlock-closed.png) no-
  896.  
  897. repeat 0 0;
  898. filter: alpha(opacity=50); opacity: 0.5; zoom:1;
  899. }
  900.  
  901. /*轉噗圖示*/
  902. img[src="http://statics.plurk.com/2da9c174ff4bce649887dba83a97222e.png"]
  903. { filter: alpha(opacity=0); opacity: 0; zoom: 1; }
  904. .replurk
  905. {
  906. background: url
  907.  
  908. (http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/media-repeat-alt.png) no-
  909.  
  910. repeat 0 0;
  911. filter: alpha(opacity=50); opacity: 0.5; zoom:1;
  912. }
  913. .manager .replurk { background: none !important; }
  914.  
  915. /*說讚圖示*/
  916. img[src="http://statics.plurk.com/ffdca9715cfcd8ea7adc140c1f9d37df.png"]
  917. { filter: alpha(opacity=0); opacity: 0; zoom: 1; }
  918. .favorite_icon
  919. {
  920. background: url
  921.  
  922. (http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/star.png) no-repeat 0 0;
  923. filter: alpha(opacity=50); opacity: 0.5; zoom:1;
  924. }
  925.  
  926. /*瀏覽器所選部份底色*/
  927. ::-moz-selection
  928. {
  929. background: #bbb !important;
  930. color: #111;
  931. }
  932. ::selection
  933. {
  934. background: #bbb !important;
  935. color: #000;
  936. }
  937.  
  938. /*淡入過場*/
  939. .GB_Gallery .iframe_holder, .GB_Window,
  940. #timeline_cnt, .plurk, .plurk_box
  941. {
  942. -moz-animation-name: fadeIn;
  943. -moz-animation-iteration-count: 1;
  944. -moz-animation-duration: 0.6s;
  945. -webkit-animation-name: fadeIn;
  946. -webkit-animation-iteration-count: 1;
  947. -webkit-animation-duration: 0.6s;
  948. }
  949. @-webkit-keyframes fadeIn
  950. {
  951. 0% { opacity: 0; }
  952. 100% { opacity: 1; }
  953. }
  954. @-moz-keyframes fadeIn
  955. {
  956. 0% { opacity: 0; }
  957. 100% { opacity: 1; }
  958. }
  959.  
  960.  
  961. /*------------------------------------------------------------------------
  962. Date: 2013-02-24
  963. Design by: Be Myself Inc. M6
  964. -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
  965. -- Copyright: 版權所有 保留一切權利 All Rights Reserved --
  966. ------------------------------------------------------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment