API tools faq
paste
OhneMitleid

tumblr - Opera Lilac.css

OhneMitleid
Dec 10th, 2011
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 36.41 KB | None | 0 0
raw download clone embed print report
  1. /*LILAC begin*/
  2. @namespace url(http://www.w3.org/1999/xhtml);
  3.  
  4. /*sets text color for ALL text*/
  5. *{
  6.   text-shadow: none !important;
  7. }
  8.  
  9. /*BIG BACKGROUND begin - background for the entire screen*/
  10. body:before {
  11.    content: "" !important;
  12.    position: fixed !important;
  13.    top: -10px !important;
  14.    left: 0 !important;
  15.    width: 100% !important;
  16.    height: 10px !important;
  17.    -webkit-box-shadow: 0px 0px 10px rgba(160,72,113, .5) !important;
  18.    -moz-box-shadow: 0px 0px 10px rgba(160,72,113, .5) !important;
  19.    box-shadow: 0px 5px 10px rgba(160,72,113, .5) !important;
  20.    z-index: 100 !important;
  21. }
  22. body {
  23.   background-image: url('http://static.tumblr.com/wq1d2dz/WMQlg3v5u/bg.png') !important;
  24. background-attachment:fixed !important;
  25.   background-position: 100% 100% !important;
  26.   background-repeat: repeat !important;
  27.   min-height: 100% !important;
  28. }
  29. /*BIG BACKGROUND end*/
  30.  
  31. /*LOGO begin - tumblr logo*/
  32. #logo {
  33.   height: 0 !important;
  34.   width: 0 !important;
  35.   padding-left: 210px !important;
  36.   padding-top: 49px !important;
  37.   background: url(http://static.tumblr.com/wq1d2dz/98Xlg3w4f/logo.png) no-repeat !important;
  38. }
  39. /*LOGO end*/
  40.  
  41. /*ICON BAR begin - new post icons bar - graphic replacement*/
  42. img[src="http://assets.tumblr.com/images/new_post_icons_no_labels.png"]{
  43.   opacity: 0 !important;  
  44. }
  45. #new_post {
  46. background: rgba(255,255,255, 1.0) url("http://static.tumblr.com/wq1d2dz/wcqlg3w7a/icones.png") center center no-repeat !important;
  47. }
  48.  
  49. #new_post_label_text,
  50. #new_post_label_photo,
  51. #new_post_label_quote,
  52. #new_post_label_link,
  53. #new_post_label_chat,
  54. #new_post_label_audio,
  55. #new_post_label_video {
  56.   font: normal 1.2em century gothic !important;
  57.   color: rgba(160,72,113, 0.0) !important;
  58. }
  59.  
  60. .controls_section .tag, .right_column_section li, #right_column > UL:first-child > LI:first-child > A,
  61. #right_column > UL:nth-child(3) > LI:first-child, .white_pane, .follower.alt, #developers, #help_search, .doc_footer, .setting {
  62. background-color: rgba(246,221,233, .5) !important;
  63.  border:0px !important;
  64. }
  65. .follower, .separator, a[class^="card"], .setting .right_side {
  66.   background-color:rgba(160,72,113, .15) !important;
  67. }
  68. /*ICON BAR  end*/
  69.  
  70. /*ICON BAR BACKGROUND begin - background for the icon bar*/
  71. #new_post {
  72.   background-color: rgba(255,255,255, .75) !important;
  73. }
  74. /*ICON BAR BACKGROUND end*/
  75.  
  76. /*AVATAR ARROW begin - arrow to the left of the icon bar*/
  77. #new_post .arrow,
  78. .avatar_and_i .arrow,
  79. .arrow {
  80.   background: none !important;
  81.   width: 0px !important;
  82.   height: 0px !important;
  83.   border-right: solid 9px rgba(248,248,248, .95) !important;
  84.   border-bottom: 9px solid transparent !important;
  85.   border-left: 2px solid transparent !important;
  86.   border-top: 9px solid transparent !important;
  87.   margin-top: 0px !important;
  88. }
  89. .post_avatar, .sub_avatar {
  90.   background-color: transparent !important;
  91. }
  92. /*AVATAR ARROW end*/
  93.  
  94. /*CONTENT begin - background for posts, icon bar, sidebar*/
  95. #content {
  96.   background: rgba(246,221,233, .5) !important;
  97. }
  98. /*CONTENT*/
  99.  
  100. /*POST BACKGROUND - BORDER begin*/
  101. #posts LI[class*=" post"] {
  102.   background: rgba(255,255,255, .75) !important;
  103. }
  104. LI[class^="post"], LI[id^="post"] {
  105.    -webkit-box-shadow: 0px 0px 3px rgba(160,72,113, 1) !important;
  106.    -moz-box-shadow: 0px 0px 3px rgba(160,72,113, 1) !important;
  107.    box-shadow: 0px 1px 3px rgba(160,72,113, 1) !important;
  108. }
  109. /*POST BACKGROUND - BORDER end*/
  110.  
  111. /*sub TEXT COLOR begin*/
  112. .post_content,
  113. .new_post_label,
  114. #right_column > UL:first-child > LI:first-child > A > SMALL > DIV,
  115. .post_controls A,
  116. .post_info,
  117. .post_info A,
  118. .footer_links.with_tags.with_source_url A,
  119. .footer_links A,
  120. .footer_links,
  121. .block,
  122. #dashboard_controls A,
  123. #dashboard_controls DIV SPAN,
  124. .add_and_remove,
  125. .notification.single_notification,
  126. .notification,
  127. .notification .hide_overflow A,
  128. .notification.last_notification,
  129. .notification.last_notification A,
  130. .answer_container SPAN,
  131. .notes,
  132. .notes LI,
  133. .notes_hide_link A,
  134. .read_more_container,
  135. #footer, #footer DIV A,
  136. .post_question_asker,
  137. .source_url,
  138. .label_and_follow,
  139. .follow, #search_query, #search_controls_button,
  140. .posts, .followers, .messages, .drafts, .queue, .flat.no_hover DIV,
  141. A[class^="category"],
  142. a:link,
  143. a[href^="http"],
  144. a[href^="/edit"],
  145. a[href^="/likes"],
  146. a[href^="/new"],
  147. a[href^="/tagged"],
  148. a[href^="/login"],
  149. a[href^="/docs"],
  150. a[href^="/explore"],
  151. a[href^="/mega-editor"],
  152. .count, .customize, .settings,
  153. a span[id^="note_link"],
  154. .answer_container,
  155. .no_posts_found,
  156. #posts DIV[class*="post_question "],
  157. .following, H1[id="page_heading"], #content P, H1, .private_label {
  158.   color: rgba(160,72,113, 1.0) !important;
  159. }
  160. a:link:hover,
  161. A[href^="http"]:hover,
  162. a[href^="/edit"]:hover,
  163. a[href^="/likes"]:hover,
  164. a[href^="/new"]:hover,
  165. a[href^="/tagged"]:hover,
  166. a[href^="/customize"]:hover,
  167. a[href^="/explore"]:hover,
  168. a[href^="/mega-editor"]:hover,
  169. a[id^="ask_answer"]:hover,
  170. a span[id^="note_link"]:hover,
  171. .block_link:hover,
  172. .following:hover, .add_and_remove:hover, #search_query:hover, #search_controls_button:hover, .settings:hover, .posts:hover, .followers:hover, .messages:hover, .drafts:hover, .queue:hover,
  173. SMALL, .text_field.big.wide, #crushes .count {
  174.   color:  rgba(160,72,113, .50) !important;
  175. }
  176. .source_url_gradient {
  177.   display: none !important;
  178. }
  179. .notification.single_notification A,
  180. .notification.first_notification A,
  181. .notification A,
  182. .notification.last_notification A,
  183. .notification .hide_overflow A {
  184.   border-bottom: solid thin rgba(160,72,113, .50) !important;
  185. }
  186. .post_content P A,
  187. .post_title A {
  188.   color: rgba(160,72,113, .80) !important;
  189. }
  190. /*sub TEXT COLOR end*/
  191.  
  192. /*SELECTION ARROW begin - points to dashboard selection*/
  193. .selection_nipple.white, .selection_nipple:not([class="selection_nipple white"]) {
  194.   background: none !important;
  195.   width: 0px !important;
  196.   height: 0px !important;
  197.   margin-top: 0px !important;
  198.   border-bottom: solid 11px rgba(246,221,233, .75) !important;
  199.   border-right: 11px solid transparent !important;
  200.   border-left: 11px solid transparent !important;
  201. }
  202.  
  203. .selection_nipple:not([class="selection_nipple white"]) {
  204.   border-bottom: solid 11px rgba(246,221,233, .75) !important;
  205. }
  206. /*SELECTION ARROW end*/
  207.  
  208. /*GREEN BUTTONS begin - blue/green buttons from sidebar to transparent*/
  209. li.selected, li.recessed, a.active, div.post_filter_tabs a {
  210.   background: none !important;
  211. }
  212. /*GREEN BUTTONS end*/
  213.  
  214. /*RADAR begin - removes radar blue frame - softens appearance*/
  215. .post.photo_post .photo, .post.photo_post .video_thumbnail {
  216.   -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.0) !important;
  217.   -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.0) !important;
  218.   box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.0) !important;
  219.   -moz-border-radius: 12px !important;
  220.   -webkit-border-radius: 12px !important;
  221.   border-radius: 12px !important;
  222. }
  223. .content.is_media, .mask.top, .mask.bottom {
  224.   background: none !important;
  225. }
  226. /*RADAR end*/
  227.  
  228. /*NEW CONTENT begin - text post message body background*/
  229. .mceContentBody {
  230.   color: rgba(128,128,128, 1.0) !important;
  231.   background: rgba(255,255,255, 1.0) !important;
  232. }
  233. /*NEW CONTENT end*/
  234.  
  235. /*NOTIFICATION BARS begin*/
  236. .notification.single_notification,
  237. .notification.first_notification,
  238. .notification.last_notification,
  239. .notification,
  240. .avatar_frame,
  241. .answer_container,
  242. .notes LI, .private_label {
  243.   background-color: rgba(246,221,233, 1) !important;
  244.   border-right: solid thin rgba(160,72,113, 1.0) !important;
  245.   border-bottom: solid thin rgba(160,72,113, 1.0) !important;
  246.   border-left: solid thin rgba(160,72,113, 1.0) !important;
  247. }
  248. .notification.alt {
  249.     background-color: rgba(255,255,255, .05) !important;
  250. }
  251. .notification.single_notification,
  252. .notification.first_notification,
  253. .avatar_frame,
  254. .notes LI, .private_label {
  255.   border-top: solid thin rgba(160,72,113, 1.0) !important;
  256. }
  257. /*NOTIFICATION BARS end*/
  258.  
  259. /*NOTIFICATION BAR ARROW begin*/
  260. .nipple {
  261.   background: none !important;
  262.   width: 0px !important;
  263.   height: 0px !important;
  264.   border-right: solid 6px rgba(246,221,233,.95) !important;
  265.   border-bottom: 6px solid transparent !important;
  266.   border-left: 0px solid transparent !important;
  267.   border-top: 6px solid transparent !important;
  268.   margin-top: 0px !important;
  269.   margin-left: -1px !important;
  270. }
  271. .nipple.border {
  272.   background: none !important;
  273.   width: 0px !important;
  274.   height: 0px !important;
  275.   border-right: solid 6px rgba(160,72,113, .75) !important;
  276.   border-bottom: 6px solid transparent !important;
  277.   border-left: 0px solid transparent !important;
  278.   border-top: 6px solid transparent !important;
  279.   margin-top: 1px !important;
  280.   margin-left: 0px !important;
  281. }
  282. /*NOTIFICATION BAR ARROW end*/
  283.  
  284. /*ANSWER BOX begin*/
  285. img[src*="http://assets.tumblr.com/images/answer_button_hover.png"] {
  286.   width: 0 !important;
  287.   height: 0 !important;
  288.   opacity: 0 !important;
  289.   display: none !important;
  290. }
  291. .answer_form:after {
  292.   position: absolute !important;
  293.   display: block !important;
  294.   width: 100px !important;
  295.   height: 20px !important;
  296.   margin-left: 399px !important;
  297.   margin-top: -27px !important;
  298.   content:"Answer" !important;
  299.   color: rgba(246,221,233, .65) !important;
  300.   font: normal 1.4em arial !important;
  301.   text-shadow: 1px 1px 1px rgba(0,0,0, 1.0) !important;
  302. }
  303. .answer_button {
  304.   width: 0 !important;
  305.   height: 0 !important;
  306.   padding-left: 99px !important;
  307.   height: 32px !important;
  308.   margin-left: -99px !important;
  309.   background: rgba(104,79,74, .50) !important;
  310.   -moz-border-radius: 8px !important;
  311.   -webkit-border-radius: 8px !important;
  312.   border-radius: 8px !important;
  313.   border-right: solid 1px rgba(19,0,0, .50) !important;
  314.   border-bottom: solid 1px rgba(19,0,0, .50) !important;
  315. }
  316. .answer_button:hover {
  317.   background: rgba(104,79,74, .75) !important;
  318.   border-right: solid 1px rgba(19,0,0, .25) !important;
  319.   border-bottom: solid 1px rgba(19,0,0, .25) !important;
  320. }
  321. .answer_avatar,
  322. .text_field.answer_input,
  323. .answer_length {
  324.   -moz-border-radius: 6px !important;
  325.   -webkit-border-radius: 6px !important;
  326.   border-radius: 6px !important;
  327.   background: rgba(104,79,74, .50) !important;
  328.   border-color: rgba(104,79,74, 1.0) !important;
  329.   color: rgba(241,211,209, 1.0) !important;
  330. }
  331. IMG[src*="http://assets.tumblr.com/images/answer_arrow.png"] {
  332.   background: none !important;
  333.   width: 0px !important;
  334.   height: 0px !important;
  335.   margin-top: 2px !important;
  336.   margin-left: 6px !important;
  337.   border-bottom: solid 9px transparent !important;
  338.   border-right: 9px solid transparent !important;
  339.   border-left: 9px solid rgba(104,79,74, .55) !important;
  340.   -o-transform: rotate(-45deg) !important;
  341.   -webkit-transform: rotate(-45deg) !important;
  342.   -o-transform-origin: 0 100% !important;
  343.   -webkit-transform-origin: 0 100% !important;
  344. }
  345. /*ANSWER BOX end*/
  346.  
  347. /*MAGNIFIER begin*/
  348. #search_controls_button:before {
  349.   position: absolute !important;
  350.   content:"" !important;
  351.   background: transparent !important;
  352.   background-image: none !important;
  353.   height: 6px !important;
  354.   width:6px !important;
  355.   margin-left: 13px !important;
  356.   margin-top: 5px !important;
  357.   border: solid 2.5px rgba(160,72,113, 1.0) !important;
  358.   -moz-border-radius: 40px !important;
  359.   -webkit-border-radius: 40px !important;
  360.   border-radius: 40px !important;
  361. }
  362. #search_controls_button:after {
  363.   position: absolute !important;
  364.   content:"" !important;
  365.   background: transparent !important;
  366.   background-image: none !important;
  367.   height: 6px !important;
  368.   width: 3.5px !important;
  369.   background-color: rgba(160,72,113, 1.0) !important;
  370.   margin-left: 2px !important;
  371.   margin-top: 11px !important;
  372.   -o-transform: rotate(45deg) !important;
  373.   -webkit-transform: rotate(45deg) !important;
  374.   -o-transform-origin: 0 100% !important;
  375.   -webkit-transform-origin: 0 100% !important;
  376.   -moz-border-radius-bottomright: 2px !important;
  377.   -moz-border-radius-bottomleft: 2px !important;
  378.   -webkit-bottom-right-radius: 2px !important;
  379.   -webkit-bottom-left-radius: 2p-x !important;
  380.   border-bottom-right-radius: 2px !important;
  381.   border-bottom-left-radius: 2px !important;
  382. }
  383.  
  384. #search_controls,
  385. #search_controls A {
  386.   background: rgba(246,221,233, .65) !important;
  387.   color: rgba(160,72,113, 1.0) !important;
  388.   border-color: rgba(160,72,113, 1.0) !important;
  389.   text-shadow: none !important;
  390. }
  391. #search_controls > A:nth-child(n+1):hover {
  392.   background: rgba(246,221,233, 1) !important;
  393.   color:  rgba(160,72,113, .50) !important;
  394. }
  395.  
  396. #search_controls .arrow {
  397.   background: none !important;
  398.   width: 0px !important;
  399.   height: 0px !important;
  400.   margin-top: -10px !important;
  401.   margin-right: -.5px !important;
  402.   border-bottom: solid 7px rgba(246,221,233, 1.0) !important;
  403.   border-right: 7px solid transparent !important;
  404.   border-left: 7px solid transparent !important;
  405. }
  406.  
  407. .check {
  408.   background-image: none !important;
  409. }
  410. .check:before {
  411.   position: absolute !important;
  412.   content:"" !important;
  413.   height: 6px !important;
  414.   width: 2.5px !important;
  415.   background: rgba(160,72,113, 1.0) !important;
  416.   margin-top: 5px !important;
  417.   margin-left: 4px !important;
  418.   -o-transform: rotate(-45deg) !important;
  419.   -webkit-transform: rotate(-45deg) !important;  
  420.   -o-transform-origin: 0 100% !important;
  421.   -webkit-transform-origin: 0 100% !important;
  422. }
  423. .check:after {
  424.   position: absolute !important;
  425.   content:"" !important;
  426.   height: 12px !important;
  427.   width: 2.5px !important;
  428.   background: rgba(160,72,113, 1.0) !important;
  429.   margin-top: -2.5px !important;
  430.   margin-left: 3px !important;
  431.   -o-transform: rotate(40deg) !important;
  432.   -webkit-transform: rotate(40deg) !important;
  433.   -o-transform-origin: 0 100% !important;
  434.   -webkit-transform-origin: 0 100% !important;
  435. }
  436. /*MAGNIFIER end*/
  437.  
  438. /*COSMETICS begin*/
  439. DIV[class^="post_question"]:not([class="post_question_nipple"]),
  440. .chat_line:nth-child(even), PRE {
  441.   background-color: rgba(245,220,220, .75) !important;
  442.   color: rgba(0,0,0, .85) !important;
  443. }
  444. .post_content DIV:last-child,
  445. .post_filter_tabs A {
  446.   border-color: rgba(64,64,64,1.0) !important;
  447. }
  448. #content > DIV:nth-child(3) H1, .title {
  449.     color: rgba(160,72,113, 1.0) !important;
  450. }
  451.  
  452. .post_question_nipple {
  453.   background: none !important;
  454.   width: 0px !important;
  455.   height: 0px !important;
  456.   margin-top: 0px !important;
  457.   border-top: solid 8px rgba(245,220,220, .75) !important;
  458.   border-right: 8px solid transparent !important;
  459.   border-left: 8px solid transparent !important;
  460. }
  461.  
  462. BUTTON[type="submit"], .big_blue_button, .login.sign_up {
  463.   background: rgba(201,171,169, .75) !important;
  464.   border-color:rgba(160,72,113, 1.0) !important;
  465.   color: rgba(160,72,113, 1.0) !important;
  466. }
  467. .big_blue_button {
  468.   background: rgba(201,171,169, .75) !important;
  469.   border-color:rgba(160,72,113, 1.0) !important;
  470.   color: rgba(160,72,113, 1.0) !important;
  471.   -moz-border-radius: 20px !important;
  472.   -webkit-border-radius: 20px !important;
  473.   border-radius: 20px !important;
  474. }
  475. .big_blue_button SPAN {
  476.   display: none !important;
  477. }
  478. #default_tabs > LI > A > SPAN:first-child,
  479. #user_channels LI  A SPAN {
  480.   color:rgba(255,255,255, .5) !important;
  481. }
  482. #default_tabs > LI > A > SPAN:first-child:hover,
  483. #user_channels LI  A SPAN:hover {
  484.   color: rgba(255,255,255, 1.0) !important;
  485. }
  486. #default_tabs > LI[class^="tab selected"] > A > SPAN:first-child,
  487. #user_channels LI[class^="tab selected"]  A SPAN  {
  488.   color: rgba(255,255,255, .75) !important;
  489. }
  490. BLOCKQUOTE {
  491.   margin-left: -5px !important;
  492.   border-left: solid 3px rgba(160,72,113,1) !important;
  493. }
  494. BLOCKQUOTE > BLOCKQUOTE {
  495.   margin-left: -5px !important;
  496.   border-color: rgba(160,72,113, .85) !important;
  497. }
  498. .conversation_lines LI {
  499.   border-color:rgba(255,255,255, .5) !important;
  500. }
  501. #default_tabs LI A SPAN,
  502. #user_channels LI A SPAN,
  503. .tab.iconic, .private_label {
  504.   background: rgba(246,221,233, .5) !important;
  505.   height: 10px !important;
  506.   border-radius: 20px !important;
  507. }
  508. .tab.iconic.selected {
  509.   background: rgba(246,221,233, .7) !important;
  510.   height: 10px !important;
  511.   border-radius: 20px !important;
  512. }
  513. /*COSMETICS end*/
  514.  
  515. /*RETURN TO TOP begin*/
  516. .return_to_top_icon {
  517.   content: "" !important;
  518.   background: rgba(246,221,233, .85) !important;
  519.   -moz-border-radius: 8px !important;
  520.   -webkit-border-radius: 8px !important;
  521.   border-radius: 8px !important;
  522.   border: solid thin rgba(160,72,113, .75) !important;
  523. }
  524. .return_to_top_icon:before {
  525.   position: absolute !important;
  526.   content:"" !important;
  527.   border-right: solid 13px transparent !important;
  528.   border-bottom: solid 13px rgba(160,72,113, .75) !important;
  529.   border-left: solid 13px transparent !important;
  530.   margin-top: 12px !important;
  531.   margin-left: 12px !important;
  532. }
  533. .return_to_top_icon:after {
  534.   position: absolute !important;
  535.   content:"" !important;
  536.   width: 12px !important;
  537.   height: 13px !important;
  538.   background-color: rgba(160,72,113, .75) !important;
  539.   margin-top: 25px !important;
  540.   margin-left: 19px !important;
  541. }
  542. /*RETURN TO TOP end*/
  543.  
  544. /*HEART begin*/
  545. a[class^="like_button"], a[class*="already_like"], .notification_type_icon.like_icon, .forever_alone .likes {background-image: none !important;}
  546. a[class^="like_button"]:before,
  547. a[class^="like_button"]:after,
  548. a[class*="already_like"]:before,
  549. a[class*="already_like"]:after,
  550. .notification_type_icon.like_icon:before,
  551. .notification_type_icon.like_icon:after,
  552. .forever_alone .likes:before,
  553. .forever_alone .likes:after {
  554.   position: absolute !important;
  555.   content: "" !important;
  556.   left: 10px !important;
  557.   top: 0 !important;
  558.   width: 10px !important;
  559.   height: 15px !important;
  560.   background: rgba(160,72,113, 1.0) !important;
  561.   -moz-border-radius: 50px 50px 0 0 !important;
  562.   -webkit-border-radius: 50px 50px 0 0 !important;
  563.   border-radius: 50px 50px 0 0 !important;
  564.   -o-transform: rotate(-45deg) !important;
  565.   -webkit-transform: rotate(-45deg) !important;
  566.   -o-transform-origin: 0 100% !important;
  567.   -webkit-transform-origin: 0 100% !important;
  568. }
  569. a[class*="already_like"]:before,
  570. a[class*="already_like"]:after {
  571.   background: rgba(200,0,0, 1.0) !important;
  572. }
  573. a[class^="like_button"]:before,
  574. a[class^="like_button"]:after,
  575. a[class*="already_like"]:before,
  576. a[class*="already_like"]:after {
  577.   margin-top: 16px !important;
  578.   margin-left: 503px !important;
  579. }
  580. .notification_type_icon.like_icon:before,
  581. .notification_type_icon.like_icon:after {
  582.   margin-top: -1px !important;
  583.   margin-left: -5px !important;
  584. }
  585. a[class^="like_button"]:after,
  586. a[class^="already_like"]:after,
  587. .notification_type_icon.like_icon:after,
  588. .forever_alone .likes:after {
  589.   left: 0 !important;
  590.   background: rgba(160,72,113, 1.0) !important;
  591.   -o-transform: rotate(45deg) !important;
  592.   -webkit-transform: rotate(45deg) !important;
  593.   -o-transform-origin: 100% 100% !important;
  594.   -webkit-transform-origin: 100% 100% !important;
  595. }
  596. .forever_alone .likes:before,
  597. .forever_alone .likes:after {
  598.   margin-top: 12px !important;
  599.   margin-left: 12px !important;
  600. }
  601. a[class*="already_like"]:after {
  602.   background: rgba(200,0,0, 1.0) !important;
  603. }
  604. /*HEART end*/
  605.  
  606. /*FOLLOWING HEAD begin*/
  607. .notification_type_icon.follow_icon, .controls_section .following {
  608.   background-image: none !important;
  609. }
  610. .notification_type_icon.follow_icon:before, .controls_section .following:before {
  611.   position: absolute !important;
  612.   content:"" !important;
  613.   background: rgba(160,72,113, 1.0) !important;
  614.   left:4px !important;
  615.   width:14px !important;
  616.   height: 5px !important;
  617.   margin-top: 8px !important;
  618.   margin-left: -4px !important;
  619.   border-top-right-radius: 4px !important;
  620.   border-top-left-radius: 4px !important;      
  621. }
  622. .notification_type_icon.follow_icon:after, .controls_section .following:after {
  623.   position: absolute !important;
  624.   content:"" !important;
  625.   background: rgba(160,72,113, 1.0) !important;
  626.   left:9px !important;
  627.   width:6px !important;
  628.   height:10px !important;
  629.   margin-top: 0px !important;
  630.   margin-left: -5px !important;
  631.   -moz-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px !important;
  632.   -webkit-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px !important;
  633.   border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
  634. }
  635. .controls_section .following:before {
  636.   width:18px !important;
  637.   height: 6px !important;
  638.   margin-top: 12px !important;
  639.   margin-left: 8px !important;
  640. }
  641. .controls_section .following:after {
  642.   width:8px !important;
  643.   height:12px !important;
  644.   margin-top: -19px !important;
  645.   margin-left: 8px !important;
  646. }
  647. /*FOLOWING HEAD end*/
  648.  
  649. /*REBLOG begin*/
  650. .notification_type_icon.reblog_icon {
  651.   margin-top: 2px !important;
  652.   background-image: none !important;
  653.   border-top: solid 2px rgba(160,72,113, .75) !important;
  654.   border-right: solid 2px rgba(160,72,113, .5) !important;
  655.   border-bottom: solid 2px rgba(160,72,113, .75) !important;
  656.   border-left: solid 2px rgba(160,72,113, .5) !important;
  657.   -moz-border-radius-bottomright: 1px !important;
  658.   -moz-border-radius-topleft: 1px !important;
  659.   -webkit-border-bottom-right-radius: 1px !important;
  660.   -webkit-border-top-left-radius: 1px !important;
  661.   border-bottom-right-radius: 1px !important;
  662.   border-top-left-radius: 1px !important;
  663.   height: 5px !important;
  664.   width: 10px !important;
  665. }
  666. .notification_type_icon.reblog_icon:before {
  667.   position: absolute !important;
  668.   content:"" !important;
  669.   border-top: solid 4px transparent !important;
  670.   border-bottom: solid 4px transparent !important;
  671.   border-left: solid 4px rgba(160,72,113, 1.0) !important;
  672.   left: 0px !important;
  673.   width:0px !important;
  674.   height: 0px !important;
  675.   margin-top: -5px !important;
  676.   margin-left: 10px !important;
  677. }
  678. .notification_type_icon.reblog_icon:after {
  679.   position: absolute !important;
  680.   content:"" !important;
  681.   border-top: solid 4px transparent !important;
  682.   border-right: solid 4px rgba(160,72,113, 1.0) !important;
  683.   border-bottom: solid 4px transparent !important;
  684.   left: 0px !important;
  685.   width:0px !important;
  686.   height: 0px !important;
  687.   margin-top: 2px !important;
  688.   margin-left: -4px !important;
  689. }
  690. /*REBLOG end*/
  691.  
  692. /*TAG begin*/
  693. .controls_section .tag {
  694.   background-image: none !important;
  695. }
  696. .controls_section .tag:before {
  697.   position: absolute !important;
  698.   content:"" !important;
  699.   width: 9px !important;
  700.   height: 9px !important;
  701.   background-color: rgba(160,72,113, 1.0) !important;
  702.   margin-top: 1px !important;
  703.   margin-left: -25px !important;
  704.   -o-transform: rotate(45deg) !important;
  705.   -webkit-transform: rotate(45deg) !important;
  706.   -o-transform-origin: 0 100% !important;
  707.   -webkit-transform-origin: 0 100% !important;
  708.   -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .5) !important;
  709.   -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .5) !important;
  710.   box-shadow: 1px 1px 1px rgba(0,0,0, .5) !important;
  711. }
  712. .controls_section .tag:after {
  713.   position: absolute !important;
  714.   content:"" !important;
  715.   width: 6px !important;
  716.   height: 7px !important;
  717.   background: transparent !important;
  718.   margin-top: -17px !important;
  719.   margin-left: -28px !important;
  720.   border-top: solid 2px rgba(160,72,113, 1.0) !important;
  721.   border-left: solid 2px rgba(160,72,113, 1.0) !important;
  722.   -moz-border-radius: 3px !important;
  723.   -webkit-border-radius: 3px !important;
  724.   border-radius: 3px !important;
  725.   -o-transform: rotate(86deg) !important;
  726.   -webkit-transform: rotate(86deg) !important;
  727.   -o-transform-origin: 100% 100% !important;
  728.   -webkit-transform-origin: 100% 100% !important;
  729. }
  730. #right_column > UL:nth-child(5) > LI > A[href="/tagged/crafts"]:after {
  731.   margin-top: 2px !important;
  732.   margin-left: -68px !important;
  733. }
  734. #right_column > UL:nth-child(5) > LI > A[href="/tagged/diy"]:after {
  735.   margin-top: 2px !important;
  736.   margin-left: -48px !important;
  737. }
  738. #right_column > UL:nth-child(5) > LI > A[href="/tagged/illustration"]:after,
  739. #right_column > UL:nth-child(5) > LI > A[href="/tagged/long-reads"]:after {
  740.   margin-top: 2px !important;
  741.   margin-left: -102px !important;
  742. }
  743. #right_column > UL:nth-child(5) > LI > A[href="/tagged/lit"]:after {
  744.   margin-top: 2px !important;
  745.   margin-left: -41px !important;
  746. }
  747. #right_column > UL:nth-child(5) > LI > A[href="/tagged/lol"]:after {
  748.   margin-top: 2px !important;
  749.   margin-left: -45px !important;
  750. }
  751. #right_column > UL:nth-child(5) > LI > A[href="/tagged/news"]:after {
  752.   margin-top: 2px !important;
  753.   margin-left: -65px !important;
  754. }
  755. #right_column > UL:nth-child(5) > LI > A[href="/tagged/sports"]:after {
  756.   margin-top: 2px !important;
  757.   margin-left: -73px !important;
  758. }
  759. .keep_tag {
  760.   color:rgba(64,64,64, 1.0) !important;
  761.   background: rgba(64,64,64, .0) !important;
  762. }
  763. .keep_tag:hover {
  764.   background: rgba(64,64,64, .15) !important;
  765. }
  766. /*TAG end*/
  767.  
  768. /*LETTER X begin*/
  769. .remove_tag {
  770.   background-image: none !important;
  771. }
  772. .remove_tag:before {
  773.   position: absolute !important;
  774.   content:"" !important;
  775.   background: rgba(160,72,113, 1.0) !important;
  776.   width: 3px !important;
  777.   height: 12px !important;
  778.   margin-top: -4px !important;
  779.   margin-left: -1px !important;
  780.   -o-transform: rotate(45deg) !important;
  781.   -webkit-transform: rotate(45deg) !important;
  782.   -o-transform-origin: 100% 100% !important;
  783.   -webkit-transform-origin: 100% 100% !important;
  784.   -moz-border-radius: 2px !important;
  785.   -webkit-border-radius: 2px !important;
  786.   border-radius: 2px !important;
  787.   text-align: center !important;
  788.   -moz-box-shadow: .5px 1px 1px rgba(128,128,128, .25), 1px 1px 1px rgba(128,128,128, .25)  !important;
  789. }
  790. .remove_tag:after {
  791.   position: absolute !important;
  792.   content:"" !important;
  793.   background: rgba(160,72,113, 1.0) !important;
  794.   width: 3px !important;
  795.   height: 12px !important;
  796.   margin-left: 7px !important;
  797.   margin-top: -6px !important;
  798.   -o-transform: rotate(-45deg) !important;
  799.   -webkit-transform: rotate(-45deg) !important;
  800.   -o-transform-origin: 100% 100% !important;
  801.   -webkit-transform-origin: 100% 100% !important;
  802.   -moz-border-radius: 2px !important;
  803.   -webkit-border-radius: 2px !important;
  804.   border-radius: 2px !important;
  805.   text-align: center !important;
  806. }
  807. /*LETTER X end*/
  808.  
  809. /*PERMALINK begin*/
  810.  
  811. /*.permalink {
  812.   background: none !important;
  813.   width: 16px !important;
  814.   height: 16px !important;
  815.   background: rgba(160,72,113, .25) !important;
  816.   border-bottom-left-radius: 10px !important;
  817.   border-top-right-radius: 24px !important;
  818.   margin-top: 6px !important;
  819.   margin-right: 6px !important;
  820.   -moz-box-shadow: -1px 1px 2px rgba(160,72,113, 1.0) !important;
  821.   -webkit-box-shadow: -1px 1px 2px rgba(160,72,113, 1.0) !important;
  822.   box-shadow: -1px 1px 2px rgba(160,72,113, 1.0) !important;
  823. }
  824. .permalink:hover {
  825.   background: rgba(160,72,113, .40) !important;
  826. }*/
  827. /*PERMALINK end*/
  828.  
  829. /*LOCATION PIN begin*/
  830. img[src="http://static.tumblr.com/sajzoro/a1tlhgc9c/pin.png"],
  831. img[src="http://assets.tumblr.com/images/directory_listing_pin.png"] {
  832.   display: none !important;
  833. }
  834. .location {
  835.   position: absolute !important;
  836.   margin-left: 16px !important;
  837.   text-align: left !important;
  838.   background: rgba(72,72,72,.0) !important;
  839.   color: rgba(160,72,113, 1.0) !important;
  840.   margin-top: 0px !important;
  841.   padding-left: 6px !important;
  842.   -moz-border-radius-topright: 2px !important;
  843.   -moz-border-radius-bottomright: 2px !important;
  844.   -webkit-top-right-right-radius: 2px !important;
  845.   -webkit-bottom-right-radius: 2px !important;
  846.   border-top-right-radius: 2px !important;
  847.   border-bottom-right-radius: 2px !important;
  848. }
  849. .desc {
  850.   color: rgba(160,72,113, 1.0) !important;
  851. }
  852. .card.with_location:before {
  853.   position: absolute !important;
  854.   z-index: 1 !important;
  855.   content:"" !important;
  856.   background: rgba(153,153,153, 0.0) !important;
  857.   width:0px !important;
  858.   height:0px !important;
  859.   margin-left: -5px !important;
  860.   border-top: solid 8px rgba(160,72,113, 1.0) !important;
  861.   border-right: solid 3.5px transparent !important;
  862.   border-bottom: solid 0px transparent !important;
  863.   border-left: solid 3.5px transparent !important;
  864.   margin-top: 260px !important;
  865.   margin-left: 10px !important;
  866. }
  867. .card.with_location .photo:after {
  868.   position: absolute !important;
  869.   z-index: 1 !important;
  870.   content:"" !important;
  871.   color: rgba(255,0,0,1.35) !important;
  872.   width: 2.25px !important;
  873.   height: 2.25px !important;
  874.   border-radius: 8px !important;
  875.   background-color: rgba(160,72,113, .15) !important;
  876.   margin-top: 251px !important;
  877.   margin-left: 5px !important;
  878.   border-top: solid 2.5px rgba(160,72,113, 1.0) !important;
  879.   border-right:  solid 2.5px rgba(160,72,113, 1.0) !important;
  880.   border-bottom:  solid 2.5px rgba(160,72,113, 1.0) !important;
  881.   border:  solid 2.5px rgba(160,72,113, 1.0) !important;
  882. }
  883. A[class^="card"] {
  884.   -moz-box-shadow: 0px 2px 2px rgba(128,128,128,.60) !important;
  885. }
  886. /*LOCATION PIN end*/
  887.  
  888. /*MAIL THING begin*/
  889. #post_two_ifr {
  890.   height: 400px !important;
  891. }
  892. #content_top, #content_top {
  893.   display: none !important;
  894. }
  895. #edit_post_controls {
  896.   margin-top: 20px !important;
  897. }
  898. #left_column  H1,
  899. #content > DIV:nth-child(3) H1 {
  900.   font-size: 18px !important;
  901. }
  902. #left_column > H1, .optional,
  903. .first, #left_column H2:nth-child(10), .mceLayout,
  904. #left_column > H2:nth-child(10),
  905. #controls > DIV,
  906. .advanced_option,
  907. #use_url_link > A, #add_photo_link > A, #left_column > H2:nth-child(8),
  908. #add_link_description  A,
  909. #right_column > H2 {
  910.   color: rgba(64,64,64, .80) !important;
  911.   border-color: rgba(64,64,64, .80) !important;
  912. }
  913. #left_column > H2:nth-child(10) {
  914.   margin-top: -30px !important;
  915. }
  916. #post_state {
  917.   width: 175px !important;
  918. }
  919. #post_controls {
  920.   margin-top: 5px !important;
  921. }
  922. .text_field.big.wide {
  923.   border-color: transparent !important;
  924.   background: rgba(246,221,233, .65) !important;
  925. }
  926. #post_two.text_field.big.wide {
  927.   margin-top: -5px !important;
  928.   padding-bottom: 30px !important;
  929. }
  930. #cancel_button,
  931. #save_button,
  932. #preview_button,
  933. #create_post_button_label {
  934.   height: 36px !important;
  935.   vertical-align: top !important;
  936.   color: rgba(19,0,0,1.0) !important;
  937.   font-size: small !important;
  938. }
  939.  
  940. /*.mceContentBody {
  941.   background-image: none !important;
  942.   background: rgba(128,128,128,.5) !important;
  943.   color: white !important;
  944. }*/
  945.  
  946. #post_two_toolbar1, .mceEditor.defaultSkin {
  947.   height:4px !important;
  948. }
  949. /*ADD/REMOVE EDGES begin*/
  950. #categories {
  951.   margin-top: 30px !important;
  952. }
  953. #tabs, .tab, .tab.selected, .tab.right_of_selected, .tab.left_of_selected {background: none !important; height: 50px !important; border: none !important;}
  954. #tabs {height: 15px !important;}
  955. #tabs A {margin-top: -12px !important;}
  956. .tab.selected {color: rgba(160,72,113, 1.0) !important;}
  957. #content_bottom {display: none !important;}
  958. #container #content {
  959.   padding-bottom: 25px !important;
  960.   -moz-border-radius: 12px !important;
  961.   -webkit-border-radius: 12px !important;
  962.   border-radius: 12px !important;
  963. }
  964. .category:not([class*="active"]) .icon.arrow {
  965.   display: none !important;
  966. }
  967. .category.active {
  968.   -moz-box-shadow: none !important;
  969.   -webkit-box-shadow: none !important;
  970.   box-shadow: none !important;
  971.   color: rgba(160,72,113,1.0) !important;
  972.   font: bold 1.1em arial !important;
  973. }
  974. .category.active .icon.arrow {
  975.   background: none !important;
  976.   width: 0px !important;
  977.   height: 0px !important;
  978.   border-right: solid 9px rgba(160,72,113,1.0) !important;
  979.   border-bottom: 9px solid transparent !important;
  980.   border-left: 2px solid transparent !important;
  981.   border-top: 9px solid transparent !important;
  982.   margin-top: -3px !important;
  983.   margin-left: -5px !important;  
  984. }
  985. #post_state,
  986. .text_field,
  987. #tag_editor {
  988.   -moz-border-radius: 8px !important;
  989.   -webkit-border-radius: 8px !important;
  990.   border-radius: 8px !important;
  991. }
  992. .big_button, #people_finder {border: none !important; background: none !important; text-shadow: none !important;}
  993. .mceFirst {
  994.   height: 10px !important;
  995.   background-color: transparent /*rgba(0,0,0,.2)*/ !important;
  996.   border: transparent/*solid thin blue*/ !important;
  997.   -moz-border-radius: 30px !important;
  998.   -webkit-border-radius: 30px !important;
  999.   border-radius: 30px !important;
  1000.   outline: none !important;
  1001. }
  1002. /*ADD/REMOVE EDGES end*/
  1003. /*MAIL THING end*/
  1004.  
  1005. /*QUEUE begin*/
  1006. .dashboard_options_form,
  1007. .post_avatar.flat.lighter_blue {
  1008.   background: rgba(160,72,113, .15) !important;
  1009.   border-color: rgba(64,64,64, 1.0) !important;
  1010.   color: rgba(160,72,113, 1.0) !important;
  1011. }
  1012. .dashboard_options_form_disclaimer,
  1013. .dashboard_options_form a,
  1014. .publish_on_day, .publish_on_time {
  1015.   color:rgba(160,72,113, 1.0) !important;
  1016. }
  1017. /*QUEUE end*/
  1018.  
  1019. /*TUMBLELOG begin*/
  1020. .selected .count,
  1021. .selected .posts,
  1022. .selected .followers,
  1023. .selected .messages,
  1024. .selected .drafts,
  1025. .selected .queue {
  1026.   background-color: rgba(226,201,213, 1) !important;
  1027.   color: rgba(255,255,255,1) !important;
  1028. }
  1029. .selected .posts {
  1030.   border-top-right-radius: 6px !important;
  1031.   border-top-left-radius: 6px !important;
  1032.   border-top: solid thin rgba(226,201,213, .5) !important;
  1033. }
  1034. #right_column > UL:nth-child(3) > LI:first-child:not([class="selected"]) A {
  1035.   background-color: rgba(246,231,233,.5) !important;
  1036.   border-top-right-radius: 6px !important;
  1037.   border-top-left-radius: 6px !important;
  1038.   border-top: solid thin rgba(246,231,233,1) !important;
  1039. }
  1040. #right_column > UL:nth-child(3) > LI:first-child[class="selected"] A {
  1041.   background-color: rgba(226,201,213, 1) !important;
  1042.   border-top-right-radius: 6px !important;
  1043.   border-top-left-radius: 6px !important;
  1044.   margin-top: -1px !important;
  1045.   border-top: solid thin rgba(206,181,193, .5) !important;
  1046. }
  1047. #right_column > UL:nth-child(3) > LI:first-child:not([class="selected"]) A:hover {
  1048.   background-color: rgba(246,231,233,1.0) !important;
  1049. }
  1050. /*TUMBLELOG end*/
  1051.  
  1052. /*LOADING MORE POSTS begin*/
  1053. #auto_pagination_loader {
  1054.   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  1055.   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  1056.   box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  1057.   padding: 9px 8px !important;
  1058.   text-align: center !important;
  1059.   border-top: 1px solid rgba(192,192,192, 0.50) !important;
  1060.   background: -moz-linear-gradient(bottom, rgba(0,0,0, 0.25), rgba(255,255,255, 0.25)) !important;
  1061.   font-size: 1.00em !important;
  1062.   text-shadow: rgba(0,0,0,.6) 0 1px 0 !important;
  1063.   color: rgba(255, 255, 255, 1.00) !important;
  1064. }
  1065. /*LOADING MORE POSTS end*/
  1066.  
  1067. /*SHRINK begin*/
  1068. .post .footer_links,
  1069. .post .footer_links SPAN,
  1070. .tags.draggable {
  1071.   white-space: normal !important;
  1072. }
  1073. .tag, .tag .count {
  1074.   height: 15px !important;
  1075.   margin-top: -8px !important;
  1076. }
  1077. .controls_section .selected A {
  1078.   margin-top: -0px !important;
  1079.   height: 15px !important;
  1080. }
  1081. /*SHRINK end*/
  1082. /*TIME - DATE begin*/
  1083. a[class*="permalink"] {
  1084.   background: none !important;
  1085.   text-decoration:none !important;
  1086.   border-bottom:none!important;
  1087. }
  1088. .permalink:before {
  1089.   content: attr(title) !important;
  1090.   color: rgba(160,72,113, 1.0) !important;
  1091.   position: absolute !important;
  1092.   display: block !important;
  1093.   width: 300px  !important;
  1094.   margin-left: -300px !important;
  1095.   margin-top: 4px !important;  
  1096.   text-align: right !important;
  1097.   font: bold .8em helvetica !important;
  1098.   text-transform: lowercase !important;
  1099.   text-decoration: none !important;
  1100. }
  1101. .permalink:hover::before {
  1102.   color:  rgba(160,72,113, .50) !important;
  1103. }
  1104. /*TIME - DATE end*/
  1105.  
  1106. /*CAMERA begin*/
  1107. img[src*="http://assets.tumblr.com/images/camera.png"]{ opacity: 0.0 !important;}
  1108. #controls{
  1109.   top: 0px !important;
  1110.   left:0px !important;
  1111.   width:4px !important;
  1112.   height:4px !important;
  1113.   margin-top: 5px !important;
  1114.   margin-left: 6px !important;
  1115.   -moz-border-radius:8px !important;
  1116.   -webkit-border-radius:8px !important;
  1117.   border-radius:8px !important;
  1118.   border: solid thin rgba(255,255,255,1.0) !important;
  1119.   background-color: rgba(0,0,0, 1.0) !important;
  1120. }
  1121.  
  1122. #controls:before,
  1123. #controls:after {
  1124.   position: absolute !important;
  1125.   content:"" !important;
  1126.   background-color: rgba(160,72,113, .70) !important;
  1127. }
  1128. #controls:before {
  1129.   width:18px !important;
  1130.   height:12px !important;
  1131.   margin-left: -7px !important;
  1132.   margin-top: -4px !important;
  1133.   -moz-border-radius: 4px !important;
  1134.   -webkit-border-radius: 4px !important;
  1135.   border-radius: 4px !important;
  1136.   outline: solid thick rgba(255,255, 255, 1.0) !important;
  1137. }
  1138. #controls:after {
  1139.   margin-top:-6px !important;
  1140.   margin-left: -1px !important;
  1141.   width:6px !important;
  1142.   height:2px !important;
  1143.   background-color: rgba(187,124,154,1) !important;
  1144. }
  1145. #upload_image_form:hover {
  1146.   margin-top: -1px !important;
  1147.   background-color: rgba(160,72,113, .65) !important;
  1148.   padding-top: 1px !important;
  1149.   -moz-border-radius: 4px !important;
  1150.   -moz-border-radius-topright: 10px !important;
  1151.   -moz-border-radius-topleft: 10px !important;
  1152.   -webkit-border-radius: 4px !important;
  1153.   -webkit-border-top-right-radius: 10px !important;
  1154.   -webkit-border-top-left-radius: 10px !important;
  1155.   border-radius: 4px !important;
  1156.   border-top-right-radius: 10px !important;
  1157.   border-top-left-radius: 10px !important;
  1158.   border-bottom: solid 2px rgba(160,72,113, .0) !important;
  1159. }
  1160. /*CAMERA end*/
  1161. /*LILAC end*/
  1162.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!