API tools faq
paste
Advertisement
kawaiibuu

Dash Theme 3

kawaiibuu
Dec 7th, 2014
4,793
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.94 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Updated dash theme
  3. Created and Released on December 7, 2014
  4. Created by softwaring.tumblr.com powered by xkit
  5.  
  6. Instructions:
  7. 1) To be able to use this theme you must have XKIT Theme Developer extension installed, as well as the other XKIT theme extension.
  8. 2) After you've installed the extension, your dash should come with a red background now. Look on your sidebar, and find "EDIT THEME" click on that, and it'll being up a small pop up window. Select all the text in the box and DELETE IT. Then copy and paste all this code into it, then click "APPLY THEME" then "SAVE THEME" and there ya go! You got yourself a pretty lil dash.
  9.  
  10. TO EDIT THE THEME!:
  11. 1) You must have some basic CSS knowledge or at least be able to pick out parts of CSS code.
  12. 2) The only things that I'd say you'd really WANT to edit is the background and text colors and what not so that's all I'll show how to do, sorry!
  13. */
  14.  
  15. /* sidebar */
  16. .right_column {
  17. opacity:0.5!important;
  18. position:fixed!important; color: black!important; padding: 10px 10px 0px 10px!important; -webkit-border-radius: 5px;
  19. -webkit-border-top-left-radius: 0;
  20. -moz-border-radius: 5px;
  21. -moz-border-radius-topleft: 0;
  22. border-radius: 5px;
  23. border-top-left-radius: 0;
  24. -moz-transform: translateX(655px) translateY(25px);
  25. -webkit-transform: translateX(655px) translateY(25px);
  26. -o-transform: translateX(655px) translateY(25px);
  27. -ms-transform: translateX(655px) translateY(25px);
  28. transform: translateX(655px) translateY(25px); -webkit-transition: all 0.5s ease-in-out!important;
  29. -moz-transition: all 0.5s ease-in-out!important;
  30. -ms-transition: all 0.5s ease-in-out!important;
  31. -o-transition: all 0.5s ease-in-out!important;
  32. transition: all 0.5s ease-in-out!important;
  33. background: rgba(255,255,255,0)!important;
  34. }
  35. .right_column a { color: rgba(255,255,255,0.5); }
  36.  
  37. /* pre */
  38. pre {
  39. padding: 10px;
  40. background-color: rgba(255,255,255,0.3)!important;
  41. font: 11px consolas!important;
  42. overflow: auto;
  43. }
  44.  
  45. /* post bgs */
  46. .post_media { background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important; }
  47.  
  48. /* video player */
  49. .post .dock_video_button { background-color: rgba(0,0,0,0.4)!important; }
  50. .dockable_video_embed { color: rgba(255,255,255,0.3)!important; background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important; }
  51. .post .dockable_video_embed .post_header .post_info_tumblelog, .post .dockable_video_embed .post_info .post_info_link { color: rgba(255,255,255,0.5)!important; }
  52. .dockable_video_placeholder {
  53. text-align: center;
  54. color: rgba(255,255,255,0.3)!important; background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  55. border: 2px dotted rgba(255,255,255,0.3)!important;
  56. font-size: 14px;
  57. cursor: pointer;
  58. }
  59.  
  60. /* tumblr logo */
  61. .logo .logo_anchor { background: url(http://i.imgur.com/Y3Cvs19.png) center center no-repeat; }
  62.  
  63. /* scroll to top */
  64. .elevator { width:30px!important; padding: 10px; background-color: rgba(255,255,255,0.1)!important; -webkit-transition: all 0.5s ease-in-out!important;
  65. -moz-transition: all 0.5s ease-in-out!important;
  66. -ms-transition: all 0.5s ease-in-out!important;
  67. -o-transition: all 0.5s ease-in-out!important;
  68. transition: all 0.5s ease-in-out!important;
  69. -webkit-border-radius: 30px;
  70. -webkit-border-top-left-radius: 0;
  71. -moz-border-radius: 30px;
  72. -moz-border-radius-topleft: 0;
  73. border-radius: 30px;
  74. border-top-left-radius: 0; }
  75.  
  76. /* links */
  77. .post_body a:hover { text-decoration:none!important; }
  78. a:active { color: red; }
  79. .note_link_current { text-transform: uppercase; }
  80.  
  81. /* pop up bg */
  82. .ui_peepr_glass {
  83. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  84. }
  85.  
  86. #tabs {
  87. background: transparent!important;
  88. border-color: transparent!important; border: none!important;
  89. margin-bottom: 30px;
  90. }
  91. #tabs .tab.selected {
  92. background: transparent!important;
  93. position: relative; border-color: transparent!important;
  94. margin-bottom: -1px;
  95. font-weight: bold;
  96. color: #414040;
  97. border-right: 0px none;
  98. z-index: 2;
  99. padding-top: 18px;
  100. }
  101. #pagination {
  102. padding: 25px 0px;
  103. background: none repeat scroll 0% 0% transparent!important;
  104. }
  105. div.retags a {
  106. color: white !important;
  107. position: relative;
  108. margin-right: 11px;
  109. text-decoration: none;
  110. }
  111. .notifications_page .notification_pane {
  112. background: none repeat scroll 0% 0% transparent!important;
  113. border-radius: 6px;
  114. font-size: 15px;
  115. position: relative;
  116. letter-spacing: 0px !important;
  117. }
  118. #user_graphs .axis-label {
  119. color: #888;
  120. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  121. padding: 5px 2px; margin-left: -2px;
  122. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  123. line-height: 14px;
  124. font-weight: normal;
  125. font-size: 10px;
  126. cursor: default;
  127. }
  128. .notifications_page .section.divider {
  129. padding-bottom: 8px;
  130. background: url() no-repeat scroll 0px bottom transparent;
  131. }
  132. /* pop up note bg */
  133. .post_notes .notes_outer_container.popover .note.is_following, .post_notes .notes_outer_container.popover .note.is_me {
  134. background: rgba(255,255,255,0.3);}
  135.  
  136. /* bold &/
  137. b, strong { color: rgba(255,255,255,0.5)!important; }
  138.  
  139. /* new post count style */
  140. .l-header-container--refresh .tab_notice { background: rgba(255,255,255,0.5)!important; border-color: #C7A4BB; color: #C7A4BB!important; }
  141.  
  142. /*sidebar hover style */
  143. .right_column:hover { opacity:1!important; -webkit-transition: all 0.5s ease-in-out;
  144. -moz-transition: all 0.5s ease-in-out;
  145. -ms-transition: all 0.5s ease-in-out;
  146. -o-transition: all 0.5s ease-in-out;
  147. transition: all 0.5s ease-in-out;}
  148.  
  149. .notification .avatar_frame img, .notes .note .avatar_frame img, .ui_avatar .frame img { opacity: 0.2; -webkit-border-radius: 20px;
  150. -webkit-border-top-right-radius: 0;
  151. -moz-border-radius: 20px;
  152. -moz-border-radius-topright: 0;
  153. border-radius: 20px;
  154. border-top-right-radius: 0;}
  155. .identity-refresh .post_full .post_permalink { display:none!important; }
  156. .photoset {
  157. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  158. margin-bottom: 0px!important;
  159. }
  160. .identity-refresh .send_fan_mail { background: rgba(255,255,255,0.3)!important;
  161. border-color: rgba(255,255,255,0.3)!important;
  162. }
  163. .identity-refresh .controls_section li:hover:not(.section_header) {
  164. background-color: transparent;
  165. }
  166.  
  167. .l-container { padding-top: 30px!important; }
  168. .post_media {
  169. margin: 13px 0px 0px!important;
  170. }
  171. .post_avatar {
  172. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important; margin-top: 20px;
  173. }
  174. .popover_gradient > .popover_inner {
  175. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  176. color: white!important;
  177. }
  178.  
  179. .post_full.is_note .post_body .note_item, .post-composer_note-post .note_item {
  180. background: transparent;
  181. border: none!important;
  182. border-bottom: 1px solid rgba(255,255,255,0.5)!important;
  183. border-radius: 0px!important;
  184. }
  185.  
  186. /* ASK NIPPLE / HIDDEN BY DEFAULT */
  187. .post_full.is_note .nipple:after, .post-composer_note-post .nipple:after, .post_full.is_note .nipple, .post_full.is_note .nipple:after, .post-composer_note-post .nipple, .post-composer_note-post .nipple:after {
  188. display:none;
  189. }
  190.  
  191. .link_button { background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important; border: none; }
  192. .compose-button {
  193. background: rgba(255,255,255,0.3)!important;
  194. border-color: rgba(255,255,255,0.3)!important;
  195. color: #C7A4BB!important; }
  196. .popover_inner a { color: white!important; }
  197. .post_notes .notes_outer_container.popover .note span.action { color: white!important; }
  198.  
  199. body, .l-container.l-container--two-column-dashboard .l-content, .l-container--two-column-dashboard .left_column { background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important; font: 12px "Arial Black", Gadget, sans-serif; }
  200. .plexi.show.color {
  201. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  202. }
  203. .identity-refresh .post_avatar .post_avatar_link {
  204. background: none no-repeat scroll 50% 50% / cover #9AB0BA;
  205. border-radius: 0px;
  206. border: 1px outset white; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.53);
  207. box-shadow: 0 0 0 1px rgba(0,0,0,0.53);
  208. -webkit-border-radius: 30px;
  209. -webkit-border-top-right-radius: 0;
  210. -moz-border-radius: 30px;
  211. -moz-border-radius-topright: 0;
  212. border-radius: 30px;
  213. border-top-right-radius: 0;
  214. }
  215. .post_full.is_note .avatar img, .post-composer_note-post .avatar img { margin-top: 20px; -webkit-border-radius: 20px;
  216. -webkit-border-top-left-radius: 0;
  217. -moz-border-radius: 20px;
  218. -moz-border-radius-topleft: 0;
  219. border-radius: 20px;
  220. border-top-left-radius: 0; }
  221. .post.post_full {
  222. width: 540px;
  223. font-size: 14px;
  224. background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2);
  225. padding: 15px 0px;
  226. word-wrap: break-word;
  227. border-radius: 0px;
  228. }
  229.  
  230. .post_full .post_header, .post_full .post_header .post_info .post_info_link, .xtimestamp, .post .post_header .post_info_link, .post_full .post_tags .post_tag, .post_full .post_footer, .post_full.is_note .answerer .name, .post_full.is_note .asker .name, .post-composer_note-post .speaker .name, .post_full.is_note .asker, .post_full.is_note .answerer, .post-composer_note-post .speaker { color: rgba(255,255,255,0.7); }
  231. .post .post_info .reblog_icon, .reblog_follow_button i, .post .post_info a.reblog_follow_button:not(.icon_follow_rounded_small):before { opacity: 0.1; }
  232.  
  233. .l-header-container--refresh {
  234. -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
  235. box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
  236. transform: translateZ(0px) translateY(0px);
  237. z-index: 90;
  238. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;
  239. position: fixed; overflow: hidden;
  240. width: 100%; height: 50px; top: -45px;
  241. -webkit-transition: all 0.5s ease-in-out;
  242. -moz-transition: all 0.5s ease-in-out;
  243. -ms-transition: all 0.5s ease-in-out;
  244. -o-transition: all 0.5s ease-in-out;
  245. transition: all 0.5s ease-in-out;
  246. }
  247.  
  248. .l-header-container--refresh:hover {
  249. height: 55px; top: 0px;
  250. -webkit-transition: all 0.5s ease-in-out;
  251. -moz-transition: all 0.5s ease-in-out;
  252. -ms-transition: all 0.5s ease-in-out;
  253. -o-transition: all 0.5s ease-in-out;
  254. transition: all 0.5s ease-in-out;
  255. }
  256. .post_full.is_note .answerer .name, .post_full.is_note .asker .name, .post-composer_note-post .speaker .name, .post_full.is_note .asker, .post_full.is_note .answerer, .post-composer_note-post .speaker { text-align: right; text-transform: uppercase; font-size: 12px; }
  257. .post_full.is_note .note_item .text, .post-composer_note-post .note_item .text { text-align: right; }
  258. .post.new_post {
  259. position: relative;
  260. min-height: 99px;
  261. width: auto;
  262. height: auto;
  263. padding: 0px;
  264. text-align: center;
  265. clear: both;
  266. background-color: transparent;
  267. word-wrap: break-word;
  268. border: none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  269. box-shadow: 0 0 0 0 rgba(0,0,0,0);
  270. }
  271.  
  272. .post_full.is_note .nipple:after, .post-composer_note-post .nipple:after, .post_full.is_note .nipple, .post_full.is_note .nipple:after, .post-composer_note-post .nipple, .post-composer_note-post .nipple:after {
  273. display:none;
  274. }
  275.  
  276. /* NEW POST ICON COLOR */
  277. .icon_post_text:before, .icon_post_photo:before, .icon_post_quote:before, .icon_post_link:before, .icon_post_chat:before, .icon_post_audio:before, .icon_post_video:before {
  278. color: rgba(255,255,255,0.2)!important;
  279. }
  280.  
  281. /* NEW POST TEXT COLOR / THE COLOR UNDER THE ICONS! */
  282. .post.new_post .new_post_label {
  283. color: white!important;
  284. }
  285. .post.post_full .post_body { background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important; background-size: cover!important;!important; padding: 10px; }
  286. .post_body { padding: 25px 10px!important; background: rgba(255,255,255,0.2)!important; border-right: 2px solid rgba(255,255,255,0.2); border-left: 2px solid rgba(255,255,255,0.2); }
  287. .post_content ul li {
  288. list-style: none!important; text-align: left; padding: 5px; margin: 0px 0px 0px -5px;
  289. }
  290.  
  291. /* CHAT POST STYLE */
  292. .post_full.is_conversation .conversation_lines .chat_line { padding: 5px; }
  293. .post_full.is_conversation .conversation_lines .chat_line:nth-child(2n) { background: rgba(255,255,255,0.2);}
  294.  
  295. /* post body and titles */
  296. .post.post_full .post_body, .post.post_full .post_title {
  297. background: url(http://40.media.tumblr.com/977f0497f2a3b0d0ac602c3d01f01c9b/tumblr_nfsbp8pVxn1tf8vylo1_1280.png)center center fixed!important;
  298. background-size: cover!important;
  299. padding: 10px; margin-bottom: 0px;
  300. border: 2px solid rgba(255,255,255,0.2);
  301. border-bottom: 0px solid rgba(255,255,255,0.2); }
  302.  
  303. /* blockquotes */
  304. blockquote {
  305. margin: 10px 0px!important;
  306. padding: 15px;
  307. border-left: 1px dotted rgba(255, 255, 255, 0.4)!important;
  308. }
  309. blockquote blockquote { margin: 20px 0px!important;
  310. padding: 15px;
  311. border-left: 1px dotted rgba(255, 255, 255, 0.4)!important;}
  312.  
  313.  
  314. /* leave alone */
  315. .pinned_sidebar_footer, .identity-refresh .right_column:after, .right_column i, .identity-refresh .controls_section.follow_list.recommended_tumblelogs, .identity-refresh .controls_section.follow_list.trending_tumblelogs, #tumblr_radar, .radar_header, .post_full .post_tags:after, #xinbox_search_button:after, #xinbox_mass_edit_button:after { display:none!important; }#vignette { display:none!important; }
  316. .is_reblog .xkit-notification-icon, .notification_reblog .xkit-notification-icon, .is_like .xkit-notification-icon, .notification_like .xkit-notification-icon, .is_follower .xkit-notification-icon, .notification_follower .xkit-notification-icon {
  317. background-color: rgba(189, 150, 157, 0.5); } #view_my_tags_ul .hide_overflow { margin-left: 42px; margin-top: 5px; padding: 5px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!