Advertisement
breadvolution

Pattern Background, Solid Timeline

May 20th, 2015
15
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.13 KB | None | 0 0
  1. /*-------------- Pattern Background, Solid Timeline
  2. code: vuvuzela@dreamwidth
  3.  
  4. ---------------------------------------------------*/
  5.  
  6. body, #plurk-dashboard .dash-segment h2 {
  7.  
  8. /* Set universal font */
  9. font-family: FONTFACE;
  10. font-size:##px;
  11. }
  12.  
  13.  
  14. body {
  15. /* Set background pattern */
  16. background: url('PATTERNURL') ;
  17. background-position:top center;
  18. }
  19.  
  20. /* -- SET UP YOUR COLORS -*/
  21.  
  22.  
  23. #timeline_holder, #filter_tab a.off_tab, #filter_tab a.filter_selected , #pane_plurk, #dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans {
  24.  
  25. /* Set Timeline and Dashboard background */
  26. background:COLOR1;
  27. }
  28.  
  29. .bottom_start, .bottom_end, #time_show span, #filter_tab a.off_tab,#filter_tab a.filter_selected, .unread_generic, .response_count, #pane_plurk, textarea#input_big, textarea#input_permalink, #pane_plurk .display_name, #dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans, #plurk-dashboard a, {
  30.  
  31. /* Set main timeline and dashboard color */
  32. color: COLOR2;
  33. }
  34.  
  35. .bottom_start, #plurk-dashboard h2,.unread_generic,p#about_me a {
  36.  
  37. /* Color set for more stubborn areas */
  38. color: COLOR2!important;
  39. }
  40.  
  41. .day_bg .div_inner, #updater, #updater .text, #updater a, .new .response_count,.plurk_box .caption,.plurk_box .mini_form,.plurk_box .info_box,.friend_man.block, .friend_managment,
  42. .friend_man.private_plurk, .friend_man.add_friend, .friend_man.add_follow,.friend_man.remove,.plurk_box .info_box a,.mini_form .display_name {
  43.  
  44. /* Colors Reversed - updater, buttons, response besides plurk */
  45. background:COLOR2;
  46. color:COLOR1;
  47. }
  48.  
  49. /* End color set up */
  50.  
  51.  
  52. /* DO NOT EDIT AFTER THIS POINT. If you're familiar with code, obviously go ahead, but it's just a mess of things that helps clean up your layout to look a little nicer */
  53. /*-- Base --*/
  54. html, body {
  55. overflow-x:hidden;
  56. }
  57.  
  58. #timeline_holder {
  59. border:0px;
  60. overflow-x:hidden;
  61. padding:0px;
  62. }
  63.  
  64. /* Remove creature */
  65. #dynamic_logo img{
  66. height:0px;
  67. width:0px;
  68. }
  69.  
  70.  
  71. /*-- Today and Time of Plurks --*/
  72. #bottom_line {
  73. background: none;
  74. border:0;
  75. }
  76.  
  77. /*-- Time on Bottom Line --*/
  78. .bottom_start, .bottom_end {
  79. font-weight:400;
  80. font-size:10px!important;
  81. text-transform:lowercase;
  82. letter-spacing:.5px;
  83. }
  84.  
  85. /*-- Time tab --*/
  86. #time_show span {
  87. font-size:10px!important;
  88. font-weight:0;
  89. text-transform:lowercase;
  90. margin-top: 0px;
  91. }
  92.  
  93. .evening, .night, .day, .morning {
  94. background:transparent;
  95. border:0;
  96. }
  97.  
  98.  
  99.  
  100. /*-- Day marker --*/
  101. .day_bg .div_inner {
  102. width:5px;
  103. height:10px;
  104. font-size:8px;
  105. border:0;
  106. margin:0px 0 -14px -4px;
  107. }
  108.  
  109.  
  110. /*-- Tabs on the bottom --*/
  111. #filter_tab a.off_tab {
  112. font-size:10px;
  113. text-transform:lowercase;
  114. border:0 !important;
  115. margin-top:5px!important;
  116. }
  117.  
  118. #filter_tab a.off_tab:hover {
  119. border:0 !important;
  120. text-decoration:none;
  121. text-transform:capitalize;
  122. }
  123.  
  124. #filter_tab a.filter_selected {
  125. border: 0px solid !important;
  126. margin-top:5px!important;
  127. }
  128.  
  129.  
  130. .unread_generic {
  131. background:none;
  132. font-size:10px;
  133. margin-left:1px;
  134. }
  135.  
  136. /*-- Updater --*/
  137. #updater {
  138. border: 0px solid !important;
  139. margin-top: 1px !important;
  140. }
  141.  
  142. #updater .text, #updater a {
  143. text-align:center!important;
  144. border:0;
  145. font-weight: none;
  146. text-transform: lowercase;
  147. }
  148.  
  149. #update_sepa {
  150. filter: alpha (opacity=0);
  151. -moz-opacity: 0.0;
  152. opacity: 0.0;
  153. }
  154.  
  155. /*-- response besides plurk --*/
  156. .response_count {
  157. background:none!important;
  158. padding:2px;
  159. }
  160. .new .response_count {
  161. border: 0px solid #000;
  162. }
  163.  
  164.  
  165.  
  166.  
  167. /*-- Edit, Like, Mute, or Delete Plurk --*/
  168. .manager {
  169. font-size:10px!important;
  170. text-transform: lowercase;
  171. }
  172.  
  173. .manager .action {
  174. color:#5c5c5c;
  175. margin-left:5px;
  176. }
  177.  
  178. .manager a:hover {
  179. text-decoration: none!important;}
  180.  
  181. .manager .cancel {
  182. color:#ff0000;
  183. margin-right:5px;
  184. }
  185.  
  186. .manager .delete {
  187. color: #ff0000;
  188. margin-right:5px;
  189. }
  190. .unmute { color:lightgray!important;}
  191.  
  192. /*-- Image beside plurk --*/
  193. .p_img {
  194. border:0px!important;
  195. margin-right:4px;
  196. }
  197. .p_img img {
  198. border:0px;
  199. }
  200.  
  201. /*-- Plurk Name --*/
  202. a.name {
  203. font-size:10px;
  204. text-decoration:none!important;
  205. }
  206.  
  207. /*-- Plurks --*/
  208.  
  209. .plurk_box .plurk {}
  210. .plurk_box .caption, .plurk_box .info_box {
  211. font-size:8px;
  212. border:0px;
  213. padding: 0 20px 0 20px;
  214. }
  215.  
  216. .plurk_box .plurk_cnt {
  217. background:white!important;
  218. filter: alpha (opacity=100);
  219. -moz-opacity: 1;
  220. opacity: 1;
  221. }
  222.  
  223. .plurk_box .list {
  224. height: 300px!important;
  225. }
  226.  
  227. .plurk_box .list, .plurk_box .mini_form, .plurk_cnt {
  228. border: 0px!important;
  229. }
  230.  
  231. .plurk_box .mini_form {
  232. border:0px!important;
  233. }
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258. /*- Plurk form -*/
  259. #pane_plurk {
  260. border:0px;
  261. }
  262.  
  263. textarea#input_big, textarea#input_permalink {
  264. background:none;
  265. border:0px;
  266. }
  267.  
  268. .plurkaction{background:none;clear:both;padding:8px;border:0px;}
  269.  
  270. #more_options .on, #more_options #more_options_holder {
  271. border:0; background: transparent; box-shadow:none;}
  272.  
  273. #option_tab {
  274. margin:0 auto!important;
  275. }
  276.  
  277. /*Private Plurks, Language and Options*/
  278. #more_options .on, #more_options #more_options_holder {
  279. background: transparent;
  280. font-size:10px;
  281. border:0; }
  282.  
  283. #more_options_link {
  284. width: 100%!important;
  285. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
  286. border:0; outline:none; position:relative;
  287.  
  288. }
  289. #more_options .on{
  290. background: transparent url(/static/timeline/private-lock.png) no-repeat 4px 0px;
  291. border:0;
  292. }
  293. .holder {
  294. width:100%;
  295. }
  296. /*-- Plurk Dashboard --*/
  297. #plurk-dashboard {
  298. width:100%;
  299. background: transparent;
  300. border:0;;
  301. }
  302.  
  303. #plurk-dashboard h2 {
  304. background:none;
  305. font-size:36px!important;
  306. line-height:30px;
  307. }
  308.  
  309. #dash-profile {
  310. margin-top:5px;
  311. }
  312.  
  313. #dash-profile, p#about_me, p#relationship_container, #dash-stats, #dash-friends, #dash-fans {
  314. padding:8px;
  315. }
  316. #dash-profile {
  317. text-align:center;
  318. }
  319.  
  320. .dash-segment img.profile-pic {
  321. border:0px;
  322. text-align:center;
  323. margin-top:4px;
  324. }
  325.  
  326.  
  327. #friend_holder table {
  328. text-align:center!important;
  329. padding:8px;
  330. }
  331.  
  332. .friend_holder td {
  333. margin:0px;
  334. padding:6px;
  335. }
  336.  
  337. #friend_holder img {
  338. text-align:center!important;
  339. text-decoration:none;
  340. }
  341.  
  342. #plurk-dashboard .dash-segment #dash-friends-pics .user_link {
  343. border:0px solid!important;
  344. text-decoration:none;
  345. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement