Advertisement
Guest User

Untitled

a guest
Oct 31st, 2014
167
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.71 KB | None | 0 0
  1. /*-------------------------------”ÅžÜ?–¾-------------------------------
  2. Ÿ?”Å—Ru”@‰ä‹¦—Í‘nˆÓHìŽº Be Myself Inc.v ÝŒv’ñ‹ŸC”Ş܏Š—LB
  3. ‹ÍŠJ•úŒÂl“…—pCŸcŒ}ŒÂl?—F›{K‰ü¬Å“K‡Ž©ŒÈ“IžéŽ®i¿’–¾Œ´CSSo™|jC
  4. ¤‹Æ«Ž¿‹y‘´‘¼—˜—p•ûŽ®¿–Ü“…—pA‰ü»ˆ½ˆø—pCŽÓŽÓB
  5. ------------------------------------------------------------------------*/
  6.  
  7. /*------------------------------------------------------------------------
  8. ?˜Q”ÅŒ^ Plurk CSS: ‰ä
  9. ÝŒvo™| Design by: Be Myself Inc. M6
  10. ”wŒiš¤Œ¹ Background image from: (wallpapers-room)
  11. ˆÀåä–Ôš¬ Install: (http://www.plurk.com/installDesign/5807705-e0a2d6c043)
  12. X‘½?Œi More Themes: (http://www.flickr.com/groups/plurkcss)
  13. -- Ÿ?”ÅCSS‹Í‹ŸŒÂlŽ©—pC¿–܉ü»Ä•ª‹ˆ½—p‰—¤‹Æ—p“r --
  14. -- Copyright: ”Ş܏Š—L •Û—¯ˆêØžÜ—˜ All Rights Reserved --
  15.  
  16.  
  17. REPLACE THESE COLORS FOR LINKS/HOVER AND @PLURKS: #386489 & #3a9fd7
  18. http://i.imgur.com/SomAq.jpg - red vs blue bg
  19. ------------------------------------------------------------------------*/
  20.  
  21.  
  22. /*---------------á`–Ê”wŒi*/
  23.  
  24. html
  25. {
  26. background:#000 url(IMAGE URL HERE) center no-repeat;
  27. overflow-x:hidden !important;
  28. }
  29. body
  30. {
  31. background:transparent !important;
  32. width:100% !important;
  33. height:100% !important;
  34. min-height:690px !important;
  35. overflow:hidden !important;
  36. }
  37.  
  38. /*´œŒn“—aÝ粊E*/
  39. body {margin:0;padding:0;}
  40. * html {margin-top:-0px;}
  41.  
  42.  
  43. /*---------------ŽžŠÔŽ²*/
  44.  
  45.  
  46. #timeline_holder
  47. {
  48. background:transparent;
  49. border-top:0px solid #111 !important;
  50. border-bottom:0px solid #111 !important;
  51. }
  52. #timeline_bg .day_bg .div_inner
  53. {
  54. background:none !important;
  55. border-left:0px solid #222 !important;
  56. border-right:0 !important;
  57. }
  58. .div_inner {height:px !important;}
  59. #bottom_line
  60. {
  61. background:none !important;
  62. border-top:0 !important;
  63. border-bottom:0 !important;
  64. }
  65.  
  66. /*•¶ŽšÝ’è*/
  67. .bottom_start, .bottom_end
  68. {
  69. color:#7e7e7e;
  70. font: 9px Century Gothic;
  71. }
  72. .day_start .bottom_start, .day_start .div_start
  73. {
  74. color:#dcd9d9 !important;
  75. }
  76.  
  77. /*?‘¥?›”œäŽžŠÔ*/
  78. #time_show
  79. {
  80. border:0;
  81. background:#111 !important;
  82. border-radius:0px;
  83. padding:5px 10px !important;
  84. top:400px !important;
  85. }
  86. #time_show span
  87. {
  88. color:#fff;
  89. text-shadow:0px 0px 0px rgba(0,0,0,0.3);
  90. font-family: Tahoma !important;
  91. font-size:10px !important;
  92. }
  93.  
  94. /*èûŽ¦u‘§*/
  95. #empty_timeline_fg
  96. {
  97. color:#bbb !important;
  98. font-size:15px !important;
  99. text-shadow: 0pt 0px 0pt rgba(0, 0, 0, 0.6);
  100. }
  101. #empty_timeline_fg a { color:#eee !important;}
  102.  
  103.  
  104. /*---------------ŽåT‘ä*/
  105.  
  106. div#plurk-dashboard
  107. {
  108. background:#111 !important;
  109. border:0px !important;
  110. border-radius:0px;
  111. line-height:1.8;
  112. color:#444 !important;
  113. font-size:10px !important;
  114. }
  115. #dash-profile, p#about_me, #relationship_container,
  116. #dash-stats, #dash-friends, #dash-fans
  117. {
  118. background:#222;
  119. border:0px !important;
  120. }
  121. #full_name {color:#bbb !important; text-shadow: 0pt 0px 0pt rgba(0,0,0,0.6);}
  122. #dash-additional-info a {color:#444 !important;text-decoration:underline !important;}
  123. #dash-additional-info a:hover {color:#333 !important;}
  124. #relationship_container {font-weight:300 !important;}
  125. .show_all_friends a
  126. {
  127. font-size:10px !important;
  128. color:#111 !important;
  129. background:#333;
  130. border-radius:2px;
  131. text-decoration:none !important;
  132. padding:2px 6px !important;
  133. }
  134. .show_all_friends a:hover {color:#bbb !important;}
  135. a.friend_man
  136. {
  137. border:0 !important;
  138. background:#222 url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
  139. padding-left:20px !important;
  140. color:#333 !important;
  141. font-size:10px !important;
  142. border-radius: 3px;
  143. }
  144. a.friend_man:hover
  145. {
  146. background:#333 url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
  147. color:#bbb !important;
  148. }
  149.  
  150. /*’²®ˆÊ’u’u¶*/
  151. #dashboard_holder { width:100%; }
  152. div#plurk-dashboard
  153. {
  154. width:220px !important;
  155. height:98px !important;
  156. overflow:hidden !important;
  157. position:absolute !important;
  158. z-index:901;
  159. top:-432px;
  160. left:0px;
  161. }
  162. div#plurk-dashboard:hover { height:620px !important; }
  163. .dash-segment { width:220px; min-height:10px !important; height:auto !important; }
  164. .segment-content { padding-top:0px !important; padding-bottom:0px !important; }
  165. #dash-profile, p#about_me, #relationship_container,
  166. #dash-stats, #dash-friends, #dash-fans
  167. {
  168. max-height:30px !important;
  169. overflow:hidden !important;
  170. padding:12px;
  171. -moz-transition:max-height 1.4s ease-out;
  172. -webkit-transition:max-height 1.4s ease-out;
  173. -o-transition:max-height 1.4s ease-out;
  174. }
  175. #dash-profile:hover, p#about_me:hover, #relationship_container:hover,
  176. #dash-stats:hover, #dash-friends:hover, #dash-fans:hover
  177. {
  178. max-height:500px !important;
  179. -moz-transition:max-height 1s ease-in;
  180. -webkit-transition:max-height 1s ease-in;
  181. -o-transition:max-height 1s ease-in;
  182. }
  183. #dash-profile
  184. {
  185. max-height:50px !important;
  186. margin-top:22px;
  187. }
  188. #dash-additional-info
  189. {
  190. padding-top:5px !important;
  191. margin-bottom:-16px !important;
  192. }
  193. #relationship_container
  194. {
  195. margin-top:-16px !important;
  196. margin-bottom:10px !important;
  197. }
  198. #relationship_container b { float : left; }
  199. #relationship_container br { display : none; }
  200. #profile_pic
  201. {
  202. border:0;
  203. width:50px;
  204. box-shadow:2px 3px 4px rgba(0,0,0,0.3);
  205. margin-bottom:13px !important;
  206. }
  207. #profile_pic:hover { width:175px; }
  208. #full_name { position:absolute !important; top:45px; left:85px;}
  209. #span_years { position:absolute !important; top:75px; left:85px;}
  210. #m_or_f { position:absolute !important; top:75px; left:120px; }
  211. #dash-stats table
  212. {
  213. margin-top:0px !important;
  214. margin-left:2px !important;
  215. line-height:1.4 !important;
  216. }
  217. #dash-stats table th { float : left !important; }
  218. #dash-stats table td { margin: 0px !important; float : right !important; }
  219. #dash-stats table tr { clear : left !important; float : left !important; }
  220. #dash-stats h3
  221. {
  222. margin-top:0px !important;
  223. margin-left:2px !important;
  224. }
  225. .karma_hover
  226. {
  227. font-size:22px;
  228. color:#555 !important;
  229. }
  230. #karma
  231. {
  232. font-size:23px !important;
  233. color:#ddd !important;
  234. text-shadow:0px 0px 20px rgba(9,9,9.0.4) !important;
  235. }
  236. #dash-stats td { color:#333 !important; }
  237. .karma_tooltip { left:240px !important; }
  238. .award_bar
  239. {
  240. width:200px !important;
  241. padding:0 !important;
  242. margin:0px !important;
  243. }
  244. #dash-stats .award_bar { margin-left:-9px !important; }
  245. .award_bar div { padding:0px !important; margin:0px !important; }
  246. #dash-stats .award_bar div { width:20px !important; }
  247. #dash-stats .award_bar img
  248. {
  249. -moz-transform: scale(0.5);
  250. -khtml-transform: scale(0.5);
  251. -webkit-transform: scale(0.5);
  252. -o-transform: scale(0.5);
  253. }
  254. .friend_holder {margin-top:12px;}
  255. .friend_holder table
  256. {
  257. margin-top:0px;
  258. margin-left:auto !important;
  259. margin-right:auto !important;
  260. }
  261. .friend_holder td
  262. {
  263. padding:3px 2px !important;
  264. margin:px !important;
  265. }
  266. .friend_holder .user_link,
  267. .friend_holder .user_link:hover,
  268. .user_link img
  269. {
  270. padding:0px !important;
  271. width:38px !important;
  272. height:38px !important;
  273. border-radius:2px;
  274. border:0 !important;
  275. box-shadow:2px 3px 4px rgba(0,0,0,0.3);
  276. }
  277. .show_all_friends
  278. {
  279. margin-top:px;
  280. margin-bottom:px;
  281. text-align:left;
  282. }
  283. #friend_managment,
  284. #fan_managment
  285. {
  286. margin-top:5px !important;
  287. height:22px !important;
  288. }
  289. #private_plurk
  290. {
  291. margin-top:4px !important;
  292. height:3px !important;
  293. }
  294.  
  295. /*“§–¾“xäo’W“ü’WoÁ‰Ê*/
  296. div#plurk-dashboard
  297. {
  298. filter:alpha(opacity=30) !important; opacity:0.3 !important; zoom:1;
  299. -moz-transition:opacity 0.7s ease-out, height 1.5s ease-out;
  300. -webkit-transition:opacity 0.7s ease-out, height 1.5s ease-out;
  301. -o-transition:opacity 0.7s ease-out, height 1.5s ease-out;
  302. }
  303. div#plurk-dashboard:hover
  304. {
  305. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  306. -moz-transition:opacity 0.7s ease-in, height 1s ease-in;
  307. -webkit-transition:opacity 0.7s ease-in, height 1s ease-in;
  308. -o-transition:opacity 0.7s ease-in, height 1s ease-in;
  309. }
  310. .award_bar img, .user_link img,
  311. .cmp_image_off, .cmp_youtube_off, .cmp_link_off, .cmp_webcam_off
  312. {
  313. filter:alpha(opacity=30) !important; opacity:0.3 !important; zoom:1;
  314. -moz-transition:opacity 0.3s ease-out;
  315. -webkit-transition:opacity 0.3s ease-out;
  316. -o-transition:opacity 0.3s ease-out;
  317. }
  318. .award_bar img:hover, .user_link img:hover,
  319. .cmp_image_on, .cmp_youtube_on, .cmp_link_on, .cmp_webcam_on
  320. {
  321. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  322. -moz-transition:opacity 0.3s ease-in;
  323. -webkit-transition:opacity 0.3s ease-in;
  324. -o-transition:opacity 0.3s ease-in;
  325. }
  326.  
  327. /*èªåU€–Ú*/
  328. .bottom_start, .bottom_end, #span_years, #m_or_f,
  329. .plurk_box .caption, .dots .inner, #footer p, #replurkers_holder,
  330. #plurks_count a, .advert a, #empty_timeline_bg,
  331. #dynamic_logo, #logo img, img#creature,
  332. .block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
  333. #top_login a#sign_up, #getting_started, div .adsense,
  334. #dash-stats h2, #dash-friends h2, #dash-fans h2,
  335. .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
  336. #dash-friends form, #dash-friends p, div#fan_holder span,
  337. div #tw_help, div a#dashboard-invite, div #sharePlurk,
  338. #block_user,
  339. .dash-icon
  340. {
  341. display : none ;
  342. height:0 !important;
  343. width:0 !important;
  344. overflow:hidden;_overflow:none;
  345. position:fixed;
  346. top:-9000px;
  347. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  348. }
  349.  
  350.  
  351. /*---------------á¢?™½*/
  352.  
  353. .plurkaction,
  354. #toggle_tab li.tt_selected
  355. {
  356. background:none;
  357. border:0 !important;
  358. }
  359. div#plurk_form
  360. {
  361. width:745px !important;
  362. margin:0px auto !important;
  363. }
  364. #toggle_tab
  365. {
  366. margin-left:245px !important;
  367. width:160px !important;
  368. height:30px !important;
  369. overflow:hidden;_overflow:none;
  370. }
  371. span#plurk_tab, span#search_tab { width:0px !important; }
  372. #toggle_tab li.tt_selected, #toggle_tab li
  373. {
  374. font-size:12px !important;
  375. color:#bbb !important;
  376. }
  377. #main_poster .qual_holder
  378. {
  379. color:#b1b1b1 !important;
  380. font-size:15px !important;
  381. }
  382. .u_search, .share_search b, .u_search a,
  383. .char_updater, .char_highlight, .char_highlight a
  384. {
  385. font-size:12px !important;
  386. color:#ccc !important;
  387. }
  388. .char_highlight { background:none !important; }
  389.  
  390.  
  391. /*---------------•Å”ö‘Išd*/
  392.  
  393. /*ØŠ·ŒêŒ¾*/
  394. #languge_selector
  395. {
  396. position:relative;
  397. clear : both ;
  398. text-align:right;
  399. color:#aaa;
  400. font-size:10px;
  401. letter-spacing:0px;
  402. }
  403.  
  404.  
  405. /*---------------•ÅŽñ‘Išd*/
  406.  
  407. #top_bar .item img
  408. {
  409. width:0 !important;
  410. margin:0 !important;
  411. filter:alpha(opacity=0); opacity:0; zoom:1;
  412. }
  413.  
  414. /*’²®ˆÊ’u*/
  415. #top_bar a
  416. {
  417. display : block;
  418. height:15px !important;
  419. overflow: hidden;
  420. width:60px;
  421. margin:2px 0px !important;
  422. padding-bottom:4px !important;
  423. text-align:right !important;
  424. color:#444 !important;
  425. font-size:10px !important;
  426. font-family:arial;
  427. font-style: normal;
  428. font-weight: normal !important;
  429. letter-spacing:0px;
  430. background:none !important;
  431. border:0 !important;
  432. }
  433. #top_bar a:hover
  434. {
  435. color:#ccc !important;
  436. background:#111 !important;
  437. text-shadow:0px 0px 0 #333;
  438. }
  439. #top_bar
  440. {
  441. right:12px !important;
  442. top:3px !important;
  443. height:18px !important;
  444. overflow:hidden !important;
  445. -moz-transition:height 1s ease-out;
  446. -webkit-transition:height 1s ease-out;
  447. -o-transition:height 1s ease-out;
  448. }
  449. #top_bar:hover
  450. {
  451. height:160px !important;
  452. -moz-transition:height 1s ease-in;
  453. -webkit-transition:height 1s ease-in;
  454. -o-transition:height 1s ease-in;
  455. }
  456. #top_bar .content a#edit_link, #alert_beacon { color:#bbb !important; }
  457. #top_bar .content a:hover#edit_link, .unread #alert_beacon { color:#ccc !important; }
  458. .unread #alert_beacon { background:#222 !important; }
  459. #top_login
  460. {
  461. width:400px;
  462. margin-right:130px !important;
  463. margin-left:auto !important;
  464. }
  465. #top_login a
  466. {
  467. color:#444;
  468. font-size:10px;
  469. font-family: Tahoma !important;
  470. letter-spacing:0px;
  471. padding:2px 4px !important;
  472. }
  473. #top_login a:hover { color:#555; background:#111;}
  474. div#page_title
  475. {
  476. margin-top:-2px !important;
  477. color:#bbb !important;
  478. font-size:10px;
  479. background:#000;
  480. height: 19px;
  481. padding:2px 12px !important;
  482. position:fixed !important;
  483. top:0px !important;
  484. left:0px !important;
  485. }
  486.  
  487.  
  488. /*---------------Š—Lu‘§*/
  489.  
  490. #filter_tab
  491. {
  492. font-size: 10px !important;
  493. text-transform: uppercase;
  494. letter-spacing:0px;
  495. }
  496. #filter_tab a.off_tab
  497. {
  498. border-radius:3px;
  499. background:#9b9b9b !important;
  500. border:0 !important;
  501. color:#333 !important;
  502. }
  503. #filter_tab a.filter_selected
  504. {
  505. background:#111 !important;
  506. color:#bbb !important;
  507. border:0 !important;
  508. border-radius:3px;
  509. padding-bottom:2px !important;
  510. }
  511. .unread_generic,
  512. #filter_tab a.filter_selected .unread_generic
  513. {
  514. background:#333 !important;
  515. color:#bbb !important;
  516. }
  517. #filter_tab a.off_tab:hover,
  518. #filter_tab a.filter_selected:hover
  519. {
  520. text-decoration:none !important;
  521. }
  522.  
  523.  
  524. /*---------------XV’Ê’mäo‰¹žÙ”d•úŠí*/
  525.  
  526. #updater, #music_player
  527. {
  528. background:#111 url(http://i614.photobucket.com/albums/tt230/m66660000/icon/squ/squ2_gray.gif) 6px 8px no-repeat;
  529. border:0px solid #333 !important;
  530. font-size:12px !important;
  531. color:#777 !important;
  532. padding: 3px 20px !important;
  533. padding-right:12px !important;
  534. border-radius: 4px;
  535. border-shadow:2px 3px 4px #111;
  536. margin-left:223px !important;
  537. }
  538. #updater .text {color:#777 !important;}
  539. #updater a, #music_player a { color:#bbb !important; }
  540. #updater a:hover, #music_player a:hover { color:#eee !important; }
  541. #updater a:hover span { text-decoration:none !important; }
  542.  
  543. /*èªåU’†ŠÔ“IŠÔŠuü*/
  544. .cmp_poll_line
  545. {
  546. filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
  547. width:0 !important;
  548. overflow:hidden;
  549. }
  550.  
  551.  
  552. /*---------------Ž„lu‘§ŒêŒn‘I€*/
  553.  
  554. #more_options_link,
  555. #more_options .on
  556. {
  557. background:transparent !important;
  558. border:0 !important;
  559. color:#bcbcbc !important;
  560. font-size:10px !important;
  561. margin: 0px !important;
  562. margin-left:-4px !important;
  563. }
  564. #more_options a:hover { text-decoration:none !important; }
  565. #more_options_holder
  566. {
  567. background:transparent !important;
  568. border:0 !important;
  569. box-shadow: 0pt 0px 0pt rgba(0,0,0,0.04), 0pt 0px 2px rgba(0,0,0,0.8) inset;
  570. color:#bebebe !important;
  571. font-size:10px !important;
  572. text-shadow: 0pt -0px 0pt rgba(0,0,0,0.3);
  573. }
  574. #more_options td {background:none !important;}
  575. #more_options .caption
  576. {
  577. color:#444 !important;
  578. font-size:10px !important;
  579. text-shadow:0px -0px 0 #111;
  580. }
  581. .small {font-size:10px !important;}
  582. .private_to {color:#eee !important;}
  583. .advert a {font-size:0px !important;}
  584. .private_to b,
  585. .selectedSmartInputItem, .selectedSmartInputItem a,
  586. .selectedSmartInputItem a:hover,
  587. .auto_ta .person
  588. {
  589. background:#111 !important;
  590. color:#bbb !important;
  591. font-size:12px !important;
  592. font-weight:normal !important;
  593. text-decoration:none !important;
  594. border-radius:4px;
  595. }
  596. #smartInputFloaterContent
  597. {
  598. background:#f4f4f4 !important;
  599. font-size:12px !important;
  600. }
  601. .private_to b,
  602. .auto_ta .person
  603. {
  604. padding:2px 4px;
  605. font-size:12px !important;
  606. }
  607. .wickEnabled, .wickEnabled:focus
  608. {
  609. background:none !important;
  610. border:0 !important;
  611. color:#fff !important;
  612. box-shadow:0px 0px 0px #ccc;
  613. }
  614.  
  615.  
  616. /*---------------•\î‘Išd*/
  617.  
  618. #emoticon_selecter
  619. {
  620. background:#eee !important;
  621. border-color:#ccc !important;
  622. border-radius:3px;
  623. }
  624. #emoticon_selecter .upper_arrow { background-image:none !important; }
  625. #emoticon_selecter #emoticons_tabs
  626. {
  627. background:none !important;
  628. border:0 !important;
  629. }
  630. #emoticons_show
  631. {
  632. background:#fff !important;
  633. width:422px !important;
  634. }
  635. #emoticon_selecter img, #emoticon_selecter a:hover img,
  636. .emo-manager .emo-public-pool .emo-wrapper,
  637. .emo-manager .emo-public-pool .emo-wrapper:hover
  638. {
  639. border:0 !important;
  640. }
  641. #emoticon_selecter #emoticons_tabs ul { overflow:visible !important; }
  642. #emoticon_selecter #emoticons_tabs li
  643. {
  644. background:none !important;
  645. border:0 !important;
  646. font-size:84% !important;
  647. }
  648. #emoticons_tabs ul li a
  649. {
  650. color:#8099ad !important; /*8099ad*/
  651. font-weight:normal !important;
  652. }
  653. #emoticons_tabs ul li.current a
  654. {
  655. color:#133d5f !important; /*133d5f*/
  656. }
  657. #emoticon_selecter #emoticons_tabs li.current
  658. {
  659. background:#bbb !important;
  660. border-radius:3px;
  661. }
  662. #emoticons_show .red_link
  663. {
  664. background:none !important;
  665. font-weight:normal;
  666. font-size:10px;
  667. color:#aaa !important;
  668. text-decoration:none !important;
  669. }
  670. .emo-manager
  671. {
  672. background:#bcbcbc !important;
  673. border-color:#ddd !important;
  674. margin-top:px !important;
  675. }
  676. .emo-manager .emo-add-bn,
  677. .emoticons_my .add-emoticon-panel .orange-but
  678. {
  679. background:#bebebe !important;
  680. border:0 !important;
  681. box-shadow:0 0px 0 #ccc !important;
  682. font-size:10px !important;
  683. }
  684. .emoticons_my .add-emoticon-panel div.popup
  685. {
  686. background:#bbb !important;
  687. border-color:#eee !important;
  688. border-radius:3px;
  689. font-size:10px !important;
  690. color:#444 !important;
  691. width:px;
  692. }
  693. .emoticons_my .add-emoticon-panel input.col-right,
  694. .emoticons_my .add-emoticon-panel input.col-right:focus
  695. {
  696. background:#fff !important;
  697. border-color:#ccc !important;
  698. font-size:10px !important;
  699. color:#444 !important;
  700. width:200px !important;
  701. }
  702. .emoticons_my .add-emoticon-panel .col-left
  703. {
  704. width:auto !important;
  705. margin-left: 10px !important;
  706. }
  707.  
  708. /*樕\îš¤Ž¦çzšŸšŸ*/
  709. .emoticon, .emoticon_my
  710. {
  711. -moz-transition-duration:0.5s;
  712. -webkit-transition-duration:0.5s;
  713. -khtml-transition-duration:0.5s;
  714. }
  715. .emoticon:hover, .emoticon_my:hover
  716. {
  717. -moz-transform: rotate(360deg) scale(1.2);
  718. -webkit-transform: rotate(360deg) scale(1.2);
  719. -khtml-transform: rotate(360deg) scale(1.2);
  720. }
  721.  
  722.  
  723. /*---------------Œê•ŽŒ*/
  724.  
  725. .plurkaction .dd_img img, .dd_img img
  726. {
  727. filter:alpha(opacity=30) !important;opacity:0.3 !important; zoom:1;
  728. }
  729. .qualifier, .m_qualifier, .r_qualifier,
  730. div.bigplurk .r_qualifier
  731. {
  732. background:none !important;
  733. border:0 !important;
  734. }
  735. .qualifier,
  736. .mini_form .m_qualifier,
  737. .r_qualifier
  738. {
  739. font-size:12px !important;
  740. }
  741. .m_qualifier,
  742. #reply_box .m_qualifier,
  743. .content .r_qualifier
  744. {
  745. font-size:13px !important;
  746. font-weight: normal !important;
  747. }
  748.  
  749. .qual_menu .q_freestyle,
  750. .q_freestyle,
  751. td .q_freestyle /*Ž©—Rᢊö*/
  752. {
  753. background:none !important;
  754. color:#999 !important;
  755. }
  756. .qual_menu .q_loves,
  757. .q_loves,
  758. td .q_loves /*ˆ¤*/
  759. {
  760. background:none !important;
  761. color:#B20C0C !important;
  762. }
  763. .qual_menu .q_likes,
  764. .q_likes,
  765. td .q_likes /*ŠìŸc*/
  766. {
  767. background:none !important;
  768. color:#CB2728 !important;
  769. }
  770. .qual_menu .q_shares,
  771. .q_shares,
  772. td .q_shares /*•ª‹*/
  773. {
  774. background:none !important;
  775. color:#A74949 !important;
  776. border:0 !important;
  777. }
  778. .qual_menu .q_gives,
  779. .q_gives,
  780. td .q_gives /*‹‹*/
  781. {
  782. background:none !important;
  783. color:#620E0E !important;
  784. }
  785. .qual_menu .q_hates,
  786. .q_hates,
  787. td .q_hates /*“¢‰}*/
  788. {
  789. background:none !important;
  790. color:#ccc !important;
  791. }
  792. .qual_menu .q_wants,
  793. .q_wants,
  794. td .q_wants /*‘z—v*/
  795. {
  796. background:none !important;
  797. color:#8DB241 !important;
  798. }
  799. .qual_menu .q_wishes,
  800. .q_wishes,
  801. td .q_wishes /*Šú‘Ò*/
  802. {
  803. background:none !important;
  804. color:#5BB017 !important;
  805. }
  806. .qual_menu .q_needs,
  807. .q_needs,
  808. td .q_needs /*Žù—v*/
  809. {
  810. background:none !important;
  811. color:#7A9A37 !important;
  812. }
  813. .qual_menu .q_will,
  814. .q_will,
  815. td .q_will /*‘ÅŽZ*/
  816. {
  817. background:none !important;
  818. color:#B46DB9 !important;
  819. }
  820. .qual_menu .q_hopes,
  821. .q_hopes,
  822. td .q_hopes /*Šó–]*/
  823. {
  824. background:none !important;
  825. color:#e05be9 !important;
  826. }
  827. .qual_menu .q_asks,
  828. .q_asks,
  829. td .q_asks /*–â*/
  830. {
  831. background:none !important;
  832. color:#8361bc !important;
  833. }
  834. .qual_menu .q_has,
  835. .q_has,
  836. td .q_has /*›ßãS*/
  837. {
  838. background:none !important;
  839. color:#777 !important;
  840. }
  841. .qual_menu .q_was,
  842. .q_was,
  843. td .q_was /*‘\ãS*/
  844. {
  845. background:none !important;
  846. color:#525252 !important;
  847. }
  848. .qual_menu .q_wonders,
  849. .q_wonders,
  850. td .q_wonders /*DŠï*/
  851. {
  852. background:none !important;
  853. color:#386489 !important;
  854. }
  855. .qual_menu .q_feels,
  856. .q_feels,
  857. td .q_feels /*æS“¾*/
  858. {
  859. background:none !important;
  860. color:#386489 !important;
  861. }
  862. .qual_menu .q_thinks,
  863. .q_thinks,
  864. td .q_thinks /*‘z*/
  865. {
  866. background:none !important;
  867. color:#689CC1 !important;
  868. }
  869. .qual_menu .q_says,
  870. .q_says,
  871. td .q_says /*?*/
  872. {
  873. background:none !important;
  874. color:#bebebe !important; /*E2560B*/
  875. }
  876. .qual_menu .q_is,
  877. .q_is,
  878. td .q_is /*³Ý*/
  879. {
  880. background:none !important;
  881. color:#bebebe !important;
  882. }
  883. .q_replurks /*çz?*/
  884. {
  885. background-image: url("http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/loop_8x8.png") !important;
  886. background-repeat: no-repeat !important;
  887. background-position: right center !important;
  888. color:#39c !important;
  889. }
  890. .qual_menu td
  891. {
  892. text-align:center !important;
  893. font-size:12px;
  894. }
  895. .qual_menu
  896. {
  897. background:#000 !important;
  898. border:0px solid #222 !important;
  899. border-radius:3px;
  900. box-shadow:2px 3px 4px rgba(0,0,0,0.4);
  901. }
  902. .qual_menu .on
  903. {
  904. color:#FFF !important;
  905. text-shadow:0px 0px 4px #bbb;
  906. }
  907.  
  908.  
  909. /*---------------˜Qã“I?*/
  910.  
  911. #timeline_holder div.plurk
  912. {
  913. -moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
  914. -moz-transform-origin:0 0;
  915. -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
  916. -webkit-transform-origin:0 0;
  917. }
  918. .plurk { margin-top:22px; }
  919. .plurk .truncated {min-height:22px;}
  920. body #timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg {overflow: visible !important;}
  921. div.plurk .link_extend {z-index:2200;}
  922. .block_cnt { padding:15px !important; width:300px !important; height:60px !important; }
  923. .block_cnt .div_inner, .div_bottom { max-height:0px !important; }
  924.  
  925. /*?ŠOžy*/
  926. .block_cnt .plurk_cnt
  927. {
  928. background:#fff !important;
  929. background:rgba(255,255,255,0.92) !important;
  930. border-radius: 2px;
  931. border:0px solid #222 !important;
  932. margin:-4px 0px 0px -25px;
  933. padding:4px 5px 4px 25px;
  934. }
  935. .block_cnt .link_extend .plurk_cnt
  936. {
  937. background:#fff !important;
  938. background:rgba(255,255,255,0.98) !important;
  939. box-shadow:0px 0px 2px rgba(255,255,255,0.3);
  940. }
  941. .block_cnt .plurk_box .plurk_cnt
  942. {
  943. background:#fff !important;
  944. background:rgba(255,255,255,0.99) !important;
  945. }
  946.  
  947.  
  948. /*?®é“’êFäožyüF*/
  949. .plurk_cnt,
  950. .plurk_box .list,
  951. .plurk_box .mini_form,
  952. .info_box
  953. {
  954. background:#fff !important;
  955. background:rgba(255,255,255,0.99) !important;
  956. border-color:#222 !important;
  957. }
  958.  
  959. /*V‰ñœä“I’êF*/
  960. .plurk_box td .shade_6, td .shade_6,
  961. .plurk_box td .shade_5, td .shade_5,
  962. .plurk_box td .shade_4, td .shade_4,
  963. .plurk_box td .shade_3, td .shade_3,
  964. .plurk_box td .shade_2, td .shade_2,
  965. .plurk_box td .shade_1, td .shade_1
  966. {
  967. background:#fff !important;
  968. background:rgba(255,255,255,0.99) !important;
  969. }
  970. .plurk.new .plurk_cnt
  971. {
  972. border: 0px solid #111 !important;
  973. box-shadow: 0px 0px 3px 4px rgba(0,0,0,0.4);
  974. }
  975.  
  976. /*•¶ŽšÝ’è*/
  977. #timeline_holder .plurk_cnt
  978. {
  979. font-size:12px !important;
  980. line-height:18px !important;
  981. letter-spacing:0px;
  982. }
  983. .list .plurk_cnt
  984. {
  985. background:none !important;
  986. font-size:12px !important;
  987. line-height:18px !important;
  988. letter-spacing:0px;
  989. padding:4px;
  990. border-bottom:0px solid #ccc !important;
  991. }
  992. .td_cnt .text_holder { color:#111 !important; }
  993.  
  994. /*‰ñœä—ñ•\*/
  995. .list table {width:100% !important;}
  996. .plurk_box .list
  997. {
  998. max-height:px !important;
  999. -webkit-transition:height 0.5s ease;
  1000. -moz-transition:height 0.5s ease;
  1001. border-radius:0px;
  1002. border-left:0px solid #222 !important;
  1003. }
  1004.  
  1005. /*‰º•û‰ñœä—“*/
  1006. .plurk_box .mini_form,
  1007. .plurk_box .login_to_see
  1008. {
  1009. background:#fff !important;
  1010. background:rgba(0,0,0,0.99) !important;
  1011. border-color:#222 !important;
  1012. border-left:0px solid #222 !important;
  1013. border-bottom:0 !important;
  1014. }
  1015. .plurk_box .login_to_see a,
  1016. .red_link
  1017. {
  1018. background:none !important;
  1019. color:#333 !important;
  1020. font-weight:normal !important;
  1021. text-decoration:none !important;
  1022. font-size:10px !important;
  1023. }
  1024. .info_box
  1025. {
  1026. background:#333 !important;
  1027. border-color:#222 !important;
  1028. border-left:0px solid #222 !important;
  1029. border-top:0 !important;
  1030. color:#bbb !important;
  1031. font-size:10px !important;
  1032. font-weight:normal !important;
  1033. overflow-x:hidden !important;
  1034. overflow-y:hidden !important;
  1035. }
  1036. .info_box a, div.favorite_count, div.limited_box
  1037. {
  1038. background:none !important;
  1039. color:#eee !important;
  1040. font-size:10px !important;
  1041. }
  1042. .info_box a:hover
  1043. {
  1044. color:#fff !important;
  1045. text-decoration:none !important;
  1046. }
  1047.  
  1048. /*‰ñœä—A“ü™½*/
  1049. td.td_cnt textarea,
  1050. textarea#input_small
  1051. {
  1052. background:#fff !important;
  1053. background:rgba(255,255,255,0.99) !important;
  1054. border:0px solid #111 !important;
  1055. border-radius:2px;
  1056. color:#111 !important;
  1057. font-size:12px !important;
  1058. min-height:80px;
  1059. line-height:18px;
  1060. }
  1061. .mini_form .qual_holder
  1062. {
  1063. color:#bbb !important;
  1064. font-size:12px !important;
  1065. }
  1066. .mini_form .char_updater
  1067. {
  1068. color:#808080 !important;
  1069. font-size:10px !important;
  1070. background:none !important;
  1071. }
  1072. .char_updater span
  1073. {
  1074. color:#111 !important;
  1075. font-size:10px !important;
  1076. font-weight:400 !important;
  1077. background:none !important;
  1078. }
  1079.  
  1080. /*Œ´?ŽÒ“I‰ñœä*/
  1081. .list .highlight_owner .td_qual a
  1082. {
  1083. color:#111 !important;
  1084. text-decoration:none;
  1085. }
  1086. .list .highlight_owner .plurk_cnt tr,
  1087. .list .highlight_owner .plurk_cnt,
  1088. .list .highlight_owner .plurk_cnt:hover
  1089. {
  1090. background:#bebebe !important;
  1091. }
  1092.  
  1093. /*™ˆœ,•ÒS,Á‰¹,ŽæÁ,„•¶,çz?*/
  1094. .manager a
  1095. {
  1096. font-size:10px !important;
  1097. margin:0px !important;
  1098. padding:0px 3px !important;
  1099. border-bottom:0px dotted #ccc;
  1100. }
  1101. .manager .action {color:#386489 !important;} /*æ«,¾‰ñæ«,–ב¶8db6d2*/
  1102. .manager .promote {color:#36b !important;} /*„•¶ce8c8d*/
  1103. .manager .replurk {color:#39b !important;} /*çz?88c663*/
  1104. .manager .mute, .manager .unmute, /*Á‰¹,‰ðœÁ‰¹*/
  1105. .manager .cancel, .manager .delete /*ŽæÁ,™ˆœ*/
  1106. {
  1107. color:#aaa !important;
  1108. }
  1109. .manager a:hover,
  1110. .manager .action:hover,
  1111. .manager .cancel:hover,
  1112. .manager .delete:hover
  1113. {
  1114. text-decoration:none !important;
  1115. border-bottom:0px solid #390;
  1116. }
  1117.  
  1118. /*èªåU›ßãSÁ‰¹“I?*/
  1119. .muted {filter:alpha(opacity=10); opacity:0.1; zoom:1;}
  1120.  
  1121. /*?ã“I˜AŒ‹*/
  1122. .plurk a.ex_link, .text_holder a.ex_link,
  1123. .plurk a.ex_link:visited, .plurk a.ex_link:active,
  1124. div.bigplurk h1.content a.ex_link,
  1125. #plurk_nav a:link, #plurk_nav a:visited, #plurk_nav a:active,
  1126. div #plurk_responses h2 a, #plurk_responses div.feed-link a,
  1127. #plurk_responses ul.responses .message a,
  1128. .plurk_content a.ex_link
  1129. {
  1130. color:#386489 !important;
  1131. border-bottom:0px dashed #ccc;
  1132. text-decoration:none !important;
  1133. background:none !important;
  1134. }
  1135. .plurk a.ex_link:hover, .text_holder a.ex_link:hover,
  1136. div.bigplurk h1.content a.ex_link:hover,
  1137. #plurk_nav a:hover, #plurk_responses ul.responses .message a:hover,
  1138. div #plurk_responses h2 a:hover, #plurk_responses div.feed-link a:hover,
  1139. .plurk_content a.ex_link:hover
  1140. {
  1141. color:#3a9fd7 !important;
  1142. text-decoration:none !important;
  1143. }
  1144.  
  1145. /*?ã“Il–¼*/
  1146. .td_qual span a,
  1147. .td_qual span a:hover
  1148. {
  1149. color:#111 !important;
  1150. font-weight:600 !important;
  1151. text-decoration:none !important;
  1152. letter-spacing:px;
  1153. }
  1154.  
  1155. /*‰Í“¹ã“I?âi*/
  1156. #timeline_cnt .name
  1157. {
  1158. color:#111 !important;
  1159. }
  1160.  
  1161. /*‰ñœä’†“I?âi*/
  1162. .text_holder a.ex_link[href*="www.plurk.com"]
  1163. {
  1164. color:#111 !important;
  1165. background:#386489 !important;
  1166. margin:2px !important;
  1167. padding:0px 3px !important;
  1168. border-radius:2px;
  1169. font-size:12px !important;
  1170. text-decoration:none !important;
  1171. border:0 !important;
  1172. }
  1173. .text_holder a.ex_link[href*="www.plurk.com"]:hover
  1174. {
  1175. color:#111 !important;
  1176. background:#3a9fd7 !important;
  1177. text-decoration:none !important;
  1178. border:0 !important;
  1179. }
  1180.  
  1181. /*‰e‰¹š¤•Ð*/
  1182. .plurk a.pictureservices img, .plurk a.pictureservices:hover img,
  1183. .pictureservices img, .pictureservices:hover img,
  1184. .youtube img, .youtube:hover img,
  1185. .video img, .video:hover img
  1186. {
  1187. margin-top: px !important;
  1188. padding: 2px !important;
  1189. background: none !important;
  1190. border:0px solid #eee !important;
  1191. border-radius:2px !important;
  1192. }
  1193. .plurk a.pictureservices:hover img, .pictureservices:hover img
  1194. {
  1195. background:none !important;
  1196. border:0px solid #bbb !important;
  1197. }
  1198. .youtube img, .youtube:hover img,
  1199. .video img, .video:hover img
  1200. {
  1201. max-width:50px !important; max-height:40px !important;
  1202. }
  1203.  
  1204. /*•ª‹˜AŒ‹™½‰ò*/
  1205. .plurk a.oembed, .plurk a.oembedmeta, a.ex_link div.blog, .plurk a.youtube.video
  1206. {
  1207. background:none !important;
  1208. padding-left:7px;
  1209. border:0 !important;
  1210. border-left:5px solid #ccc !important;
  1211. font-size:12px !important;
  1212. color:#B0B6BA !important; /**/
  1213. }
  1214. .plurk a.oembed:hover, .plurk a.oembedmeta:hover, a.ex_link:hover div.blog, .plurk a.youtube.video:hover
  1215. {
  1216. border-left:5px solid #eee;
  1217. color:#8F989E !important; /**/
  1218. }
  1219. a.youtube img, a.oembed img, a.oembedmeta img, a.appledaily img
  1220. {
  1221. max-width:50px;
  1222. background:none !important;
  1223. border:0 !important;
  1224. }
  1225. a.youtube:hover img, a.oembed:hover img, a.oembedmeta:hover img, a.appledaily:hover img
  1226. {
  1227. background:none !important;
  1228. border:0 !important;
  1229. }
  1230.  
  1231. /*‰e•Ð˜AŒ‹Žš*/
  1232. .plurk a.youtube.video,
  1233. .plurk a.youtube.video:hover
  1234. {
  1235. color:#39b !important;
  1236. font-size:10px !important;
  1237. text-decoration:none !important;
  1238. border:0 !important;
  1239. }
  1240. .plurk a.youtube.video:hover { color:#36b !important; }
  1241. p#about_me a.youtube.video
  1242. {
  1243. font-size:0px !important;
  1244. max-height:45px !important;
  1245. overflow:hidden;_overflow:none;
  1246. }
  1247. p#about_me .youtube img, p#about_me .youtube:hover img {border:0 !important;}
  1248.  
  1249. /*çz?—“ˆÊ˜AŒ‹*/
  1250. .td_info a, .td_cnt a {color:#39b !important;}
  1251. .td_info a:hover, .td_cnt a:hover {text-decoration:none !important;}
  1252.  
  1253. /*‰ñœäŽžŠÔ•WŽ¦*/
  1254. .response_time .plurk_cnt,
  1255. div.response_time
  1256. {
  1257. background:none !important;
  1258. border:0 !important;
  1259. }
  1260. div.response_time .holder
  1261. {
  1262. background:#cbcbcb !important;
  1263. color:#333 !important;
  1264. font-size:10px !important;
  1265. border:0 !important;
  1266. border-top:0px solid #bbb !important;
  1267. letter-spacing:0.02em;
  1268. box-shadow:0px 3px 3px rgba(0,0,0,0.3);
  1269. border-radius:2px;
  1270. }
  1271.  
  1272. /*˜Qã“I“ª“\*/
  1273. .p_img { border:0 !important; margin:0px; }
  1274. .p_img img { border-radius:2px; box-shadow:0px 3px 3px rgba(0,0,0,0.3);}
  1275.  
  1276. /*‰ñœäÉ*/
  1277. .td_response_count {padding-top:px;}
  1278. .response_count
  1279. {
  1280. color:#333 !important; /*7eaacf*/
  1281. background:#eee !important; /*cae7fd*/
  1282. margin-left:px;
  1283. padding:4px !important;
  1284. font-size:13px !important;
  1285. font-weight: bold !important;
  1286. border-radius:3px;
  1287. }
  1288. .new .response_count
  1289. {
  1290. background:#111 !important;
  1291. border:0 !important;
  1292. color:#fff !important;
  1293. padding:4px !important;
  1294. text-shadow: 0px 0px 3px 2px rgba(255,255,255,0.8);
  1295. box-shadow:0px 2px 3px rgba(0,0,0,0.3);
  1296. border-radius:3px;
  1297. -webkit-animation-name: blink;
  1298. -webkit-animation-iteration-count: infinite;
  1299. -webkit-animation-timing-function: ease-in-out;
  1300. -webkit-animation-duration: 2.5s;
  1301. -moz-animation-name: blink;
  1302. -moz-animation-iteration-count: infinite;
  1303. -moz-animation-timing-function: ease-in-out;
  1304. -moz-animation-duration: 2.5s;
  1305. }
  1306.  
  1307. @-webkit-keyframes blink
  1308. {
  1309. 30% { opacity: 1; }
  1310. 50% { opacity: 0; }
  1311. 70% { opacity: 1; }
  1312. }
  1313. @-moz-keyframes blink
  1314. {
  1315. 30% { opacity: 1; }
  1316. 50% { opacity: 0; }
  1317. 70% { opacity: 1; }
  1318. }
  1319.  
  1320.  
  1321. /*---------------šd‘¥u‘§–Ôš¬•Å*/
  1322.  
  1323. div.bigplurk
  1324. {
  1325. width:900px;
  1326. margin-left:auto;
  1327. margin-right:auto;
  1328. }
  1329. div.bigplurk
  1330. .user-nick,
  1331. .user-nick:hover
  1332. {
  1333. font-size:13px !important;
  1334. color:#111 !important;
  1335. }
  1336. div.bigplurk h1.content .plurk_content
  1337. {
  1338. font-size:13px !important;
  1339. line-height:1.4 !important;
  1340. letter-spacing:0px;
  1341. color:#111 !important;
  1342. }
  1343. div.contentwrapper h1.content
  1344. {
  1345. border:0px solid #222 !important;
  1346. border-bottom:0 !important;
  1347. border-radius:4px 4px 0px 0px;
  1348. background:#fff !important;
  1349. background:rgba(255,255,255,0.99) !important;
  1350. }
  1351. div.time
  1352. {
  1353. border:0px solid #222 !important;
  1354. border-top:0 !important;
  1355. border-radius:0px 0px 4px 4px;
  1356. background:#fff !important;
  1357. background:rgba(255,255,255,0.99) !important;
  1358. }
  1359.  
  1360. /*?Žå‘ã•\š¤*/
  1361. img.bubble_edge {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
  1362. div.user img
  1363. {
  1364. padding:px !important;
  1365. background:none !important;
  1366. border:0 !important;
  1367. box-shadow:0px 0px 3px rgba(0,0,0,0.3);
  1368. border-radius:3px;
  1369. }
  1370.  
  1371. /*ãˆê‘¥‰ºˆê‘¥*/
  1372. #prev_plurk, #next_plurk
  1373. {
  1374. background:none !important;
  1375. border-radius:3px;
  1376. }
  1377. #prev_plurk:hover, #next_plurk:hover
  1378. {
  1379. background:#fff !important;
  1380. background:rgba(255,255,255,0.99) !important;
  1381. }
  1382.  
  1383. /*‰ñœä—ñ•\*/
  1384. #plurk_responses
  1385. {
  1386. width:640px;
  1387. margin:0 auto !important;
  1388. }
  1389. #plurk_responses h2, #plurk_replurkers h2
  1390. {
  1391. font-size:12px;
  1392. color:#ccc !important;
  1393. }
  1394. #plurk_responses ul.responses
  1395. {
  1396. background:#fff !important;
  1397. background:rgba(255,255,255,0.5) !important;
  1398. border:0 !important;
  1399. max-height:500px !important;
  1400. overflow:auto !important;
  1401. border-radius:2px;
  1402. box-shadow:0px 2px 3px rgba(0,0,0,0.3);
  1403. }
  1404. #plurk_responses ul.responses:hover { }
  1405. #plurk_responses ul.responses li
  1406. {
  1407. background:#fff !important;
  1408. background:rgba(255,255,255,0.5) !important;
  1409. border:0 !important;
  1410. border-bottom:0px solid #ccc !important;
  1411. line-height:22px !important;
  1412. }
  1413. #plurk_responses ul.responses li:hover {}
  1414. #plurk_responses .responses {}
  1415. #plurk_responses .responses .odd { background:#dedede !important; }
  1416. ul.responses .message
  1417. {
  1418. color:#111 !important;
  1419. font-size:13px !important;
  1420. line-height:19px !important;
  1421. }
  1422. #plurk_responses ul.responses .message a.user
  1423. {
  1424. color:#111 !important;
  1425. text-decoration:none !important;
  1426. border:0 !important;
  1427. }
  1428. #plurk_responses ul.responses .message a.user:hover {color:#111 !important;}
  1429. ul.responses li:hover span.time
  1430. {
  1431. color:#333 !important;
  1432. font-size:10px !important;
  1433. text-transform:normal;
  1434. }
  1435. ul.responses .highlight_owner .time
  1436. {
  1437. border-top:0px solid #ccc !important;
  1438. background:none !important;
  1439. }
  1440. #plurk_responses ul.responses .message a
  1441. {
  1442. color:#386489 !important;
  1443. font-family:Verdana !important;
  1444. text-decoration:none !important;
  1445. border-bottom:0px dashed #ccc;
  1446. }
  1447. #plurk_responses ul.responses .message a:hover
  1448. {
  1449. color:#3a9fd7 !important;
  1450. text-decoration:none !important;
  1451. }
  1452.  
  1453. /*‰º•û‰ñœä™½*/
  1454. #reply_box, #reply_box_holder
  1455. {
  1456. background:none !important;
  1457. border:0 !important;
  1458. }
  1459. #reply_box_holder .qual_holder {color:#bbb !important; font-size:15px !important; }
  1460. #reply_box #input_big {font-size:20px; color:# !important;}
  1461.  
  1462. /*“o“üˆ½’ûˆÈ‰ñœä*/
  1463. div #not_logged_in h2, div #not_logged_in h2 a, div #not_logged_in h2 a:hover
  1464. {
  1465. background:none !important;
  1466. font-size:14px !important;
  1467. font-family: Tahoma !important;
  1468. text-decoration:none !important;
  1469. color:#333 !important;
  1470. }
  1471. div #not_logged_in h2 a:hover {color:#444 !important;}
  1472.  
  1473.  
  1474. /*---------------Œ÷”\Ž‹âx */
  1475.  
  1476. /*˜Qã?—F¬Ž‹âx*/
  1477. .AmiMenu.info_menu,
  1478. .AmiMenu.info_menu .separator,
  1479. .AmiMenu.info_menu .block
  1480. {
  1481. border:0 !important;
  1482. background:#000 !important;
  1483. padding:3px;
  1484. border-radius:3px;
  1485. font-size:10px !important;
  1486. }
  1487. .AmiMenu.info_menu {border:0 !important;}
  1488. .AmiMenu.info_menu .block
  1489. {
  1490. background:#444 !important;
  1491. color:#ccc !important;
  1492. }
  1493. .AmiMenu td { color:#bbb !important; }
  1494. .AmiMenu.info_menu td.on,
  1495. .AmiMenu.info_menu .user_info.on
  1496. {
  1497. border-radius:3px;
  1498. }
  1499. .AmiMenu.info_menu .user_info.on b
  1500. {
  1501. font-weight: !important;
  1502. }
  1503. .AmiMenu.info_menu .user_info img
  1504. {
  1505. border:0px solid #222 !important;
  1506. border-radius:3px;
  1507. }
  1508. #info_overlay .drop_arrow div, #info_overlay .on_arrow div
  1509. {
  1510. background-color:#000;
  1511. width: 20px;
  1512. text-align: left;
  1513. }
  1514. .cmp_tooltips-down
  1515. {
  1516. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down-1.png);
  1517. }
  1518. .cmp_tooltips-up
  1519. {
  1520. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up-1.png);
  1521. }
  1522.  
  1523. /*?–¾¬Ž‹âx*/
  1524. .tooltip_cnt
  1525. {
  1526. font-size:10px !important;
  1527. color:#bbb !important;
  1528. padding:3px;
  1529. border:0 !important;
  1530. border-radius:3px;
  1531. box-shadow:0px 2px 3px rgba(0,0,0,0.3);
  1532. }
  1533. .tooltip_cnt img {margin:3px; border:0 !important; border-radius:3px;box-shadow:0px 2px 3px rgba(0,0,0,0.3);}
  1534. .AmiTT_main {background:none !important; border:0 !important;}
  1535. .AmiTT_main b
  1536. {
  1537. color:#ddd !important;
  1538. font-weight:normal;
  1539. font-size:10px !important;
  1540. }
  1541.  
  1542. /*Œ÷”\Ž‹âx*/
  1543. .GB_Window .header td.caption, .GB_Window .close,
  1544. .GB_Window .header, .GB_Window .content
  1545. {
  1546. color:#fff;
  1547. background:#111;
  1548. background:rgba(0,0,0,0.9);
  1549. border:0 !important;
  1550. font-size:13px !important;
  1551. letter-spacing:0px;
  1552. }
  1553. .GB_Gallery .iframe_holder,
  1554. .GB_Window
  1555. {
  1556. background:rgba(0,0,0,0.2) !important;
  1557. border:0 !important;
  1558. border-radius:3px;
  1559. box-shadow:0px 2px 3px rgba(0,0,0,0.3);
  1560. -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease;
  1561. -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease;
  1562. }
  1563. .GB_Window .close span
  1564. {
  1565. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) no-repeat 0 0;
  1566. border:none!important;
  1567. width:15px;
  1568. margin-right:7px;
  1569. color:#000;
  1570. font-size:0px !important;
  1571. }
  1572. img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
  1573. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1574. .GB_Gallery .content
  1575. {
  1576. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/fancy_close.png) right 3px no-repeat !important;
  1577. }
  1578.  
  1579. /*èªåU‰e•ÐÝ”wŒi”d•ú*/
  1580. .content div .hide_window {background:none !important;}
  1581. div .hide_window a, div .direct-l a
  1582. {
  1583. background:none !important;
  1584. color:#39c !important;
  1585. border-bottom:0px dotted #;
  1586. font-size:12px !important;
  1587. }
  1588. div .hide_window a:hover, div .direct-l a:hover
  1589. {
  1590. color:#39b !important;
  1591. border-bottom:0px solid #;
  1592. text-decoration: none !important;
  1593. }
  1594. .direct-l
  1595. {
  1596. background:#f0f0f0 !important;
  1597. border:0 !important;
  1598. font-size:12px !important;
  1599. color:#111 !important;
  1600. }
  1601. .GB_Window .iframe_holder, .iframe_holder {background:#ebebeb !important;}
  1602.  
  1603.  
  1604. /*---------------RESET*/
  1605.  
  1606. /*—A“ü—“ˆÊ*/
  1607. textarea,
  1608. textarea#input_big_private,
  1609. textarea#input_big_private.content,
  1610. textarea#input_big,
  1611. textarea#input_permalink,
  1612. textarea#input_big.content,
  1613. input#current_query
  1614. {
  1615. vertical-align: middle;
  1616. padding: 4px !important;
  1617. font-size: 20px !important;
  1618. color:#444 !important;
  1619. background:none !important;
  1620. background:rgba(255,255,255,0.1) !important;
  1621. border:0px solid #222 !important;
  1622. border-radius:3px;
  1623. min-height:30px;
  1624. line-height:1.5;
  1625. }
  1626. input#current_query { min-height:30px; }
  1627. .plurkForm td { vertical-align: middle !important; }
  1628. textarea:hover,
  1629. textarea#input_big_private:hover,
  1630. textarea#input_big:hover,
  1631. textarea#input_permalink:hover,
  1632. input#current_query:hover
  1633. {
  1634. opacity: 0.9;
  1635. box-shadow: 0pt -0px 0pt rgba(0,0,0,0.4), 0pt 0px 2px rgba(0,0,0,0.3) inset;
  1636. border-radius:3px;
  1637. border:0px solid #?222 !important;
  1638. color:#333 !important;
  1639. }
  1640. textarea:focus,
  1641. textarea#input_big_private:focus,
  1642. textarea#input_big:focus,
  1643. textarea#input_permalink:focus,
  1644. input#current_query:focus
  1645. {
  1646. background:#fff !important;
  1647. background:rgba(255,255,255,0.8) !important;
  1648. border:0px solid #111 !important;
  1649. box-shadow: 0pt 0px 2px rgba(0,0,0,0.4) inset,0pt 0px 0pt rgba(255,255,255,0.3);
  1650. border-radius:3px;
  1651. color:#111 !important;
  1652. }
  1653. input#share_link,
  1654. input#loc_field,
  1655. .auto_ta
  1656. {
  1657. font-size: 10px !important;
  1658. color:#ccc;
  1659. border:0 !important;
  1660. border-bottom:0px solid #222 !important;
  1661. background:none !important;
  1662. border-radius:3px;
  1663. padding: 2px 5px;
  1664. }
  1665.  
  1666. /*‘Išd—“ˆÊ*/
  1667. select, select:focus
  1668. {
  1669. font-size: 10px !important;
  1670. color:#bbb;
  1671. background:none;
  1672. border:0 !important;
  1673. border-bottom:0px solid #222 !important;
  1674. border-radius: 3px;
  1675. padding: 0px 3px;
  1676. }
  1677. select:focus {background:#111 !important;}
  1678.  
  1679. /*’W“ü‰ßê*/
  1680. body
  1681. {
  1682. -moz-animation-name:fadeIn;
  1683. -moz-animation-iteration-count:1;
  1684. -moz-animation-duration:1.5s;
  1685. -webkit-animation-name:fadeIn;
  1686. -webkit-animation-iteration-count:1;
  1687. -webkit-animation-duration:1.5s;
  1688. }
  1689. .GB_Gallery .iframe_holder, .GB_Window,
  1690. #timeline_cnt, .plurk, .plurk_box
  1691. {
  1692. -moz-animation-name:fadeIn;
  1693. -moz-animation-iteration-count:1;
  1694. -moz-animation-duration:0.8s;
  1695. -webkit-animation-name:fadeIn;
  1696. -webkit-animation-iteration-count:1;
  1697. -webkit-animation-duration:0.8s;
  1698. }
  1699. @-webkit-keyframes fadeIn
  1700. {
  1701. 0% { opacity: 0; }
  1702. 100% { opacity: 1; }
  1703. }
  1704. @-moz-keyframes fadeIn
  1705. {
  1706. 0% { opacity: 0; }
  1707. 100% { opacity: 1; }
  1708. }
  1709.  
  1710. /*ŒêŒ¾ŽšŒ^*/
  1711. body.language-large-font,
  1712. .language-large-font #top_login,
  1713. .language-large-font #footer,
  1714. .language-large-font .small,
  1715. .language-large-font .tooltip_cnt,
  1716. .language-large-font .direct-l
  1717. {
  1718. font-family: tahoma, verdana, arial, "×–¾é“", sans-serif !important;
  1719. font-weight:normal;
  1720. text-transform:normal;
  1721. -webkit-text-size-adjust:none; /*GoogleàgæTŠíŽšŒ^—aÝŽæÁ*/
  1722. }
  1723.  
  1724. /*‘eé“ŽÎé“’êüäo™ˆœüŽšÝ’è*/
  1725. strike {color:#808080 !important;cursor: default;}
  1726. strike:hover {color:#111 !important;}
  1727. strong {color:#111 !important;}
  1728. strong:hover {color:#111 !important;}
  1729. i {color:#111 !important;}
  1730. i:hover {color:#111 !important;}
  1731. u {color:#111 !important;border-bottom:0px solid #ccc;}
  1732. u:hover {color:#111 !important;border-bottom:0px solid #bbb;}
  1733.  
  1734. /*‹Žœ˜AŒ‹?üžy*/
  1735. a:focus, :focus, a, a:link, a:visited, a:active, select, select:focus
  1736. { -moz-outline-style:none !important; outline:none !important; outline:0 !important;}
  1737.  
  1738.  
  1739. /*---------------š¤•ÐXŠ·*/
  1740.  
  1741. /*ˆÂçä*/
  1742. .cmp_plurk
  1743. {
  1744. background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
  1745. }
  1746. input.orange-but /*#pane_search .orange-but*/
  1747. {
  1748. background:#000 !important;
  1749. border:0 !important;
  1750. box-shadow:0 0px 0px #aaa !important;
  1751. font-size:16px !important;
  1752. padding:5px 4px !important;
  1753. padding-top:6px !important;
  1754. vertical-align:middle !important;
  1755. }
  1756.  
  1757. /*•\î*/
  1758. .plurkaction .smily_holder img,
  1759. .smily_holder img
  1760. {
  1761. padding-left: 20px;
  1762. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  1763. width: 20px;
  1764. }
  1765. .smily_holder
  1766. {
  1767. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cloud.png) center center no-repeat;
  1768. width:20px;
  1769. }
  1770. #main_poster .plurkForm td.smily_holder { }
  1771.  
  1772. /*‰‘O‰Œã*/
  1773. .cmp_arrow_right
  1774. {
  1775. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_right_alt1_32x32.png);
  1776. width:32px; height:32px;
  1777. margin:2px;
  1778. }
  1779. .cmp_arrow_left
  1780. {
  1781. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_left_alt1_32x32.png);
  1782. width:32px; height:32px;
  1783. margin:2px;
  1784. }
  1785. .cmp_back_to_today
  1786. {
  1787. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/first_16x16.png);
  1788. width:16px; height:16px;
  1789. margin-left:10px;
  1790. margin-top:10px;
  1791. }
  1792. .browse_button
  1793. {
  1794. top:px;
  1795. filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;
  1796. -moz-transition:opacity 0.2s ease-out;
  1797. -webkit-transition:opacity 0.2s ease-out;
  1798. -o-transition:opacity 0.2s ease-out;
  1799. }
  1800. .browse_button:hover
  1801. {
  1802. filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
  1803. -moz-transition:opacity 0.2s ease-in;
  1804. -webkit-transition:opacity 0.2s ease-in;
  1805. -o-transition:opacity 0.2s ease-in;
  1806. }
  1807.  
  1808. /*loading*/
  1809. .cmp_loading {width:0px;height:0px;}
  1810. #div_loading .cnt
  1811. {
  1812. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader01.gif) no-repeat scroll center !important;
  1813. margin-top:140px;
  1814. }
  1815. .loading img {width:0px;height:0px;}
  1816. .loading
  1817. {
  1818. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loading.gif) no-repeat scroll center top !important;
  1819. margin-top:30px;height:32px;
  1820. }
  1821.  
  1822. /*–³‰ñœä : )*/
  1823. .list .empty
  1824. {
  1825. color:#111 !important;
  1826. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/uc-level-3-user-goal.png) no-repeat 50% 0px transparent;
  1827. margin:20px 0 0 0;
  1828. padding:30px 0 0 0;
  1829. text-indent:-9999px;
  1830. }
  1831.  
  1832. /*šdˆê?•Å–ʘAŒ‹*/
  1833. .perma_link
  1834. {
  1835. margin-left:5px;
  1836. padding-left:20px;
  1837. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/open-in-new-window.png) no-repeat 0 3px;
  1838. }
  1839. .perma_link a,
  1840. .perma_link a:hover
  1841. {
  1842. text-decoration:none !important;
  1843. }
  1844.  
  1845. /*Ž„uš¤Ž¦*/
  1846. img[src="http://statics.plurk.com/c550f52f61da13964d5415c07b7506ca.png"]
  1847. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1848. .private
  1849. {
  1850. background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/padlock-closed.png) no-repeat 0 0;
  1851. }
  1852.  
  1853. /*çz?š¤Ž¦*/
  1854. img[src="http://statics.plurk.com/2da9c174ff4bce649887dba83a97222e.png"]
  1855. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1856. .replurk
  1857. {
  1858. background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/loop_12x12.png) no-repeat 0 0;
  1859. }
  1860. .manager .replurk {background:none !important;}
  1861.  
  1862. /*?æ«š¤Ž¦*/
  1863. img[src="http://statics.plurk.com/ffdca9715cfcd8ea7adc140c1f9d37df.png"]
  1864. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1865. .favorite_icon
  1866. {
  1867. background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/blue/star_16x16.png) no-repeat 0 0;
  1868. }
  1869.  
  1870. /*ŒžŽ²Œê–@*/
  1871. ::-moz-scrollbar
  1872. {
  1873. background:#fff !important;
  1874. -moz-border-radius:2px;
  1875. -moz-box-shadow:0px 0px 5px #ccc;
  1876. }
  1877. ::-moz-scrollbar:hover {background:#f2f3f4 !important;}
  1878. ::-moz-scrollbar-thumb {background:#eee !important;}
  1879. ::-moz-scrollbar-thumb:hover {background:#ddd !important;}
  1880. ::-moz-scrollbar-thumb:active {background:#bbb !important;}
  1881.  
  1882. ::-webkit-scrollbar
  1883. {
  1884. background:#fff !important;
  1885. -webkit-border-radius:2px;
  1886. -webkit-box-shadow:0px 0px 5px #ccc;
  1887. }
  1888. ::-webkit-scrollbar:hover {background:#f2f3f4 !important;}
  1889. ::-webkit-scrollbar-thumb {background:#eee !important;}
  1890. ::-webkit-scrollbar-thumb:hover {background:#ddd !important;}
  1891. ::-webkit-scrollbar-thumb:active {background:#bbb !important;}
  1892.  
  1893. /*àgæTŠíŠ‘I•”?’êF*/
  1894. ::-moz-selection
  1895. {
  1896. background:#dbdbdb!important;
  1897. color:#111;
  1898. }
  1899. ::selection
  1900. {
  1901. background:#dbdbdb !important;
  1902. color:#111;
  1903. }
  1904.  
  1905.  
  1906.  
  1907. /*XŠ·•ª‹äo•\î‘I€š¤•Ð*/
  1908. .cmp_media_off, .cmp_media_on, /*•ª‹*/
  1909. .cmp_media_mini_off, .cmp_media_mini_on /*˜Qã‰ñœä™½•ª‹¬š¤*/
  1910. {
  1911. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/picture.png) no-repeat scroll top left;
  1912. width: 16px; height: 16px;
  1913. }
  1914. .cmp_emoticon_off, .cmp_emoticon_on, /*•\î*/
  1915. .cmp_emoticon_mini_off, .cmp_emoticon_mini_on /*˜Qã‰ñœä™½•\î¬š¤*/
  1916. {
  1917. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat scroll top left;
  1918. width: 16px; height: 16px;
  1919. margin-top: 4px !important;
  1920. }
  1921. .cmp_sync_off, .cmp_sync_on /*“¯?*/
  1922. {
  1923. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/sharethis.png) no-repeat scroll top left;
  1924. width: 16px; height: 16px;
  1925. margin-top: 4px !important;
  1926. }
  1927. .cmp_privacy_off, .cmp_privacy_on /*誎„*/
  1928. {
  1929. background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/shopping-bag.png) no-repeat scroll top left;
  1930. width: 16px; height: 16px;
  1931. }
  1932.  
  1933.  
  1934. /*------------------------------------------------------------------------
  1935. Date: 2011-09-18
  1936. Design by: Be Myself Inc. M6
  1937. -- Ÿ?”ÅCSS‹Í‹ŸŒÂlŽ©—pC¿–܉ü»Ä•ª‹ˆ½—p‰—¤‹Æ—p“r --
  1938. -- Copyright: ”Ş܏Š—L •Û—¯ˆêØžÜ—˜ All Rights Reserved --
  1939. ------------------------------------------------------------------------*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement