Advertisement
breadvolution

Solid Background, Pattern Timeline

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