Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Jul 15th, 2012  |  syntax: None  |  size: 27.84 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2. Plurk Layout by www.plurklayouts.com - if asked where you got your layout from, credit www.plurklayouts.com
  3.  
  4. You may edit the CSS but must credit www.plurklayouts.com for the template.
  5.  
  6. Enjoy your layout!
  7. - Plurk Layouts
  8. www.plurklayouts.com
  9. */
  10.  
  11.  
  12. /* USE_DARK_ICONS */
  13.  
  14. /*----------------------- PART 1 OF EDITING PLURK LAYOUT --------------------------*/
  15. /*-------------------- BODY - TIMELINE - LOGO - TIMELINE EXTRAS ---------------------*/
  16.  
  17. #top_bar .content a {color:#4f544c;}
  18. /* Main Body and Background of Body */
  19. body, html {
  20. font-family: courier new;
  21. font-size:9pt;
  22.   background: #FFF;
  23. text-align:justify;
  24.   background: #000 url(http://i50.tinypic.com/33jr1pd.jpg) center center;
  25. background-repeat:repeat;
  26. }
  27. /* Timeline Holder Background */
  28. #timeline_holder {
  29.   background: #000 url(http://i.imgur.com/knldZ.png) center center;
  30. background-repeat:repeatt;
  31. }
  32.  
  33. /* Timeline Holder Plurks */
  34. #timeline_holder table td {
  35. -moz-border-radius:8px 8px 8px 8px;
  36. -webkit-border-radius: 8px;
  37.  
  38. color: #000;
  39.  
  40.  
  41. }
  42.  
  43. /* Page Title */
  44. #page_title {
  45.    color: #4f544c;
  46. }
  47.  
  48. /* LOGO */
  49. #dynamic_logo{
  50.     position:absolute;
  51.     margin:3px 0 0 5px;
  52.     width:168px;
  53.     height:162px;
  54. background: transparent;
  55. }
  56.  
  57. #dynamic_logo img{
  58.     height:0px;
  59.     width:0px;
  60. }
  61.  
  62.  
  63.  
  64. /* Day Separator */
  65. .day_bg .div_inner {
  66.         background: transparent no-repeat scroll center;
  67.         border-left: 0px none;
  68.         border-right: 0px solid #000000;
  69. color: transparent !important;
  70.  
  71. }
  72.  
  73. .day_start, .day {
  74.         font-weight: normal;
  75. color: #FEA6CC !important;
  76. }
  77.  
  78. .day_start .bottom_start, .day_start .div_start {
  79. margin-top: -1px;
  80. margin-left: 1px;
  81. color: #FEA6CC !important;
  82.         text-align: left;      
  83. }
  84. /* End Day Separator */
  85.  
  86.  
  87.  
  88.  
  89. #time_show{
  90. color:#FEA6CC !important
  91. position:absolute;
  92. z-index:610;
  93. width:61px;
  94. white-space:nowrap;
  95. font-size:11px;
  96. height:23px;
  97. margin-top:-23px;
  98. text-align:center;
  99. padding-left:3px;}
  100.  
  101. #time_show span{
  102. font-weight:400;
  103. padding-top:9px;
  104. color: #000 !important;}
  105.  
  106. .evening,.night,.day,.morning{
  107. color:#555 !important
  108. background:url(http://statics.plurk.com/ada9286581b4d3b04769f31c32957edf.png) no-repeat 0 0;_background:url(http://statics.plurk.com/9a0d3f41579deec72d78e94e6a96e0f8.gif) no-repeat 0 0;}
  109. .evening,.night{
  110. color:#FEA6CC !important
  111. background-position:-65px 0;}
  112.  
  113.  
  114. /*----------------------------- PART 2 OF EDITING PLURK LAYOUT --------------------*/
  115. /*------------------------- DASHBOARD - HEADINGS - KARMA ETC ---------------------*/
  116.  
  117. /* All Plurks My Plurks*/
  118. #filter_tab {
  119. -moz-border-radius:8px;
  120. background: url(http://i.imgur.com/knldZ.png);
  121. border: 0px !important;
  122. margin-top: 1px;
  123. }
  124.  
  125. #filter_tab a.off_tab {
  126. background: url(http://i.imgur.com/knldZ.png);
  127. color: #b2b2b2;
  128. border:0px !important;
  129. text-transform: lowercase;
  130. }
  131.  
  132. #filter_tab a.off_tab:hover {
  133. color: #fff;
  134. border:0px !important;
  135. }
  136.  
  137. #filter_tab a.filter_selected {
  138. color:#b2b2b2;
  139. border: 0px!important;
  140. font-family: lucida console;
  141. font-size: 10px;
  142. text-transform: uppercase;
  143. }
  144.  
  145. #filter_tab a.filter_selected:hover {
  146. color: #ffffff;}
  147.  
  148. #plurk_form {
  149. margin-top: 40px;
  150. padding: 10px;
  151. border:0px solid #fff;
  152.  
  153. color: #202020 !important;
  154. }
  155. #pane_plurk {
  156. background: #202020 url(http://i.imgur.com/IMxYS.png) repeat;
  157. border: 0;
  158. width: 700px;
  159. border-radius: 10px;
  160. margin: 0 -115px 0 115px;
  161. color: #202020 !important;
  162. }
  163.  
  164. /*Your Name by the Plurk Box*/
  165. .qual_holder{
  166. color: #e3e3e3;
  167. }
  168. .mini_form .qual_holder {
  169. color: #202020 !important;
  170. background: transparent:
  171. }
  172.  
  173. /* Plurking Text Area*/
  174. textarea#input_big, textarea#input_permalink {
  175. background: transparent;
  176. border: 1px solid #F7DFE4;
  177. color: #202020 !important;
  178. }
  179.  
  180. /*Plurk/Daily Photos/Search8*/
  181. #toggle_tab li {
  182. margin: 0 -115px 0 115px;
  183. color: #000 !important;
  184. -moz-border-radius:10px;
  185. text-transform: lowercase;
  186. }
  187. .plurkaction{background: #e7e7e7;clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
  188. text-transform: lowercase;
  189. color: #fff;
  190. background: transparent;
  191. border: 0px solid #e5e9e8;
  192. moz-border-radius: 10px 10px 0px 0px;
  193. -khtml-border-radius:10px10px 0px 0px;
  194. -webkit-border-radius: 10px 10px 0px 0px;
  195. }
  196.  
  197. /*Private Plurks, Language and Options*/
  198. #more_options .on, #more_options #more_options_holder {
  199. border:0; background: transparent; color: #e3e3e3; }
  200.  
  201. #more_options_link{
  202. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
  203. border:0; color: #e3e3e3!important; outline:none; position:relative; font-family: tahoma; font-size:12px; font-weight:normal;
  204. }
  205. #more_options .on{
  206. border:0; background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px; color: #e3e3e3;
  207. }
  208.  
  209.  
  210.  
  211.  
  212. /* Plurk Textarea */
  213. textarea#input_big, textarea#input_permalink {
  214. background: #f0f0f0;
  215. border:1px dashed #e3e3e3;
  216. color: #202020 !important;
  217. }
  218.  
  219. /* Block User Button */
  220. .friend_man.block {
  221. background: #fff repeat scroll top left;
  222. border-color: #202020;
  223. -moz-border-radius: 4px 4px 4px 4px;
  224. -khtml-border-radius: 4px;
  225. -webkit-border-radius: 4px;
  226. border-radius: 4px;
  227. border-width: 2px;
  228. }
  229. /* End Block User Button */
  230.  
  231. /* Replace Big Plurk Button */
  232. img[src="http://static.plurk.com/button/plurk.png"] {
  233. filter:alpha(opacity=0);
  234. -moz-opacity:.0;
  235. opacity:.0;
  236. }
  237.  
  238. .submit_img {
  239. background: transparent url(http://i.imgur.com/sE4uw.png) no-repeat scroll top center;
  240. height: 50px;
  241. padding-left: -200px;
  242. overflow: hidden;
  243. }
  244.  
  245. /*Dashboard Background and Info*/
  246. .segment-content {
  247. background:transparent;
  248. color: #e3e3e3;
  249. padding: 2px;
  250. margin: 1px;
  251.  
  252. }
  253.  
  254. #dashboard_holder a {
  255. background:;
  256. }
  257.  
  258. #dashboard_holder a:hover {
  259. background:;
  260. }
  261.  
  262. /* Dashboard */
  263. #plurk-dashboard {
  264. background: transparent;
  265. padding-right: -400px;
  266. margin-right: -400px;
  267. margin-left: 400px;
  268.  
  269.  
  270. }
  271.  
  272. /*Dashboard link*/
  273. #plurk-dashboard a {
  274. color: #9d9d9d;
  275. text-decoration: none;
  276. border:0;
  277. }
  278.  
  279. /*Dashboard link hover*/
  280. #plurk-dashboard a:hover {
  281. color: #000;
  282. text-decoration: none;
  283. border:0;
  284. }
  285. .friend_man.private_plurk {
  286. -moz-border-radius: 6px 6px 6px 6px;
  287. -khtml-border-radius: 6px;
  288. -webkit-border-radius: 6px;
  289. background: #e7e7e7;
  290. text-transform: lowercase;
  291. border: 0px solid #c7c7bd;
  292. color: #fff;
  293. margin-left: 50px;
  294. }
  295.  
  296. /*Dashboard Friends Section*/
  297. #show_all_friends {
  298. width:0; overflow:hidden;
  299. }
  300.  
  301. /* Share Plurk Page */
  302. #sharePlurk {
  303. background: transparent;
  304. border-style: none;
  305. border: 0;
  306. height: 66px;
  307. margin-right:2px;
  308. margin-top:-20px;
  309. color:#e3e3e3;
  310. }
  311.  
  312. #sharePlurk div {
  313. border-style: none none none none;
  314. border-width: 0px 0px 0px 0px;
  315. padding: 2px;
  316. }
  317.  
  318. #sharePlurk span {
  319. background: transparent none no-repeat scroll left bottom;
  320. padding: 1px 0px 1px 9px;
  321. font-size: 11px;
  322. }
  323. #sharePlurk #invite_url {
  324. border:#cccccc 1px solid;
  325. font-size: 11px;
  326. }
  327.  
  328. #sharePlurk p {
  329. margin: 10px 13px 0;
  330. font-size: 10px;
  331. }
  332.  
  333. .cmp_wj {
  334. height: 21px;
  335. }
  336. /* End Share Plurk Button */
  337.  
  338. /*Widget/Twitter/Mobile*/
  339. a#widget-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -320px no-repeat; width: 25px; height:22px; }
  340. a#mobile-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -251px no-repeat; width: 21px; height:30px; }
  341. a#twitter-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -296px no-repeat; width: 23px; height:24px; }
  342.  
  343. /*Invite Your Friends*/
  344. a#dashboard-invite {
  345. background: transparent url() no-repeat scroll 0 16px;
  346. overflow: hidden;
  347. color: transparent!important;
  348. margin-left: auto;
  349. margin-right: auto;
  350. border: 0;
  351. }
  352.  
  353. a#dashboard-invite:hover {
  354. background: transparent url () no-repeat scroll 0 -65px;
  355. overflow: hidden;
  356. color: transparent!important;
  357. }
  358. .cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
  359. background: transparent none no-repeat scroll 0 0;
  360. height: 0px;
  361. width: 0px;
  362. color: #e3e3e3;
  363. }
  364.  
  365. /*Dashboard Stats area*/
  366. #dash-stats{
  367. -moz-border-radius: 11px 11px 11px 11px;
  368. -khtml-border-radius: 11px;
  369. -webkit-border-radius: 11px;
  370. background: #fff url() repeat;
  371. color: #808080;
  372. padding-top: 10px;
  373. padding-bottom: 11px;
  374. text-align: center;
  375. }
  376.  
  377. /*Dashboard Friends area*/
  378. #dash-friends {
  379. -moz-border-radius: 11px 11px 11px 11px;
  380. -khtml-border-radius: 11px;
  381. -webkit-border-radius: 11px;
  382. padding-top: 10px;
  383. padding-bottom: 11px;
  384. padding-left: 5px;
  385. padding-right: 5px;
  386. text-align: center;
  387. background: #fff url() repeat;
  388. }
  389.  
  390. /*Dashboard Fans*/
  391. #dash-fans {
  392. width:0; overflow:hidden;
  393. margin-bottom: -600px;
  394. }
  395.  
  396. /* About Me */
  397. #dash-profile {
  398. -moz-border-radius: 11px 11px 11px 11px;
  399. -khtml-border-radius: 11px;
  400. -webkit-border-radius: 11px;
  401. background: #fff url() repeat;
  402. color: #808080;
  403. padding: 10px;
  404. font-family: courier new;
  405. }
  406.  
  407. #span_years {
  408. color: #525252;
  409. font-weight: bold;
  410. font-family: courier new, courier new;
  411. }
  412.  
  413. #location {
  414. font-family: courier new, courier new;
  415. color: #525252;
  416. text-transform: lowercase;
  417. }
  418.  
  419. #span_gender {
  420. color: #525252;
  421. }
  422.  
  423. p#relationship_container {
  424. -moz-border-radius: 11px 11px 11px 11px;
  425. -khtml-border-radius: 11px;
  426. -webkit-border-radius: 11px;
  427. background: #fff url() repeat;
  428. border:0;
  429. color: #525252;
  430. padding: 10px;
  431. font-family: courier;
  432. text-transform: lowercase;
  433. }
  434.  
  435. #full_name {
  436. color:#525252;
  437. font-family: courier new, courier new;
  438. }
  439.  
  440. p#about_me {
  441. -moz-border-radius: 11px 11px 11px 11px;
  442. -khtml-border-radius: 11px;
  443. -webkit-border-radius: 11px;
  444. background: #fff url() repeat;
  445. border:0;
  446. color: #808080;
  447. margin:2px;
  448. padding: 10px;
  449. text-align:left;
  450. }
  451.  
  452. #dash-profile img {
  453. -moz-border-radius: 25px 25px 25px 25px;
  454. -khtml-border-radius: 25px;
  455. -webkit-border-radius: 25px;
  456. }
  457.  
  458. #dash-stats h2, #dash-friends h2, #dash-fans h2 {
  459. color: #fea8a8;
  460. font-size:20px;
  461. line-height:100%;
  462. text-align:left;
  463. border:0;
  464. font-weight: none;
  465. }
  466.  
  467. /*Karma Count */
  468. #karma {
  469. font-family: courier new;
  470. color: #525252;
  471. font-size: 26px;
  472. text-transform: uppercase;
  473. }
  474.  
  475. .karma_hover {
  476. font-family: courier;
  477. color: #525252;
  478. font-size: 26px;
  479. text-transform: uppercase;
  480. }
  481.  
  482. .karma_arrow {
  483. filter:alpha(opacity=0);
  484. -moz-opacity:.0;
  485. opacity:.0;
  486. }
  487.  
  488. .cmp_karma_up {
  489. background:transparent url(/static/icons/icons_png.png) 0 -28px no-repeat;
  490. width:8px;
  491. height:10px;
  492. margin-top: 10px;
  493. }
  494.  
  495. /*Extra*/
  496. .award_bar {
  497. height: 50px;
  498. }
  499.  
  500. .friend_holder {
  501. margin-bottom: 4px;
  502. }
  503.  
  504. .friend_holder table {
  505. margin-left: auto;
  506. margin-right: auto;
  507. }
  508.  
  509. .friend_holder .user_link{
  510. height:25px!important;width:25px!important;
  511. }
  512.  
  513. .friend_holder img{
  514. width:30px;
  515. height:30px;
  516. border: 0;
  517. }
  518.  
  519. /*Your name by Plurk box - not in timeline */
  520. .qual_holder{
  521. color : #e3e3e3;
  522. }
  523. .mini_form .qual_holder {
  524. color: #e3e3e3 important;
  525. background: #fff;
  526. }
  527.  
  528. /*Dashboard Stats*/
  529. #dash-stats table td {
  530. color: #e3e3e3;
  531. }
  532.  
  533. /*Dashboard Header2*/
  534. #plurk-dashboard h2{
  535. color: #000;
  536. font-family:courier;
  537. font-size: 30px;
  538. font-weight: bold;
  539. text-transform: uppercase;
  540. background-color: transparent;
  541. border-bottom: 0;
  542. }
  543.  
  544. /* Follow Friend/Fan Box */
  545. .friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
  546. -moz-border-radius: 6px 6px 6px 6px;
  547. -khtml-border-radius: 6px;
  548. -webkit-border-radius: 6px;
  549. background: #202020 !important;
  550. border: 0px solid #e3e3e3;
  551. font-family: courier;
  552. color: #fff;
  553. }
  554. /* End Follow Friend/Fan Box */
  555.  
  556. /*Search Feature */
  557. #pane_search .main_poster{width:775px; color: #e3e3e3!important;}
  558.  
  559. #pane_search .orange-but{margin-bottom:10px;}
  560. /* End */
  561.  
  562. /*Saved searches overall text size etc */
  563. .saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;}
  564. /* End */
  565.  
  566. /* Saved Searches LINKS */
  567. .saved_searches a{color:#9d9d9d!important;text-decoration:underline!important;}
  568. /* End */
  569.  
  570. /* Saved Search bold text */
  571. .saved_searches b{font-size:16px; color:#9d9d9d!important;}
  572.  
  573. /* Delete saved search css *
  574. /.del_search{
  575. cursor: crosshair;
  576. background: #fff!important;
  577. color: #9d9d9d;
  578. border:0;
  579. margin-left:9px;
  580. padding:1px 4px;
  581. }
  582.  
  583. /* Text area for Search Feature */
  584. input#current_query{
  585. border:0;
  586. width:100%;
  587. font-size:25px;
  588. border-color:#e3e3e3;
  589. color: #e3e3e3;
  590. }
  591.  
  592. /*------------------------ PART 3 OF EDITING PLURK LAYOUT -------------------------*/
  593. /*---------------------------- ALL LINKS AND FORMATTING OF LINKS ------------------*/
  594.  
  595.  
  596. /*URL in Plurks. Colour, Visited etc*/
  597. .plurk a.ex_link {
  598.  color:#606060;
  599. font-weight: bold;
  600. text-decoration:none;
  601. }
  602.  
  603. .plurk a.ex_link:hover {
  604. color: #fff;
  605.  
  606. font-weight: bold;
  607. border-bottom: 0px solid #acacac;
  608. text-decoration:normal;
  609.  
  610. }
  611.  
  612. .plurk a.ex_link:visited {
  613.  
  614. }
  615.  
  616. a:link {
  617. color: #8b8b8b;
  618. text-transform: normal;
  619. }
  620.  
  621. a:visited, a:active {
  622. color: #606060;
  623. text-transform: normal;}
  624.  
  625. a:hover {
  626. border:0;
  627. color: #000;
  628. text-transform: normal;
  629. }
  630.  
  631. #top_bar #edit_link:hover, #reply h2 {
  632. color: #ffffff;
  633. font-weight:bold;
  634. }
  635.  
  636. #reply  #reply_box {
  637. background: #fff;
  638. }
  639.  
  640. #reply h2 {
  641. background: #8b8b8b;
  642. }
  643.  
  644. #reply #reply_box_holder {
  645. background: #fff;
  646. }
  647.  
  648. /*Edit Area*/
  649.  
  650. #top_login a:hover{color: #4f544c;   text-transform: normal;}
  651. #top_bar .content  a:hover{color:#4f544c;   text-transform: normal;}
  652. #top_bar .content  a#edit_link{background:transparent; padding-bottom:1px; color:#4f544c;  text-transform: normal;}
  653. #top_bar .content  a:hover#edit_link{color:#4f544c;  text-transform: normal;}
  654.  
  655. #top_login {
  656.  
  657. margin-bottom: -1px;
  658.  
  659. }
  660.  
  661. /* Top Login */
  662. #top_login a {
  663.  
  664. border:0;
  665. font-weight: bold;
  666. text-decoration: normal;
  667. color: #4f544c;
  668. }
  669.  
  670. #top_login a:hover {
  671.  
  672. border:0;
  673. text-decoration: normal;
  674. color: #4f544c;
  675. }
  676. /* Footer Links */
  677. #footer {
  678. color: #000;
  679. }
  680. #footer a {
  681.  
  682. color: #000;
  683. border-bottom:1px solid #666;
  684. font-weight: bold;
  685. }
  686.  
  687.  #footer a:hover {
  688.  
  689. color: #666;
  690. border:0;
  691. text-decoration: underline;
  692. font-weight: bold;
  693. }
  694.  
  695. /* Top Bar */
  696. #top_bar a {
  697. color: #ffffff;
  698. font-weight: regular;
  699. text-transform: normal;
  700. border:0;
  701. }
  702.  
  703. #top_bar a:hover {
  704.        color: #000;
  705. background: transparent;
  706. font-wright: regular;
  707. text-transform: normal;
  708. border:0;
  709. }
  710.  
  711. /*------------------------- PART 4 OF EDITING PLURK LAYOUT ------------------------*/
  712. /*----------------- TIMELINE EXTRAS - PLURKS AND OPTIONS - PLURK TABS ---------------*/
  713.  
  714.  
  715. /*Time of Plurk above Plurk Timeline Strip*/
  716. .day_start, .day {
  717. }
  718.  
  719. /* Updater Responses and new Plurks */
  720. #updater {
  721. padding: 2px;
  722. text-transform: none;
  723. border:0;
  724. color: #878787;
  725. background: #fff;
  726. }
  727.  
  728. #updater .text {
  729. border:0;
  730. color: #878787;
  731.  
  732. font-size: 11px;
  733. }
  734. #updater a {
  735. color: #878787;
  736.  
  737. text-transform: none;
  738. }
  739.  
  740. #updater a:hover {
  741. color:#878787;
  742. text-transform: none;
  743.  
  744. }
  745.  
  746.  
  747. /* Plurk: View before opening any Plurk */
  748. .plurk_cnt {
  749. background: #fff repeat scroll top left !important;
  750. color: #606060 !important;
  751. font-size: 11px;
  752. border-right: 2px solid #f1f1f1;
  753. border-bottom: 2px solid #f1f1f1;
  754. line-height: 13px;
  755. }
  756.  
  757. /* Time above Plurk Timeline */
  758.  
  759.  
  760. /* Search Form in Plurk Timeline */
  761. #mini_search .i_text {
  762.  
  763. background: #FFF;
  764. border:0;
  765. color: #8b8b8b;
  766.  
  767.         width:160px;
  768. padding: 2px;
  769.  
  770. }
  771.  
  772. #mini_search .i_button {
  773. background: #FFF;
  774. border:0;
  775. color: #8b8b8b;
  776. padding:2px;
  777. }
  778.  
  779.  
  780.  
  781. /* CSS code ... in between Plurk and number of Plurk responses - all in timeline */
  782. .dots .inner {
  783. background: #fff;
  784.         margin-left: 2px;
  785. color: #8b8b8b !important;
  786. }
  787.  
  788.  
  789. /* Youtube, Images etc hover in Plurks */
  790. .youtube img,.pictureservices img { border: none; opacity:.6; filter: alpha(opacity=60); }
  791. .youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }
  792.  
  793. /* Plurk: Background where responses are */
  794. .plurk_box .list {
  795. background: #ffffff repeat scroll top left;
  796. border-color: #e0e0e0;
  797.         border-radius: 8px;
  798.         border-width: 0px;
  799. color: #606060 !important;
  800. }
  801.  
  802. /* Delete Save Edit Mute Unmute Close */
  803. .manager .action { color:#000000; margin-left:5px; }
  804. .manager a:hover { text-decoration: none!important; }
  805. .manager .cancel { color:#ff0000; margin-right:5px; }
  806. .manager .delete { color:#9d9d9d; margin-right:5px; }
  807. .unmute { color:#8b8b8b!important; }
  808.  
  809.  
  810. /* Border around Plurk Picture in Timeline */
  811. .p_img {
  812. border: 1px solid #fff;
  813. }
  814.  
  815. /* Plurking Textarea*/
  816. #input_small {
  817. height: 40px;
  818.  
  819. color: #8b8b8b !important;
  820. border: 1px solid #ffffff;
  821. background: #ffffff; !important;
  822. }
  823. /*Plurk: Textarea to responde to a Plurk */
  824. textarea#input_small {
  825. background: #ffffff !important;
  826. border: 1px solid #888;
  827.  
  828. color: #606060 !important;
  829. }
  830.  
  831. / * Plurk: Response List Rounded Corners */
  832. .list {
  833.  
  834.         -moz-border-radius: 0px 0px 6px 6px;
  835.         -khtml-border-radius: 0px 0px 6px 6px;
  836.         -webkit-border-bottom-left-radius: 6px;
  837.         -webkit-border-bottom-right-radius: 6px;
  838. }
  839.  
  840. /* Today and Time of Plurks */
  841. #bottom_line {
  842.  
  843. font-size: 11px;
  844.  
  845. background: #fff;
  846. border-top:1px solid  #fff;
  847. border-bottom:1px solid  #fff;
  848. color: #000;
  849. }
  850.  
  851. .bottom_start , .bottom_end {color:#000000;font-weight:bold;font-size:12px ;}
  852.  
  853.  
  854. /* All Plurks Tab */
  855. .bottom_line_bg {
  856.  
  857. background: transparent;
  858. font-size: 11px;
  859.  
  860. color:#8b8b8b;
  861. border: 1px solid #FFFFFF;
  862. }
  863.  
  864. .time {margin:0 ; padding:0 ;font-size:17px; color: #8b8b8b;}
  865.  
  866. /*Border at beginning of Timeline*/
  867. .day_bg .div_inner {
  868. background: #FFF;
  869. border-right: 0px solid #313131;
  870. border-left: 0px solid #313131;
  871. border-top:medium none;
  872. position:relative;
  873. width:11px;
  874. color: #8b8b8b !important;}
  875.  
  876. /* Plurk: "Recent Plurk Responses" area */
  877. .plurk_box .caption {
  878. border:0;
  879. font-size: 11px;
  880. color: #606060;
  881. background: #f4f4f4;   
  882. }
  883.  
  884. /* Plurk: "Plurk Page" area */
  885. .info_box {
  886.  
  887. color: #ffffff !important;
  888. background: #666666;           
  889. border:0;
  890. font-size: 11px;
  891.  
  892.        
  893. }
  894. /* Plurk: Color of Text on Empty Message List */
  895. .list .empty {
  896.         color: #000000;
  897. }
  898.  
  899.  
  900. /* Plurk: Response Caption Bars */
  901. .plurk_box {
  902.         -moz-border-radius: 6px;
  903.         -khtml-border-radius:6px;
  904.         -webkit-border-bottom-left-radius: 6px;
  905.         -webkit-border-bottom-right-radius: 6px;
  906. }
  907. /* Plurk: Mini Form Text */
  908. .plurk_box .highlight_light {
  909.         color: #ff0000 !important;
  910. }
  911. /* Plurk: Drop Arrow on Message Box Qualifiers */
  912. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  913.         background-position: left top;
  914.         background-repeat: no-repeat;
  915.         overflow: hidden;
  916.         height: 0px;
  917.         width: 0px;
  918. }
  919.  
  920. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  921.         height: 12px;
  922.         padding-left: 14px;
  923.         background: url(http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif) no-repeat scroll left top;
  924.         margin-left: 1px;
  925. }
  926. /* Drop Arrow on Message Box Qualifiers */
  927.  
  928.  
  929. /* Plurk: Plurk Text when Plurk opened */
  930. .plurk_cnt {
  931. background: #fff repeat scroll top left !important;
  932. color: #b2b2b2 !important;
  933. font-size: 11px;
  934. border-bottom: 0;
  935. border-right: 0;
  936. line-height: 13px;
  937. -moz-border-radius: 10px;
  938. font-family: courier new;
  939. }
  940.  
  941. #input_small {
  942. height: 40px;
  943. color: #ff006c !important;
  944. border: 1px solid #ffffff;
  945. background: #ffffff; !important;
  946. -moz-border-radius: 5px;
  947. }
  948.  
  949. .plurk a.ex_link {
  950. color:#9d9d9d;
  951. font-weight: bold;
  952. text-decoration:none;
  953. }
  954.  
  955. .plurk a.ex_link:hover {
  956. color: #bbbbbb;
  957. font-weight: bold;
  958. border-bottom: 0px solid #EDB2A6;
  959. text-decoration:none;
  960.  
  961. }
  962.  
  963. .plurk a.ex_link:visited {
  964. color:#b1b1b1;
  965. font-weight: bold;
  966. text-decoration:none;
  967. }
  968.  
  969. .plurk_box {
  970.  
  971. }
  972.  
  973. .plurk_box .highlight_light {
  974. color: #b2b2b2 !important;
  975. }
  976.  
  977. /*Plurk Too Much Characters*/
  978. .mini_form .char_updater {
  979. color: #e9e9e5 !important;
  980. background: #f9f9f9;
  981. }
  982.  
  983. /*Respond Area*/
  984. .plurk_box .mini_form {
  985. background: #fff;
  986. color: #e9e9e5 !important;
  987. border-right: 1px solid #fff;
  988. border-left:0;
  989. -moz-border-radius: 5px 5px 5px 5px!important;
  990. border-bottom:0;
  991. border-top:0;
  992. }
  993.  
  994.  
  995. /*Responses*/
  996. .plurk_box .plurk_cnt {
  997. background: #fff !important;
  998. border-bottom: 1px solid #f7f7f7;
  999. color: #b2b2b2 !important;
  1000. border-top: 0px solid #e0e0e0;
  1001. padding-top: 3px;
  1002. padding-bottom: 3px;
  1003. }
  1004.  
  1005. /*"URL:plurkpage" Text*/
  1006. .info_box {
  1007. color: #606060!important;
  1008. background: #f4f4f4;
  1009. border:0;
  1010. font-size: 11px;
  1011. }
  1012.  
  1013. .info_box a:hover {color:#fff!important; text-decoration:none!important;}
  1014.  
  1015. /* Delete, Save, Edit, Cancel, Delete in Plurks */
  1016. .manager .action {
  1017. color:#9d9d9d;
  1018. margin-left:5px;
  1019. }
  1020. .manager a:hover {
  1021. text-decoration: none!important;
  1022. }
  1023. .manager .cancel {
  1024. color:#ff0000;
  1025. margin-right:5px;
  1026. }
  1027. .manager .delete {
  1028. color: #a1a1a1;
  1029. margin-right:5px;
  1030. }
  1031. .unmute { color:#8b8b8b!important;
  1032. }
  1033.  
  1034. /*Box where you type your response to a Plurk*/
  1035. textarea#input_small {
  1036. background: url(http://i.imgur.com/knldZ.png) !important;
  1037. border: 0px solid #dddddd;
  1038. color: #5c5c5c !important;
  1039. }
  1040.  
  1041. /*Responses Area*/
  1042. .list {
  1043. -moz-border-radius: 0px 0px 6px 6px;
  1044. -khtml-border-radius: 0px 0px 6px 6px;
  1045. -webkit-border-bottom-left-radius: 6px;
  1046. -webkit-border-bottom-right-radius: 6px;
  1047. }
  1048.  
  1049. /*"No Responses, be the first"*/
  1050. .list .empty {
  1051. color: #5c5c5c;
  1052. }
  1053.  
  1054. /*Number of Responses on Plurks in Timeline*/
  1055. .response_count {
  1056. background: transparent;
  1057. color: #000000 !important;
  1058. padding-left: 4px;
  1059. padding-right: 6px;
  1060. padding-top: 1px;
  1061. padding-bottom: 4px;
  1062. }
  1063.  
  1064.  
  1065.  
  1066. /*New responses on Plurks*/
  1067. .new .response_count {
  1068. background: #000000;
  1069. border-right: 1px solid #33312f;
  1070. border-top: 1px solid #44423f;
  1071. border-bottom: 1px solid #33312f;
  1072. border-left: 1px solid #44423f;
  1073. color: #fff !important;
  1074. padding-left: 4px;
  1075. padding-right: 6px;
  1076. padding-top: 1px;
  1077. padding-bottom: 3px;
  1078. }
  1079.  
  1080. /* Today, yesterday, 2 days ago etc text on actual time line area */
  1081. .day_start .div_bottom,  .day_start .bottom_start {color: #cdcdcd !important;}
  1082.  
  1083.  
  1084. /*--------------------------- PART 5 OF EDITING PLURK LAYOUT ----------------------*/
  1085. /*---------- MENU INFO - MEMBER INFO - QUALIFIERS AND BOLD ETC FORMATTING ---------*/
  1086.  
  1087.  
  1088. /* Bold Italic and Underline */
  1089.  
  1090. strong {
  1091.         color: #cdcdcd;
  1092.                 cursor: default;}
  1093.  
  1094. strong:hover {
  1095.         color: #cdcdcd;
  1096.                 cursor: default;}
  1097.  
  1098.  
  1099.        
  1100. i {
  1101.         color: #cdcdcd;
  1102.                 cursor: default;
  1103.         }
  1104.  
  1105. i:hover {
  1106.  color: #cdcdcd;
  1107.                 cursor: default;
  1108. }
  1109.  
  1110. u {
  1111.          color: #cdcdcd;
  1112.                 cursor: default;
  1113.                 border-bottom: 0px solid #000000;
  1114.         }
  1115.  
  1116. u:hover {
  1117.          color: #cdcdcd;
  1118.                 cursor: default;
  1119.                 border-bottom: 0px solid #000000;}
  1120.  
  1121. /* Firefox Selection */
  1122. ::-moz-selection{
  1123. background: #000000;
  1124. color:#fff;
  1125. }
  1126.  
  1127. /*Selection on browsers*/
  1128. ::selection {
  1129. background: #000000;
  1130. color:#fff;
  1131. }
  1132.  
  1133.  
  1134.  
  1135. /* Tool Tip */
  1136. .tooltip_cnt{
  1137. background: #2f2e2a;
  1138. border:1px solid  #fff;
  1139. color: #ffffff;
  1140. padding:5px;
  1141. margin-top:1px;
  1142. font-size:11px;
  1143. }
  1144.  
  1145. .AmiTT_main b {
  1146. color: #8b8b8b;
  1147. font-weight:bold;
  1148. }
  1149.  
  1150. .AmiTT_main {
  1151. color: #FEA6CC;
  1152. line-height:1.2;
  1153. border-top: 1px solid #666;
  1154. position:absolute;
  1155. text-align:left;
  1156. width:209px;
  1157. z-index:2000;
  1158.  
  1159. }
  1160.  
  1161. /* Drop Arrow on User Menu */
  1162. .cmp_tooltips-down {
  1163.         height: 17px;
  1164.         background: transparent url(http://plurklayouts.com/images/layouts/greenybeige_down.png) no-repeat scroll left top;
  1165. }
  1166. /* End Drop Arrow on User Menu */
  1167.  
  1168. .cmp_tooltips-up {
  1169.         height: 17px;
  1170.         background: transparent url(http://plurklayouts.com/images/layouts/greenybeige_down.png) no-repeat scroll left top;
  1171. }
  1172. /* Up Arrow on User Menu */
  1173.  
  1174.  
  1175.  
  1176.  
  1177. /* Color Box on User Menu */
  1178. .AmiMenu.info_menu {
  1179. background: #2f2e2a;
  1180. border:1px solid  #2f2e2a;
  1181. color: #cdcdcd;
  1182. }
  1183. .AmiMenu.info_menu .block {
  1184.         background:#0e0e0e;
  1185.  
  1186. }
  1187. .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {
  1188.         background: #0e0e0e;
  1189.  
  1190. }
  1191.  
  1192. .AmiMenu.info_menu .separator {
  1193. background: #2f2e2a;
  1194.  
  1195.  
  1196. }
  1197. .AmiMenu.info_menu .user_info.on b {
  1198.  
  1199. color: #ffffff;
  1200.         font-weight: bold;
  1201. }
  1202. /* END Color Box on User Menu */
  1203.  
  1204.  
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210. /* Loves Likes Shares Gives Hates Wants etc */
  1211. .q_freestyle {
  1212. background: #000000;
  1213. border-right: 1px solid #33312f;
  1214. border-top: 1px solid #44423f;
  1215. border-bottom: 1px solid #33312f;
  1216. border-left: 1px solid #44423f;
  1217. color: #FFF !important;
  1218.  
  1219. }.q_loves {
  1220. border-top: 1px solid #BF1717;
  1221. border-left: 1px solid #BF1717;
  1222.  
  1223. border-right: 1px solid #8F0808;
  1224. border-bottom: 1px solid #8F0808;
  1225. color: #FFF;
  1226. background: #B20C0C;
  1227. }
  1228. .q_likes {
  1229. border-top: 1px solid #BF2F32;
  1230. border-left: 1px solid #BF2F32;
  1231. border-right: 1px solid #AF0A0D;
  1232. border-bottom: 1px solid #AF0A0D;
  1233. color: #ffffff;
  1234. background: #CB2728;
  1235. }
  1236. .q_shares {
  1237. border-top: 1px solid #BF5F5F;
  1238. border-left: 1px solid #BF5F5F;
  1239. border-right: 1px solid #9F3B3B;
  1240. border-bottom: 1px solid #9F3B3B;
  1241. color: #ffffff;
  1242. background: #A74949;
  1243. }
  1244. .q_gives {
  1245. border-top: 1px solid #5F0C0C;
  1246. border-left: 1px solid #5F0C0C;
  1247. border-right: 1px solid #3F0000;
  1248. border-bottom: 1px solid #3F0000;
  1249. color: #ffffff;
  1250. background: #620E0E;
  1251. }
  1252.  
  1253. .q_hates {
  1254. border-top: 1px solid #3F3F3F;
  1255. border-left: 1px solid #3F3F3F;
  1256. border-right: 1px solid #000000;
  1257. border-bottom: 1px solid #000000;
  1258. color: #ffffff;
  1259. background: #111111;
  1260. }
  1261. .q_wants {
  1262.  border-top: 1px solid #A1BF5F;
  1263. border-left: 1px solid #A1BF5F;
  1264. border-right: 1px solid #809F3B;
  1265. border-bottom: 1px solid #809F3B;
  1266. color: #ffffff;
  1267. background: #8DB241;
  1268. }
  1269.  
  1270. .q_wishes{
  1271. border-top: 1px solid #67AF2B;
  1272. border-left: 1px solid #67AF2B;
  1273. border-right: 1px solid #4A8F11;
  1274. border-bottom: 1px solid #4A8F11;
  1275. color: #ffffff;
  1276. background: #5BB017;
  1277. }
  1278.  
  1279. .q_needs {
  1280. border-top: 1px solid #A1BF5F;
  1281. border-left: 1px solid #A1BF5F;
  1282. border-right: 1px solid #839F45;
  1283. border-bottom: 1px solid #839F45;
  1284. color: #ffffff;
  1285. background: #7A9A37;
  1286. }
  1287.  
  1288. .q_will {
  1289. border-top: 1px solid #BF839C;
  1290. border-left: 1px solid #BF839C;
  1291. border-right: 1px solid #9F5976;
  1292. border-bottom: 1px solid #9F5976;
  1293. color: #ffffff;
  1294. background: #B46D89;
  1295. }
  1296.  
  1297. .q_hopes {
  1298. border-top: 1px solid #F67FFF;
  1299. border-left: 1px solid #F67FFF;
  1300. border-right: 1px solid #C540CF;
  1301. border-bottom: 1px solid #C540CF;
  1302. color: #ffffff;
  1303. background: #E05BE9;
  1304. }
  1305.  
  1306. .q_asks {
  1307. border-top: 1px solid #AA8BDF;
  1308. border-left: 1px solid #AA8BDF;
  1309. border-right: 1px solid #825FBF;
  1310. border-bottom: 1px solid #825FBF;
  1311. color: #ffffff;
  1312. background: #8361BC;
  1313. }
  1314.  
  1315. .q_has {
  1316. border-top: 1px solid #8F8F8F;
  1317. border-left: 1px solid #8F8F8F;
  1318. border-right: 1px solid #4F4F4F;
  1319. border-bottom: 1px solid #4F4F4F;
  1320. color: #ffffff;
  1321. background: #777777;
  1322. }
  1323.  
  1324. .q_was {
  1325. border-top: 1px solid #7F7F7F;
  1326. border-left: 1px solid #7F7F7F;
  1327. border-right: 1px solid #3F3F3F;
  1328. border-bottom: 1px solid #3F3F3F;
  1329. color: #ffffff;
  1330. background: #525252;
  1331. }
  1332.  
  1333. .q_wonders {
  1334. border-top: 1px solid #5373BF;
  1335. border-left: 1px solid #5373BF;
  1336. border-right: 1px solid #31519F;
  1337. border-bottom: 1px solid #31519F;
  1338. color: #ffffff;
  1339. background: #2E4E9E;
  1340. }
  1341.  
  1342. .q_feels {
  1343.  border-top: 1px solid #53A7DF;
  1344. border-left: 1px solid #53A7DF;
  1345. border-right: 1px solid #2380BF;
  1346. border-bottom: 1px solid #2380BF;
  1347. color: #ffffff;
  1348. background: #2D83BE;
  1349. }
  1350.  
  1351. .q_thinks {
  1352. border-top: 1px solid #99C3DF;
  1353. border-left: 1px solid #99C3DF;
  1354. border-right: 1px solid #5F98BF;
  1355. border-bottom: 1px solid #5F98BF;
  1356. color: #ffffff;
  1357. background: #689CC1;
  1358. }
  1359.  
  1360. .q_says {
  1361. background: #000000;
  1362. border-right: 1px solid #33312f;
  1363. border-top: 1px solid #44423f;
  1364. border-bottom: 1px solid #33312f;
  1365. border-left: 1px solid #44423f;
  1366. color: #FFF !important;
  1367. }
  1368.  
  1369. .q_is {
  1370. border-top: 1px solid #DF8453;
  1371. border-left: 1px solid #DF8453;
  1372. border-right: 1px solid #CF6A33;
  1373. border-bottom: 1px solid #CF6A33;
  1374. color: #ffffff;
  1375. background: #E57C43;
  1376. }
  1377.  
  1378. .qual_menu .q_shares{
  1379. color: #ffffff !important;
  1380. border-top: 1px solid #3F2F2B !important;
  1381. border-left: 1px solid #3F2F2B;
  1382. border-right: 1px solid #0F0B09;
  1383. border-bottom: 1px solid #0F0B09 !important;}
  1384.  
  1385. .share_menu{
  1386. border-top: 1px solid #3F2F2B !important;
  1387. border-left: 1px solid #3F2F2B !important;
  1388. border-right: 1px solid #0F0B09 !important;
  1389. border-bottom: 1px solid #0F0B09 !important;
  1390.  
  1391. color: #ffffff !important;
  1392.  
  1393.  font-size:16px;}
  1394.  
  1395. .mini_menu .share_menu{
  1396. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09;
  1397. color: #ffffff !important;  font-size:12px;}
  1398.  
  1399. .share_menu .on{
  1400. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09;
  1401. background-color:#8d0000;
  1402. color:#FFF !important;}
  1403.  
  1404. .q_video,.q_link{
  1405. border-left:1px solid #ffffff !important;}
create a new version of this paste RAW Paste Data