Advertisement
Guest User

Andrew KoL Plurk

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