Advertisement
Guest User

Untitled

a guest
Feb 6th, 2016
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.80 KB | None | 0 0
  1. /*````````````````````````````````````````````````````````````````
  2.  
  3. Please credit LayoutFREAK! if you use this design template!! Edit for personal use ONLY!
  4.  
  5. ````````````````````````````````````````````````````````````````*/
  6.  
  7.  
  8. /*Creepy Fish*/
  9.  
  10. .loading{
  11. background:transparent url() no-repeat scroll center top !important;
  12. margin-top:30px;
  13. height:0px;
  14. opacity:0 !important; zoom:1;
  15. }
  16.  
  17. #div_loading {filter:alpha(opacity=0); opacity:0.0;
  18. }
  19.  
  20. /*HORIZONTAL PLURK MENU*/
  21.  
  22. #filter_tab li {clear:none;width:auto;margin-left:5px;}
  23. #filter_tab a {height:25px !important; margin:0 !important;}
  24. .timeline_control {margin-left:5px;margin:18px;}
  25. #timeline_control_holder {width:100%;}
  26. #updater {left:5px;margin-bottom:0px;}
  27.  
  28. /*Top Bar*/
  29.  
  30. #top_bar{
  31. max-height:28px;
  32. font-size:14px;
  33. font-weight:bold;
  34. white-space:nowrap;
  35. background-color:#000000;
  36. font-color: #505050;
  37. }
  38.  
  39. #top_bar .bar-icon{
  40. line-height:28px;
  41. }
  42.  
  43. #top_bar img.bar-icon{
  44. width:14px;
  45. max-height:14px;
  46. }
  47.  
  48. #top_bar #page_menu{
  49. line-height:28px;
  50. }
  51.  
  52. #layout_body #layout_content {
  53. padding-top: 28px;
  54. }
  55.  
  56. #top_bar #top_menu {
  57. padding: 0px;
  58. margin: 0px;
  59. }
  60.  
  61. #top_bar #plurk_logo .logo_img{
  62. margin: 0px;
  63. height:18px;
  64. }
  65.  
  66. #top_bar .item{
  67. line-height:28px;
  68. }
  69.  
  70. #bottom_line{
  71. top:393px;
  72. }
  73.  
  74. ._lc_ .plurk_box .plurk_cnt {border: none !important;
  75. }
  76.  
  77. #bar-color{ opacity:0.0 !important;
  78. }
  79.  
  80. /* Main Body and Background of Body */
  81. body, html {
  82. font-family: 'Arial', Arial,Verdana,sans-serif;
  83. background: #181818;
  84. background-repeat: repeat-x;
  85. }
  86.  
  87. /* Timeline Holder Background */
  88. #timeline_holder {
  89. font-family: "Arial", Veranda, serif;
  90. font-size: 15px;
  91. background: #000000 url(http://i.imgur.com/8MHQOHt.png);
  92. background-repeat: no-repeat;
  93. background-position: top-left;
  94. border: 0px solid transparent;
  95. height:380px!important;
  96. }
  97.  
  98. /* Timeline Holder Plurks */
  99. #timeline_holder table td {
  100. border-radius: 8px;
  101. -moz-border-radius:8px 8px 8px 8px;
  102. -webkit-border-radius: 8px;
  103. -khtml-border-radius: 8px;
  104. -o-border-radius: 8px;
  105. color: #000000;
  106.  
  107.  
  108. }
  109.  
  110. /*-------------Timeline-------------*/
  111.  
  112.  
  113.  
  114. /*Special*/
  115. #timeline_holder div.plurk{
  116. transition:top 0.5s ease-in-out, transform 0.5s;
  117. transform-origin: top;
  118. transition-delay: .3s;
  119. -webkit-transition:top 0.5s ease-in-out, -webkit-transform 0.5s;
  120. -webkit-transform-origin:0 0;
  121. -moz-transition:top 0.5s ease-in-out, -moz-transform 0.5s !important;
  122. -moz-transform-origin:top !important;
  123. -o-transition:top 0.5s ease-in-out, -o-transform 0.5s !important;
  124. -o-transform-origin:top !important;
  125. -webkit-transition-delay: .3s;
  126. -moz-transition-delay: .3s;
  127. -o-transition-delay: .3s;
  128.  
  129. }
  130.  
  131. /* Top Login */
  132. #top_login a {
  133. background-color: transparent;
  134. border:0;
  135. font-weight: bold;
  136. text-decoration: normal;
  137. color: #95983d !important;
  138. font-variant: small-caps;
  139. }
  140.  
  141. #top_login a:hover {
  142. border:0;
  143. text-decoration: normal;
  144. color: #c238f4 !important;
  145. letter-spacing: 1px;
  146. }
  147.  
  148. #top_login {
  149. background: transparent;
  150. border: transparent;
  151. margin: 0px 0px 0px 0px;
  152. padding-right: 10px;
  153. height: 19px;
  154. }
  155.  
  156. /*Edit*/
  157. #top_bar #edit_link:hover { font-weight:bold; background: transparent; letter-spacing: 1px; font-variant: none !important;}
  158. #top_bar .content a:hover{text-transform: normal; letter-spacing: 1px; }
  159. #top_bar .content a#edit_link{background:transparent; padding-bottom:1px; color:#95983d; text-transform: normal; font-variant: none !important;}
  160. #top_bar .content a:hover#edit_link{color:#95983d !important; text-transform: normal;}
  161.  
  162.  
  163. /* Top Bar */
  164.  
  165. #item.profile_item.on, .always_on {
  166. color: #c238f4 !important;
  167. }
  168.  
  169. #top_bar a {
  170. color: #c238f4;
  171. font-weight: regular;
  172. text-transform: normal;
  173. border:0;
  174. font-variant: small-caps;
  175. }
  176.  
  177. #top_bar a:hover {
  178. color: #95983d !important;
  179. background: transparent;
  180. font-wright: regular;
  181. text-transform: normal;
  182. border:0;
  183. }
  184.  
  185. #alert_beacon.count, .unread_generic {
  186. color:#c238f4 !important ;
  187. background: transparent;
  188. }
  189.  
  190. /* Page Title */
  191. #page_title {
  192. color: #a1a1a1;
  193. font-variant: small-caps;
  194. }
  195.  
  196. /* LOGO */
  197. #dynamic_logo{
  198. position:absolute;
  199. margin:3px 0 0 5px;
  200. width:168px;
  201. height:162px;
  202. background: transparent;
  203. }
  204.  
  205. #dynamic_logo img{
  206. height:0px;
  207. width:0px;
  208. }
  209.  
  210. /* Evening, Night, Day, Morning */
  211. .evening, .night, .day, .morning {
  212. background: transparent URL() no-repeat scroll 0 0; border:none;
  213. }
  214.  
  215. /* Today and Time of Plurks */
  216. #bottom_line {
  217. font-size: 11px;
  218. margin-top: 0px;
  219. border-top:0px solid #b9aeab;
  220. border-bottom: 2px solid transparent;
  221. background: #222222;
  222. }
  223.  
  224. /*Time on Bottom Line*/
  225. .bottom_start , .bottom_end {color:#95983d !important; font-weight:bold; font-size:11px ; margin-top: 3px;}
  226.  
  227. /* Time above Plurk Timeline */
  228. #time_show span {
  229. color: #a1a1a1;
  230. font-weight:bold;
  231. margin: -10px;
  232. }
  233.  
  234. /* Day Separator */
  235. .day_bg .div_inner {
  236. background: url(inserthere) no-repeat scroll center;
  237. padding-left:40px;
  238. padding-right:40px;
  239. border-left: 0px none;
  240. border-right: 0px solid #efefef;
  241. color: transparent !important;
  242.  
  243. }
  244.  
  245. .day_start, .day {
  246. font-weight: normal;
  247. color: #000000 !important;
  248. }
  249.  
  250. .day_start .bottom_start, .day_start .div_start {
  251. margin-top: -365px;
  252. margin-left: -5px;
  253. color: #505050 !important;
  254. text-align: left;
  255. }
  256.  
  257. /* Today, yesterday, 2 days ago etc text on actual time line area */
  258. .day_start .div_bottom, .day_start .bottom_start {color: #c238f4 !important;}
  259.  
  260. /* All Plurks My Plurks*/
  261. #filter_tab {
  262. border-radius: 8px !important;
  263. -moz-border-radius: 8px !important;
  264. -webkit-border-radius: 8px !important;
  265. -khtml-border-radius: 8px !important;
  266. -o-border-radius: 8px !important;
  267. border: 0 !important;
  268. margin-top: 3px;
  269. }
  270.  
  271. #filter_tab a.off_tab {
  272. background:transparent;
  273. color: #95983d;
  274. border:0 !important;
  275. }
  276.  
  277. #filter_tab a.off_tab:none {
  278. color: transparent;
  279. padding-top: 0px !important;
  280. padding-bottom: 0px !important;
  281. background: transparent !important;
  282. margin-top: 0px !important;
  283. border-radius: 0px 0px 20px 20px !important;
  284. -webkit-border-radius: 0px 0px 20px 20px;
  285. -khtml-border-radius: 0px 0px 20px 20px;
  286. -moz-border-radius: 0px 0px 20px 20px;
  287. -o-border-radius: 0px 0px 20px 20px !important;
  288. }
  289.  
  290. #filter_tab a.filter_selected {
  291. padding: 0px 0px 0px 0px !important;
  292. border: transparent 2px solid !important;
  293. background: transparent !important;
  294. border-radius: 0px 0px 20px 20px;
  295. -webkit-border-radius: 0px 0px 20px 20px;
  296. -khtml-border-radius: 0px 0px 20px 20px;
  297. -moz-border-radius: 0px 0px 20px 20px;
  298. -o-border-radius: 0px 0px 20px 20px !important;
  299. color: #505050;
  300. letter-spacing: 2px;
  301. }
  302.  
  303. #filter_tab a.filter_selected:none {}
  304.  
  305. /* Arrows */
  306. .browse_button {
  307. display : none;
  308. }
  309.  
  310. /* Updater Responses and new Plurks */
  311. #updater {
  312. padding: 4px;
  313. margin-top: -0px;
  314. text-transform: none;
  315. border: none !important;
  316. color: transparent;
  317. background: transparent;
  318. border-radius: 20px 0px 20px 0px;
  319. -webkit-border-radius: 20px 0px 20px 0px;
  320. -khtml-border-radius: 20px 0px 20px 0px;
  321. -moz-border-radius: 20px 0px 20px 0px;
  322. -o-border-radius: 20px 0px 20px 0px;
  323.  
  324. }
  325.  
  326. #updater .text {
  327. border:0;
  328. color: #c238f4;
  329. font-size: 11px;
  330. }
  331.  
  332. #updater a {
  333. color: #95983d;
  334. font-weight: bold;
  335. text-transform: none;
  336. }
  337.  
  338. #updater a:hover {
  339. color:#c238f4;
  340. text-transform: none;
  341. font-weight: bold;
  342. }
  343.  
  344. /*Background of Responses in Plurks*/
  345. .plurk_box .list {
  346. min-height: 200px!important;
  347. max-height: 200px!important }
  348.  
  349. /*--------------------------------Dashboard-------------------------------------*/
  350.  
  351. /*Dashboard link*/
  352. #plurk-dashboard a {
  353. color: #95983d !important;
  354. text-decoration: underline;
  355. border:0;
  356. }
  357.  
  358. /*Dashboard link hover*/
  359. #plurk-dashboard a:hover {
  360. color: #505050 !important;
  361. text-decoration: none;
  362. border:0;
  363. }
  364.  
  365. /*Dashboard Header2*/
  366. #plurk-dashboard h2{
  367. color: #505050;
  368. font-family: 'pixelmix', Georgia;
  369. font-size: 27px;
  370. border-bottom: 0px solid #83DF45;
  371. text-transform: capitalize;
  372. }
  373.  
  374. /*Dashboard Background and Info*/
  375. .segment-content {
  376. color: #cdcdcd;
  377. padding: 2px;
  378. margin: 1px;
  379. }
  380.  
  381.  
  382. #plurk-dashboard {
  383. background: transparent url(http://bit.ly/ikNyzm) no-repeat bottom right !important;
  384. border:0 !important;
  385. }
  386.  
  387. /* About Me */
  388. #dash-profile {
  389. background: #222222;
  390. border-radius: 26px 0px 26px 0px;
  391. -webkit-border-radius: 26px 0px 26px 0px;
  392. -khtml-border-radius: 26px 0px 26px 0px;
  393. -moz-border-radius: 26px 0px 26px 0px;
  394. -o-border-radius: 26px 0px 26px 0px;
  395. color: #c238f4;
  396. border:0;
  397. padding: 10px;
  398. }
  399.  
  400. #span_years {
  401. color: #FFFFFF;
  402. font-weight: bold;
  403. }
  404.  
  405. #location {
  406. color: #c238f4;
  407. font-style: italic;
  408. }
  409.  
  410. p#relationship_container {
  411. background: #222222;
  412. border-radius: 26px 0px 26px 0px;
  413. -webkit-border-radius: 26px 0px 26px 0px;
  414. -khtml-border-radius: 26px 0px 26px 0px;
  415. -moz-border-radius: 26px 0px 26px 0px;
  416. -o-border-radius: 26px 0px 26px 0px;
  417. color: #FFFFFF;
  418. border:0;
  419. padding: 10px;
  420. }
  421.  
  422. #full_name {
  423. font-size:17px;
  424. color:#c238f4;
  425. }
  426.  
  427. p#about_me {
  428. background: #222222;
  429. border-radius: 26px 0px 26px 0px;
  430. -webkit-border-radius: 26px 0px 26px 0px;
  431. -khtml-border-radius: 26px 0px 26px 0px;
  432. -moz-border-radius: 26px 0px 26px 0px;
  433. -o-border-radius: 26px 0px 26px 0px;
  434. border:0px solid #fff;
  435. color: #FFFFFF;
  436. margin:2px;
  437. padding: 10px;
  438. text-align:left;
  439. }
  440.  
  441. #dash-stats h2, #dash-friends h2, #dash-fans h2 {
  442.  
  443. color: #FFFFFF;
  444. font-size:29px;
  445. line-height:125%;
  446. text-align:center;
  447. border:0;
  448. font-weight: none;
  449. }
  450.  
  451. /*Dashboard Friends Section*/
  452. #show_all_friends {
  453. background: #222222;
  454. padding-top: 5px;
  455. padding-bottom: 11px;
  456. text-align:center;
  457. color: #c238f4;
  458. border-radius: 10px;
  459. -moz-border-radius: 10px 10px 10px 10px;
  460. -khtml-border-radius: 10px;
  461. -webkit-border-radius: 10px;
  462. -o-border-radius: 10px;
  463. }
  464.  
  465. /*Dashboard Stats area*/
  466. #dash-stats {
  467. background:#222222;
  468. border-radius: 26px 0px 26px 0px;
  469. -webkit-border-radius: 26px 0px 26px 0px;
  470. -khtml-border-radius: 26px 0px 26px 0px;
  471. -moz-border-radius: 26px 0px 26px 0px !important;
  472. -o-border-radius: 26px 0px 26px 0px;
  473. border:0px solid #fff;
  474. color: #c238f4;
  475. padding-top: 5px;
  476. padding-bottom: 38px;
  477. text-align: center;
  478. }
  479.  
  480. /*Dashboard Stats*/
  481. #dash-stats table td {
  482. background: transparent !important;
  483. color: #FFFFFF !important;
  484. font-weight:bold;
  485. }
  486.  
  487. /*Karma Count */
  488. #karma {
  489. color: #FFFFFF;
  490. font-size: 28px;
  491. }
  492.  
  493. .karma_hover {
  494. color: #c238f4;
  495. }
  496.  
  497. .karma_arrow {
  498. filter:alpha(opacity=0);
  499. -moz-opacity:.0;
  500. opacity:.0;
  501. }
  502.  
  503. .cmp_karma_up {
  504. right: -5px !important;
  505. width:8px;
  506. height:10px;
  507. margin-top: 7px;
  508. }
  509.  
  510. /*Dashboard Friends area*/
  511. #dash-friends {
  512. padding-top: 5px;
  513. padding-bottom: 11px;
  514. padding-left: 5px;
  515. padding-right: 5px;
  516. text-align: center;
  517. color: #FFFFFF;
  518. background: #222222;
  519. border-radius: 26px 0px 26px 0px;
  520. -webkit-border-radius: 26px 0px 26px 0px;
  521. -khtml-border-radius: 26px 0px 26px 0px;
  522. -moz-border-radius: 26px 0px 26px 0px !important;
  523. -o-border-radius: 26px 0px 26px 0px;
  524. border:0px solid #fff;
  525. }
  526.  
  527. /*Badges*/
  528. .award_bar {
  529. height: 50px;
  530. }
  531.  
  532. .award_bar div:hover {
  533. transform: rotate(-7deg);
  534. -webkit-transform: rotate(-7deg);
  535. -moz-transform: rotate(-7deg);
  536. -o-transform: rotate(-7deg);
  537. }
  538.  
  539.  
  540. /*Friend Pic*/
  541. .friend_holder {
  542. margin-bottom: 4px;
  543. }
  544.  
  545. .friend_holder table {
  546. margin-left: auto;
  547. margin-right: auto;
  548. }
  549.  
  550. .friend_holder .user_link{
  551. height:25px!important;width:25px!important;
  552. }
  553.  
  554. .friend_holder img{
  555. width:25px;
  556. height:25px;
  557. }
  558.  
  559. /*Dashboard Fans*/
  560. #dash-fans {
  561. padding-top: 5px;
  562. padding-right: 2px;
  563. padding-bottom: 11px;
  564. text-align: center;
  565. background: #222222;
  566. border-radius: 26px 0px 26px 0px;
  567. -webkit-border-radius: 26px 0px 26px 0px;
  568. -khtml-border-radius: 26px 0px 26px 0px;
  569. -moz-border-radius: 26px 0px 26px 0px !important;
  570. -o-border-radius: 26px 0px 26px 0px;
  571. color: #c238f4;
  572. border:0px solid #fff;
  573. }
  574.  
  575. /* Follow Friend/Fan Box */
  576. .friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
  577. border-radius: 4px;
  578. -moz-border-radius: 4px 4px 4px 4px;
  579. -o-border-radius: 4px;
  580. -khtml-border-radius: 4px;
  581. -webkit-border-radius: 4px;
  582. background: #c238f4 !important;
  583. color: #505050 !important;
  584. }
  585.  
  586. /*Send Private Plurk Box*/
  587. .friend_man.private_plurk {
  588. border-radius: 4px;
  589. -moz-border-radius: 4px 4px 4px 4px;
  590. -o-border-radius: 4px;
  591. -khtml-border-radius: 4px;
  592. -webkit-border-radius: 4px;
  593. background: #c238f4 !important;
  594. color: #505050 !important;
  595. }
  596.  
  597. /* Block User Button */
  598. .friend_man.block {
  599. border-radius: 4px;
  600. -moz-border-radius: 4px 4px 4px 4px;
  601. -o-border-radius: 4px;
  602. -khtml-border-radius: 4px;
  603. -webkit-border-radius: 4px;
  604. background: #c238f4 !important;
  605. color: #505050 !important;
  606. }
  607.  
  608. .friend_man.add_follow:hover, .friend_man.remove:hover, .friend_man.add_friend:hover, .friend_man.pending:hover, .friend_man.block:hover, .friend_man.private_plurk:hover {
  609. background: transparent !important;
  610. }
  611.  
  612. /* Tool Tip */
  613. .tooltip_cnt{
  614. background: #c238f4;
  615. border:0px solid #000;
  616. color: #fff;
  617. padding:5px;
  618. margin-top:1px;
  619. font-size:11px;
  620. }
  621.  
  622. .AmiTT_main b {
  623. color: #fff;
  624. font-weight:bold;
  625. }
  626.  
  627. .AmiTT_main {
  628. color: #FFF;
  629. line-height:1.2;
  630. border-top: 1px solid #c238f4;
  631. position:absolute;
  632. text-align:left;
  633. width:209px;
  634. z-index:2000;
  635. -webkit-transition: all 0.5s ease;
  636. -moz-transition: all 0.5s ease;
  637. -o-transition: all 0.5s ease;
  638. -khtml-transition: all 0.5 ease;
  639. }
  640.  
  641. /* Share Plurk Button */
  642. #sharePlurk {
  643. background: transparent url(http://img704.imageshack.us/img704/2567/sharepage2.gif) no-repeat scroll top left !important;
  644. border: none !important;
  645. width: 220px !important;
  646. height: 50px;
  647.  
  648. }
  649.  
  650. #sharePlurk div {
  651. border-style: none none none none;
  652. border-width: 0px 0px 0px 0px;
  653. padding: 0px 0px;
  654. margin: 10px 5px 0px 30px !important;
  655. }
  656.  
  657. #sharePlurk span {
  658. background: transparent none no-repeat scroll left bottom;
  659. padding: 1px 0px 1px 9px;
  660. }
  661. #sharePlurk #invite_url {
  662. margin-left: -19px !important;
  663. margin-top: -1px !important;
  664. border: 1px solid #000;
  665. color: #000;
  666. }
  667.  
  668. #sharePlurk p {
  669. margin: 0px 20px 5px;
  670. }
  671.  
  672. .cmp_wj {
  673. height: 21px;
  674. }
  675. /* End Share Plurk Button */
  676.  
  677.  
  678.  
  679. a#widget-gfx {
  680. background: url(http://s.plurklayouts.com/images/layouts/widget.png) no-repeat scroll 0 0 !important;
  681. height: 33px;
  682. margin-left: auto;
  683. margin-right: auto;
  684. padding: 9px 1px 0px 40px;
  685. overflow: hidden;
  686. color: transparent !important;
  687. }
  688. a#mobile-gfx {
  689. background: transparent url(http://s.plurklayouts.com/images/layouts/mobile.png) no-repeat scroll 0 0 !important;
  690. height: 33px;
  691. margin-left: auto;
  692. margin-right: auto;
  693. overflow: hidden;
  694. color: transparent !important;
  695. }
  696.  
  697. a#twitter-gfx {
  698. background: transparent url(http://s.plurklayouts.com/images/layouts/twitter.png) no-repeat scroll 0 0 !important;
  699. height: 45px;
  700. margin-left: auto;
  701. margin-right: auto;
  702. overflow: hidden;
  703. color: transparent !important;
  704. }
  705.  
  706. a#dashboard-invite {
  707. background: transparent url(http://img121.imageshack.us/img121/1387/friendinvite3.gif) no-repeat scroll 0 8px !important;
  708. height: 63px !important;
  709. overflow: hidden;
  710. color: transparent !important;
  711. margin-left: auto;
  712. margin-right: auto;
  713. border: none !important;
  714.  
  715.  
  716. }
  717.  
  718. a#dashboard-invite:hover {
  719. background: transparent url(http://img121.imageshack.us/img121/1387/friendinvite3.gif) no-repeat scroll 0 -57px !important;
  720. height: 63px;
  721. overflow: hidden;
  722. color: transparent !important;
  723. }
  724. .cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
  725. background: transparent none no-repeat scroll 0 0;
  726. height: 0px;
  727. width: 0px;
  728. }
  729.  
  730. /* Loves Likes Shares Gives Hates Wants etc */
  731. .q_freestyle {
  732. background: #505050;
  733. border: 1px solid #505050;
  734. color: #fff !important;
  735.  
  736. }.q_loves {
  737. border-top: 1px solid #BF1717;
  738. border-left: 1px solid #BF1717;
  739.  
  740. border-right: 1px solid #8F0808;
  741. border-bottom: 1px solid #8F0808;
  742. color: #FFFFFF;
  743. background: #B20C0C;
  744. }
  745. .q_likes {
  746. border-top: 1px solid #BF2F32;
  747. border-left: 1px solid #BF2F32;
  748. border-right: 1px solid #AF0A0D;
  749. border-bottom: 1px solid #AF0A0D;
  750. color: #FFFFFF;
  751. background: #CB2728;
  752. }
  753. .q_shares {
  754. border-top: 1px solid #BF5F5F;
  755. border-left: 1px solid #BF5F5F;
  756. border-right: 1px solid #9F3B3B;
  757. border-bottom: 1px solid #9F3B3B;
  758. color: #FFFFFF;
  759. background: #A74949;
  760. }
  761. .q_gives {
  762. border-top: 1px solid #5F0C0C;
  763. border-left: 1px solid #5F0C0C;
  764. border-right: 1px solid #3F0000;
  765. border-bottom: 1px solid #3F0000;
  766. color: #FFFFFF;
  767. background: #620E0E;
  768. }
  769.  
  770. .q_hates {
  771. border-top: 1px solid #3F3F3F;
  772. border-left: 1px solid #3F3F3F;
  773. border-right: 1px solid #000000;
  774. border-bottom: 1px solid #000000;
  775. color: #FFFFFF;
  776. background: #505050;
  777. }
  778. .q_wants {
  779. border-top: 1px solid #A1BF5F;
  780. border-left: 1px solid #A1BF5F;
  781. border-right: 1px solid #809F3B;
  782. border-bottom: 1px solid #809F3B;
  783. color: #FFFFFF;
  784. background: #8DB241;
  785. }
  786.  
  787. .q_wishes{
  788. border-top: 1px solid #67AF2B;
  789. border-left: 1px solid #67AF2B;
  790. border-right: 1px solid #4A8F11;
  791. border-bottom: 1px solid #4A8F11;
  792. color: #FFFFFF;
  793. background: #5BB017;
  794. }
  795.  
  796. .q_needs {
  797. border-top: 1px solid #A1BF5F;
  798. border-left: 1px solid #A1BF5F;
  799. border-right: 1px solid #839F45;
  800. border-bottom: 1px solid #839F45;
  801. color: #FFFFFF;
  802. background: #7A9A37;
  803. }
  804.  
  805. .q_will {
  806. border-top: 1px solid #BF839C;
  807. border-left: 1px solid #BF839C;
  808. border-right: 1px solid #9F5976;
  809. border-bottom: 1px solid #9F5976;
  810. color: #FFFFFF;
  811. background: #B46D89;
  812. }
  813.  
  814. .q_hopes {
  815. border-top: 1px solid #F67FFF;
  816. border-left: 1px solid #F67FFF;
  817. border-right: 1px solid #C540CF;
  818. border-bottom: 1px solid #C540CF;
  819. color: #FFFFFF;
  820. background: #E05BE9;
  821. }
  822.  
  823. .q_asks {
  824. border-top: 1px solid #AA8BDF;
  825. border-left: 1px solid #AA8BDF;
  826. border-right: 1px solid #825FBF;
  827. border-bottom: 1px solid #825FBF;
  828. color: #FFFFFF;
  829. background: #8361BC;
  830. }
  831.  
  832. .q_has {
  833. border-top: 1px solid #8F8F8F;
  834. border-left: 1px solid #8F8F8F;
  835. border-right: 1px solid #4F4F4F;
  836. border-bottom: 1px solid #4F4F4F;
  837. color: #FFFFFF;
  838. background: #777777;
  839. }
  840.  
  841. .q_was {
  842. border-top: 1px solid #7F7F7F;
  843. border-left: 1px solid #7F7F7F;
  844. border-right: 1px solid #3F3F3F;
  845. border-bottom: 1px solid #3F3F3F;
  846. color: #FFFFFF;
  847. background: #525252;
  848. }
  849.  
  850. .q_wonders {
  851. border-top: 1px solid #5373BF;
  852. border-left: 1px solid #5373BF;
  853. border-right: 1px solid #31519F;
  854. border-bottom: 1px solid #31519F;
  855. color: #FFFFFF;
  856. background: #2E4E9E;
  857. }
  858.  
  859. .q_feels {
  860. border-top: 1px solid #53A7DF;
  861. border-left: 1px solid #53A7DF;
  862. border-right: 1px solid #2380BF;
  863. border-bottom: 1px solid #2380BF;
  864. color: #FFFFFF;
  865. background: #2D83BE;
  866. }
  867.  
  868. .q_thinks {
  869. border-top: 1px solid #99C3DF;
  870. border-left: 1px solid #99C3DF;
  871. border-right: 1px solid #5F98BF;
  872. border-bottom: 1px solid #5F98BF;
  873. color: #FFFFFF;
  874. background: #689CC1;
  875. }
  876.  
  877. .q_says {
  878. background: #505050;
  879. border: 1px solid #505050;
  880. color: #fff !important;
  881. }
  882.  
  883. .q_is {
  884. border-top: 1px solid #DF8453;
  885. border-left: 1px solid #DF8453;
  886. border-right: 1px solid #CF6A33;
  887. border-bottom: 1px solid #CF6A33;
  888. color: #FFFFFF;
  889. background: #E57C43;
  890. }
  891.  
  892. .qual_menu .q_shares{
  893. color: #505050 !important;
  894. border-top: 1px solid #3F2F2B !important;
  895. border-left: 1px solid #3F2F2B;
  896. border-right: 1px solid #0F0B09;
  897. border-bottom: 1px solid #0F0B09 !important;}
  898.  
  899. .share_menu{
  900. border-top: 1px solid #3F2F2B !important;
  901. border-left: 1px solid #3F2F2B !important;
  902. border-right: 1px solid #0F0B09 !important;
  903. border-bottom: 1px solid #0F0B09 !important;
  904.  
  905. color: #505050 !important;
  906.  
  907. font-size:16px;}
  908.  
  909. .mini_menu .share_menu{
  910. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09;
  911. color: #505050 !important; font-size:12px;}
  912.  
  913. .share_menu .on{
  914. border-top: 1px solid #3F2F2B; border-left: 1px solid #3F2F2B; border-right: 1px solid #0F0B09; border-bottom: 1px solid #0F0B09;
  915. background-color:#8d0000;
  916. color:#FFF !important;}
  917.  
  918. .q_video,.q_link{
  919. border-left:1px solid #505050 !important;}
  920.  
  921. /*----------------------Footer-----------------*/
  922.  
  923. /* Footer Links */
  924. #footer {
  925. color: #c238f4;
  926. }
  927.  
  928. #footer a {
  929. color: #c238f4;
  930. border-bottom:1px solid #c238f4;
  931. font-weight: bold;
  932. }
  933.  
  934. #footer a:hover {
  935. background-color: transparent !important;
  936. color: #c238f4 !important;
  937. border:0;
  938. text-decoration: underline;
  939. font-weight: bold;
  940. }
  941.  
  942. /*--------------------------------Big responses-------------------------------------*/
  943.  
  944. /*Individual Plurks*/
  945. #top_header {
  946. opacity: 0;
  947. }
  948.  
  949. #top_header #header_inbox {
  950. background-color: transparent !important;
  951. height: 0px !important;
  952. filter:alpha(opacity=0);
  953. -moz-opacity: .0;
  954. opacity: .0 !important;
  955. }
  956.  
  957. #top_bar #edit_link:hover, #reply h2 {
  958. color: #FFF;
  959. font-weight:bold;
  960. background: transparent;
  961. }
  962.  
  963. #reply, #reply_box {
  964. background: transparent !important;
  965. }
  966.  
  967. #reply h2 {
  968. background: transparent !important;
  969. }
  970.  
  971. #reply, #reply_box {
  972. background: transparent !important;
  973. }
  974.  
  975. #reply, #reply_box_holder, #reply.no-reply, #reply_box.plurkaction {
  976. background: transparent !important;
  977. border: none !important;
  978. }
  979.  
  980.  
  981.  
  982. #plurk_responses ul.responses {
  983. background: transparent !important;
  984. border: none !important;
  985. }
  986.  
  987. #plurk_responses ul.responses .message {
  988. color:#95983d !important;
  989. border:none !important;
  990. }
  991.  
  992. #plurk_responses ul.responses li {
  993. background: transparent !important;
  994. border-bottom: #95983d 1px dotted !important;
  995. }
  996.  
  997. #plurk_responses ul.responses li:hover span.time {color: #95983d;}
  998. #dashboard_holder .message a.user { color:#95983d !important;}
  999. #dashboard_holder .message a { color:#95983d !important;}
  1000.  
  1001. #dashboard_holder a {
  1002. background: transparent;
  1003. color:#FFFFFF;
  1004. }
  1005.  
  1006. #dashboard_holder a:hover {
  1007. background: transparent;
  1008. color:#95983d;
  1009. }
  1010.  
  1011. #dashboard_holder #plurker_info #shareUser, section#shareUser {
  1012. background: #95983d !important;
  1013. border: none !important;
  1014. }
  1015.  
  1016. #dashboard_holder #plurker_info #shareUser .avatarlist:first-child h2 {
  1017. color: #fff !important;
  1018. }
  1019.  
  1020. #dashboard_holder #plurk_responses #reply .responses li article .user .time {
  1021. color: #c238f4;
  1022. }
  1023.  
  1024. .bigplurk .content .user .user-nick, #dashboard_holder #plurk_responses #reply .responses li article a {
  1025. color: #95983d;
  1026. }
  1027.  
  1028. .bigplurk .content {
  1029. background: #fff;
  1030. border: none;
  1031. box-shadow: #95983d 0px 0px 10px;
  1032. border-radius: 3px 3px 0px 0px;
  1033. -webkit-border-radius: 3px 3px 0px 0px;
  1034. -moz-border-radius: 3px 3px 0px 0px;
  1035. -khtml-border-radius: 3px 3px 0px 0px;
  1036. -o-border-radius: 3px 3px 0px 0px;
  1037. filter:alpha(opacity=90);
  1038. -moz-opacity: .9;
  1039. opacity: .9;
  1040. }
  1041.  
  1042. .bigplurk .content .user .time {
  1043. color: #c238f4;
  1044. }
  1045.  
  1046. div.feed-link a.share_facebook {background: transparent !important;}
  1047. div.feed-link a.share_email {background: transparent !important;}
  1048.  
  1049. p.u_search a {color:#505050 !important;}
  1050. p.u_search a: hover {color:#505050 !important;}
  1051.  
  1052. #reply .qual_holder { color:#505050 !important;}
  1053.  
  1054. #plurk_responses { color:#505050;}
  1055. #plurk_responses a:link { background: transparent !important;}
  1056.  
  1057. #plurk_responses ul.responses .message a { color: #505050 !important;}
  1058. #plurk_responses ul.responses .message a:hover { color: #95983d !important;}
  1059.  
  1060. .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_counter.addthis_bubble_style { background: transparent !important;}
  1061. div.feed-link a.addthis_button_expanded, #at15ptc { background: #fff !important; color: #505050 !important;}
  1062.  
  1063. /*Talk Bubble*/
  1064. img[src="http://statics.plurk.com/08b844353fbede1236be7b58a3f093b3.png"] {
  1065. filter:alpha(opacity=0);
  1066. -moz-opacity:.0;
  1067. opacity:.0;
  1068. }
  1069.  
  1070. div.bigplurk h1.content {
  1071. background: #fff;
  1072. border: none;
  1073. border-radius: 3px 3px 0px 0px;
  1074. -webkit-border-radius: 3px 3px 0px 0px;
  1075. -moz-border-radius: 3px 3px 0px 0px;
  1076. -khtml-border-radius: 3px 3px 0px 0px;
  1077. -o-border-radius: 3px 3px 0px 0px;
  1078. filter:alpha(opacity=90);
  1079. -moz-opacity: .9;
  1080. opacity: .9;
  1081. }
  1082.  
  1083. div.bigplurk div.time {
  1084. background: #fff;
  1085. border-radius: 0px 0px 3px 3px;
  1086. -webkit-border-radius: 0px 0px 3px 3px;
  1087. -moz-border-radius: 0px 0px 3px 3px;
  1088. -khtml-border-radius: 0px 0px 3px 3px;
  1089. -o-border-radius: 0px 0px 3px 3px;
  1090. box-shadow: #000 0px 0px 45px;
  1091. border-bottom: #a1a1a1 4px groove !important;
  1092. border-right: none;
  1093. color: #a1a1a1;
  1094. }
  1095.  
  1096. div.bigplurk div.user img {
  1097. box-shadow: #000 0px 2px 10px;
  1098. }
  1099.  
  1100. /*---------------Plurks in Timeline----------------*/
  1101.  
  1102. /* Border around Plurk Picture in Timeline */
  1103. img, a.ex_link.meta, .plurk a.pictureservices img {
  1104. transition: margin 0.3s ease-out;
  1105. -webkit-transition: margin 0.3s ease-out;
  1106. -moz-transition: margin 0.3s ease-out;
  1107. -o-transition: margin 0.3s ease-out;
  1108. }
  1109.  
  1110. img:hover, a.ex_link.meta:hover, .plurk a.pictureservices img:hover {
  1111. margin-top: -3px;
  1112. }
  1113.  
  1114. #timeline_holder div.link_extend .p_img img{
  1115. border: 3px solid #c238f4 !important;
  1116. background:#c238f4;
  1117. border-radius: 6px 0px 6px 0px;
  1118. -webkit-border-radius: 6px 0px 6px 0px;
  1119. -khtml-border-radius: 6px 0px 6px 0px;
  1120. -moz-border-radius: 6px 0px 6px 0px;
  1121. -o-border-radius: 6px 0px 6px 0px;
  1122. }
  1123.  
  1124. .p_img {
  1125. border: 0px solid #fff;
  1126. margin-right: 8px !important;
  1127. }
  1128.  
  1129. #timeline_holder div.plurk .p_img {
  1130. filter:alpha(opacity=65);
  1131. opacity:.65;
  1132. }
  1133.  
  1134. #timeline_holder div.plurk_box .p_img, #timeline_holder div.link_extend .p_img {
  1135. border: none !important;
  1136. filter:alpha(opacity=100);
  1137. opacity:1;
  1138. }
  1139.  
  1140. #timeline_holder div.link_extend .p_img {
  1141. transition:opacity 0.3s ease;
  1142. -moz-transition:opacity 0.3s ease;
  1143. -webkit-transition:opacity 0.3s ease;
  1144. -khtml-transition: opacity 0.3s ease;
  1145. -o-transition:opacity 0.3s ease;
  1146. }
  1147.  
  1148. .p_img img {
  1149. border: 3px solid #fff !important;
  1150. background:#fff;
  1151. border-radius: 6px 0px 6px 0px;
  1152. -webkit-border-radius: 6px 0px 6px 0px;
  1153. -khtml-border-radius: 6px 0px 6px 0px;
  1154. -moz-border-radius: 6px 0px 6px 0px;
  1155. -o-border-radius: 6px 0px 6px 0px;
  1156. }
  1157.  
  1158. /* Plurk: View before opening any Plurk */
  1159. .plurk_cnt {
  1160. background: #fff repeat scroll top left !important;
  1161. box-shadow: #000 2px 2px 2px;
  1162. border-radius: 0px 10px 0px 10px;
  1163. -moz-border-radius: 0px 10px 0px 10px;
  1164. -khtml-border-radius: 0px 10px 0px 10px;
  1165. -webkit-border-bottom-left-radius: 10px;
  1166. -webkit-border-top-right-radius: 10px;
  1167. -webkit-border-bottom-right-radius: 0px;
  1168. -o-border-radius: 0px 10px 0px 10px;
  1169. color: #000000 !important;
  1170. min-height: 50px !important;
  1171. min-width: 200px !important;
  1172. font-size: 11px;
  1173. border-right: 1px solid #f1f1f1;
  1174. border-bottom: 1px solid #f1f1f1;
  1175. line-height: 18px;
  1176. letter-spacing: 1px;
  1177. opacity:.65; filter: alpha(opacity=65);
  1178. transition: all .3s ease-in-out;
  1179. -webkit-transition: all .5s ease-in-out;
  1180. -moz-transition: all .5s ease-in-out;
  1181. -o-transition: all .5s ease-in-out;
  1182.  
  1183. }
  1184.  
  1185. .plurk_cnt:hover {
  1186. background: transparent url("http://bit.ly/SapJSr") bottom !important;
  1187. opacity:1;
  1188. filter: alpha(opacity=100);
  1189. box-shadow: #000 0px 1px 10px, 0 0 0 3px #505050;
  1190. border-bottom: #95983d 2px solid;
  1191. }
  1192.  
  1193. .plurk_box .mini_form, #form_holder .qual_holder {
  1194. background:#464646 !important;
  1195. border-right:none !important;
  1196. }
  1197.  
  1198. #form_holder .dd_img {
  1199. background: url(http://db.tt/pHNBUgT) no-repeat right center !important;
  1200. }
  1201.  
  1202. /* Time. Plurk: Actual Plurk Responses */
  1203. .plurk_box .plurk_cnt {
  1204. background: #FFFFFF !important;
  1205. border-bottom: 1px solid #f7f7f7;
  1206. color: #000000 !important;
  1207. border-top: 0px solid #e0e0e0;
  1208. padding-top: 3px;
  1209. padding-bottom: 3px;
  1210. opacity: 1; filter: alpha(opacity=100);
  1211. box-shadow: none !important;
  1212. }
  1213.  
  1214. /* Plurk: Color of Text on Empty Message List */
  1215. .list .empty {
  1216. color: #a1a1a1;
  1217. }
  1218.  
  1219. /* Time. Plurk: Background where responses are posted */
  1220. .plurk_box .list {
  1221. background: #FFFFFF repeat scroll top left;
  1222. border-color: #e0e0e0;
  1223. border-radius: 0px;
  1224. border-width: 0px;
  1225. color: #000000 !important;
  1226. }
  1227.  
  1228. /* Plurk: "Recent Plurk Responses" area */
  1229. .plurk_box .caption {
  1230. border:0;
  1231. font-size: 11px;
  1232. color: #fff;
  1233. background: #464646;
  1234. }
  1235.  
  1236. /* Plurk: "Plurk Page" area */
  1237. .info_box {
  1238. color: #000 !important;
  1239. background: #FFF;
  1240. border:0;
  1241. font-size: 11px;
  1242. }
  1243.  
  1244. /* Time. Plurk: area around input for responses to plurk */
  1245. .plurk_box .mini_form {
  1246. background: #fff;
  1247. color: #000000 !important;
  1248. border-bottom:2px dashed #fff;
  1249. }
  1250.  
  1251. /*Time. Plurk: Textarea to respond to a Plurk */
  1252. #input_small {
  1253. height: 40px;
  1254. background: #fff !important;
  1255. border: 1px solid #888;
  1256. color: #000000 !important;
  1257. }
  1258.  
  1259. /* Time. Plurk: Mini Form Text (Too many characters)*/
  1260. .plurk_box .highlight_light {
  1261. color: #ff0000 !important;
  1262. }
  1263.  
  1264. /* Time. Plurk: How many characters left */
  1265. .mini_form .char_updater {
  1266. color: #000000 !important;
  1267. background: #fff;
  1268. }
  1269.  
  1270. /*URL in Plurks. Colour, Visited etc*/
  1271. a:link {
  1272. color: #505050;
  1273. text-transform: normal;
  1274. background: transparent !important;
  1275. }
  1276.  
  1277. a:visited, a:active {
  1278. color: #95983d;
  1279. background: transparent !important;
  1280. text-transform: normal;}
  1281.  
  1282. a:hover {
  1283. border:0;
  1284. color: #505050;
  1285. text-transform: normal;
  1286. }
  1287.  
  1288. .plurk a.ex_link {
  1289. text-shadow: #fff 1px 1px 0px;
  1290. color:#c238f4;
  1291. font-weight: bold;
  1292. text-decoration:normal;
  1293. padding: 5px;
  1294. padding-top: 4px !important;
  1295. border-radius: 6px 0px 6px 0px;
  1296. -webkit-border-radius: 6px 0px 6px 0px;
  1297. -khtml-border-radius: 6px 0px 6px 0px;
  1298. -moz-border-radius: 6px 0px 6px 0px;
  1299. -o-border-radius: 6px 0px 6px 0px;
  1300. }
  1301.  
  1302. .plurk a.ex_link:hover {
  1303. font-size:13px !important;
  1304. text-decoration: none;
  1305. transition: all 0.2s ease-in-out;
  1306. -webkit-transition: all 0.2s ease-in-out;
  1307. -moz-transition: all 0.2s ease-in-out;
  1308. -o-transition: all 0.2s ease-in-out;
  1309. }
  1310.  
  1311. a.ex_link.meta, a.ex_link.pictureservices, a.ex_link.meta:hover, a.ex_link.pictureservices:hover {
  1312. background: none !important;
  1313. text-shadow: none;
  1314. font-size: 11px !important;
  1315. }
  1316.  
  1317. a.ex_link.meta:hover, a.ex_link.pictureservices:hover {
  1318. text-decoration:line-through;
  1319. }
  1320.  
  1321. .plurk a.ex_link:hover {
  1322. color: #c238f4;
  1323. font-weight: bold;
  1324. border-bottom: 0px solid #acacac;
  1325. text-decoration:normal;
  1326. }
  1327.  
  1328. .plurk a.ex_link:visited {}
  1329.  
  1330. /* Bold Italic and Underline */
  1331.  
  1332. strong {
  1333. color: #fcf6e8;
  1334. cursor: default;
  1335. }
  1336.  
  1337. strong:hover {
  1338. color: #fcf6e8;
  1339. cursor: default;
  1340. }
  1341.  
  1342. i {
  1343. color: #95983d;
  1344. cursor: default;
  1345. }
  1346.  
  1347. i:hover {
  1348. color: #95983d;
  1349. cursor: default;
  1350. }
  1351.  
  1352. u {
  1353. color: #464646;
  1354. cursor: default;
  1355. border-bottom: 0px solid #505050;
  1356. }
  1357.  
  1358. u:hover {
  1359. color: #464646;
  1360. cursor: default;
  1361. border-bottom: 0px solid #505050;
  1362. }
  1363.  
  1364. /* Plurk: Drop Arrow on Message Box Qualifiers */
  1365. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  1366. background-position: left top;
  1367. background-repeat: no-repeat;
  1368. overflow: hidden;
  1369. height: 0px;
  1370. width: 0px;
  1371. }
  1372.  
  1373. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  1374. height: 12px;
  1375. padding-left: 14px;
  1376. background: url(http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif) no-repeat scroll left top;
  1377. margin-left: 1px;
  1378. }
  1379.  
  1380. /* Youtube, Images etc hover in Plurks */
  1381. .youtube img,.pictureservices img { border: none; opacity:.8; filter: alpha(opacity=80); }
  1382. .youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }
  1383.  
  1384. /* Delete Save Edit Mute Unmute Close */
  1385. .manager .action { color:#000000; margin-left:5px; }
  1386. .manager a:hover { text-decoration: none!important; }
  1387. .manager .cancel { color:#ff0000; margin-right:5px; }
  1388. .manager .delete { color:#a1a1a1; margin-right:5px; }
  1389. .unmute { color:#95983d !important; }
  1390. .mute {color:#95983d !important;}
  1391.  
  1392. /* Drop Arrow on User Menu */
  1393. .cmp_tooltips-down {
  1394. height: 17px;
  1395. background: transparent url(http://s.plurklayouts.com/images/layouts/black_down.png) no-repeat scroll left top;
  1396. }
  1397. /* End Drop Arrow on User Menu */
  1398.  
  1399. .cmp_tooltips-up {
  1400. height: 17px;
  1401. background: transparent url(http://s.plurklayouts.com/images/layouts/black_up.png) no-repeat scroll left top;
  1402. }
  1403.  
  1404. /* Color Box on User Menu */
  1405. .AmiMenu {border: none !important;}
  1406.  
  1407. .AmiMenu.info_menu {
  1408. background:#a1a1a1;
  1409. border:0px solid #070e01;
  1410. color: #fff;
  1411. }
  1412.  
  1413. .AmiMenu.info_menu .block {
  1414. background:#505050;
  1415. }
  1416.  
  1417. /* highlighter hover*/
  1418. .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {
  1419. background: #505050 !important;
  1420. }
  1421.  
  1422. .AmiMenu.info_menu .separator {
  1423. background: #505050;
  1424. }
  1425.  
  1426. .AmiMenu.info_menu .user_info.on b {
  1427. color: #fff;
  1428. font-weight: bold;
  1429. }
  1430.  
  1431. /*Number of Responses on Plurks in Timeline*/
  1432. .response_count {
  1433. background: transparent;
  1434. color: #c238f4 !important;
  1435. padding-left: 4px;
  1436. padding-right: 6px;
  1437. padding-top: 1px;
  1438. padding-bottom: 4px;
  1439. }
  1440.  
  1441. /*New responses on Plurks*/
  1442. .new .response_count {
  1443. background: #c238f4;
  1444. border-radius: 20px;
  1445. -moz-border-radius: 20px;
  1446. -khtml-border-radius: 20px;
  1447. -webkit-border-radius: 20px;
  1448. -o-border-radius: 20px;
  1449. border: 1px solid #c238f4;
  1450. color: #fff !important;
  1451. padding-left: 5px;
  1452. padding-right: 5px;
  1453. padding-top: 1px;
  1454. padding-bottom: 2px;
  1455. }
  1456.  
  1457. /* CSS code ... in between Plurk and number of Plurk responses - all in timeline */
  1458. .dots .inner {
  1459. background: transparent;
  1460. margin-left: 2px;
  1461. border: 0px;
  1462. color: #fff !important;
  1463. }
  1464.  
  1465. /*-----------------------------Big Plurk----------------------------------*/
  1466.  
  1467. /*Background colour for time and Plurking Textarea*/
  1468. #plurk_form {
  1469. margin-top: 40px;
  1470. padding: 10px;
  1471. background: transparent !important;
  1472. border:0px solid #fff;
  1473. color: #cdcdcd;
  1474. }
  1475.  
  1476. /* New Plurking area background*/
  1477. #pane_plurk {
  1478. border: 0px solid #918e79;
  1479. background: #222222;
  1480. border-radius: 0px 26px 0px 26px;
  1481. -webkit-border-radius: 0px 26px 0px 26px;
  1482. -khtml-border-radius: 0px 26px 0px 26px;
  1483. -moz-border-radius: 0px 26px 0px 26px;
  1484. -o-border-radius: 0px 26px 0px 26px;
  1485. color: #95983d !important;
  1486. }
  1487.  
  1488. /* Plurk Search and Plurk tab */
  1489. #toggle_tab li {
  1490. background: transparent;
  1491. color: #95983d !important;
  1492. }
  1493.  
  1494. .plurkaction{clear:both;padding:8px;}
  1495.  
  1496. .plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
  1497. border: 0px solid #fff;
  1498. background: #222222;
  1499. border-radius: 0px 26px 0px 26px;
  1500. -webkit-border-radius: 0px 26px 0px 26px;
  1501. -khtml-border-radius: 0px 26px 0px 26px;
  1502. -moz-border-radius: 0px 26px 0px 26px;
  1503. -o-border-radius: 0px 26px 0px 26px;
  1504. color:#505050 !important;
  1505. padding: 8px;
  1506. }
  1507.  
  1508. /*Your name by Plurk box - not in timeline */
  1509. .qual_holder{
  1510. color: #505050;
  1511. }
  1512.  
  1513. .mini_form .qual_holder {
  1514. color: #95983d !important;
  1515. background: #fff;
  1516. text-shadow: none;
  1517. }
  1518.  
  1519. /* Plurk Textarea */
  1520. textarea#input_big, textarea#input_permalink {
  1521. background: transparent;
  1522. border-bottom: 1px solid #95983d;
  1523. border-top: transparent;
  1524. border-left: transparent;
  1525. border-right: transparent;
  1526. color: #505050 !important;
  1527. }
  1528.  
  1529. /*Number of Characters left to use*/
  1530. .char_updater {
  1531. color:#fff;
  1532. }
  1533.  
  1534. /* Number of characters left 31-0 */
  1535. .char_updater.highlight_light {
  1536. color: #fff;
  1537. font-style: italic;
  1538. background: transparent !important;
  1539. }
  1540.  
  1541. /* Too many characters in input form */
  1542. .char_highlight {
  1543. background: transparent !important;
  1544. border-radius: 2px;
  1545. padding-left: 2px;
  1546. color: #ff0000 !important;
  1547. }
  1548.  
  1549. /* Replace Big Plurk Button */
  1550. img[src="http://static.plurk.com/button/plurk.png"] {
  1551. filter:alpha(opacity=0);
  1552. -moz-opacity:.0;
  1553. opacity:.0;
  1554. }
  1555.  
  1556. .submit_img {
  1557. background: transparent url(http://i53.tinypic.com/2vtdro4.jpg) no-repeat scroll top left;
  1558. height: 38px;
  1559. padding-left: 82px;
  1560. width: 0px;
  1561. overflow: hidden;
  1562. margin-top: auto;
  1563. }
  1564.  
  1565. /*Private Plurks Languages etc etc*/
  1566. #more_options .on, #more_options #more_options_holder {
  1567. border:0;
  1568. background: transparent;
  1569. color: #505050;
  1570. }
  1571. #more_options_link{
  1572. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
  1573. border:0;
  1574. color: #505050 !important;
  1575. outline:none;position:relative;
  1576. }
  1577. #more_options .on{
  1578. border:0;
  1579. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
  1580. color: #000;
  1581. }
  1582.  
  1583. .private_to b {
  1584. background: #505050;
  1585. color: #95983d ;}
  1586.  
  1587. /* Text area for Search Feature */
  1588. input#current_query{background: transparent !important;
  1589. border-bottom: 1px solid #95983d !important;
  1590. border-right: transparent;
  1591. border-top: transparent;
  1592. border-left: transparent;
  1593. color: #505050 !important;
  1594. width: 65% !important;
  1595. }
  1596.  
  1597. /* CSS for Search feature search button */
  1598. input.orange-but {
  1599. background:#a1a1a1 none repeat scroll 0 0 !important;
  1600. border: 0px solid #a1a1a1 !important;
  1601. color:#fff;
  1602. text-shadow:#636363 0px 1px 1px;
  1603. cursor:pointer;
  1604. font-size:13px;
  1605. box-shadow: none !important;
  1606. padding:2px 4px;
  1607. vertical-align:middle;
  1608. width:auto;
  1609. }
  1610.  
  1611. /*Search Feature */
  1612. #pane_search a {color: #95983d;}
  1613. #pane_search a:hover {color: #95983d;}
  1614. #pane_search .main_poster{width:775px; color: #95983d;
  1615. #pane_search .orange-but{margin-bottom:10px;}
  1616. .share_search b {color:#95983d; !important;}
  1617.  
  1618. /*---------------------Extra/?----------------*/
  1619. #reply h2 {
  1620. color: #FFF;
  1621. font-weight:bold;
  1622. background: transparent;
  1623. }
  1624.  
  1625. #reply, #reply_box {
  1626. background: transparent !important;
  1627. }
  1628.  
  1629. #reply h2 {
  1630. background: transparent !important;
  1631. }
  1632.  
  1633. / * Plurk: Response List Rounded Corners */
  1634. .list {
  1635. border-radius: 0px 0px 6px 6px;
  1636. -moz-border-radius: 0px 0px 6px 6px;
  1637. -khtml-border-radius: 0px 0px 6px 6px;
  1638. -webkit-border-bottom-left-radius: 6px;
  1639. -webkit-border-bottom-right-radius: 6px;
  1640. -o-border-radius: 0px 0px 6px 6px;
  1641. }
  1642.  
  1643. /* Firefox Selection */
  1644. ::-moz-selection{
  1645. background: #3c3a38;
  1646. color:#fff;
  1647. }
  1648.  
  1649. /*Selection on browsers*/
  1650. ::selection {
  1651. background: #3c3a38;
  1652. color:#fff;
  1653. }
  1654.  
  1655. /* Search Form in Plurk Timeline */
  1656. #mini_search .i_text {
  1657. background: #FFF;
  1658. border:0;
  1659. color: #e2b223;
  1660. width:160px;
  1661. padding: 2px;
  1662.  
  1663. }
  1664.  
  1665. #mini_search .i_button {
  1666. background: #FFF;
  1667. border:0;
  1668. color: #e2b223;
  1669. padding:2px;
  1670. }
  1671.  
  1672. /*Remove Badges*/
  1673.  
  1674. .dash-segment-award {display : none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement