Advertisement
Guest User

Untitled

a guest
Dec 22nd, 2011
483
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.11 KB | None | 0 0
  1. /* collected css from campus.dreamwidth.org */
  2.  
  3. body {
  4. background:transparent !important;
  5. width:100% !important;
  6. height:100% !important;
  7. min-height:px !important;
  8. margin:0;padding:0
  9. }
  10.  
  11. body, html {
  12. margin-top: -1px;
  13. font-family: arial;
  14. font-size: 10px!important;
  15. text-shadow:0px 0px 1px #e0e0e0;
  16. background: #fff url(http://i.imgur.com/Ysqwa.png) repeat;
  17. overflow-x:hidden !important;
  18. }
  19.  
  20. #timeline_holder {
  21. background: #fff url(http://i.imgur.com/y4z03.png);
  22. filter: alpha (opacity=90);
  23. -moz-opacity: 0.90;
  24. opacity: 0.90;
  25. border: 0;
  26. }
  27.  
  28. #timeline_holder table td {
  29. -webkit-border-radius: 5px;
  30. color: #fff;
  31. }
  32.  
  33. #page_title {
  34. color: #525252;
  35. -moz-border-radius:10px;
  36. padding: 2px;
  37. font-family: arial narrow;
  38. font-weight: bold;
  39. font-size: 25px;
  40. font-style: italic;
  41. text-shadow:1px 1px 4px #e0e0e0;
  42. }
  43.  
  44. #logo img{
  45. width: 0px;
  46. height: 0px;
  47. }
  48.  
  49. a, a:hover{
  50. font-family: ms mincho, arial!important;
  51. text-decoration:none!important;
  52. }
  53.  
  54. #top_login
  55. {
  56. background:#fff !important;
  57. margin:0 !important;
  58. opacity:0.2 !important; zoom:1;
  59. line-height:20px;
  60. width:100% !important;
  61. box-shadow: 0pt 2px 2px -1px rgba(0,0,0,0.1);
  62. z-index:2222;
  63. }
  64. #top_bar { z-index:2223; position: fixed; }
  65. #top_login a { margin-right:4px; }
  66. #top_bar .item img
  67. {
  68. border:0 !important;
  69. }
  70. #top_bar a, #top_login a
  71. {
  72. color:#bbb !important;
  73. font-size:11px !important;
  74. font-weight:300 !important;
  75. }
  76. #top_bar a:hover, #top_login a:hover
  77. {
  78. color:#fff !important;
  79. text-decoration:none !important;
  80. }
  81. #top_bar .content a#edit_link, #alert_beacon
  82. {
  83. color:#bbb !important;
  84. font-size:11px !important;
  85. background:none !important;
  86. }
  87. #top_bar .content a:hover#edit_link, .unread #alert_beacon
  88. {
  89. color:#222 !important;
  90. background:#fff !important;
  91. }
  92.  
  93. #reply h2 {
  94. background: #920000;
  95. }
  96.  
  97. #reply #reply_box_holder {
  98. background: trasnparent;
  99. }
  100.  
  101. #dynamic_logo img{
  102. height:0px;
  103. width:0px;
  104. }
  105.  
  106.  
  107. #time_show{
  108. color: #fff!important
  109. position:absolute;
  110. z-index:610;
  111. width:61px;
  112. border: 0px;
  113. background: transparent;
  114. font-size:12px;
  115. height:23px;
  116. margin-top:-23px;
  117. text-align:center;
  118. padding-left:3px;}
  119.  
  120. #time_show span{
  121. padding-bottom:9px;
  122. font-family: courier;
  123. color: #fff!important;}
  124.  
  125. /*-- OTHER STUFF --*/
  126.  
  127. #bottom_line {
  128. font-size: 11px;
  129. background: #fff;
  130. border: 0;
  131. padding-bottom:1px!important;
  132. }
  133. .bottom_start , .bottom_end {color:#000;font-family:courier;font-size:10px;}
  134. .day_start .div_bottom, .day_start .bottom_start {color: #fff !important;}
  135.  
  136. #filter_tab
  137. {
  138. margin-top: -2px;
  139. font-size: 11px !important;
  140. text-transform: lowercase;
  141. }
  142. #filter_tab a.off_tab
  143. {
  144. background:#fff !important;
  145. border-radius:3px 13px 3px 13px;
  146. color:#333 !important;
  147. opacity:0.7 !important; zoom:1;
  148. }
  149. #filter_tab a.filter_selected
  150. {
  151. background:#525252 !important;
  152. color:#fff !important;
  153. border-radius:3px 13px 3px 13px;
  154. opacity:0.8 !important; zoom:1;
  155. }
  156. .unread_generic,
  157. #filter_tab a.filter_selected .unread_generic
  158. {
  159. background:#fff !important;
  160. color:#111 !important;
  161. }
  162. #filter_tab a.off_tab:hover,
  163. #filter_tab a.filter_selected:hover
  164. {
  165. border-color: !important;
  166. text-decoration:none !important;
  167. opacity:1 !important; zoom:1;
  168. }
  169.  
  170.  
  171. /*-------------TIMELINE PLURKS----------------*/
  172.  
  173. .plurk_cnt {
  174. background: #fff repeat scroll top left !important;
  175. color: #5c5c5c !important;
  176. font-size: 11px;
  177. border-bottom: 0;
  178. border-right: 0;
  179. line-height: 11px;
  180. -moz-border-radius: 9px 9px 9px 9px;
  181. -khtml-border-radius: 9px;
  182. -webkit-border-radius: 9px;
  183. }
  184.  
  185. #input_small {
  186. height: 40px;
  187. color: #ff006c !important;
  188. border: 1px solid #ffffff;
  189. background: #ffffff !important;
  190. -moz-border-radius: 9px 9px 9px 9px;
  191. -khtml-border-radius: 9px;
  192. -webkit-border-radius: 9px;
  193. }
  194.  
  195. .plurk a.ex_link {
  196. color:#e3e3e3;
  197. font-weight: bold;
  198. text-decoration:none;
  199. }
  200.  
  201. .plurk a.ex_link:hover {
  202. color: #F0F0F0;
  203. font-weight: bold;
  204. border-bottom: 0px solid #EDB2A6;
  205. text-decoration:none;
  206.  
  207. }
  208.  
  209. .plurk a.ex_link:visited {
  210. color:#b1b1b1;
  211. font-weight: bold;
  212. text-decoration:none;
  213. }
  214.  
  215. /*Border around Avatar next to Plurks*/
  216. .p_img {
  217. border: 3px solid #fff;
  218. -moz-border-radius: 5px 5px 5px 5px;
  219. -khtml-border-radius: 5px;
  220. -webkit-border-radius: 5px;
  221. }
  222.  
  223. .dots .inner {
  224. background: transparent;
  225. margin-left: 2px;
  226. border: 0;
  227. color: #111!important;
  228. }
  229.  
  230. .response_count {
  231. background: none;
  232. color: #eee !important;
  233. padding-left: 4px;
  234. padding-right: 4px;
  235. padding-top: 1px;
  236. padding-bottom: 4px;
  237. -moz-border-radius: 9px 9px 9px 9px;
  238. -khtml-border-radius: 9px;
  239. -webkit-border-radius: 9px;
  240. }
  241.  
  242. /*New Responses (Next to Plurk*/
  243. .new .response_count {
  244. background: #dbdbdb;
  245. color: #fff;
  246. padding-left: 4px;
  247. padding-right: 4px;
  248. padding-top: 1px;
  249. padding-bottom: 3px;
  250. -moz-border-radius: 9px 9px 9px 9px;
  251. -khtml-border-radius: 9px;
  252. -webkit-border-radius: 9px;
  253. }
  254.  
  255. /*Youtube Videos etc.*/
  256. .youtube img,.pictureservices img { border: none; opacity:.6; filter: alpha(opacity=60); }
  257. .youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }
  258.  
  259. /*Background of Responses in Plurks*/
  260. .plurk_box .list {
  261. background: #fff repeat scroll top left;
  262. border-color: #e0e0e0;
  263. border-radius: 5px;
  264. border-width: 0px;
  265. color: #5c5c5c !important;
  266. -moz-border-radius: 9px 9px 9px 9px;
  267. -khtml-border-radius: 9px;
  268. -webkit-border-radius: 9px;
  269. }
  270.  
  271. /*"Recent Plurk Responses"/"Plurk Your Response"*/
  272. .plurk_box .caption {
  273. border:8px;
  274. font-size: 11px;
  275. color: #ddd;
  276. background-color: #fff;
  277. -moz-border-radius: 9px 9px 9px 9px;
  278. -khtml-border-radius: 9px;
  279. -webkit-border-radius: 9px;
  280. }
  281.  
  282. .plurk_box {
  283. -moz-border-radius: 9px 9px 9px 9px;
  284. -khtml-border-radius: 9px;
  285. -webkit-border-radius: 9px;
  286. }
  287.  
  288. .plurk_box .highlight_light {
  289. color: #fff !important;
  290. }
  291.  
  292. #timeline_holder .plurk_cnt
  293. {
  294. font-size:11px !important;
  295. line-height:16px !important;
  296. letter-spacing:0.06em;
  297. }
  298. .list .plurk_cnt
  299. {
  300. background:none !important;
  301. font-size:11px !important;
  302. line-height:15px !important;
  303. letter-spacing:0.06em;
  304. padding:4px;
  305. border-bottom:0px solid #eee !important;
  306. }
  307. .td_cnt .text_holder
  308. {
  309. color:#666 !important;
  310. }
  311.  
  312.  
  313. /*Plurk Too Much Characters*/
  314. .mini_form .char_updater {
  315. color: #e9e9e5 !important;
  316. background: #f9f9f9;
  317. }
  318.  
  319. /*Respond Area*/
  320. .plurk_box .mini_form {
  321. background: #fff;
  322. color: #e9e9e5 !important;
  323. border-right: 1px solid #fff;
  324. border-left:0;
  325. -moz-border-radius: 9px 9px 9px 9px;
  326. -khtml-border-radius: 9px;
  327. -webkit-border-radius: 9px;
  328. border-bottom:0;
  329. border-top:0;
  330. }
  331.  
  332.  
  333. /*Responses*/
  334. .plurk_box .plurk_cnt {
  335. background: #fff !important;
  336. border-bottom: 1px solid #f7f7f7;
  337. color: #5c5c5c !important;
  338. border-top: 0px solid #e0e0e0;
  339. padding-top: 3px;
  340. padding-bottom: 3px;
  341. }
  342.  
  343. /*"URL:plurkpage" Text*/
  344. .info_box {
  345. color: #fff!important;
  346. background: #e3e3e3;
  347. border:0;
  348. -moz-border-radius: 8px;
  349. font-size: 11px;
  350. }
  351.  
  352. .info_box a:hover {color:#fff!important; text-decoration:none!important;}
  353.  
  354. /* Delete, Save, Edit, Cancel, Delete in Plurks */
  355. .manager .action {
  356. color:#5c5c5c;
  357. margin-left:5px;
  358. }
  359. .manager a:hover {
  360. text-decoration: none!important;
  361. }
  362. .manager .cancel {
  363. color:#ff0000;
  364. margin-right:5px;
  365. }
  366. .manager .delete {
  367. color: #ff006c;
  368. margin-right:5px;
  369. }
  370. .unmute { color:#e5e9e8!important;
  371. }
  372.  
  373. /*Box where you type your response to a Plurk*/
  374. textarea#input_small {
  375. background: #ffffff !important;
  376. border: 0px solid #dddddd;
  377. color: #5c5c5c !important;
  378. }
  379.  
  380. /*Responses Area*/
  381. .list {
  382. -moz-border-radius: 0px 0px 6px 6px;
  383. -khtml-border-radius: 0px 0px 6px 6px;
  384. -webkit-border-bottom-left-radius: 6px;
  385. -webkit-border-bottom-right-radius: 6px;
  386. }
  387.  
  388. /*"No Responses, be the first"*/
  389. .list .empty {
  390. color:#111 !important;
  391. background:url(http://i.imgur.com/wYFFU.png) no-repeat 50% 0 transparent;
  392. margin: 10px 0 0 0;
  393. padding: 100px 0 0 0;
  394. text-indent:-9999px;
  395. opacity: 0.15; moz-opacity: 0.15; filter: alpha(opacity=15);
  396. }
  397.  
  398. /*-- PLURK FORM DASHBOARD HEADINGS ETC --*/
  399.  
  400. #plurk_form {
  401. margin-top: 40px;
  402. padding: 10px;
  403. border:0px solid #fff;
  404. color: #202020 !important;
  405. }
  406. #pane_plurk {
  407. background: #fff url() repeat;
  408. border: 0;
  409. -moz-border-radius: 10px 10px 10px 10px;
  410. -khtml-border-radius: 10px;
  411. -webkit-border-radius: 10px;
  412. width: 700px;
  413. margin: 0 -115px 0 115px;
  414. color: #202020 !important;
  415. }
  416.  
  417. /*Your Name by the Plurk Box*/
  418. .qual_holder{
  419. color: #e3e3e3;
  420. }
  421. .mini_form .qual_holder {
  422. color: #202020 !important;
  423. background: transparent:
  424. }
  425.  
  426. /* Plurking Text Area*/
  427. textarea#input_big, textarea#input_permalink {
  428. background: transparent;
  429. -moz-border-radius: 9px 9px 9px 9px;
  430. -khtml-border-radius: 9px;
  431. -webkit-border-radius: 9px;
  432. border: 1px solid #F7DFE4;
  433. color: #ffa5a6 !important;
  434. }
  435.  
  436. /*Plurk/Daily Photos/Search8*/
  437. #toggle_tab li {
  438. margin: 0 -115px 0 115px;
  439. color: #fff !important;
  440. -moz-border-radius:10px;
  441. text-transform: lowercase;
  442. }
  443. .plurkaction{
  444. background-color: transparent;
  445. -moz-border-radius: 9px 9px 9px 9px;
  446. -khtml-border-radius: 9px;
  447. -webkit-border-radius: 9px;
  448. clear:both;
  449. padding:8px;}
  450.  
  451. .plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
  452. text-transform: lowercase;
  453. color: #fff;
  454. background: transparent;
  455. border: 0px solid #e5e9e8;
  456. moz-border-radius: 10px 10px 0px 0px;
  457. -khtml-border-radius:10px10px 0px 0px;
  458. -webkit-border-radius: 10px 10px 0px 0px;
  459. }
  460.  
  461. /*Private Plurks, Language and Options*/
  462. #more_options .on, #more_options #more_options_holder {
  463. border:0; background: transparent; color: #e3e3e3; }
  464.  
  465. #more_options_link{
  466. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
  467. border:0; color: #e3e3e3!important; outline:none; position:relative; font-family: tahoma; font-size:12px; font-weight:normal;
  468. }
  469. #more_options .on{
  470. border:0; background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px; color: #e3e3e3;
  471. }
  472.  
  473.  
  474. /* Plurk Textarea */
  475. textarea#input_big, textarea#input_permalink {
  476. background: #f9f9f9;
  477. border:1px dashed #e3e3e3;
  478. color: #ffa5a6 !important;
  479. -moz-border-radius: 4px 4px 4px 4px;
  480. -khtml-border-radius: 4px;
  481. -webkit-border-radius: 4px;
  482. }
  483.  
  484. /* Block User Button */
  485. .friend_man.block {
  486. background: #fff repeat scroll top left;
  487. border-color: #e3e3e3;
  488. -moz-border-radius: 4px 4px 4px 4px;
  489. -khtml-border-radius: 4px;
  490. -webkit-border-radius: 4px;
  491. border-radius: 4px;
  492. border-width: 2px;
  493. }
  494. /* End Block User Button */
  495.  
  496. /* Replace Big Plurk Button */
  497. img[src="http://static.plurk.com/button/plurk.png"] {
  498. filter:alpha(opacity=0);
  499. -moz-opacity:.0;
  500. opacity:.0;
  501. }
  502.  
  503. .submit_img {
  504. background: transparent url(http://i.imgur.com/vzMRp.png) no-repeat scroll top center;
  505. height: 50px;
  506. padding-left: -200px;
  507. overflow: hidden;
  508. }
  509.  
  510. #dashboard_holder a {
  511. background:;
  512. }
  513.  
  514. #dashboard_holder a:hover {
  515. background:;
  516. }
  517.  
  518. #dashboard_holder
  519. {
  520. text-align:left !important;
  521. }
  522.  
  523. .segment-content
  524. {
  525. padding:12px;
  526. }
  527.  
  528. /* Dashboard */
  529. #plurk-dashboard {
  530. background: transparent;
  531. width:100%; margin: 0 -115px 0 115px;
  532. -moz-border-radius:10px;
  533. border:0px solid #e3e3e3;
  534. }
  535.  
  536. /*Dashboard link*/
  537. #plurk-dashboard a {
  538. color: #e3e3e3;
  539. text-decoration: none;
  540. border:0;
  541. }
  542.  
  543. /*Dashboard link hover*/
  544. #plurk-dashboard a:hover {
  545. color: #000;
  546. text-decoration: none;
  547. border:0;
  548. }
  549.  
  550. .friend_man.private_plurk {
  551. -moz-border-radius: 6px 6px 6px 6px;
  552. -khtml-border-radius: 6px;
  553. -webkit-border-radius: 6px;
  554. background: #525252;
  555. text-transform: lowercase;
  556. border: 0px solid #c7c7bd;
  557. color: #fff;
  558. }
  559.  
  560. /*Dashboard Friends Section*/
  561. #show_all_friends {
  562. background: #f9f9f9;
  563. padding-top: 10px;
  564. padding-bottom: 11px;
  565. text-align:center;
  566. color: #808080;
  567. }
  568.  
  569. /* Share Plurk Page */
  570. #sharePlurk {
  571. background: transparent;
  572. border-style: none;
  573. border: 0;
  574. height: 66px;
  575. margin-right:2px;
  576. margin-top:-20px;
  577. color:#e3e3e3;
  578. }
  579.  
  580. #sharePlurk div {
  581. border-style: none none none none;
  582. border-width: 0px 0px 0px 0px;
  583. padding: 2px;
  584. }
  585.  
  586. #sharePlurk span {
  587. background: transparent none no-repeat scroll left bottom;
  588. padding: 1px 0px 1px 9px;
  589. font-size: 11px;
  590. }
  591. #sharePlurk #invite_url {
  592. border:#cccccc 1px solid;
  593. font-size: 11px;
  594. }
  595.  
  596. #sharePlurk p {
  597. margin: 10px 13px 0;
  598. font-size: 10px;
  599. }
  600.  
  601. .cmp_wj {
  602. height: 21px;
  603. }
  604. /* End Share Plurk Button */
  605.  
  606. /*Widget/Twitter/Mobile*/
  607. a#widget-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -320px no-repeat; width: 25px; height:22px; }
  608. a#mobile-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -251px no-repeat; width: 21px; height:30px; }
  609. a#twitter-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -296px no-repeat; width: 23px; height:24px; }
  610.  
  611. /*Invite Your Friends*/
  612. a#dashboard-invite {
  613. background: transparent url() no-repeat scroll 0 16px;
  614. overflow: hidden;
  615. color: transparent!important;
  616. margin-left: auto;
  617. margin-right: auto;
  618. border: 0;
  619. width: 0;
  620. height: 0;
  621. }
  622.  
  623. a#dashboard-invite:hover {
  624. background: transparent url () no-repeat scroll 0 -65px;
  625. overflow: hidden;
  626. color: transparent!important;
  627. }
  628. .cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
  629. background: transparent none no-repeat scroll 0 0;
  630. height: 0px;
  631. width: 0px;
  632. color: #e3e3e3;
  633. }
  634.  
  635. div#plurk-dashboard:hover
  636. {
  637. opacity:0.9 !important; zoom:1;
  638. }
  639.  
  640. /*Dashboard Stats area*/
  641. #dash-stats{
  642. -moz-border-radius: 11px 11px 11px 11px;
  643. -khtml-border-radius: 11px;
  644. -webkit-border-radius: 11px;
  645. background: #fff url() repeat;
  646. color: #808080;
  647. padding-top: 10px;
  648. padding-bottom: 11px;
  649. text-align: center;
  650. text-shadow:1px 1px 4px #e0e0e0;
  651. }
  652.  
  653. /*Dashboard Friends area*/
  654. #dash-friends {
  655. -moz-border-radius: 11px 11px 11px 11px;
  656. -khtml-border-radius: 11px;
  657. -webkit-border-radius: 11px;
  658. padding-top: 10px;
  659. padding-bottom: 11px;
  660. padding-left: 5px;
  661. padding-right: 5px;
  662. text-align: center;
  663. background: #fff url() repeat;
  664. }
  665.  
  666. /*Dashboard Fans*/
  667. #dash-fans {
  668. width:0; overflow:hidden;
  669. margin-bottom: -600px;
  670. }
  671.  
  672. /* About Me */
  673. #dash-profile {
  674. -moz-border-radius: 11px 11px 11px 11px;
  675. -khtml-border-radius: 11px;
  676. -webkit-border-radius: 11px;
  677. background: #fff url() repeat;
  678. color: #808080;
  679. padding: 10px;
  680. font-family: courier;
  681. text-shadow:1px 1px 4px #e0e0e0;
  682. }
  683.  
  684. #span_years {
  685. color: #525252;
  686. font-weight: bold;
  687. font-family: ms mincho, courier new;
  688. }
  689.  
  690. #location {
  691. font-family: courier;
  692. color:#525252;
  693. text-shadow:1px 1px 4px #e0e0e0;
  694. text-transform: lowercase;
  695. }
  696.  
  697. #span_gender {
  698. color: #525252;
  699. }
  700.  
  701. p#relationship_container {
  702. -moz-border-radius: 11px 11px 11px 11px;
  703. -khtml-border-radius: 11px;
  704. -webkit-border-radius: 11px;
  705. background: #fff url() repeat;
  706. border:0;
  707. color: #525252;
  708. padding: 10px;
  709. font-family: courier;
  710. text-transform: lowercase;
  711. }
  712.  
  713. #full_name {
  714. color:#111;
  715. font-size: 25px!important;
  716. padding-bottom: 5px;
  717. text-shadow:1px 1px 3px #8e8e8e;
  718. font-family: arial narrow;
  719. font-style: italic;
  720. font-weight: bold;
  721. }
  722.  
  723. p#about_me {
  724. -moz-border-radius: 11px 11px 11px 11px;
  725. -khtml-border-radius: 11px;
  726. -webkit-border-radius: 11px;
  727. background: #fff url() repeat;
  728. border:0;
  729. color: #808080;
  730. margin:2px;
  731. padding: 10px;
  732. text-align:left;
  733. text-shadow:1px 1px 4px #e0e0e0;
  734. }
  735.  
  736. #dash-profile img {
  737.  
  738. -moz-border-radius: 75px 75px 75px75;
  739. -khtml-border-radius: 75px;
  740. -webkit-border-radius: 75px;
  741. }
  742.  
  743. #profile_pic
  744. {
  745. width:195px;
  746. border:0px solid #ddd !important;
  747. border-radius:0px;
  748. margin-left: 5px;
  749. margin-bottom: 10px;
  750. box-shadow:0pt 1pt 6pt rgba(1,1,1,0.6);
  751. }
  752.  
  753.  
  754. #dash-stats h2, #dash-friends h2, #dash-fans h2 {
  755. color: #fea8a8;
  756. font-size:20px;
  757. line-height:100%;
  758. text-align:left;
  759. border:0;
  760. font-weight: none;
  761. }
  762.  
  763. /*Karma Count */
  764. #karma {
  765. font-family: courier;
  766. font-weight: bold;
  767. color: #525252;
  768. font-size: 26px;
  769. text-transform: uppercase;
  770. }
  771.  
  772. .karma_hover {
  773. font-family: courier;
  774. font-weight: bold;
  775. color: #525252;
  776. font-size: 26px;
  777. text-transform: uppercase;
  778. }
  779.  
  780. .karma_arrow {
  781. filter:alpha(opacity=0);
  782. -moz-opacity:.0;
  783. opacity:.0;
  784. }
  785.  
  786. .cmp_karma_up {
  787. background:transparent url(/static/icons/icons_png.png) 0 -28px no-repeat;
  788. width:8px;
  789. height:10px;
  790. margin-top: 10px;
  791. }
  792.  
  793. /*Extra*/
  794. .award_bar {
  795. height: 50px;
  796. }
  797.  
  798. .friend_holder {
  799. margin-bottom: 4px;
  800. }
  801.  
  802. .friend_holder table {
  803. margin-left: auto;
  804. margin-right: auto;
  805. }
  806.  
  807. .friend_holder .user_link{
  808. height:25px!important;width:25px!important;
  809. }
  810.  
  811. .friend_holder img{
  812. width:38px;
  813. height:38px;
  814. border: 0;
  815. moz-border-radius: 10px 10px 10px 10px;
  816. -khtml-border-radius:10px10px 10px 10px;
  817. -webkit-border-radius: 10px 10px 10px 10px;
  818. }
  819.  
  820. /*Your name by Plurk box - not in timeline */
  821. .qual_holder{
  822. color : #e3e3e3;
  823. }
  824. .mini_form .qual_holder {
  825. color: #e3e3e3 important;
  826. background: #fff;
  827. }
  828.  
  829. /*Dashboard Stats*/
  830. #dash-stats table td {
  831. color: #e3e3e3;
  832. }
  833.  
  834. /*Dashboard Header2*/
  835. #plurk-dashboard h2{
  836. color:#525252;
  837. text-shadow:1px 1px 4px #e0e0e0;
  838. font-family: courier new;
  839. font-size: 30px;
  840. font-weight: bold;
  841. text-transform: uppercase;
  842. background-color: transparent;
  843. border-bottom: 0;
  844. }
  845.  
  846. /* Follow Friend/Fan Box */
  847. .friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
  848. -moz-border-radius: 6px 6px 6px 6px;
  849. -khtml-border-radius: 6px;
  850. -webkit-border-radius: 6px;
  851. background: #525252 !important;
  852. border: 0;
  853. color: #fff;
  854. }
  855. /* End Follow Friend/Fan Box */
  856.  
  857. /*Search Feature */
  858. #pane_search .main_poster{width:775px; color: #e3e3e3!important;}
  859.  
  860. #pane_search .orange-but{margin-bottom:10px;}
  861. /* End */
  862.  
  863. /*Saved searches overall text size etc */
  864. .saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;}
  865. /* End */
  866.  
  867. /* Saved Searches LINKS */
  868. .saved_searches a{color:#e3e3e3!important;text-decoration:underline!important;}
  869. /* End */
  870.  
  871. /* Saved Search bold text */
  872. .saved_searches b{font-size:16px; color:#e3e3e3!important;}
  873.  
  874. /* Delete saved search css *
  875. /.del_search{
  876. cursor: crosshair;
  877. background: #fff!important;
  878. color: #c7c7bd;
  879. border:0;
  880. margin-left:9px;
  881. padding:1px 4px;
  882. }
  883.  
  884. /* Text area for Search Feature */
  885. input#current_query{
  886. border:0;
  887. width:100%;
  888. font-size:25px;
  889. border-color:#e3e3e3;
  890. color: #e3e3e3;
  891. }
  892.  
  893. /*-- ALL LINKS LINKS FORMATTING --*/
  894.  
  895. /*-- URLS IN PLURKS --*/
  896. .plurk a.ex_link {
  897. color:#525252;
  898. font-weight: bold;
  899. text-decoration:normal;
  900. }
  901.  
  902. .plurk a.ex_link:hover {
  903. color: #525252;
  904. font-weight: bold;
  905. border-bottom: 0;
  906. text-decoration:normal;
  907. }
  908.  
  909. .plurk a.ex_link:visited {
  910. color:#525252;
  911. font-weight: bold;
  912. text-decoration:normal
  913. }
  914.  
  915. a:link {
  916. color: #525252;
  917. text-transform: normal;
  918. }
  919.  
  920. a:visited, a:active {
  921. color: #525252;
  922. text-transform: normal;
  923. }
  924.  
  925. a:hover {
  926. border:0;
  927. color: #525252;
  928. text-transform: normal;
  929. }
  930.  
  931. #top_bar #edit_link:hover, #reply h2 {
  932. color: #fff;
  933. font-weight:bold;
  934. }
  935.  
  936. #reply #reply_box {
  937. background: #fff;
  938. }
  939.  
  940. #reply h2 {
  941. background: #e3e3e3;
  942. }
  943.  
  944. #reply #reply_box_holder {
  945. background: #fff;
  946. }
  947.  
  948. /* Footer Links */
  949. #footer a {
  950. color: #c7c7bd;
  951. text-decoration: none !important;
  952. }
  953.  
  954. #footer a:hover {
  955. color: #fff;
  956. border:0;
  957. text-decoration: none;
  958. }
  959.  
  960. /*-- EXTRAS PLURK OPTIONS IDK ETC --*/
  961.  
  962. /*-------------TIMELINE EXTRAS------------*/
  963. /*Updater for New Responses/Plurks*/
  964. #updater {
  965. padding: 2px;
  966. background: #fff;
  967. filter: alpha (opacity=90);
  968. -moz-opacity: 0.90;
  969. opacity: 0.90;
  970. border: 0px solid #fff;
  971. -moz-border-radius: 5px 5px 5px 5px;
  972. -khtml-border-radius: 5px;
  973. -webkit-border-radius: 5px;
  974. }
  975.  
  976. #updater .text {
  977. border:0;
  978. color: #000;
  979. font-size: 11px;
  980. text-transform: lowercase;
  981. font-family: ms mincho, courier new;
  982. }
  983.  
  984. #updater a {
  985. color: #eee;
  986. text-transform: lowercase;
  987. font-family: ms mincho, courier new!important;
  988. }
  989.  
  990. #updater a:hover {
  991. color:#fff;
  992. text-transform: lowercase;
  993. font-family: ms mincho, courier new;
  994. text-decoration: none;
  995. }
  996.  
  997. /*Search Form in Timeline*/
  998. #mini_search .i_text {
  999. width: 500px;
  1000. background: #fff;
  1001. border:0;
  1002. color: #e3e3e3;
  1003. width:160px;
  1004. padding: 2px;
  1005. }
  1006.  
  1007.  
  1008.  
  1009. #mini_search .i_button {
  1010. width: 500px;
  1011. background: #fff;
  1012. border:0;
  1013. color: #e3e3e3;
  1014. padding:2px;
  1015. }
  1016.  
  1017.  
  1018. /* CSS code ... in between Plurk and number of Plurk responses - all in timeline */
  1019. .dots .inner {
  1020. background: transparent;
  1021. margin-left: 2px;
  1022. color: #fff !important;
  1023. }
  1024.  
  1025. .youtube img,
  1026. .video img,
  1027. .pictureservices img
  1028. {
  1029. border:0px solid #fff !important;
  1030. filter:alpha(opacity=100); opacity:1; zoom:1;
  1031. }
  1032. .youtube:hover img,
  1033. .video:hover img,
  1034. .pictureservices:hover img
  1035. {
  1036. border:1px solid #E9F5FB !important;
  1037. filter:alpha(opacity=100); opacity:1; zoom:1;
  1038. }
  1039.  
  1040. /* Delete Save Edit Mute Unmute Close */
  1041. .manager .action { color:#000000; margin-left:5px; }
  1042. .manager a:hover { text-decoration: none!important; }
  1043. .manager .cancel { color:#e5e9e8; margin-right:5px; }
  1044. .manager .delete { color:#e3e3e3; margin-right:5px; }
  1045. .unmute { color:#e3e3e3!important; }
  1046.  
  1047. /* Today and Time of Plurks */
  1048. #bottom_line {
  1049. height: 8px;
  1050. font-size: 11px;
  1051. margin-top: -15px;
  1052. background: #fff;
  1053. border-top:1px solid #fff;
  1054. border-bottom:1px solid #fff;
  1055. color: #e3e3e3;
  1056. }
  1057.  
  1058. .bottom_start , .bottom_end {color:#fff;font-weight:bold;font-size:12px ;
  1059. }
  1060.  
  1061. /* All Plurks Tab */
  1062. .bottom_line_bg {
  1063. background: #fff url() repeat;
  1064. font-size: 11px;
  1065. color:#e3e3e3;
  1066. border: 1px solid #FFFFFF;
  1067. }
  1068.  
  1069. .time {margin:0 ; padding:0 ;font-size:17px; color: #202020;}
  1070.  
  1071. /*Border at beginning of Timeline*/
  1072. .day_bg .div_inner {
  1073. background: #fff;
  1074. border-left:0px solid #000000;
  1075. border-right:0px solid #000000;
  1076. border-top:medium none;
  1077. position:relative;
  1078. width:10px;
  1079. height: 3px;
  1080. color: #e3e3e3 !important;
  1081. }
  1082.  
  1083. /* Plurk: "Recent Plurk Responses" area */
  1084. .plurk_box .caption {
  1085. border:0;
  1086. font-size: 11px;
  1087. color: #fff;
  1088. background: transparent;
  1089. }
  1090.  
  1091. /* Plurk: "Plurk Page" area */
  1092. .info_box {
  1093. color: #e3e3e3 !important;
  1094. background: #fff;
  1095. -moz-border-radius: 9px 9px 9px 9px;
  1096. -khtml-border-radius: 9px;
  1097. -webkit-border-radius: 9px;
  1098. border:0;
  1099. font-size: 11px;
  1100. }
  1101.  
  1102. /* Today, yesterday, 2 days ago etc text on actual time line area */
  1103. .day_start .div_bottom, .day_start .bottom_start {color: #e3e3e3 !important;}
  1104.  
  1105. /*---------- MENU INFO - MEMBER INFO - QUALIFIERS AND BOLD ETC FORMATTING ---------*/
  1106.  
  1107. /* Bold Italic and Underline */
  1108. strong {
  1109. color: #7f7f7f;
  1110. cursor: default;}
  1111.  
  1112. strong:hover {
  1113. color: #7f7f7f;
  1114. cursor: default;}
  1115.  
  1116. i {
  1117. color: #7f7f7f;
  1118. cursor: default;}
  1119.  
  1120. i:hover {
  1121. color: #7f7f7f;
  1122. cursor: default; }
  1123.  
  1124. u {
  1125. color: #7f7f7f;
  1126. cursor: default;
  1127. border-bottom: 0px solid #CE405D;}
  1128.  
  1129. u:hover {
  1130. color: #7f7f7f;
  1131. cursor: default;
  1132. border-bottom: 0px solid #CE405D;}
  1133.  
  1134. /* Firefox Selection */
  1135. ::-moz-selection{
  1136. background: #525252;
  1137. color:#fff;
  1138. }
  1139.  
  1140. /*Selection on browsers*/
  1141. ::selection {
  1142. background: #525252;
  1143. color:#fff;
  1144. }
  1145.  
  1146.  
  1147. /* Tool Tip */
  1148. .tooltip_cnt{
  1149. background-color: #ffffff;
  1150. border: 0;
  1151. color: #e3e3e3;
  1152. padding:5px;
  1153. margin-top:1px;
  1154. font-family: courier new;
  1155. }
  1156.  
  1157. .AmiMenu.info_menu,
  1158. .AmiMenu.info_menu .block
  1159. {
  1160. border:0 !important;
  1161. padding:3px;
  1162. }
  1163. .AmiMenu.info_menu .block
  1164. {
  1165. background:#fff!important;
  1166. color:#555 !important;
  1167. }
  1168.  
  1169. .AmiMenu.info_menu,
  1170. .AmiMenu.info_menu .separator
  1171. {
  1172. background:#fff !important;
  1173. border: 0px !important;
  1174. color:#555 !important;
  1175. }
  1176. .AmiMenu.info_menu
  1177. {
  1178. border:0px solid #fff !important;
  1179. }
  1180. .AmiMenu td
  1181. {
  1182. color:#555 !important;
  1183. }
  1184. .AmiMenu.info_menu td.on,
  1185. .AmiMenu.info_menu .user_info.on
  1186. {
  1187. background:#fff!important;
  1188. color:#555 !important;
  1189. }
  1190. .AmiMenu.info_menu .user_info.on b
  1191. {
  1192. color:#555;
  1193. font-weight:bold !important;
  1194. }
  1195. .AmiMenu.info_menu .user_info img
  1196. {
  1197. border:0px solid #fff !important;
  1198. -moz-border-radius:10px;
  1199. -khtml-border-radius:10px;
  1200. -webkit-border-radius:10px;
  1201. }
  1202.  
  1203.  
  1204. .AmiTT_main b {
  1205. color: #e3e3e3;
  1206. font-weight:bold;
  1207. }
  1208.  
  1209. .AmiTT_main {
  1210. background-color: fff;
  1211. color: #e3e3e3;
  1212. line-height:1.2;
  1213. border-top: 0px solid #e5e9e8;
  1214. position:absolute;
  1215. text-align:left;
  1216. width:209px;
  1217. z-index:2000;
  1218. }
  1219.  
  1220. .q_freestyle {
  1221. background: transparent;
  1222. color: #e3e3e3;
  1223. }
  1224.  
  1225.  
  1226.  
  1227. /* i c k y c s s */
  1228.  
  1229.  
  1230.  
  1231. .cmp_arrow_right
  1232. {
  1233. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-fast-forward.png);
  1234. width:24px; height:24px;
  1235. margin:2; opacity: 0.1; filter: alpha(opacity=10); moz-opacity: 0.1;
  1236. }
  1237. .cmp_arrow_left
  1238. {
  1239. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-fast-backward.png);
  1240. width:24px; height:24px;
  1241. margin:2;
  1242. }
  1243. .cmp_back_to_today
  1244. { background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/24/media-previous.png);
  1245. width:24px; height:24px;
  1246. margin-top:5px; opacity: 0.1; filter: alpha(opacity=10); moz-opacity: 0.1;
  1247. }
  1248.  
  1249.  
  1250. div.cmp_arrow_right:hover,
  1251. div.cmp_arrow_left:hover,
  1252. div.cmp_back_to_today:hover
  1253. {
  1254. filter: alpha(opacity=50); opacity:0.5; moz-opacity:0.5; zoom:1;
  1255. }
  1256.  
  1257. .browse_button
  1258. {filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;}
  1259. .browse_button:hover
  1260. {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}
  1261.  
  1262. .mini_menu .share_menu{
  1263. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09; color: #ffffff !important; font-size:12px;}
  1264.  
  1265. .share_menu .on{
  1266. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09; background-color:#8d0000; color:#FFF !important;}
  1267.  
  1268. .q_video,.q_link{
  1269. border-left:8px solid #ffffff !important;}
  1270.  
  1271. #timeline_holder div.plurk {
  1272. -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
  1273. -webkit-transform-origin:0 0;
  1274. -moz-transition:top 0.5s ease, -moz-transform 0.3s ease;
  1275. -moz-transform-origin:0 0; }
  1276.  
  1277. ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover,
  1278. ::-moz-scrollbar, ::-moz-scrollbar-thumb, ::-moz-scrollbar-thumb:hover {
  1279. background:#fff !important;
  1280. -webkit-border-radius:2px;
  1281. -moz-border-radius:2px;
  1282. -webkit-box-shadow:0px 0px 5px #ccc;
  1283. -moz-box-shadow:0px 0px 5px #ccc; }
  1284.  
  1285. ::-webkit-scrollbar-thumb:hover, ::-moz-scrollbar-thumb:hover {
  1286. background:#f2f2f2 !important;}
  1287.  
  1288. .cmp_loading {width:0px;height:0px;}
  1289. #div_loading .cnt
  1290. {
  1291. background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader01.gif) no-repeat scroll center !important;
  1292. margin-top:140px;
  1293. }
  1294. .loading img {width:0px;height:0px;}
  1295. .loading
  1296. {
  1297. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loading-1.gif) no-repeat scroll center top !important;
  1298. margin-top:30px;height:32px;
  1299. }
  1300.  
  1301.  
  1302. .GB_Window .header td.caption, .GB_Window .close,
  1303. .GB_Window .header, .GB_Window .content
  1304. {
  1305. color:#525252;
  1306. background:#fff;
  1307. border:0 !important;
  1308. font-size:13px !important;
  1309. letter-spacing:1px;
  1310. }
  1311. .GB_Gallery .iframe_holder,
  1312. .GB_Window
  1313. {
  1314. background:rgba(255,255,255,0.2) !important;
  1315. border:0 !important;
  1316. border-radius:3px;
  1317. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  1318. -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease;
  1319. -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease;
  1320. }
  1321. .GB_Window .close span
  1322. {
  1323. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) no-repeat 0 0;
  1324. border:none!important;
  1325. width:15px;
  1326. margin-right:6px;
  1327. color:#000;
  1328. font-size:1px !important;
  1329. }
  1330. img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
  1331. {filter:alpha(opacity=0); opacity:0; zoom:1;}
  1332. .GB_Gallery .content
  1333. {
  1334. background:url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel.png) right 5px no-repeat !important;
  1335. }
  1336.  
  1337. .content div .hide_window
  1338. {
  1339. background:none !important;
  1340. }
  1341. div .hide_window a, div .direct-l a
  1342. {
  1343. background:none !important;
  1344. color:#111 !important;
  1345. font-size:11px !important;
  1346. border-bottom:1px dashed #000;
  1347. }
  1348. div .hide_window a:hover, div .direct-l a:hover
  1349. {
  1350. color:#111 !important;
  1351. text-decoration: none !important;
  1352. }
  1353. .direct-l
  1354. {
  1355. background:#fff !important;
  1356. border:0 !important;
  1357. font-size:11px !important;
  1358. color:#444 !important;
  1359. }
  1360. .GB_Window .iframe_holder, .iframe_holder
  1361. {
  1362. background:#fff !important;
  1363. }
  1364.  
  1365.  
  1366. /*---------------RESET*/
  1367.  
  1368. textarea,
  1369. textarea#input_big_private,
  1370. textarea#input_big_private.content,
  1371. textarea#input_big,
  1372. textarea#input_permalink,
  1373. textarea#input_big.content,
  1374. input#current_query
  1375. {
  1376. vertical-align: middle;
  1377. padding: 2px 0px;
  1378. border:1px solid #eee !important;
  1379. font: 15px Tahoma;
  1380. color:#aaa !important;
  1381. background:none !important;
  1382. border-radius:0px;
  1383. min-height:30px;
  1384. line-height:1.5;
  1385. }
  1386. .plurkForm td {vertical-align:middle !important;}
  1387. textarea:hover,
  1388. textarea#input_big_private:hover,
  1389. textarea#input_big:hover,
  1390. textarea#input_permalink:hover,
  1391. input#current_query:hover
  1392. {
  1393. opacity: 0.9; zoom:1;
  1394. box-shadow: 0pt 1px 0pt rgba(0,0,0,0.1), 0pt 1px 2px rgba(0,0,0,0.2) inset;
  1395. border:1px solid #bbb !important;
  1396. color:#bbb !important;
  1397. }
  1398. textarea:focus,
  1399. textarea#input_big_private:focus,
  1400. textarea#input_big:focus,
  1401. textarea#input_permalink:focus,
  1402. input#current_query:focus
  1403. {
  1404. background:rgba(255,255,255,0.9) !important;
  1405. border:1px solid #ccc !important;
  1406. border-radius:0px;
  1407. color:#111 !important;
  1408. }
  1409. input#share_link,
  1410. input#loc_field,
  1411. .auto_ta
  1412. {
  1413. font: 11px Tahoma;
  1414. color:#bbb;
  1415. border:1px solid #eee !important;
  1416. padding: 2px 5px;
  1417. opacity: 0.9;
  1418. background:none;
  1419. }
  1420.  
  1421. select, select:focus
  1422. {
  1423. font: 10px Tahoma;
  1424. background:none;
  1425. border:1px solid #eee !important;
  1426. border-radius: 3px;
  1427. color:#111;
  1428. padding: 0px 3px;
  1429. }
  1430. select:focus {background:#fff;}
  1431.  
  1432. div#plurk_form, #toggle_tab, #languge_selector,
  1433. #prev_plurk, #next_plurk
  1434. {
  1435. filter:alpha(opacity=40); opacity:0.4; zoom:1;
  1436. -moz-transition:opacity 0.4s ease-out;
  1437. -webkit-transition:opacity 0.4s ease-out;
  1438. -o-transition:opacity 0.4s ease-out;
  1439. }
  1440. div#plurk_form:hover, #toggle_tab:hover, #languge_selector:hover,
  1441. #prev_plurk:hover, #next_plurk:hover
  1442. {
  1443. filter:alpha(opacity=100); opacity:1; zoom:1;
  1444. -moz-transition:opacity 0.4s ease-in;
  1445. -webkit-transition:opacity 0.4s ease-in;
  1446. -o-transition:opacity 0.4s ease-in;
  1447. }
  1448.  
  1449. body,
  1450. .GB_Gallery .iframe_holder,
  1451. .GB_Window,
  1452. #timeline_cnt,
  1453. .plurk, .plurk_box
  1454. {
  1455. -moz-animation-name:fadeIn;
  1456. -moz-animation-iteration-count:1;
  1457. -moz-animation-duration:1.5s;
  1458. -webkit-animation-name:fadeIn;
  1459. -webkit-animation-iteration-count:1;
  1460. -webkit-animation-duration:1.5s;
  1461. }
  1462. @-webkit-keyframes fadeIn
  1463. {
  1464. 0% { opacity: 0; }
  1465. 100% { opacity: 1; }
  1466. }
  1467. @-moz-keyframes fadeIn
  1468. {
  1469. 0% { opacity: 0; }
  1470. 100% { opacity: 1; }
  1471. }
  1472.  
  1473. .AmiMenu.info_menu,
  1474. .AmiMenu.info_menu .separator,
  1475. .AmiMenu.info_menu .block
  1476. {
  1477. background:#fff !important;
  1478. border:0 !important;
  1479. padding:3px;
  1480. border-radius:2px;
  1481. font-size:11px !important;
  1482. }
  1483. .AmiMenu.info_menu {border:0 !important;}
  1484. .AmiMenu.info_menu .block
  1485. {
  1486. background:#fff !important; /*526879*/
  1487. color:#ccc !important;
  1488. }
  1489. .AmiMenu td { color:#bbb !important; }
  1490. .AmiMenu.info_menu td.on,
  1491. .AmiMenu.info_menu .user_info.on
  1492. {
  1493. background:#000 !important;
  1494. border-radius:2px;
  1495. }
  1496. .AmiMenu.info_menu .user_info.on b
  1497. {
  1498. font-weight: !important;
  1499. }
  1500. .AmiMenu.info_menu .user_info img
  1501. {
  1502. border:1px solid #ccc !important;
  1503. border-radius:2px;
  1504. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  1505. }
  1506. #info_overlay .drop_arrow div, #info_overlay .on_arrow div
  1507. {
  1508. background-color:#000;
  1509. width: 20px;
  1510. text-align: left;
  1511. }
  1512. .cmp_tooltips-down
  1513. {
  1514. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down-1.png);
  1515. }
  1516. .cmp_tooltips-up
  1517. {
  1518. background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up-1.png);
  1519. }
  1520.  
  1521. .tooltip_cnt
  1522. {
  1523. background:#fff !important;
  1524. font-size:11px !important;
  1525. color:#bbb !important;
  1526. padding:3px;
  1527. border:0 !important;
  1528. border-radius:3px;
  1529. box-shadow:1px 2px 3px rgba(0,0,0,0.3);
  1530. }
  1531. .tooltip_cnt img {margin:3px; border:0 !important; border-radius:3px;box-shadow:1px 2px 3px rgba(0,0,0,0.3);}
  1532. .AmiTT_main {background:none !important; border:0 !important;}
  1533. .AmiTT_main b
  1534. {
  1535. color:#ddd !important;
  1536. font-weight:normal;
  1537. font-size:11px !important;
  1538. }
  1539.  
  1540.  
  1541. #emoticon_selecter
  1542. {
  1543. background:#eee !important;
  1544. border-color:#ddd !important;
  1545. border-radius:2px;
  1546. }
  1547. #emoticon_selecter .upper_arrow
  1548. {
  1549. background-image:none !important;
  1550. }
  1551. #emoticon_selecter #emoticons_tabs
  1552. {
  1553. background:none !important;
  1554. border:0 !important;
  1555. }
  1556. #emoticons_show
  1557. {
  1558. background:#fff !important;
  1559. width:422px !important;
  1560. }
  1561. #emoticon_selecter img, #emoticon_selecter a:hover img,
  1562. .emo-manager .emo-public-pool .emo-wrapper,
  1563. .emo-manager .emo-public-pool .emo-wrapper:hover
  1564. {
  1565. border:0 !important;
  1566. }
  1567. #emoticon_selecter #emoticons_tabs ul
  1568. {
  1569. overflow:visible !important;
  1570. }
  1571. #emoticon_selecter #emoticons_tabs li
  1572. {
  1573. background:none !important;
  1574. border:0 !important;
  1575. font-size:85% !important;
  1576. }
  1577. #emoticons_tabs ul li a
  1578. {
  1579. color:#8099ad !important; /*8099ad*/
  1580. font-weight:normal !important;
  1581. }
  1582. #emoticons_tabs ul li.current a
  1583. {
  1584. color:#133d5f !important; /*133d5f*/
  1585. }
  1586. #emoticon_selecter #emoticons_tabs li.current
  1587. {
  1588. background:#ddd !important;
  1589. border-radius:3px;
  1590. }
  1591. #emoticons_show .red_link
  1592. {
  1593. background:none !important;
  1594. font-weight:normal;
  1595. font-size:11px;
  1596. color:#aaa !important;
  1597. text-decoration:none !important;
  1598. }
  1599. .emo-manager
  1600. {
  1601. background:#bebebe !important;
  1602. border-color:#dfdfdf !important;
  1603. margin-top:px !important;
  1604. }
  1605. .emo-manager .emo-add-bn,
  1606. .emoticons_my .add-emoticon-panel .orange-but
  1607. {
  1608. background:#a1a1a1 !important;
  1609. border:0 !important;
  1610. font-size:11px !important;
  1611. box-shadow:0 1px 0 #aaa !important;
  1612. }
  1613. .emoticons_my .add-emoticon-panel div.popup
  1614. {
  1615. background:#e1e1e1 !important;
  1616. border-color:#bbb !important;
  1617. border-radius:3px;
  1618. font-size:11px !important;
  1619. color:#343434 !important;
  1620. width:px;
  1621. }
  1622. .emoticons_my .add-emoticon-panel input.col-right,
  1623. .emoticons_my .add-emoticon-panel input.col-right:focus
  1624. {
  1625. background:#eee !important;
  1626. border-color:#ccc !important;
  1627. font-size:11px !important;
  1628. color:#555 !important;
  1629. width:200px !important;
  1630. }
  1631. .emoticons_my .add-emoticon-panel .col-left
  1632. {
  1633. width:auto !important;
  1634. margin-left: 10px !important;
  1635. }
  1636.  
  1637. .emoticon, .emoticon_my
  1638. {
  1639. -moz-transition-duration:0.5s;
  1640. -webkit-transition-duration:0.5s;
  1641. -khtml-transition-duration:0.5s;
  1642. }
  1643. .emoticon:hover, .emoticon_my:hover
  1644. {
  1645. -moz-transform: rotate(360deg) scale(1.2);
  1646. -webkit-transform: rotate(360deg) scale(1.2);
  1647. -khtml-transform: rotate(360deg) scale(1.2);
  1648. }
  1649.  
  1650. .td_response_count {padding-top:px;}
  1651. .response_count
  1652. {
  1653. color:#fff !important; /*7eaacf*/
  1654. background:transparent !important; /*cae7fd*/
  1655. margin-left:px;
  1656. padding:4px !important;
  1657. font-size:11px !important;
  1658. font-weight: bold !important;
  1659. border-radius:22px;
  1660. }
  1661. .new .response_count
  1662. {
  1663. background:#dbdbdb !important;
  1664. border:0 !important;
  1665. text-decoration: blink;
  1666. color:#fff !important;
  1667. }
  1668.  
  1669. .list .empty{
  1670. color:#111 !important;
  1671. background:url(http://i.imgur.com/sN8RF.gif) no-repeat 50% 0 transparent;
  1672. margin: 10px 0 0 0;
  1673. padding: 100px 0 0 0;
  1674. text-indent:-9999px;
  1675. opacity: 0.45; moz-opacity: 0.45; filter: alpha(opacity=45);
  1676. }
  1677.  
  1678. #mainpage_content ol, #mainpage_content ul { margin-bottom: 0px; }
  1679. #footer a
  1680. {
  1681. width:30px;
  1682. height:20px;
  1683. overflow:hidden !important;
  1684. float : right;
  1685. }
  1686.  
  1687.  
  1688. .plurk .truncated {min-height:18px;}
  1689.  
  1690. body #timeline_holder,
  1691. #timeline_cnt,
  1692. #timeline_bg,
  1693. #timeline_fg {overflow: visible !important;}
  1694.  
  1695. .display, .toggled
  1696. {
  1697. min-width:450px;_width:450px !important;
  1698. z-index:1200;
  1699. }
  1700.  
  1701. div.plurk .link_extend {z-index:2200;}
  1702. .block_cnt { padding:15px !important; width:450px !important; height:60px !important; }
  1703. .block_cnt .div_inner, .div_bottom { max-height:0px !important; }
  1704.  
  1705. .list table {width:100% !important;}
  1706.  
  1707. .list
  1708. {
  1709. -webkit-transition:height 0.5s ease;
  1710. -moz-transition:height 0.5s ease;
  1711. }
  1712.  
  1713.  
  1714. }
  1715. #timeline_holder div.link_extend, #timeline_holder div.plurk_box
  1716. {
  1717. -moz-transform:rotate(0deg);
  1718. -webkit-transform:rotate(0deg);
  1719. -o-transform:rotate(0deg);
  1720. }
  1721.  
  1722. .plurk_cnt
  1723. {
  1724. background:#fff !important;
  1725. border-radius:0px 3px 6px 8px;
  1726. border:0px solid #bbb !important;
  1727. border-left:0px solid #ddd !important;
  1728. border-top:0px solid #ddd !important;
  1729. padding:3px !important;
  1730. line-height:18px !important;
  1731. opacity:0.9 !important; zoom:1;
  1732. }
  1733. .plurk_cnt:hover
  1734. {
  1735. opacity:1 !important; zoom:1;
  1736. }
  1737. .link_extend .plurk_cnt
  1738. {
  1739. background:#fff !important;
  1740. box-shadow:0px 0px 2px rgba(0,0,0,0.3);
  1741. }
  1742. .plurk_box .plurk_cnt
  1743. {
  1744. background:#fff !important;
  1745. }
  1746.  
  1747. #timeline_holder div.plurk .td_qual span a
  1748. {
  1749. position:absolute;
  1750. top:20px;
  1751. left: -48px;
  1752. margin-right:2px !important;
  1753. padding-right:5px !important;
  1754. padding-left:5px !important;
  1755. width:60px !important;
  1756. overflow:hidden !important;
  1757. color: #fff !important;
  1758. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  1759. font-size:11px !important;
  1760. border-top: 1px solid rgba(255,255,255,0.2);
  1761. background: rgba(255,255,255,0.2);
  1762. border-bottom: 1px solid rgba(255,255,255,0.6);
  1763. border-radius:1px 2px 2px 4px;
  1764. }
  1765. #timeline_holder .plurk_cnt
  1766. {
  1767. margin-left:3px !important;
  1768. }
  1769.  
  1770. .p_img { border:0 !important; margin:0px; }
  1771. .p_img img { border-radius:2px 0px 0px 2px; box-shadow:0px 0px 2px rgba(0,0,0,0.3);}
  1772. #timeline_holder div.plurk .td_img img
  1773. {
  1774. position: relative;
  1775. top: 1px;
  1776. left: -1px;
  1777. border-left:2px solid #525252;
  1778. }
  1779.  
  1780. .plurk_box td .shade_6, td .shade_6,
  1781. .plurk_box td .shade_5, td .shade_5,
  1782. .plurk_box td .shade_4, td .shade_4,
  1783. .plurk_box td .shade_3, td .shade_3,
  1784. .plurk_box td .shade_2, td .shade_2,
  1785. .plurk_box td .shade_1, td .shade_1
  1786. {
  1787. background:#fff !important;
  1788. }
  1789. .plurk.new .plurk_cnt
  1790. {
  1791.  
  1792. }
  1793.  
  1794. .plurk_box .list,
  1795. .plurk_box .mini_form,
  1796. .info_box
  1797. {
  1798. background:#fff !important;
  1799. border-color:#bbb !important;
  1800. }
  1801.  
  1802. .plurk_box .caption
  1803. {
  1804. color: #fff;
  1805. background:#ddd;
  1806. padding: 2px 5px;
  1807. font-size:12px !important;
  1808. }
  1809.  
  1810. .plurk_box .mini_form,
  1811. .plurk_box .login_to_see,
  1812. .info_box
  1813. {
  1814. background:#fff !important;
  1815. border-bottom:0 !important;
  1816. border-color:#bbb !important;
  1817. }
  1818. .plurk_box .login_to_see a,
  1819. .red_link
  1820. {
  1821. background:none !important;
  1822. color:#bbb !important;
  1823. font-weight:normal !important;
  1824. text-decoration:none !important;
  1825. font-size:11px !important;
  1826. }
  1827. .info_box, .info_box a, div.favorite_count, div.limited_box
  1828. {
  1829. color:#bbb !important;
  1830. font-size:11px !important;
  1831. }
  1832. .info_box a { background:none !important; }
  1833. .info_box a:hover
  1834. {
  1835. color:#999 !important;
  1836. text-decoration:none !important;
  1837. }
  1838.  
  1839. .plurk .truncated {min-height:18px;}
  1840.  
  1841. body #timeline_holder,
  1842. #timeline_cnt,
  1843. #timeline_bg,
  1844. #timeline_fg {overflow: visible !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement