Advertisement
kawaiibuu

Dash Theme 2

Dec 4th, 2014
1,977
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.11 KB | None | 0 0
  1. /*
  2. Updated dash theme
  3. Created and Released on December 4, 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.  
  16.  
  17.  
  18. /* TO CHANGE YOUR BACKGROUND REPLACE "http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png" WITH YOUR OWN IMAGE
  19. TO CHANGE THE TEXT COLOR CHANGE COLOR: WHITE; TO SOMETHING ELSE, TRY BLACK? */
  20. body {
  21. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png) center center fixed !important;
  22. background-size: cover!important;
  23. color: white;
  24. }
  25. /* IF YOU CHANGE THE BACKGROUND YOU HAVE TO CHANGE ALL THESE BACKGROUNDS TO MATCH */
  26.  
  27. /* LINK POSTS */
  28. .link_button {
  29. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  30. background-size: cover!important;
  31. color: white;
  32. border-color: transparent;
  33. font-style: italic;
  34. text-transform: uppercase;
  35. }
  36.  
  37. /* LEFT COLUMN BACKGROUND CHANGE THIS IF U CHANGE THE BACKGROUND */
  38. .l-header, .l-header-container {
  39. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  40. background-size: cover!important;
  41. }
  42.  
  43. /* LEFT COLUMN AND RIGHT BACKGROUND CHANGE THIS IF U CHANGE THE BACKGROUND */
  44. #left_column, #right_column {
  45. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  46. background-size: cover!important;
  47. }
  48.  
  49. /* RIGHT COLUMN BACKGROUND */
  50. #right_column:after {
  51. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  52. background-size: cover!important;
  53. }
  54.  
  55. /* MISC BACKGROUND - MUST CHANGE IF YOU CHANGE BODY BACKGROUND */
  56. .identity-refresh .plexi.show.color {
  57. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  58. background-size: cover!important;
  59. }
  60.  
  61.  
  62. /* MISC BACKGROUND - MUST CHANGE IF YOU CHANGE BODY BACKGROUND */
  63. .l-content {
  64. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important;
  65. background-size: cover!important;
  66. }
  67.  
  68. /* NOTE POP UP WINDOW BACKGROUND */
  69. .popover_gradient > .popover_inner {
  70. background: url(http://31.media.tumblr.com/f0ca9e9ff578d849bdb32e39647f5ff3/tumblr_ne8xao0W0L1tf8vylo1_1280.png)center center fixed !important; background-size: cover!important;
  71. color: white!important;
  72. }
  73. .popover_inner a { color: white!important; }
  74. .post_notes .notes_outer_container.popover .note span.action { color: white!important; }
  75.  
  76.  
  77. /* THIS IS WHERE YOU EDIT THE NEW POST ICONS COLORS, RIGHT NOW ITS SEMI TRANSPARENT WHITE, JUST CHANGE COLOR TO A HEX OR RGBA COLOR OF YOUR CHOICE */
  78. .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 {
  79. color: rgba(255,255,255,0.5)!important;
  80. }
  81.  
  82. /* NEW POST TEXT COLOR / THE COLOR UNDER THE ICONS! */
  83. .post.new_post .new_post_label {
  84. color: white!important;
  85. }
  86.  
  87. /* THE TUMBLR LOGO / I HAVE IT FADED YOU CAN HIDE IT WITH DISPLAY:NONE!IMPORTANT; */
  88. .logo .logo_anchor {
  89. opacity: 0.5!important;
  90. }
  91.  
  92. /* THE TOP CORNER COMPOSE BUTTON */
  93. .compose-button {
  94. background: #9E3636!important;
  95. border-color: #9E3636!important;
  96. color: #422241!important; }
  97.  
  98. /* POST BACKGROUNDS / RIGHT NOW ITS SEMI TRANSPARENT WHITE */
  99. .post.post_full {
  100. background: rgba(255,255,255,0.2)!important;
  101. }
  102.  
  103. /* ASKS STYLING */
  104. .post_full.is_note .post_body .note_item, .post-composer_note-post .note_item {
  105. background: transparent;
  106. border: none!important;
  107. border-bottom: 1px solid rgba(255,255,255,0.5)!important;
  108. border-radius: 0px!important;
  109. }
  110.  
  111. /* ASK NIPPLE / HIDDEN BY DEFAULT */
  112. .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 {
  113. display:none;
  114. }
  115.  
  116. /* ASK AVATARS */
  117. .post_full.is_note .avatar img, .post-composer_note-post .avatar img {
  118. opacity: 0.5;
  119. }
  120.  
  121. /* POST AVATARS */
  122. .post_avatar {
  123. opacity: 0.2;
  124. }
  125.  
  126.  
  127.  
  128. /* LEAVE THIS ALONE UNLESS YOU KNOW WHAT YOU'RE DOIN! */
  129. .post_full .post_permalink:before, .identity-refresh .post_full .post_permalink {
  130. border-color: transparent!important; background: none!important; }
  131. #selection_nipple, .selection_nipple { display:none!important; }
  132. .controls_section li { text-indent: 5px; }
  133. .controls_section li i { display:none!important;}
  134. .post_content{ background: transparent !important; }
  135. #left_column { margin-left: 100px; }
  136. #right_column { position:fixed; top: 85px; left: 10px;}
  137. #xkit-theme-editor-ul .hide_overflow { padding: 0px 10px; margin-top: -20px; text-transform: uppercase; }
  138. #xinbox_mass_edit_li .hide_overflow { padding: 0px 10px; margin-top: -20px; text-transform: uppercase; }
  139. #xinbox_search_li .hide_overflow { padding: 0px 10px; margin-top: -20px; text-transform: uppercase; }
  140. #view_my_tags_ul .hide_overflow { padding: 0px 10px; margin-top: -20px; margin-left: 0px; text-transform: uppercase; }
  141. .hide_overflow { color: rgba(255,255,255,0.7)!important; }
  142. .identity-refresh .controls_section li > a:after { display:none; }
  143. .sidebar_nav { display:none!important; }
  144. .follow_list_item_blog:before { background: none!important; border: none!important; }
  145. .controls_section li { background: transparent; }
  146. .identity-refresh .controls_section li:hover:not(.section_header) { background: none!important; }
  147. .post.fan_mail.lined-white .before { display:none!important }
  148. .post.fan_mail.lined-white .message { background: transparent!important }
  149. .xkit-fan-timestamp { top: -15px; color: white!important }
  150. .post_full .post_body pre { background: transparent!important}
  151. .post_full.is_conversation .conversation_lines .chat_line:nth-child(2n) { background:none!important; border-bottom: 1px solid rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.5);}
  152. .post .post-source-footer {
  153. background: transparent!important; }
  154. .post_avatar {
  155. background: transparent!important; }
  156. .post_avatar a {
  157. background: none no-repeat scroll 50% 50% / cover #602237; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement