Advertisement
Guest User

layout

a guest
Jun 13th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.60 KB | None | 0 0
  1. /* ------ Fonts: do not edit this section unless you know what you're doing ----- */
  2.  
  3. /* cyrillic */
  4. @font-face {
  5. font-family: 'Spectral';
  6. font-style: italic;
  7. font-weight: 400;
  8. src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8on7mTNmnUHowCw.woff2) format('woff2');
  9. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  10. }
  11. /* vietnamese */
  12. @font-face {
  13. font-family: 'Spectral';
  14. font-style: italic;
  15. font-weight: 400;
  16. src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onXmTNmnUHowCw.woff2) format('woff2');
  17. unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  18. }
  19. /* latin-ext */
  20. @font-face {
  21. font-family: 'Spectral';
  22. font-style: italic;
  23. font-weight: 400;
  24. src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onTmTNmnUHowCw.woff2) format('woff2');
  25. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  26. }
  27. /* latin */
  28. @font-face {
  29. font-family: 'Spectral';
  30. font-style: italic;
  31. font-weight: 400;
  32. src: local('Spectral Italic'), local('Spectral-Italic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCt-xNNww_2s0amA9M8onrmTNmnUHo.woff2) format('woff2');
  33. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  34. }
  35. /* cyrillic */
  36. @font-face {
  37. font-family: 'Spectral';
  38. font-style: italic;
  39. font-weight: 700;
  40. src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfCFXVAKArdqqQ.woff2) format('woff2');
  41. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  42. }
  43. /* vietnamese */
  44. @font-face {
  45. font-family: 'Spectral';
  46. font-style: italic;
  47. font-weight: 700;
  48. src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfuFXVAKArdqqQ.woff2) format('woff2');
  49. unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  50. }
  51. /* latin-ext */
  52. @font-face {
  53. font-family: 'Spectral';
  54. font-style: italic;
  55. font-weight: 700;
  56. src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfqFXVAKArdqqQ.woff2) format('woff2');
  57. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  58. }
  59. /* latin */
  60. @font-face {
  61. font-family: 'Spectral';
  62. font-style: italic;
  63. font-weight: 700;
  64. src: local('Spectral Bold Italic'), local('Spectral-BoldItalic'), url(https://fonts.gstatic.com/s/spectral/v4/rnCu-xNNww_2s0amA9M8qsHDWfSFXVAKArc.woff2) format('woff2');
  65. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  66. }
  67. /* cyrillic */
  68. @font-face {
  69. font-family: 'Spectral';
  70. font-style: normal;
  71. font-weight: 400;
  72. src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M9knjsS_ulYHs.woff2) format('woff2');
  73. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  74. }
  75. /* vietnamese */
  76. @font-face {
  77. font-family: 'Spectral';
  78. font-style: normal;
  79. font-weight: 400;
  80. src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M2knjsS_ulYHs.woff2) format('woff2');
  81. unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  82. }
  83. /* latin-ext */
  84. @font-face {
  85. font-family: 'Spectral';
  86. font-style: normal;
  87. font-weight: 400;
  88. src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M3knjsS_ulYHs.woff2) format('woff2');
  89. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  90. }
  91. /* latin */
  92. @font-face {
  93. font-family: 'Spectral';
  94. font-style: normal;
  95. font-weight: 400;
  96. src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v4/rnCr-xNNww_2s0amA9M5knjsS_ul.woff2) format('woff2');
  97. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  98. }
  99. /* cyrillic */
  100. @font-face {
  101. font-family: 'Spectral';
  102. font-style: normal;
  103. font-weight: 700;
  104. src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23FafaPWnIIMrY.woff2) format('woff2');
  105. unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  106. }
  107. /* vietnamese */
  108. @font-face {
  109. font-family: 'Spectral';
  110. font-style: normal;
  111. font-weight: 700;
  112. src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23OafaPWnIIMrY.woff2) format('woff2');
  113. unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  114. }
  115. /* latin-ext */
  116. @font-face {
  117. font-family: 'Spectral';
  118. font-style: normal;
  119. font-weight: 700;
  120. src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23PafaPWnIIMrY.woff2) format('woff2');
  121. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  122. }
  123. /* latin */
  124. @font-face {
  125. font-family: 'Spectral';
  126. font-style: normal;
  127. font-weight: 700;
  128. src: local('Spectral Bold'), local('Spectral-Bold'), url(https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9uCt23BafaPWnII.woff2) format('woff2');
  129. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  130. }
  131.  
  132. /* latin-ext */
  133. @font-face {
  134. font-family: 'Cutive Mono';
  135. font-style: normal;
  136. font-weight: 400;
  137. src: local('Cutive Mono Regular'), local('CutiveMono-Regular'), url(https://fonts.gstatic.com/s/cutivemono/v6/m8JWjfRfY7WVjVi2E-K9H6RMTm6o39ucNvc.woff2) format('woff2');
  138. unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  139. }
  140.  
  141. /* latin */
  142. @font-face {
  143. font-family: 'Cutive Mono';
  144. font-style: normal;
  145. font-weight: 400;
  146. src: local('Cutive Mono Regular'), local('CutiveMono-Regular'), url(https://fonts.gstatic.com/s/cutivemono/v6/m8JWjfRfY7WVjVi2E-K9H6RCTm6o39uc.woff2) format('woff2');
  147. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  148. }
  149.  
  150. /* ------ Main image ----- */
  151.  
  152. #timeline_holder { background:url(https://i.imgur.com/zlEHiBZ.jpg) #444; background-size: repeat; }
  153.  
  154. /* ------ Stop plurk from breaking words ----- */
  155.  
  156. .list .text_holder {word-break: keep-all!important;}
  157.  
  158. /* ------ hiding ugly things ----- */
  159.  
  160. #dynamic_logo {opacity:0;filter:alpha(opacity=0);zoom:1; display: none;}
  161.  
  162. .showLoading { opacity: 0; }
  163.  
  164. #plurk_ads a { overflow: hidden;_overflow: none; display: none; }
  165.  
  166. .ynative, .cbox_ads, .resp_banner_ads, #dash-stats, #plurks_count a, .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down, div #tw_help, div #sharePlurk, #block_user, .dash-icon, div.adsense, section.adsense, section.adsense h3, div.cbox_adsx, #dashboard-usersearch, #creature, #resp_banner_ads
  167. { display : none !important; height: 0 !important; width: 0 !important; overflow: hidden;_overflow: none; position: fixed; top: -9000px; filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:1; }
  168.  
  169. .loading img {width:0px;height:0px;}
  170.  
  171. .loading { opacity: 0; }
  172.  
  173. #div_loading {filter:alpha(opacity=0); opacity:0;}
  174.  
  175. #top_bar #bar-color { opacity: 0; }
  176.  
  177. .award_bar { opacity: 0; position: absolute; left: -9999px; }
  178.  
  179.  
  180. /* ------ top bar ----- */
  181. #top_bar .top-bar-title { display: inline-block; height: 34px; font: 1.2em cutive mono, courier new, monospace; color: #000; line-height: 34px; margin-top: 4px; cursor: pointer; padding: 0 10px; border-radius: 5px; }
  182.  
  183. #top_bar .bar-icon { color: #eee; }
  184.  
  185. .bar-color, #top_bar { background: #fff; }
  186.  
  187. #top_bar #plurk_logo .logo_img {opacity: .6;filter: saturate(.8);-webkit-filter: saturate(.8);-moz-filter: saturate(.8); }
  188.  
  189.  
  190. /* ------ profile ----- */
  191.  
  192. #plurk-dashboard .dash-segment-profile #dash-profile { height: auto; text-align: left; line-height: 1.3; }
  193.  
  194. #plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic { width: 200px; height: 200px; max-width: 100%; max-height: 100%; border-radius: 8px; position: static; }
  195.  
  196. #plurk-dashboard .dash-segment-profile #dash-profile .profile-info { margin: 0 0 1em 0; opacity: 1; font-style: italic; position: inherit; }
  197.  
  198. #plurk-dashboard .dash-segment-profile #dash-profile #full_name { font-size: 15px; margin: .3em 0 1em 0; }
  199.  
  200. #plurk-dashboard .dash-segment-profile #dash-profile #full_name .display_name { font: italic 1.25em Spectral, Georgia, serif;}
  201.  
  202. #plurk-dashboard .dash-segment-profile #dash-profile #full_name .nick_name { display: block; font: 1em Cutive Mono, Courier New, monospace; opacity:1; letter-spacing: .05em; line-height: 0.9; text-transform: uppercase;}
  203.  
  204. #plurk-dashboard .dash-segment #dash-additional-info #about_me a {font: 1em/2 cutive mono, courier new, monospace; background: #eee; padding: .125em .25em; text-transform: uppercase; letter-spacing: .05em; text-decoration: none; color: #000;}
  205.  
  206. #plurk-dashboard .dash-segment-profile #dash-additional-info #about_me { margin-bottom: 1em; line-height: 1.3; }
  207.  
  208. #plurk-dashboard .dash-segment-profile #dash-additional-info { padding: 0; font: 13px/1.5 Spectral, Georgia, serif; max-width:200px; line-height: 1.3;}
  209.  
  210.  
  211. /* ------ dashboard ----- */
  212.  
  213. .html5 #plurker_info h2, #plurk-dashboard h2 { color: #000 !important; display: inline-block; padding: .125em .5em; background: #eee; text-transform: uppercase; letter-spacing: .1em; font: italic 2em Spectral, Georgia, serif; margin: 1em 0 0 0;}
  214.  
  215. #plurk-dashboard .dash-group-left { width: 33%; position: relative; padding-right: 10px; max-width: 250px; }
  216.  
  217. #plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right { max-width: 720px; width: 100% }
  218.  
  219. #plurk-dashboard #dash-friends, #plurk-dashboard #dash-fans { text-align: left;}
  220.  
  221. #plurk-dashboard #dash-friends-pics, #plurk-dashboard #dash-fans-pics {width: 90%; margin: 0; border-top: 1px solid #eee; padding: 1em 0; }
  222.  
  223. .friend_man.private_plurk, .friend_man.send_gift, .friend_man.add_friend, .friend_man.add_follow, .friend_man.add-as-fan { font: .9em Cutive Mono, Courier New, monospace; background-color: #eee; text-transform: uppercase; }
  224.  
  225. #plurk-dashboard .dash-segment-fans #dash-fans #fan_managment, #plurk-dashboard .dash-segment-friends #dash-friends #friend_managment { margin-top: .5em; text-align: left; }
  226.  
  227. #dash-stats { margin-bottom: 2em; }
  228.  
  229. #plurk-dashboard #dash-stats .dash-stats-karma { text-align: left; }
  230.  
  231. #plurk-dashboard #dash-stats table th { font: 1em Spectral, Georgia sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .015em; border-bottom: 1em solid #fff; border-top: 1em solid #fff; opacity: 1; padding: 0 .25em; }
  232.  
  233. #plurk-dashboard #dash-stats table td { color: #000; vertical-align: middle; padding: .5em; font-style: italic; }
  234.  
  235. #plurk-dashboard #dash-stats .dash-stats-karma { margin: 1em 0; }
  236.  
  237.  
  238. html, body, .list { background-color: #fff !important; font: 13px Spectral, Georgia, serif;
  239. }
  240.  
  241. #dashboard_holder a, #footer a, #top_login a, #errors a, .error a, #top_bar .content, #top_bar a { border: 0 !important; }
  242.  
  243. a { color: #000;}
  244.  
  245. .textarea_holder textarea { font-size: 13px; line-height: 1.5; }
  246.  
  247. .html5 #dashboard_holder #plurk_responses #reply .responses, .html5 #reply #reply_box, .html5 #dashboard_holder #plurker_info #shareUser { background-color: #fff; border: 0; }
  248.  
  249. .a_emoticon { color: #000 !important; }
  250.  
  251. #timeline_cnt .display, #timeline_cnt .toggled { z-index: 9999!important; }
  252.  
  253. #dashboard_holder a, , #top_login a, #errors a, .error a, #top_bar .content, #top_bar a { color: #000 !important; border: 0 !important; }
  254.  
  255. .karma_hover { font-style: italic; font-family: Spectral, Georgia, serif; margin: 0;}
  256.  
  257.  
  258. .segment-content { background: rgb(255,255,255); border-radius: 0; color: #000; font: 13px/1.8 Spectral, Georgia, serif; padding: 0; }
  259.  
  260. .div_bottom { color: #000; margin: 0; font: italic 13px Spectral, Georgia, serif; opacity: 1; }
  261.  
  262. .name { font-weight: normal; text-decoration: none !important; font-style: italic; }
  263.  
  264. .new .response_count { background: #eda3a8; }
  265.  
  266. .response_count { background: none; font-weight: normal !important; opacity: .8; color: #fff !important; }
  267.  
  268. .manager { opacity: .2; }
  269.  
  270. .manager .mute-on { color: #444; }
  271.  
  272. #bottom_line {background: #fff; height: 10px;}
  273.  
  274. .bottom_start { color: #000; background: #fff;}
  275.  
  276. .cmp_plurk { background: transparent url(http://www.spoony.valiantknife.org/plurk/napoleonce/plurk.png) no-repeat !important; width: 82px; font-size: 1px; height: 38px; margin-right: 10px; }
  277.  
  278. .cmp_arrow_right, .cmp_arrow_left, .cmp_back_to_today { opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; }
  279.  
  280. .cmp_arrow_right:hover, .cmp_back_to_today:hover { opacity: 1; }
  281.  
  282. .popTooltip { background: #eee; border-color: #eee; }
  283.  
  284. #display_options_help, #updater b { font-size: 1em; font-weight: 400; }
  285.  
  286. tt, code, kbd, samp { font-family: Cutive Mono, Courier New, monospace; }
  287.  
  288. .submit_img_color { font-size: .1em; background: url(http://www.spoony.valiantknife.org/plurk/napoleonce/plurk.png); margin: 2.5em; }
  289.  
  290. .icons_holder .pif-emoticon:after { background: #fff; }
  291.  
  292. icons_holder li { font-size: 18px !important; width: 18px !important; }
  293.  
  294. #main_poster .icons_holder .shortcut { width: 16px; height: 16px; color: #fff!important; }
  295.  
  296. .timeline-message img { display: none; }
  297.  
  298. .timeline-message { text-align: center; font-size: 23px; line-height: 35px; color: #fff; font: italic 2em Spectral, Georgia, serif; z-index: 999; }
  299.  
  300. #filter_tab a, #updater .item a { color: #000; text-transform: lowercase; border-radius: 3px; }
  301.  
  302. #updater .item a:hover, #filter_tab a.filter_selected { background: #eee; color: #000; }
  303.  
  304. #footer { width: 100%; padding: 1em; color: #000; line-height: 1.5; margin-top: 3em;}
  305.  
  306. #footer a { background: #fff; text-transform: uppercase; font: .9em Cutive Mono, Courier New, monospace; letter-spacing: .05em; padding: .25em; color: #000; }
  307.  
  308. #plurk-dashboard { border: none;}
  309.  
  310. .more-options { background: #eee; }
  311.  
  312. .plurk a.meta, .permaplurk #permanent_body a.meta, body.t #dashboard_holder a.meta { border: 0; cursor: pointer; display: block; margin: 1px 4px 4px 0; overflow: hidden; padding: 2px 4px; position: relative; color: #000; background: #eee; border: 1px solid #eee; font: .9em Cutive Mono, Courier New, monospace; }
  313.  
  314. .browse_button .cmp_arrow_right, .browse_button .cmp_arrow_left { color: #eee; font-size: 32px; }
  315.  
  316. .browse_button .cmp_back_to_today { font-size: 12px; line-height: 18px; margin-top: 10px; background: #eee; color: #666; border-radius: 10px; position: absolute; margin-left: 11px; padding: 0 9px;}
  317.  
  318. .timeline-bg .block_bg .bottom_start { bottom: -11px; }
  319.  
  320. .info_box { background: #eee; }
  321.  
  322. .plurk a.ex_link, .permaplurk #permanent_body a.ex_link, body.t #dashboard_holder a.ex_link { color: #000; border-bottom: 1px solid #eee; }
  323.  
  324. .plurk a.ex_link:hover, .permaplurk #permanent_body a.ex_link a:hover, body.t #dashboard_holder a.ex_link:hover { color: #000; border-bottom: 1px solid #eee; background: #eee; text-decoration: none;}
  325.  
  326. .favorite_count, .replurk_count, .bookmark_info, .private_info { background: #eee; color: #000; text-transform: uppercase; font: .9em Cutive mono, monospace; }
  327.  
  328. .cmp_back_to_today:before { color: #eee; }
  329.  
  330. .p_img img { border-left: 0; border: 3px solid #fff; height: 26px; width: 26px; border-radius: 3px; }
  331.  
  332. .p_img { height: 26px !important; width: 26px !important; margin-right: -4px;}
  333.  
  334. ::-moz-selection { background: #eee text-shadow: none; }
  335.  
  336. ::selection { background: #eee; text-shadow: none; }
  337. #plurk-dashboard .dash-segment-profile #dash-profile .profile-icons img {
  338. width: 0px;
  339. height: 0px;
  340. }
  341. }
  342. ._lc_ .dash-segment-fans {display : none;}
  343. ._lc_ .plurk_cnt.new1 {background-color: #ffffff;}
  344. ._lc_ .plurk_cnt.new2 {background-color: #ffffff;}
  345. ._lc_ .plurk_cnt.new3 {background-color: #ffffff;}
  346. ._lc_ .plurk_cnt.new4 {background-color: #ffffff;}
  347. ._lc_ .plurk_cnt.new5 {background-color: #ffffff;}
  348. ._lc_ .plurk_cnt.new6 {background-color: #ffffff;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement