Advertisement
lacqueried

basecode

May 11th, 2012
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.98 KB | None | 0 0
  1. /*========================================================
  2. ===================UPPER BODY OF PLURK=======================
  3. ========================================================*/
  4. /*-------MAIN STUFF-----*/
  5. /* Background of Plurk Body */
  6. body, html {
  7. background: #ffffff url();
  8. background-repeat: no-repeat;
  9. background-position: top center;
  10. }
  11.  
  12. /* Timeline Background */
  13. #timeline_holder {
  14. background: transparent;
  15. border: 0px solid #000;
  16. border-bottom: 0px solid #000;
  17. background-position: top left;
  18. background-repeat: no-repeat;
  19. }
  20.  
  21. /* Page Title (Your Name on top)*/
  22. #page_title {
  23. color: #222222;
  24. }
  25.  
  26. /*Sign In/Validate Email area*/
  27. #top_login a#sign_up {
  28. background: #161616;
  29. border: 0px solid #161616;
  30. color: #fff;
  31. }
  32.  
  33. #dynamic_logo img{
  34. width:0px;
  35. height:0px;
  36. }
  37.  
  38. /*Plurk Logo on Plurk Page*/
  39. #logo img{
  40. width: 0px;
  41. height: 0px;
  42. }
  43.  
  44. /* Top Login */
  45. #top_login a {
  46. border:0;
  47. font-weight: bold;
  48. text-decoration: normal;
  49. color: #fff;
  50. }
  51.  
  52. #top_login a:hover {
  53. border:0;
  54. text-decoration: underline;
  55. color:#fff;
  56. }
  57.  
  58. #top_login a:hover{color: #fff; text-transform: normal;}
  59.  
  60. /*Alerts*/
  61. #top_bar .count {
  62. color: #fff;
  63. }
  64.  
  65. #top_login{
  66. background:;
  67. border: 0px solid #000;
  68. height: 20px;
  69. }
  70.  
  71.  
  72. /* Top Bar */
  73. #top_bar a {
  74. color: #bcbcbc;
  75. font-weight: regular;
  76. text-transform: normal;
  77. border:0;
  78. }
  79.  
  80. #top_bar a:hover {
  81. color: #000;
  82. background: transparent;
  83. font-wright: regular;
  84. text-transform: normal;
  85. border:0;
  86. }
  87. #top_bar #edit_link:hover, #reply h2 {
  88. color: #bcbcbc;
  89. font-weight:bold;
  90. }
  91.  
  92. #reply #reply_box {
  93. background: #222222;
  94. }
  95.  
  96. #reply h2 {
  97. background: #920000;
  98. }
  99.  
  100. #top_bar .content a:hover{color:#fff; text-transform: normal;text-decoration: underline}
  101. #top_bar .content a#edit_link{background:transparent; padding-bottom:1px; color:#bcbcbc; text-transform: normal;}
  102. #top_bar .content a:hover#edit_link{color:#fff; text-transform: normal;}
  103.  
  104. #reply #reply_box_holder {
  105. background: #222222;
  106. }
  107.  
  108. /* Day Separator (The Horizontal Bar that seperates the Days) */
  109. .day_bg .div_inner {
  110. background: url(http://statics.plurk.com/9a0d3f41579deec72d78e94e6a96e0f8.gif);
  111. width: 0px;
  112. height: 0px;
  113. border-left: 0px solid #000;
  114. border-right: 0px solid #000;
  115. }
  116.  
  117. .day_start, .day {
  118. font-weight: normal;
  119. color: #bc1616 !important;
  120. }
  121.  
  122. .day_start .bottom_start, .day_start .div_start {
  123. margin-top: -1px;
  124. margin-left: 1px;
  125. color: #bc1616 !important;
  126. text-align: left;
  127. }
  128.  
  129. #time_show{
  130. color: #bc1616 !important
  131. position:absolute;
  132. z-index:610;
  133. width:61px;
  134. white-space:nowrap;
  135. font-size:11px;
  136. height:23px;
  137. margin-top:-23px;
  138. text-align:center;
  139. padding-left:3px;}
  140.  
  141. #time_show span{
  142. font-weight:400;
  143. padding-top:9px;
  144. color: #bc1616 !important;}
  145.  
  146. .evening,.night,.day,.morning{
  147. color:#bc1616 !important
  148. background:transparent !important;
  149. }
  150. .evening,.night{
  151. color:#bc1616 !important
  152. background-position:-65px 0;}
  153.  
  154. /*Bar Between Dashboard and Timeline where time is shown*/
  155. #bottom_line {
  156. font-size: 11px;
  157. background:transparent;
  158. border: 0px solid #000;
  159. height: 21px;
  160. }
  161. .bottom_start , .bottom_end {color:#000000;font-weight:bold;font-size:12px ;}
  162. .day_start .div_bottom, .day_start .bottom_start {color: #fff !important;}
  163.  
  164. /*All Plurks/ My Plurks/ Private/Responded tabs*/
  165. #filter_tab {
  166. -moz-border-radius:8px 8px 8px 8px;
  167. -webkit-border-radius: 8px;
  168. border: 0 !important;
  169. margin-top: -1px;
  170. background: url(http://img27.imageshack.us/img27/764/black20.png);
  171. }
  172.  
  173. #filter_tab a.off_tab {
  174. background:transparent !important;
  175. color: #222222;
  176. border:0px !important;
  177. }
  178.  
  179. #filter_tab a.off_tab:hover {
  180. color: #222222;
  181. border:0px !important;
  182. }
  183.  
  184. #filter_tab a.filter_selected {
  185. border:0px !important;
  186. background:transparent !important;
  187. color: #777777;
  188. letter-spacing: 1px;
  189. font-weight: bold;
  190. }
  191. #filter_tab a.filter_selected:hover {}
  192.  
  193. /*-------------TIMELINE PLURKS----------------*/
  194.  
  195. /*View of Plurks*/
  196. .plurk_cnt {
  197. background: #fff repeat scroll top left !important;
  198. color: #222222 !important;
  199. font-size: 11px;
  200. border-right: 2px solid #f1f1f1;
  201. border-bottom: 2px solid #f1f1f1;
  202. line-height: 13px;
  203. }
  204.  
  205. /*Plurking Text Area*/
  206. #input_small {
  207. height: 40px;
  208. color: #222222 !important;
  209. border: 1px solid #ffffff;
  210. background: #ffffff; !important;
  211. }
  212.  
  213. /*Links in Plurks*/
  214. .plurk a.ex_link {
  215. color:#89B1C9;
  216. font-weight: normal;
  217. text-decoration:normal;
  218. }
  219.  
  220. .plurk a.ex_link:hover {
  221. color: #89B1C9;
  222. font-weight: normal;
  223. border-bottom: 0px solid #429700;
  224. text-decoration:normal;
  225.  
  226. }
  227.  
  228. .plurk a.ex_link:visited {
  229. color:#89B1C9;
  230. font-weight: normal;
  231. text-decoration:normal;
  232. }
  233.  
  234. /*Border around Avatar next to Plurks*/
  235. .p_img {
  236. border: 1px solid #fff;
  237. }
  238.  
  239.  
  240. /*"..." Between Plurks and no. or responses*/
  241. .dots .inner {
  242. background: #fff;
  243. margin-left: 2px;
  244. color: #F090A5!important;
  245. }
  246.  
  247. /*No. of Responses (Next to Plurk)*/
  248. .response_count {
  249. background: #ffffff;
  250. color: #222222!important;
  251. padding-left: 4px;
  252. padding-right: 6px;
  253. padding-top: 1px;
  254. padding-bottom: 4px;
  255. }
  256.  
  257. /*New Responses (Next to Plurk*/
  258. .new .response_count {
  259. background: #ffffff;
  260. border-right: 1px solid #000;
  261. border-top: 1px solid #000;
  262. border-bottom: 1px solid #000;
  263. border-left: 1px solid #000;
  264. color: #222222!important;
  265. padding-left: 4px;
  266. padding-right: 6px;
  267. padding-top: 1px;
  268. padding-bottom: 3px;
  269. }
  270.  
  271. /*Youtube Videos etc.*/
  272. .youtube img,.pictureservices img { border: none; opacity:.6; filter: alpha(opacity=60); }
  273. .youtube:hover img,.pictureservices:hover img { border:none; opacity:1; filter: alpha(opacity=100); }
  274.  
  275. /*Background of Responses in Plurks*/
  276. .plurk_box .list {
  277. background: #ffffff repeat scroll top left;
  278. border-color: #e0e0e0;
  279. border-radius: 8px;
  280. border-width: 0px;
  281. color: #000000 !important;
  282. }
  283.  
  284. /*"Recent Plurk Responses"/"Plurk Your Response"*/
  285. .plurk_box .caption {
  286. border:0;
  287. font-size: 11px;
  288. color: #222222 !important;
  289. background: transparent;
  290. }
  291.  
  292. .plurk_box {
  293. -moz-border-radius: 6px;
  294. -khtml-border-radius:6px;
  295. -webkit-border-bottom-left-radius: 6px;
  296. -webkit-border-bottom-right-radius: 6px;
  297. }
  298.  
  299. .plurk_box .highlight_light {
  300. color: #ff0000 !important;
  301. }
  302.  
  303. /*Plurk Too Much Characters*/
  304. .mini_form .char_updater {
  305. color: #222222 !important;
  306. background: #fff;
  307. }
  308.  
  309. /*Respond Area*/
  310. .plurk_box .mini_form {
  311. background: #fff;
  312. color: #ffffff !important;
  313. border-right: 0;
  314. border-left:0;
  315. border-bottom:0;
  316. border-top:0;
  317. }
  318.  
  319.  
  320. /*Responses*/
  321. .plurk_box .plurk_cnt {
  322. background: #ffffff !important;
  323. border-bottom: 1px solid #f7f7f7;
  324. color: #000000 !important;
  325. border-top: 0px solid #e0e0e0;
  326. padding-top: 3px;
  327. padding-bottom: 3px;
  328. }
  329.  
  330. /*"URL:plurkpage" Text*/
  331. .info_box {
  332. color: #89B1C9 !important;
  333. background: #FFF;
  334. border:0;
  335. font-size: 11px;
  336. }
  337.  
  338. /* Delete, Save, Edit, Cancel, Delete in Plurks */
  339. .manager .action {
  340. color:#222222;
  341. margin-left:5px;
  342. }
  343. .manager a:hover {
  344. text-decoration: none !important;
  345. }
  346. .manager .cancel {
  347. color:#222222;
  348. margin-right:5px;
  349. }
  350. .manager .delete {
  351. color: #222222;
  352. margin-right:5px;
  353. }
  354. .unmute { color:#747273 !important;
  355. }
  356.  
  357. /*Box where you type your response to a Plurk*/
  358. textarea#input_small {
  359. background: #ffffff !important;
  360. border: 1px solid #888;
  361.  
  362. color: #222222 !important;
  363. }
  364.  
  365. /*Responses Area*/
  366. .list {
  367.  
  368. -moz-border-radius: 0px 0px 6px 6px;
  369. -khtml-border-radius: 0px 0px 6px 6px;
  370. -webkit-border-bottom-left-radius: 6px;
  371.  
  372. -webkit-border-bottom-right-radius: 6px;
  373. }
  374.  
  375. /*"No Responses, be the first"*/
  376. .list .empty {
  377. color: #222222;
  378. }
  379.  
  380.  
  381.  
  382. /*-------------TIMELINE EXTRAS------------*/
  383. /*Updater for New Responses/Plurks*/
  384. #updater {
  385. padding: 2px;
  386. text-transform: none;
  387. border:0;
  388. background: transparent !important;
  389. border: 0px solid #3d3d3d;
  390. color: #222222;
  391. -moz-border-radius: 6px 6px 6px 6px;
  392. -khtml-border-radius: 6px;
  393. -webkit-border-radius: 6px;
  394.  
  395. }
  396.  
  397. #updater .text {
  398. border:0;
  399. color: #444444;
  400. font-size: 11px;
  401. }
  402.  
  403. #updater a {
  404. color: #444444;
  405. text-transform: none;
  406. }
  407.  
  408. #updater a:hover {
  409. color:#444444;
  410. text-transform: none;
  411. text-decoration: normal;
  412. }
  413.  
  414. /*Search Form in Timeline*/
  415. #mini_search .i_text {
  416.  
  417. background: transparent !important;
  418. border:0;
  419. color: #C36;
  420.  
  421. width:160px;
  422. padding: 2px;
  423.  
  424. }
  425.  
  426.  
  427.  
  428. #mini_search .i_button {
  429. background: transparent !important;
  430. border:0;
  431. color: #920000;
  432. padding:2px;
  433. }
  434.  
  435. /*========================================================
  436. ===================LOWER BODY OF PLURK=======================
  437. ========================================================*/
  438.  
  439. /*-------PLURKING AREA----------*/
  440.  
  441. /*Plurking Area Background*/
  442. #plurk_form {
  443. margin-top: 40px;
  444. padding: 10px;
  445. background: transparent !important;
  446. border:0px solid #222222;
  447. color: #c4c1b8;
  448. }
  449. #pane_plurk {
  450. background: transparent !important;
  451. border: 0px solid #000;
  452. -moz-border-radius: 6px 6px 6px 6px;
  453. -khtml-border-radius: 6px;
  454. -webkit-border-radius: 6px;
  455. color: #FFAD29 !important;
  456. }
  457.  
  458. /*Your Name by the Plurk Box*/
  459. .qual_holder{
  460. color: #D4D4D4 !important;
  461. }
  462. .mini_form .qual_holder {
  463. color: #D4D4D4 !important;
  464. background: transparent;
  465. }
  466.  
  467. /* Plurking Text Area*/
  468. textarea#input_big, textarea#input_permalink {
  469.  
  470. background: transparent;
  471. border: 1px solid #888888;
  472.  
  473. color: #D4D4D4 !important;
  474. }
  475.  
  476. /*Plurk/Daily Photos/Search8*/
  477. #toggle_tab li {
  478. background:transparent;
  479. color: #89B1C9 !important;
  480. }
  481. .plurkaction{clear:both;padding:8px;}.plurkaction,#toggle_tab li.tt_selected,#plurk-dashboard,#more_options_link{
  482. background: url(http://img27.imageshack.us/img27/764/black20.png);
  483. border: 0px solid #000;
  484. moz-border-radius: 6px 6px 0px 0px;
  485. -khtml-border-radius:6px 6px 0px 0px;
  486. -webkit-border-radius: 6px 6px 0px 0px;
  487. }
  488.  
  489. /* "Plurk"Button*/
  490. img[src="http://static.plurk.com/button/plurk.png"] {
  491. filter:alpha(opacity=0);
  492. -moz-opacity:.0;
  493. opacity:.0;
  494. }
  495.  
  496. .submit_img {
  497. background: transparent url(http://img30.imageshack.us/img30/3091/blackplurkpng.png) no-repeat scroll top left;
  498. height: 38px;
  499. padding-left: 82px;
  500. width: 0px;
  501. overflow: hidden;
  502. margin-top: -20px;
  503. }
  504.  
  505. /*Private Plurks, Language and Options*/
  506. #more_options .on, #more_options #more_options_holder {
  507. border:0;
  508. background: transparent;
  509. color: #D4D4D4;
  510. }
  511. #more_options_link{
  512. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
  513. border:0;
  514. color: #D4D4D4!important;
  515. outline:none;position:relative;
  516. }
  517. #more_options .on{
  518. border:0;
  519. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 3px;
  520. color: #D4D4D4;
  521. }
  522.  
  523. /*Daily Photo*/
  524. #snap_photo .computer{background:url(http://img716.imageshack.us/img716/5549/dailyphotocomblack.png) no-repeat 0 0;}
  525. #snap_photo .webcam{background:url(http://img40.imageshack.us/img40/3015/dailyphotocamblack.png) no-repeat 0 0;}
  526.  
  527. /*Search Feature*/
  528. #pane_search .main_poster{width:775px; color: #3c3c3c !important;}
  529. #pane_search .orange-but{margin-bottom:10px;}
  530. .saved_searches{font-size:12px;overflow:auto;padding:15px 0 0;}
  531. .saved_searches a{color:#aaaaaa!important;text-decoration:underline!important;}
  532. .saved_searches b{font-size:16px; color: #aaaaaa !important;}
  533. /.del_search{cursor:pointer;background-color:#FFF;border:1px solid #f0f0f0;margin-left:9px;padding:1px 4px;}
  534. .hot_searches a{ color: #b7b7b7 !important;}
  535. .hot_searches a:hover {color: #fff !important; border-bottom: 1px solid #fff;}
  536. .hot_searches a:visited { color:#b7b7b7 !important;}
  537. #user_search a{color: #ff8283 !important;}
  538.  
  539. /*Search Button*/
  540. input.orange-but {
  541. background:#000 none repeat scroll 0 0 !important;
  542. border: 0px solid #000 !important;
  543. color:#fff;
  544. cursor:pointer;
  545. font-size:13px;
  546. padding:2px 4px;
  547. vertical-align:middle;
  548. width:auto;}
  549.  
  550. /*Search Feature---Text Area*/
  551. input#current_query{
  552. background: transparent !important;
  553. border: 1px solid #3D3D3D !important;
  554. color: #fff !important;
  555. }
  556.  
  557. /*No. Of Characters Left*/
  558. .char_updater {
  559. color: #555555;
  560. }
  561.  
  562. .char_updater.highlight_light {
  563. color: #555555;
  564. font-style: italic;
  565. background: transparent !important;
  566. }
  567.  
  568. /*Too Much Characters*/
  569. .char_highlight {
  570. background: transparent !important;
  571. border-radius: 2px;
  572. padding-left: 2px;
  573. color: #555555 !important;
  574. }
  575.  
  576.  
  577. /*DASHBOARD*/
  578. #plurk-dashboard {
  579. background: transparent;
  580. border:0 !important;
  581. }
  582. .segment-content {
  583. background: transparent !important;
  584. color: #222222 !important;
  585. padding: 2px;
  586. margin: 1px;
  587. }
  588.  
  589. #dashboard_holder a {
  590. background: transparent !important;
  591. }
  592.  
  593. #dashboard_holder a:hover {
  594. background: transparent !important;
  595. }
  596.  
  597. /*Dashboard Header*/
  598. #dash-stats h2, #dash-friends h2, #dash-fans h2 {
  599. opacity:0;
  600. height:0;
  601. width:0,
  602. color: transparent;
  603. font-size:12px;
  604. line-height:0%;
  605. text-align:left;
  606. border:0;
  607. font-weight: none;
  608. }
  609.  
  610. #plurk-dashboard h2{
  611. width:0;
  612. height:0;
  613. color:#000;
  614. font-family:Arial;
  615. font-size: 26px;
  616. border-bottom: 0px solid #fff;
  617. }
  618.  
  619. /*dashboard--links*/
  620. #plurk-dashboard a {
  621. color: #555555;
  622. font-weight: normal;
  623. text-decoration:normal;
  624. border:0;
  625. }
  626.  
  627. #plurk-dashboard a:hover {
  628. color:#000;
  629. text-decoration: none;
  630. border:0;
  631. }
  632.  
  633. /*Dashboard---Fans section*/
  634.  
  635. #dash-fans{ position:absolute!important; left: 10000px!important; }
  636.  
  637. #dash-fans {
  638. width: 0px;
  639. height: 0px;
  640. opacity:0;
  641. padding-top: 5px;
  642. padding-bottom: 11px;
  643. text-align: center;
  644. color: #777777;
  645. background: transparent !important;
  646. border: 0px solid #000;
  647. -moz-border-radius: 6px 6px 6px 6px;
  648. -khtml-border-radius: 6px;
  649. -webkit-border-radius: 6px;
  650. }
  651.  
  652. /* Block User Button */
  653. .friend_man.block {
  654. -moz-border-radius: 4px 4px 4px 4px;
  655. -khtml-border-radius: 4px;
  656. -webkit-border-radius: 4px;
  657. background: transparent !important;
  658. border-right: 1px solid #000;
  659. border-top: 1px solid #000;
  660. border-bottom: 1px solid #000;
  661. border-left: 1px solid #000;
  662. color: #fff;
  663. }
  664. /* Share Plurk Page */
  665. #sharePlurk {
  666. background: transparent !important;no-repeat scroll top left;
  667. border-style: none none none none;
  668. border-width: 0px 0px 0px 0px;
  669. height: 66px;
  670. }
  671.  
  672. #sharePlurk div {
  673. border-style: none none none none;
  674. border-width: 0px 0px 0px 0px;
  675. padding: 6px 8px;
  676. }
  677.  
  678. #sharePlurk span {
  679. background: transparent none no-repeat scroll left bottom;
  680. padding: 1px 1px 1px 9px;
  681. }
  682. #sharePlurk #invite_url {
  683. margin-left: 0px !important;
  684. }
  685.  
  686. #sharePlurk p {
  687. margin: 4px 13px 0;
  688. }
  689.  
  690. .cmp_wj {
  691. height: 21px;
  692. }
  693. /* End Share Plurk Button */
  694.  
  695. /*Widget/Twitter/Mobile*/
  696. a#widget-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -320px no-repeat; width: 25px; height:22px; }
  697. a#mobile-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -251px no-repeat; width: 21px; height:30px; }
  698. a#twitter-gfx { background:transparent url(/static/icons/icons_gif.gif) 0 -296px no-repeat; width: 23px; height:24px; }
  699.  
  700. /*Invite Your Friends*/
  701. a#dashboard-invite {
  702. background: transparent !important;
  703. height: 63px;
  704. overflow: hidden;
  705. color: transparent !important;
  706. margin-left: auto;
  707. margin-right: auto;
  708. border: 0px none #000000;
  709. }
  710.  
  711. a#dashboard-invite:hover {
  712. background: transparent !important;
  713. height: 63px;
  714. overflow: hidden;
  715. color: transparent !important;
  716. }
  717. .cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
  718. background: transparent none no-repeat scroll 0 0;
  719. height: 0px;
  720. width: 0px;
  721. }
  722. /*END DASHBOARD---FANS SECTION*/
  723.  
  724. /*DASHBOARD---FRIENDS SECTION*/
  725. #show_all_friends
  726. {
  727. opacity:0;
  728. width:0px;
  729. height:0px;
  730. background: transparent !important;
  731. border: 0px solid #000;
  732. -moz-border-radius: 6px 6px 6px 6px;
  733. -khtml-border-radius: 6px;
  734. -webkit-border-radius: 6px;
  735. padding-top: 5px;
  736. padding-bottom: 11px;
  737. text-align:center;
  738. color: #777777;
  739. -moz-border-radius: 10px 10px 10px 10px;
  740. -khtml-border-radius: 10px;
  741. -webkit-border-radius: 10px;
  742. }
  743.  
  744. #dash-friends{ position:absolute!important; left: 10000px!important; }
  745.  
  746. #dash-friends {
  747. width:0px;
  748. height:0px;
  749. padding-top: 5px;
  750. padding-bottom: 11px;
  751. padding-left: 5px;
  752. padding-right: 5px;
  753. text-align: center;
  754. color: #777777;
  755. background: transparent !important;
  756. border: 0px solid #000;
  757. -moz-border-radius: 6px 6px 6px 6px;
  758. -khtml-border-radius: 6px;
  759. -webkit-border-radius: 6px;
  760. }
  761.  
  762. /*Follow Friend*/
  763. .friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
  764. -moz-border-radius: 6px 6px 6px 6px;
  765. -khtml-border-radius: 6px;
  766. -webkit-border-radius: 6px;
  767. background: transparent !important;
  768. border-right: 1px solid #000;
  769. border-top: 1px solid #000;
  770. border-bottom: 1px solid #000;
  771. border-left: 1px solid #000;
  772. color: #fff;
  773. }
  774.  
  775.  
  776. /*"Invite or Find your Friends on Plurk" Button*/
  777. a#dashboard-invite {
  778. background: transparent !important;
  779. height: 63px;
  780. overflow: hidden;
  781. color: transparent !important;
  782. margin-left: auto;
  783. margin-right: auto;
  784. border: 0px none #000000;
  785. }
  786.  
  787. a#dashboard-invite:hover {
  788. background: transparent !important;
  789. height: 63px;
  790. overflow: hidden;
  791. color: transparent !important;
  792. }
  793. .cmp_invite, .cmp_widget-gfx, .cmp_twitter-gfx, .cmp_mobile-gfx {
  794. background: transparent none no-repeat scroll 0 0;
  795. height: 0px;
  796. width: 0px;
  797. }
  798. /*Images of Friends*/
  799. .friend_holder {
  800. margin-bottom: 4px;
  801. }
  802.  
  803. .friend_holder table {
  804. margin-left: auto;
  805. margin-right: auto;
  806. }
  807. .friend_holder .user_link{
  808. height:25px!important;width:25px!important;
  809. }
  810.  
  811. .friend_holder img{
  812. width:25px;
  813. height:25px;
  814. }
  815. /*END DASHBOARD--FRIENDS*/
  816.  
  817. /*DASHBOARD---STATS*/
  818.  
  819. #dash-stats{ position:absolute!important; left: 10000px!important; }
  820.  
  821. #dash-stats{
  822. color: #777777;
  823. background: #ffffff !important;
  824. -moz-border-radius: 6px 6px 6px 6px;
  825. -khtml-border-radius: 6px;
  826. -webkit-border-radius: 6px;
  827. padding-top: 5px;
  828. padding-bottom: 38px;
  829. text-align: center;
  830. }
  831.  
  832. #dash-stats table td {
  833. color: #b8b8b8;
  834. }
  835.  
  836. /*Karma*/
  837. #karma {
  838. color: #b8b8b8;
  839. font-size: 24px;
  840. }
  841.  
  842. .karma_hover {
  843. color:#7c7c7c;
  844. }
  845. .karma_arrow {
  846. filter:alpha(opacity=0);
  847. -moz-opacity:.0;
  848. opacity:.0;
  849. }
  850.  
  851. .cmp_karma_up {
  852. background:transparent 0 -28px no-repeat;
  853. width:8px;
  854. height:10px;
  855. margin-top: 10px;
  856. }
  857.  
  858. /*Award ( Reached Plurk Nirvana award etc.)*/
  859. .award_bar {
  860. height: 50px;
  861. }
  862. /*END DASHBOARD---STATS*/
  863.  
  864. /*DASHBOARD---PROFILE*/
  865. #dash-profile {
  866. position: absolute;
  867. color: #777777;
  868. background: #ffffff !important;
  869. border: 0px solid #000;
  870. -moz-border-radius: 6px 6px 6px 6px;
  871. -khtml-border-radius: 6px;
  872. -webkit-border-radius: 6px;
  873. margin:2px;
  874. padding: 10px;
  875. text-align:left;
  876. }
  877.  
  878. p#about_me {
  879. color: #777777;
  880. background: transparent !important;
  881. border: 0px solid #000;
  882. -moz-border-radius: 6px 6px 6px 6px;
  883. -khtml-border-radius: 6px;
  884. -webkit-border-radius: 6px;
  885. margin:2px;
  886. padding: 10px;
  887. text-align:left;
  888. }
  889.  
  890. #full_name {
  891. font-size:17px;
  892. color:#444444;
  893. }
  894.  
  895. #span_years {
  896. color: #777777;
  897. font-weight: bold; }
  898.  
  899. #location {
  900. color:#777777;
  901. font-style: italic;
  902. }
  903.  
  904. .friend_man.private_plurk {
  905. -moz-border-radius: 6px 6px 6px 6px;
  906. -khtml-border-radius: 6px;
  907. -webkit-border-radius: 6px;
  908. background: transparent !important;
  909. border-right: 1px solid #000;
  910. border-top: 1px solid #000;
  911. border-bottom: 1px solid #000;
  912. border-left: 1px solid #000;
  913. color: #fff;
  914. }
  915.  
  916.  
  917. p#relationship_container {
  918. color: #777777;
  919. background: transparent !important;
  920. border: 0px solid #000;
  921. -moz-border-radius: 6px 6px 6px 6px;
  922. -khtml-border-radius: 6px;
  923. -webkit-border-radius: 6px;
  924. padding: 10px;
  925. }
  926.  
  927. /*-------------LINKS-----------------*/
  928. a:link {
  929. color: #555555;
  930. text-transform: normal;
  931. }
  932.  
  933. /* Link(Visited, Active)*/
  934. a:visited, a:active {
  935. color: #555555;
  936. text-transform: normal;}
  937.  
  938. /*Link(Hover)*/
  939. a:hover {
  940. color: #555555;
  941. text-transform: normal;
  942. }
  943.  
  944. /*Links at Footer*/
  945. #footer {
  946. color: #555555;
  947. }
  948. #footer a {
  949. color: #555555;
  950. border-bottom:1px solid #fff;
  951. font-weight: normal;
  952. }
  953.  
  954. #footer a:hover {
  955. color: #555555;
  956. border:0;
  957. text-decoration: underline;
  958. font-weight: normal;
  959. }
  960.  
  961.  
  962. /* -------------ETC. DETAILS----------------*/
  963. /*Drop Arrow on Emoticons box (Same in Both Plurking Area and Timeline Responses plurking area*/
  964. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  965. background-position: left top;
  966. background-repeat: no-repeat;
  967. overflow: hidden;
  968. height: 0px;
  969. width: 0px;
  970. }
  971.  
  972. .dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"] {
  973. height: 12px;
  974. padding-left: 14px;
  975. background: url(http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif) no-repeat scroll left top;
  976. margin-left: 1px;
  977. }
  978.  
  979. /*Bold*/
  980. strong {
  981. color: #fff;
  982. cursor: default;}
  983.  
  984. strong:hover {
  985. color: #fff;
  986. cursor: default;}
  987.  
  988. /*Italic*/
  989. i {
  990. color: #333333;
  991. cursor: default;
  992. }
  993.  
  994. i:hover {
  995. color: #333333;
  996. cursor: default;
  997. }
  998. /*Underline*/
  999. u {
  1000. color:#333333;
  1001. cursor: default;
  1002. border-bottom: 0px solid #FFFFFF;
  1003. }
  1004.  
  1005. u:hover {
  1006. color: #333333;
  1007. cursor: default;
  1008. border-bottom: 0px solid #FFFFFF;
  1009. }
  1010.  
  1011. /* Tool Tip */
  1012. .tooltip_cnt{
  1013. background: #3d3d3d;
  1014. border:0px solid #3d3d3d;
  1015. color: #d8d8d8;
  1016. padding:5px;
  1017. margin-top:1px;
  1018. font-size:11px;
  1019. -moz-border-radius: 4px 4px 4px 4px;
  1020. -khtml-border-radius: 4px;
  1021. -webkit-border-radius: 4px;
  1022. }
  1023.  
  1024. .AmiTT_main b {
  1025. color: #fff;
  1026. font-weight:bold;
  1027. }
  1028.  
  1029. .AmiTT_main {
  1030. color: #fff;
  1031. line-height:1.2;
  1032. border-top: 0px solid #3d3d3d;
  1033. position:absolute;
  1034. text-align:left;
  1035. width:209px;
  1036. z-index:2000;
  1037. }
  1038.  
  1039. /*User Menu---Arrows*/
  1040. .cmp_tooltips-down {background:transparent url(http://img689.imageshack.us/img689/1811/blackdownpng.png) no-repeat; width: 20px; height:17px; }
  1041. .cmp_tooltips-loading { background:transparent url(/static/icons/icons_png.png) 0 -164px no-repeat; width: 22px; height:17px; }
  1042. .cmp_tooltips-up {background:transparent url(http://img413.imageshack.us/img413/410/blackuppng.png) no-repeat; width: 20px; height:17px; }
  1043.  
  1044. /* Selection on Firefox*/
  1045. ::-moz-selection{
  1046. background: #3d3d3d;
  1047. color:#fff;
  1048. }
  1049.  
  1050. /*Selection on browsers*/
  1051. ::selection {
  1052. background: #3d3d3d;
  1053. color:#fff;
  1054. }
  1055.  
  1056. /* Color--User Menu*/
  1057. .AmiMenu.info_menu {
  1058. background: #181818;
  1059. border:1px solid #000;
  1060. color: #dcaec6;
  1061. }
  1062. .AmiMenu.info_menu .block {
  1063. background:#920000;
  1064.  
  1065. }
  1066. .AmiMenu.info_menu td.on, .AmiMenu.info_menu .user_info.on {
  1067. background: #000;
  1068.  
  1069. }
  1070.  
  1071. .AmiMenu.info_menu .separator {
  1072. background: #181818;
  1073.  
  1074.  
  1075. }
  1076. .AmiMenu.info_menu .user_info.on b {
  1077. color: #fff;
  1078. font-weight: bold;
  1079. }
  1080.  
  1081.  
  1082.  
  1083. /*FREESTYLE/LOVES/LIKES/SHARES ETC. */
  1084. .q_freestyle {
  1085. background: #ffffff !important;
  1086. border:0;
  1087. color: #ffda9c;
  1088. }
  1089.  
  1090. .q_loves {
  1091. border:0;
  1092. color: #ffda9c;
  1093. background: #f3f3f3 !important;
  1094. }
  1095. .q_likes {
  1096. border:0;
  1097. color: #ffda9c;
  1098. background: #e6e6e6 !important;
  1099. }
  1100. .q_shares {
  1101. border:0;
  1102. color: #ffda9c;
  1103. background: #d9d9d9 !important;
  1104. }
  1105. .share_menu{
  1106. border:0;
  1107. color: #ffda9c !important;
  1108.  
  1109. font-size:16px;}
  1110.  
  1111. .mini_menu .share_menu{
  1112. border:0;
  1113. color: #ffda9c!important;
  1114. font-size:12px;}
  1115.  
  1116. .share_menu .on{
  1117. border:0;;
  1118. background-color:#cccccc !important;
  1119. color: #ffda9c !important;}
  1120.  
  1121. .q_video,.q_link{
  1122. border-left:1px solid #ffffff !important;}
  1123.  
  1124. .q_gives {
  1125. border:0;
  1126. color: #ffda9c;
  1127. background: #bfbfbf !important;
  1128. }
  1129.  
  1130. .q_hates {
  1131. border:0;;
  1132. color: #ffda9c;
  1133. background: #b2b2b2 !important;
  1134. }
  1135. .q_wants {
  1136. border:0;
  1137. color: #ffda9c;
  1138. background: #a6a6a6 !important;
  1139. }
  1140.  
  1141. .q_wishes{
  1142. border:0;
  1143. color: #ffda9c;
  1144. background: #989898 !important;
  1145. }
  1146.  
  1147. .q_needs {
  1148. border:0;
  1149. color: #ffda9c;
  1150. background: #8b8b8b !important;
  1151. }
  1152.  
  1153. .q_will {
  1154. border:0;
  1155. color: #ffda9c;
  1156. background: #7d7d7d !important;
  1157. }
  1158.  
  1159. .q_hopes {
  1160. border:0;;
  1161. color: #ffda9c;
  1162. background: #6f6f6f !important;
  1163. }
  1164.  
  1165. .q_asks {
  1166. border:0;
  1167. color: #ffda9c;
  1168. background: #606060 !important;
  1169. }
  1170.  
  1171. .q_has {
  1172. border:0;
  1173. color: #ffda9c;
  1174. background: #535353 !important;
  1175. }
  1176.  
  1177. .q_was {
  1178. border:0;
  1179. color: #ffda9c;
  1180. background: #464646 !important;
  1181. }
  1182.  
  1183. .q_wonders {
  1184. border:0;
  1185. color: #ffda9c;
  1186. background: #393939 !important;
  1187. }
  1188.  
  1189. .q_feels {
  1190. border:0;
  1191. color: #ffda9c;
  1192. background: #2c2c2c !important;
  1193. }
  1194.  
  1195. .q_thinks {
  1196. border:0;
  1197. color: #ffda9c;
  1198. background: #1f1f1f !important;
  1199. }
  1200.  
  1201. .q_says {
  1202. background: #000 !important;
  1203. border:0;
  1204. color: #141414;
  1205. }
  1206.  
  1207. .q_is {
  1208. border:0;
  1209. color: #ffda9c;
  1210. background: #000000 !important;
  1211. }
  1212.  
  1213. .qual_menu .q_shares{
  1214. color: #ffda9c !important;
  1215. border:0;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement