Guest User

Untitled

a guest
Mar 27th, 2020
129
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .white.tx-button {
  2. display:inline-block;
  3. box-sizing:border-box;
  4. cursor:pointer;
  5. padding:5px 7px;
  6. border-radius:2px;
  7. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  8. font-size:14px;
  9. font-weight:700;
  10. line-height:1.4;
  11. text-decoration:none;
  12. border:1px solid rgba(0, 0, 0, .2);
  13. background-color:#fff;
  14. color:#8f8f8f
  15. }
  16. .white.tx-button::-moz-focus-inner {
  17. border:0;
  18. padding:0
  19. }
  20. .white.tx-button:focus {
  21. border-color:rgba(0, 0, 0, .1);
  22. background-color:#fafafa;
  23. color:hsla(0, 0%, 56%, .9)
  24. }
  25. .white.tx-button:active {
  26. border-color:rgba(0, 0, 0, .2);
  27. background-color:#f5f5f5;
  28. color:hsla(0, 0%, 56%, .8)
  29. }
  30. .white.disabled.active.tx-button, .white.disabled.tx-button, .white[disabled].tx-button, .white[disabled].tx-button:active {
  31. border-color:#fff;
  32. background-color:#fff;
  33. color:hsla(0, 0%, 56%, .5);
  34. cursor:default
  35. }
  36. .flag--is-dev .white.tx-button:not([role=button]):not(button) {
  37. padding:50px 70px!important;
  38. border:10px dotted!important;
  39. background-color:#d95e40!important;
  40. font-size:40px!important
  41. }
  42. .tumblr-blue.tx-button {
  43. border-color:#36465d;
  44. background-color:#36465d;
  45. color:#fff
  46. }
  47. .tumblr-blue.tx-button:focus {
  48. border-color:#324157;
  49. background-color:#324157;
  50. color:hsla(0, 0%, 100%, .9)
  51. }
  52. .tumblr-blue.tx-button:active {
  53. border-color:#2f3c50;
  54. background-color:#2f3c50;
  55. color:hsla(0, 0%, 100%, .8)
  56. }
  57. .tumblr-blue.disabled.active.tx-button, .tumblr-blue.disabled.tx-button, .tumblr-blue[disabled].tx-button, .tumblr-blue[disabled].tx-button:active {
  58. border-color:#36465d;
  59. background-color:#36465d;
  60. color:hsla(0, 0%, 100%, .5);
  61. cursor:default
  62. }
  63. .red.tx-button {
  64. display:inline-block;
  65. box-sizing:border-box;
  66. cursor:pointer;
  67. padding:5px 7px;
  68. border-radius:2px;
  69. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  70. font-size:14px;
  71. font-weight:700;
  72. line-height:1.4;
  73. text-decoration:none;
  74. border:1px solid #d95e40;
  75. background-color:#d95e40;
  76. color:#fff
  77. }
  78. .red.tx-button::-moz-focus-inner {
  79. border:0;
  80. padding:0
  81. }
  82. .red.tx-button:focus {
  83. border-color:#d75737;
  84. background-color:#d75737;
  85. color:hsla(0, 0%, 100%, .9)
  86. }
  87. .red.tx-button:active {
  88. border-color:#d6502f;
  89. background-color:#d6502f;
  90. color:hsla(0, 0%, 100%, .8)
  91. }
  92. .red.disabled.active.tx-button, .red.disabled.tx-button, .red[disabled].tx-button, .red[disabled].tx-button:active {
  93. border-color:#d95e40;
  94. background-color:#d95e40;
  95. color:hsla(0, 0%, 100%, .5);
  96. cursor:default
  97. }
  98. .flag--is-dev .red.tx-button:not([role=button]):not(button) {
  99. padding:50px 70px!important;
  100. border:10px dotted!important;
  101. background-color:#d95e40!important;
  102. font-size:40px!important
  103. }
  104. .orange.tx-button {
  105. display:inline-block;
  106. box-sizing:border-box;
  107. cursor:pointer;
  108. padding:5px 7px;
  109. border-radius:2px;
  110. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  111. font-size:14px;
  112. font-weight:700;
  113. line-height:1.4;
  114. text-decoration:none;
  115. border:1px solid #f2992e;
  116. background-color:#f2992e;
  117. color:#fff
  118. }
  119. .orange.tx-button::-moz-focus-inner {
  120. border:0;
  121. padding:0
  122. }
  123. .orange.tx-button:focus {
  124. border-color:#f19424;
  125. background-color:#f19424;
  126. color:hsla(0, 0%, 100%, .9)
  127. }
  128. .orange.tx-button:active {
  129. border-color:#f1901b;
  130. background-color:#f1901b;
  131. color:hsla(0, 0%, 100%, .8)
  132. }
  133. .orange.disabled.active.tx-button, .orange.disabled.tx-button, .orange[disabled].tx-button, .orange[disabled].tx-button:active {
  134. border-color:#f2992e;
  135. background-color:#f2992e;
  136. color:hsla(0, 0%, 100%, .5);
  137. cursor:default
  138. }
  139. .flag--is-dev .orange.tx-button:not([role=button]):not(button) {
  140. padding:50px 70px!important;
  141. border:10px dotted!important;
  142. background-color:#d95e40!important;
  143. font-size:40px!important
  144. }
  145. .green.tx-button {
  146. display:inline-block;
  147. box-sizing:border-box;
  148. cursor:pointer;
  149. padding:5px 7px;
  150. border-radius:2px;
  151. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  152. font-size:14px;
  153. font-weight:700;
  154. line-height:1.4;
  155. text-decoration:none;
  156. border:1px solid #56bc8a;
  157. background-color:#56bc8a;
  158. color:#fff
  159. }
  160. .green.tx-button::-moz-focus-inner {
  161. border:0;
  162. padding:0
  163. }
  164. .green.tx-button:focus {
  165. border-color:#4fb985;
  166. background-color:#4fb985;
  167. color:hsla(0, 0%, 100%, .9)
  168. }
  169. .green.tx-button:active {
  170. border-color:#48b680;
  171. background-color:#48b680;
  172. color:hsla(0, 0%, 100%, .8)
  173. }
  174. .green.disabled.active.tx-button, .green.disabled.tx-button, .green[disabled].tx-button, .green[disabled].tx-button:active {
  175. border-color:#56bc8a;
  176. background-color:#56bc8a;
  177. color:hsla(0, 0%, 100%, .5);
  178. cursor:default
  179. }
  180. .flag--is-dev .green.tx-button:not([role=button]):not(button) {
  181. padding:50px 70px!important;
  182. border:10px dotted!important;
  183. background-color:#d95e40!important;
  184. font-size:40px!important
  185. }
  186. .blue.tx-button {
  187. display:inline-block;
  188. box-sizing:border-box;
  189. cursor:pointer;
  190. padding:5px 7px;
  191. border-radius:2px;
  192. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  193. font-size:14px;
  194. font-weight:700;
  195. line-height:1.4;
  196. text-decoration:none;
  197. border:1px solid #529ecc;
  198. background-color:#529ecc;
  199. color:#fff
  200. }
  201. .blue.tx-button::-moz-focus-inner {
  202. border:0;
  203. padding:0
  204. }
  205. .blue.tx-button:focus {
  206. border-color:#4a9aca;
  207. background-color:#4a9aca;
  208. color:hsla(0, 0%, 100%, .9)
  209. }
  210. .blue.tx-button:active {
  211. border-color:#4295c7;
  212. background-color:#4295c7;
  213. color:hsla(0, 0%, 100%, .8)
  214. }
  215. .blue.disabled.active.tx-button, .blue.disabled.tx-button, .blue[disabled].tx-button, .blue[disabled].tx-button:active {
  216. border-color:#529ecc;
  217. background-color:#529ecc;
  218. color:hsla(0, 0%, 100%, .5);
  219. cursor:default
  220. }
  221. .flag--is-dev .blue.tx-button:not([role=button]):not(button) {
  222. padding:50px 70px!important;
  223. border:10px dotted!important;
  224. background-color:#d95e40!important;
  225. font-size:40px!important
  226. }
  227. .purple.tx-button {
  228. display:inline-block;
  229. box-sizing:border-box;
  230. cursor:pointer;
  231. padding:5px 7px;
  232. border-radius:2px;
  233. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  234. font-size:14px;
  235. font-weight:700;
  236. line-height:1.4;
  237. text-decoration:none;
  238. border:1px solid #a77dc2;
  239. background-color:#a77dc2;
  240. color:#fff
  241. }
  242. .purple.tx-button::-moz-focus-inner {
  243. border:0;
  244. padding:0
  245. }
  246. .purple.tx-button:focus {
  247. border-color:#a276bf;
  248. background-color:#a276bf;
  249. color:hsla(0, 0%, 100%, .9)
  250. }
  251. .purple.tx-button:active {
  252. border-color:#9e6fbb;
  253. background-color:#9e6fbb;
  254. color:hsla(0, 0%, 100%, .8)
  255. }
  256. .purple.disabled.active.tx-button, .purple.disabled.tx-button, .purple[disabled].tx-button, .purple[disabled].tx-button:active {
  257. border-color:#a77dc2;
  258. background-color:#a77dc2;
  259. color:hsla(0, 0%, 100%, .5);
  260. cursor:default
  261. }
  262. .flag--is-dev .purple.tx-button:not([role=button]):not(button) {
  263. padding:50px 70px!important;
  264. border:10px dotted!important;
  265. background-color:#d95e40!important;
  266. font-size:40px!important
  267. }
  268. body {
  269. color:#444
  270. }
  271. a {
  272. color:#444
  273. }
  274. .tab_notice {
  275. background-color:#529ecc
  276. }
  277. .selected .tab_notice {
  278. background:#529ecc
  279. }
  280. .tab_notice .tab_notice_value {
  281. color:#36465d
  282. }
  283. .tab-notice--outlined {
  284. border-color:#36465d
  285. }
  286. .blog_menu .tab_notice {
  287. background-color:#529ecc
  288. }
  289. .blog_menu .tab_notice .tab_notice_value {
  290. color:#36465d
  291. }
  292. .identity, .identity {
  293. background-color:#36465d
  294. }
  295. .l-container.l-container--two-column-dashboard .l-content, .l-container.l-container--two-column .l-content {
  296. background-color:#36465d
  297. }
  298. .l-container.l-container--two-column-dashboard .right_column, .l-container.l-container--two-column .right_column {
  299. background-color:#36465d
  300. }
  301. .l-container.l-container--two-column-dashboard .left_column {
  302. background-color:#36465d
  303. }
  304. .l-container.l-container--flex .l-content {
  305. background-color:#36465d
  306. }
  307. .radar .radar_footer .radar_avatar::before {
  308. background-image: none;
  309. }
  310. .identity.controls_section li.account_header, .identity.controls_section li.contributors_header, .identity.controls_section li.editors_header, .identity.controls_section li.section_header {
  311. padding: 0 10px;
  312. color: hsla(0, 0%, 100%, .25);
  313. font-size: 12px;
  314. font-weight: 700;
  315. line-height: 25px;
  316. }
  317. .identity .controls_section .item:hover .follow:hover {
  318. background:#529ecc
  319. }
  320. .well {
  321. color: rgba(255, 255, 255, 0.25);
  322. }
  323. .post_full .post_header .post_info .post_info_link:first-child {
  324. color: #444;
  325. }
  326. .new_post_label i.icon_post_text {
  327. color: #444;
  328. }
  329. .new_post_label i.icon_post_photo {
  330. color: #d95e40;
  331. }
  332. .new_post_label i.icon_post_quote {
  333. color: #f2992e;
  334. }
  335. .new_post_label i.icon_post_link {
  336. color: #56bc8a;
  337. }
  338. .new_post_label i.icon_post_chat {
  339. color: #529ecc;
  340. }
  341. .new_post_label i.icon_post_audio {
  342. color: #a77dc2;
  343. }
  344. .new_post_label i.icon_post_video {
  345. color: #748089;
  346. }
  347. .notification_like .avatar_frame::before, .notes .note.like .avatar_frame::before, .ui_avatar .frame.like::before {
  348. background: #d95e40;
  349. }
  350. .notification_reblog .avatar_frame::before, .notes .note.reblog .avatar_frame::before, .ui_avatar .frame.reblog::before {
  351. background: #56bc8a;
  352. }
  353. .notification_follower .avatar_frame::before, .notification_group_member .avatar_frame::before, .notes .note.follower .avatar_frame::before, .ui_avatar .frame.follower::before {
  354. background: #529ecc;
  355. }
  356. .sidebar_link.explore_link {
  357. color: hsla(0, 0%, 100%, .6);
  358. }
  359. .chrome.blue {
  360. border-color: #529ecc;
  361. background: #529ecc;
  362. }
  363. .post_full .post_header .post_info .post_info_link:first-child {
  364. color: #444;
  365. }
  366. .identity.user_list li .follow_list_item_blog:before {
  367. background-image:linear-gradient(90deg, rgba(54, 70, 93, 0), #36465d);
  368. border-right:5px solid #36465d;
  369. }
  370. .identity.user_list li:hover .follow_list_item_blog:before {
  371. background-image:linear-gradient(90deg, rgba(68, 83, 104, 0), #445368);
  372. border-right:5px solid #445368
  373. }
  374. .identity.right_column .small_text {
  375. color:hsla(0, 0%, 100%, .4);
  376. }
  377. .identity.right_column:after {
  378. background:linear-gradient(180deg, #36465d, rgba(54, 70, 93, 0))
  379. }
  380. .identity.controls_section li.account_header, .identity.controls_section li.contributors_header, .identity.controls_section li.editors_header, .identity.controls_section li.section_header {
  381. color:hsla(0, 0%, 100%, .25);
  382. text-transform:unset;
  383. font-size:17px;
  384. padding-bottom:4px
  385. }
  386. .identity.controls_section .delete_all_messages, .identity.controls_section .open_blog .open_blog_link, .identity.controls_section .sub_control, .identity.controls_section.user_list li .follow_list_item_blog .tumblelog_title, .identity.controls_section a .count {
  387. color:hsla(0, 0%, 100%, .25);
  388. }
  389. .identity.controls_section.user_list li .follow_list_item_blog .tumblelog_name {
  390. color:hsla(0, 0%, 100%, .25);
  391. }
  392. .identity.controls_section.follow_list.recommended_tumblelogs>li.item, .identity.controls_section li.section_header {
  393. border-color:hsla(0, 0%, 100%, .13);
  394. }
  395. .form-container .survey-result .highlight {
  396. color:#d95e40
  397. }
  398. .form-container .form-row.checkmark-row .option-radio:checked+.option-label:after {
  399. color:#529ecc
  400. }
  401. .dynamic-fields .remove-url-button {
  402. background-color:#d95e40
  403. }
  404. .flag--one-true-post .post-micro .post-content--link {
  405. background-color:#56bc8a
  406. }
  407. .flag--one-true-post .post-audio-block.post-audio--error {
  408. background-color:#d95e40
  409. }
  410. .flag--one-true-post .post-reblog-button.post-reblog-button--reblogged .icon {
  411. color:#56bc8a
  412. }
  413. .flag--one-true-post .post-like-button.post-like-button--liked .icon {
  414. color:#d95e40
  415. }
  416. .flag--one-true-post .post-like-heart-animation.like {
  417. color:#d95e40
  418. }
  419. .flag--one-true-post .post-permalink {
  420. border-top-color:#36465d;
  421. border-right-color:#36465d;
  422. }
  423. .flag--one-true-post .post-reblog-trail-item--reblog .post-avatar:after {
  424. background-color:#56bc8a
  425. }
  426. .flag--one-true-post .follow-button--worded .follow-text {
  427. color:#529ecc
  428. }
  429. .cta-blue-button {
  430. background-color:#529ecc;
  431. border-color:#529ecc
  432. }
  433. .cta-blue-button .tsp-opacity-overlay {
  434. border-color:#529ecc
  435. }
  436. .cta-blue-button .cta-color-applied {
  437. color:#529ecc
  438. }
  439. .cta-green-button {
  440. background-color:#56bc8a;
  441. border-color:#56bc8a
  442. }
  443. .cta-green-button .tsp-opacity-overlay {
  444. border-color:#56bc8a
  445. }
  446. .cta-green-button .cta-color-applied {
  447. color:#56bc8a
  448. }
  449. .cta-purple-button {
  450. background-color:#a77dc2;
  451. border-color:#a77dc2
  452. }
  453. .cta-purple-button .tsp-opacity-overlay {
  454. border-color:#a77dc2
  455. }
  456. .cta-purple-button .cta-color-applied {
  457. color:#a77dc2
  458. }
  459. .form-container.success .success-message .message-text .message-link {
  460. color:#529ecc
  461. }
  462. .form-container-static label.image-upload, .form-container label.image-upload {
  463. color:#8f8f8f
  464. }
  465. .form-container-static .sub-label, .form-container .sub-label {
  466. color:#8f8f8f
  467. }
  468. .form-container-static .error-message, .form-container .error-message {
  469. color:#d95e40
  470. }
  471. .form-container-static .language-notice, .form-container .language-notice {
  472. color:#d95e40
  473. }
  474. .drawer-error-tag {
  475. background-color:#d95e40
  476. }
  477. .loader-bar .bar.red {
  478. background:#d95e40
  479. }
  480. .loader-bar .bar.orange {
  481. background:#f2992e
  482. }
  483. .loader-bar .bar.orange {
  484. background:#f2992e
  485. }
  486. .loader-bar .bar.green {
  487. background:#56bc8a
  488. }
  489. .loader-bar .bar.green {
  490. background:#56bc8a
  491. }
  492. .loader-bar .bar.purple {
  493. background:#a77dc2
  494. }
  495. .loader-bar .bar.purple {
  496. background:#a77dc2
  497. }
  498. .audio-player {
  499. background:#a77dc2
  500. }
  501. .popover--base-overlay {
  502. background:#36465d
  503. }
  504. .popover_header {
  505. color:#8f8f8f
  506. }
  507. .popover_menu_item small {
  508. color:#8f8f8f
  509. }
  510. .search_popover .search_results_section .search_subheading {
  511. color:#8f8f8f
  512. }
  513. .popover_share_social .share_form.embed .share_label, .popover_share_social .share_form.facebook .share_label, .popover_share_social .share_form.twitter .share_label {
  514. color:#8f8f8f
  515. }
  516. .popover_share_social .share_form.twitter .character_count.character-limit {
  517. color:#d95e40
  518. }
  519. .popover_share_social .share_form .reply_to {
  520. color:#8f8f8f
  521. }
  522. .popover_share_social .status .status_message {
  523. color:#8f8f8f
  524. }
  525. .tumblelog_popover .recommended_blogs .tumblelog_info_heading {
  526. color:#8f8f8f
  527. }
  528. .tumblelog_popover .recommended_blogs .name h4 {
  529. color:#8f8f8f
  530. }
  531. .info_popover .popover_inner ul li.label {
  532. color:#8f8f8f
  533. }
  534. .info_popover .popover_inner ul li.web-subscribe-how-to {
  535. color:#8f8f8f
  536. }
  537. .popover_vendor .popover_menu_item:hover {
  538. color:#36465d
  539. }
  540. .popover_vendor .popover_menu_item:hover .subtext, .popover_vendor .popover_menu_item:hover .subtext-email {
  541. color:#36465d;
  542. opacity:.7
  543. }
  544. .popover_vendor .popover_menu_item:hover .subtext, .popover_vendor .popover_menu_item:hover .subtext-email {
  545. color:#36465d
  546. }
  547. .post_avatar {
  548. background-color:#36465d
  549. }
  550. .post_avatar.flat {
  551. border-color:#36465d
  552. }
  553. .post_avatar.lighter_blue {
  554. background-color:#36465d
  555. }
  556. .post_avatar.lighter_blue {
  557. background-color:#36465d
  558. }
  559. .post_avatar .post_avatar_link {
  560. background-color:#36465d
  561. }
  562. .search_results_container .tumblelog_mask_item {
  563. background-color: #36465d;
  564. }
  565. .post .post_header .post_info_link {
  566. color:#8f8f8f;
  567. }
  568. .post .post_info .reblog_icon {
  569. color:#8f8f8f;
  570. }
  571. .post .post_content_inner.safemode, .post .post_content_inner.tagfiltering {
  572. color:#8f8f8f;
  573. }
  574. .post .post_content_inner.safemode .link, .post .post_content_inner.tagfiltering .link {
  575. color:#529ecc
  576. }
  577. .post .post_content_inner.safemode .tx-button, .post .post_content_inner.tagfiltering .tx-button {
  578. color:#8f8f8f
  579. }
  580. .post_controls .post_control:before {
  581. color:#8f8f8f
  582. }
  583. .post_controls .post_control.like.liked:before {
  584. color:#d95e40
  585. }
  586. .post_controls .post_control.reblog.reblogged:before {
  587. color:#56bc8a
  588. }
  589. .post .post_tags_inner.dragging .post_tag:hover {
  590. color:#8f8f8f
  591. }
  592. .post .post_tags a {
  593. color:#8f8f8f
  594. }
  595. .post .post_tags .post_tag {
  596. color:#8f8f8f
  597. }
  598. .post-content-text .tmblr-truncated .tmblr-truncated-link, .post-content-text .tmblr-truncated:after, .post .post_body .tmblr-truncated .tmblr-truncated-link, .post .post_body .tmblr-truncated:after, .reblog-content .tmblr-truncated .tmblr-truncated-link, .reblog-content .tmblr-truncated:after {
  599. color:#529ecc
  600. }
  601. .post .post-source-footer {
  602. color:#8f8f8f
  603. }
  604. .post .post-source-footer a.post-source-link {
  605. color:#8f8f8f
  606. }
  607. .post .recommendation-reason-link {
  608. color:#d95e40
  609. }
  610. .post_full.has_pce.pce_ads_cpi .cpi_install_button, .post_full.has_pce.pce_ads_cpi .cpi_install_button:active {
  611. background:#56bc8a
  612. }
  613. .post .dockable_video_embed .post_header .post_info_tumblelog {
  614. color:#8f8f8f
  615. }
  616. .post .dockable_video_embed .post_info .post_info_link {
  617. color:#8f8f8f;
  618. }
  619. .post .post_reblog_poof {
  620. color:#56bc8a
  621. }
  622. .post .post_animated_heart, .standalone-ad-container .post_animated_heart {
  623. color:#d95e40
  624. }
  625. .post .post_animated_heart.unliked, .standalone-ad-container .post_animated_heart.unliked {
  626. color:#8f8f8f;
  627. }
  628. .post_full.is_link .link-button.link-button--title-over-image .publisher>span:before {
  629. background:#56bc8a
  630. }
  631. .post_full .post_permalink {
  632. border-top-color:#36465d;
  633. border-right-color:#36465d;
  634. }
  635. .timeline-yam-plus-ad-container .section_header {
  636. color:#8f8f8f;
  637. }
  638. .blog-activity .blog-activity--empty {
  639. color:#8f8f8f;
  640. }
  641. .blog-activity .blog-activity-more {
  642. color:#8f8f8f;
  643. }
  644. .ask-form .ask-character-count.count-warning {
  645. color:#f2992e
  646. }
  647. .ask-form .ask-character-count.count-danger {
  648. color:#d95e40
  649. }
  650. .binary-switch input[type=checkbox]:checked~.binary-switch-track {
  651. background:#529ecc
  652. }
  653. .blog-selector-container .selected-blog .caret.is-open, .blog-selector-container .selected-blog .caret.is-open {
  654. color:#529ecc
  655. }
  656. .blog-selector-container .selected-blog .caret.has-badge, .blog-selector-container .selected-blog .caret.has-badge {
  657. background:#529ecc
  658. }
  659. .ui_dialog_lock {
  660. background:rgba(54, 70, 93, .95)
  661. }
  662. .ui_dialog .text a {
  663. color:#529ecc
  664. }
  665. .ui_dialog .chrome.blue {
  666. background-color:#529ecc
  667. }
  668. .discover_actions_discover.elevator, .search_actions_search.elevator {
  669. background-color:rgba(54, 70, 93, .85)
  670. }
  671. .plus-follow-button {
  672. background:hsla(0, 0%, 100%, .2);
  673. color:#36465d
  674. }
  675. .plus-follow-button:hover {
  676. background:#529ecc
  677. }
  678. .plus-follow-button.blue {
  679. background:#529ecc
  680. }
  681. .reblog_follow_button .follow-text, .worded-follow-button .follow-text {
  682. color:#529ecc
  683. }
  684. .popover--gif-search .gif-search-results .gif-search-result:nth-child(odd), .popover--gif-search .gif-search-results .gif-search-result:nth-child(odd) {
  685. background-color:#56bc8a
  686. }
  687. .popover--gif-search .gif-search-results .gif-search-result:nth-child(8n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(8n) {
  688. background-color:#529ecc
  689. }
  690. .popover--gif-search .gif-search-results .gif-search-result:nth-child(2n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(2n) {
  691. background-color:#d95e40
  692. }
  693. .popover--gif-search .gif-search-results .gif-search-result:nth-child(3n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(3n) {
  694. background-color:#f2992e
  695. }
  696. .popover--gif-search .gif-search-results .gif-search-result:nth-child(5n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(5n) {
  697. background-color:#56bc8a
  698. }
  699. .popover--gif-search .gif-search-results .gif-search-result:nth-child(7n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(7n) {
  700. background-color:#529ecc
  701. }
  702. .popover--gif-search .gif-search-results .gif-search-result:nth-child(5n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(5n) {
  703. background-color:#a77dc2
  704. }
  705. .popover--gif-search .gif-search-results .gif-search-result:nth-child(8n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(8n) {
  706. background-color:#d95e40
  707. }
  708. .popover--gif-search .gif-search-results .gif-search-result:nth-child(12n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(12n) {
  709. background-color:#f2992e
  710. }
  711. .popover--gif-search .gif-search-results .gif-search-result:nth-child(18n), .popover--gif-search .gif-search-results .gif-search-result:nth-child(18n) {
  712. background-color:#56bc8a
  713. }
  714. .blue#glass_overlay, .blue#hello_glass, .blue.glass {
  715. background:rgba(54, 70, 93, .95);
  716. }
  717. .show.color.plexi {
  718. background:rgba(54, 70, 93, .95)
  719. }
  720. .logged-out-header .signup-button, .logged-out-header .signup-button {
  721. display:inline-block;
  722. box-sizing:border-box;
  723. cursor:pointer;
  724. padding:5px 7px;
  725. border-radius:2px;
  726. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  727. font-size:14px;
  728. font-weight:700;
  729. line-height:1.4;
  730. text-decoration:none;
  731. border:1px solid #529ecc;
  732. background-color:#529ecc;
  733. color:#fff
  734. }
  735. .logged-out-header .signup-button::-moz-focus-inner, .logged-out-header .signup-button::-moz-focus-inner {
  736. border:0;
  737. padding:0
  738. }
  739. .logged-out-header .signup-button:focus, .logged-out-header .signup-button:focus {
  740. border-color:#4a9aca;
  741. background-color:#4a9aca;
  742. color:hsla(0, 0%, 100%, .9)
  743. }
  744. .logged-out-header .signup-button:active, .logged-out-header .signup-button:active {
  745. border-color:#4295c7;
  746. background-color:#4295c7;
  747. color:hsla(0, 0%, 100%, .8)
  748. }
  749. .logged-out-header .disabled.active.signup-button, .logged-out-header .disabled.signup-button, .logged-out-header[disabled].signup-button, .logged-out-header[disabled].signup-button:active, .logged-out-header .disabled.active.signup-button, .logged-out-header .disabled.signup-button, .logged-out-header[disabled].signup-button, .logged-out-header[disabled].signup-button:active {
  750. border-color:#529ecc;
  751. background-color:#529ecc;
  752. color:hsla(0, 0%, 100%, .5);
  753. cursor:default
  754. }
  755. .flag--is-dev .logged-out-header .signup-button:not([role=button]):not(button), .logged-out-header .flag--is-dev .signup-button:not([role=button]):not(button) {
  756. padding:50px 70px!important;
  757. border:10px dotted!important;
  758. background-color:#d95e40!important;
  759. font-size:40px!important
  760. }
  761. .compose-button {
  762. fill:#529ecc
  763. }
  764. .logged-out-header .login-button {
  765. border-color:rgba(0, 0, 0, .2);
  766. background-color:hsla(0, 0%, 100%, .6);
  767. color:#36465d
  768. }
  769. .logged-out-header .login-button:focus {
  770. border-color:rgba(0, 0, 0, .1);
  771. background-color:hsla(0, 0%, 98%, .6);
  772. color:rgba(54, 70, 93, .9)
  773. }
  774. .logged-out-header .login-button:active {
  775. border-color:rgba(0, 0, 0, .2);
  776. background-color:hsla(0, 0%, 96%, .6);
  777. color:rgba(54, 70, 93, .8)
  778. }
  779. .logged-out-header .login-button.disabled, .logged-out-header .login-button.disabled.active, .logged-out-header .login-button[disabled], .logged-out-header .login-button[disabled]:active {
  780. border-color:hsla(0, 0%, 100%, .6);
  781. background-color:hsla(0, 0%, 100%, .6);
  782. color:rgba(54, 70, 93, .5);
  783. cursor:default
  784. }
  785. .logged-out-header .signup_link {
  786. border:0;
  787. padding-left:13px;
  788. padding-right:13px
  789. }
  790. .tab-bar-container .tab_notice {
  791. color:#36465d
  792. }
  793. .tab_bar .tab_anchor {
  794. opacity:.5
  795. }
  796. .l-header-container--refresh {
  797. background-color:#36465d
  798. }
  799. .l-header-container--refresh.l-header-container--transparent .login-button, .l-header-container--refresh.l-header-container--transparent .login-button:active, .l-header-container--refresh.l-header-container--transparent .login-button:focus, .l-header-container--refresh.l-header-container--transparent .login-button {
  800. background-color:rgba(0, 0, 0, .0941176);
  801. color:#fff
  802. }
  803. .messaging-share-post .messaging-share-post-message .compose-text-input-container .submit-button .submit, .messaging-share-post .messaging-share-post-message .compose-text-input-container .submit-button .submit {
  804. color:#529ecc
  805. }
  806. .messaging-share-post .messaging-share-post-result .container, .messaging-share-post .messaging-share-post-result .container {
  807. color:#529ecc
  808. }
  809. .messaging-share-post .messaging-share-post-search .selected-blog, .messaging-share-post .messaging-share-post-search .selected-blog {
  810. background:#529ecc
  811. }
  812. .messaging-share-post .messaging-share-post-external-networks .is-focused.messaging-share-post-external-network, .messaging-share-post .messaging-share-post-external-networks .is-focused.messaging-share-post-external-network {
  813. color:#529ecc
  814. }
  815. .messaging-share-post .messaging-share-post-external-network-subview-wrapper>.external-network-subview .external-network-form-subview .form-result.form-result--fail, .messaging-share-post .messaging-share-post-external-network-subview-wrapper>.external-network-subview .external-network-form-subview .form-result.form-result--fail {
  816. color:#d95e40
  817. }
  818. .messaging-inbox .inbox-conversations .is-unread.inbox-conversation .name-container, .messaging-inbox .inbox-conversations .is-unread.inbox-conversation .name-container {
  819. color:#529ecc
  820. }
  821. .messaging-inbox .inbox-compose-toggle .compose-start, .messaging-inbox .inbox-compose-toggle .compose-start {
  822. color:#529ecc
  823. }
  824. .flag--messaging-new-empty-inbox .messaging-inbox .inbox-row .info-container .send-link, .messaging-inbox .flag--messaging-new-empty-inbox .inbox-row .info-container .send-link {
  825. color:#529ecc
  826. }
  827. .messaging-conversation--open .conversation-compose .compose-text-input-container .submit-button .submit, .messaging-conversation--open .conversation-compose .compose-text-input-container .submit-button .submit {
  828. color:#529ecc
  829. }
  830. .messaging-conversation--open .conversation-header:not(.has-image), .messaging-conversation--open .conversation-header:not(.has-image) {
  831. background-color:#529ecc
  832. }
  833. .messaging-conversation--open .conversation-message .retry-button.is-pending, .messaging-conversation--open .conversation-message .retry-button.is-pending {
  834. color:#f2992e
  835. }
  836. .messaging-conversation--open .conversation-message-post .conversation-message-post--gif.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--photo.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--photoset.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--gif.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--photo.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--photoset.message-container .icon {
  837. background:#d95e40
  838. }
  839. .messaging-conversation--open .conversation-message-post .conversation-message-post--quote.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--quote.message-container .icon {
  840. background:#f2992e
  841. }
  842. .messaging-conversation--open .conversation-message-post .conversation-message-post--link.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--link.message-container .icon {
  843. background:#56bc8a
  844. }
  845. .messaging-conversation--open .conversation-message-post .conversation-message-post--chat.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--chat.message-container .icon {
  846. background:#529ecc
  847. }
  848. .messaging-conversation--open .conversation-message-post .conversation-message-post--audio.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--audio.message-container .icon {
  849. background:#a77dc2
  850. }
  851. .messaging-conversation--open .conversation-message-post .conversation-message-post--video.message-container .icon, .messaging-conversation--open .conversation-message-post .conversation-message-post--video.message-container .icon {
  852. background:#748089
  853. }
  854. .messaging-conversation--open .conversation-message-safemode-post .message-bubble, .messaging-conversation--open .conversation-message-safemode-post .message-bubble {
  855. color:#8f8f8f
  856. }
  857. .mobile-banner {
  858. background:#56bc8a
  859. }
  860. .mobile-banner .mobile-banner-button.secondary-cta {
  861. border-color:#36465d;
  862. background-color:#36465d;
  863. color:#56bc8a
  864. }
  865. .mobile-banner .mobile-banner-button.secondary-cta:focus {
  866. border-color:#324157;
  867. background-color:#324157;
  868. color:rgba(86, 188, 138, .9)
  869. }
  870. .mobile-banner .mobile-banner-button.secondary-cta:active {
  871. border-color:#2f3c50;
  872. background-color:#2f3c50;
  873. color:rgba(86, 188, 138, .8)
  874. }
  875. .mobile-banner .mobile-banner-button.secondary-cta.disabled, .mobile-banner .mobile-banner-button.secondary-cta.disabled.active, .mobile-banner .mobile-banner-button.secondary-cta[disabled], .mobile-banner .mobile-banner-button.secondary-cta[disabled]:active {
  876. border-color:#36465d;
  877. background-color:#36465d;
  878. color:rgba(86, 188, 138, .5);
  879. cursor:default
  880. }
  881. .app-gate .mobile-banner {
  882. background-color:#36465d
  883. }
  884. .mobile-banner.pop {
  885. background:#a77dc2
  886. }
  887. .ui_notes .date_header, .ui_notes .date_header.date_activity {
  888. color:#8f8f8f
  889. }
  890. .ui_notes .activity-notification .activity-notification__activity .activity-notification__activity_message .activity-notification__activity_reply .activity-notification__activity_reply_link {
  891. color:#529ecc
  892. }
  893. .ui_notes .activity-notification .activity-notification__activity .activity-notification__activity_message .activity-notification__activity_response blockquote {
  894. color:#8f8f8f;
  895. }
  896. .ui_notes .activity-notification .activity-notification__icon .note_follow {
  897. color:#529ecc
  898. }
  899. .ui_notes .activity-notification .activity-notification__icon .ui_post_badge.audio {
  900. background-color:#a77dc2
  901. }
  902. .ui_notes .activity-notification .activity-notification__icon .ui_post_badge.conversation {
  903. background-color:#529ecc
  904. }
  905. .ui_notes .activity-notification .activity-notification__icon .ui_post_badge.link {
  906. background-color:#56bc8a
  907. }
  908. .ui_notes .activity-notification .activity-notification__icon .ui_post_badge.quote {
  909. background-color:#f2992e
  910. }
  911. .ui_notes .activity-notification.is_friend {
  912. color:#36465d
  913. }
  914. .ui_notes .activity-notification.is_friend .activity-notification__activity {
  915. color:#36465d
  916. }
  917. .ui_notes .activity-notification.is_friend .activity-notification__activity_main .activity, .ui_notes .activity-notification.is_friend .activity-notification__activity_main .activity a {
  918. color:#36465d
  919. }
  920. .ui_notes .activity-notification.is_friend .activity-notification__activity_main .summary {
  921. color:#afb5be
  922. }
  923. .ui_notes .activity-notification.note_mention .activity-notification__activity .activity-notification__activity_message.conversational .activity-notification__activity_response blockquote, .ui_notes .activity-notification.user_mention .activity-notification__activity .activity-notification__activity_message.conversational .activity-notification__activity_response blockquote {
  924. color:#86909e
  925. }
  926. .ui_notes .activity-notification:hover.is_friend {
  927. background-color:#f0f3f6
  928. }
  929. .search_filter_items .popover_menu_item .icon_post_text_small {
  930. color:#444
  931. }
  932. .search_filter_items .popover_menu_item .icon_post_photo_small {
  933. color:#d95e40
  934. }
  935. .search_filter_items .popover_menu_item .icon_post_quote_small {
  936. color:#f2992e
  937. }
  938. .search_filter_items .popover_menu_item .icon_post_link_small {
  939. color:#56bc8a
  940. }
  941. .search_filter_items .popover_menu_item .icon_post_chat_small {
  942. color:#529ecc
  943. }
  944. .search_filter_items .popover_menu_item .icon_post_audio_small {
  945. color:#a77dc2
  946. }
  947. .search_filter_items .popover_menu_item .icon_post_video_small {
  948. color:#748089
  949. }
  950. .search_filter_items .popover_menu_item .icon_checkmark {
  951. color:#529ecc
  952. }
  953. .peepr-body .indash_blog a.reblog_info {
  954. color:#8f8f8f;
  955. }
  956. .peepr-body .indash_blog a.source_info {
  957. color:#8f8f8f;
  958. }
  959. .peepr-body .indash_blog .post_notes_label {
  960. color:#8f8f8f;
  961. }
  962. .search_filter_items .popover_menu_item .icon_post_text_small {
  963. color:#444
  964. }
  965. .search_filter_items .popover_menu_item .icon_post_photo_small {
  966. color:#d95e40
  967. }
  968. .search_filter_items .popover_menu_item .icon_post_photo_small {
  969. color:#d95e40
  970. }
  971. .search_filter_items .popover_menu_item .icon_post_quote_small {
  972. color:#f2992e
  973. }
  974. .search_filter_items .popover_menu_item .icon_post_quote_small {
  975. color:#f2992e
  976. }
  977. .search_filter_items .popover_menu_item .icon_post_link_small {
  978. color:#56bc8a
  979. }
  980. .search_filter_items .popover_menu_item .icon_post_link_small {
  981. color:#56bc8a
  982. }
  983. .search_filter_items .popover_menu_item .icon_post_chat_small {
  984. color:#529ecc
  985. }
  986. .search_filter_items .popover_menu_item .icon_post_chat_small {
  987. color:#529ecc
  988. }
  989. .search_filter_items .popover_menu_item .icon_post_audio_small {
  990. color:#a77dc2
  991. }
  992. .search_filter_items .popover_menu_item .icon_post_audio_small {
  993. color:#a77dc2
  994. }
  995. .search_filter_items .popover_menu_item .icon_post_video_small {
  996. color:#748089
  997. }
  998. .search_filter_items .popover_menu_item .icon_post_video_small {
  999. color:#748089
  1000. }
  1001. .search_filter_items .popover_menu_item .icon_checkmark {
  1002. color:#529ecc
  1003. }
  1004. .overlay-container .indash_blog .overlay-wrapper .post_content_inner.safemode, .overlay-container .indash_blog .overlay-wrapper .post_content_inner.tagfiltering, .peepr-drawer.overlay-container .overlay-wrapper .post_content_inner.safemode, .peepr-drawer.overlay-container .overlay-wrapper .post_content_inner.tagfiltering {
  1005. color:#8f8f8f
  1006. }
  1007. .overlay-container .indash_blog .overlay-wrapper .post_content_inner.safemode .link, .overlay-container .indash_blog .overlay-wrapper .post_content_inner.tagfiltering .link, .peepr-drawer.overlay-container .overlay-wrapper .post_content_inner.safemode .link, .peepr-drawer.overlay-container .overlay-wrapper .post_content_inner.tagfiltering .link {
  1008. color:#529ecc
  1009. }
  1010. .survey-body .tx-button {
  1011. color:#529ecc
  1012. }
  1013. .post-activity-header .return:before, .post-activity-header .tags-mode-button:before {
  1014. color:#8f8f8f;
  1015. }
  1016. .is-followed.without-commentary.post-activity-note {
  1017. border-color:#e5e7ea
  1018. }
  1019. .like .post-activity-note-avatar .post-activity-avatar-link:after {
  1020. background-color:#d95e40
  1021. }
  1022. .reblog .post-activity-note-avatar .post-activity-avatar-link:after {
  1023. background-color:#56bc8a
  1024. }
  1025. .answer .post-activity-note-avatar .post-activity-avatar-link:after, .reply .post-activity-note-avatar .post-activity-avatar-link:after {
  1026. background-color:#529ecc
  1027. }
  1028. .is-followed.with-commentary .post-activity-note-content {
  1029. border-color:#e5e7ea
  1030. }
  1031. .is-followed .post-activity-note-content .note-text {
  1032. color:#86909e
  1033. }
  1034. .is-followed .post-activity-note-content .note-text .note-text-link {
  1035. color:#36465d
  1036. }
  1037. .is-followed .post-activity-note-content .note-added-tags, .is-followed .post-activity-note-content .note-added-text {
  1038. color:#36465d
  1039. }
  1040. .post-activity-note-content .note-added-tags .tag, .post-activity-note-content .note-added-text .tag {
  1041. color:#8f8f8f;
  1042. }
  1043. .post-activity-reply .submit {
  1044. color:#529ecc
  1045. }
  1046. .post-activity-header .subscription-status .outer {
  1047. fill:#36465d
  1048. }
  1049. .post-activity-header .subscription-status .bolt {
  1050. fill:#36465d
  1051. }
  1052. .post-activity-header .subscription-status.is-subscribed .inner {
  1053. fill:#36465d
  1054. }
  1055. .post-forms-glass {
  1056. background-color:rgba(54, 70, 93, .95)
  1057. }
  1058. .post-form--form.blocked {
  1059. background-color:#529ecc;
  1060. }
  1061. .post-container {
  1062. color:#444
  1063. }
  1064. .post-container a {
  1065. color:#444
  1066. }
  1067. .post-form--tag-editor .tag-label {
  1068. color:rgba(0, 0, 0, .3)
  1069. }
  1070. .post-form--tag-editor .tag-label.hover-style, .post-form--tag-editor .tag-label.selected {
  1071. color:#529ecc
  1072. }
  1073. .pop-menu input[type=text].field, .post-form input[type=text].field {
  1074. color:#444
  1075. }
  1076. .media-container .video-error {
  1077. background-color:#748089;
  1078. }
  1079. .media-container.audio-media-container .album-art-uploader .media-dropzone {
  1080. color:#a77dc2;
  1081. }
  1082. .media-container .remove-button {
  1083. background-color:#d95e40;
  1084. border-color:#d95e40;
  1085. }
  1086. .media-dropzone .media-url {
  1087. color:#444
  1088. }
  1089. .overlay-button.active .icon {
  1090. color:#529ecc
  1091. }
  1092. .pop-menu {
  1093. color:#444
  1094. }
  1095. .pop-menu .form-group .field.checkbox .help_text {
  1096. color:#8f8f8f;
  1097. }
  1098. .post-form--header {
  1099. color:#8f8f8f
  1100. }
  1101. .post-form--header .tumblelog-select .caption {
  1102. color:#444
  1103. }
  1104. .post-form--header .tumblelog-select .reblog_source {
  1105. opacity:.6
  1106. }
  1107. .post-form--header .tumblelog-select .reblog_name {
  1108. color:#8f8f8f
  1109. }
  1110. .post-form--header .tumblelog-select .icon_arrow_carrot_down {
  1111. color:#444
  1112. }
  1113. .post-form--header .tumblelog-select .reblog-icon {
  1114. opacity:.5
  1115. }
  1116. .post-form--controls .controls-container .post-form--save-button .split-button {
  1117. display:inline-block;
  1118. box-sizing:border-box;
  1119. cursor:pointer;
  1120. padding:5px 7px;
  1121. border-width:1px;
  1122. border-style:solid;
  1123. border-radius:2px;
  1124. font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  1125. font-size:14px;
  1126. font-weight:700;
  1127. line-height:1.4;
  1128. text-decoration:none;
  1129. background-color:#529ecc;
  1130. color:#fff;
  1131. display:-ms-inline-flexbox;
  1132. display:inline-flex;
  1133. align-items:center;
  1134. justify-content:space-between;
  1135. padding:0;
  1136. border:0;
  1137. white-space:nowrap
  1138. }
  1139. .post-form--controls .controls-container .post-form--save-button .split-button::-moz-focus-inner {
  1140. border:0;
  1141. padding:0
  1142. }
  1143. .post-form--controls .controls-container .post-form--save-button .split-button:active {
  1144. background-color:#529ecc;
  1145. color:#fff
  1146. }
  1147. .post-form--controls .controls-container .post-form--save-button .split-button .button-area, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area {
  1148. border-color:#529ecc;
  1149. background-color:#529ecc;
  1150. color:#fff;
  1151. padding-top:5px;
  1152. padding-bottom:5px
  1153. }
  1154. .post-form--controls .controls-container .post-form--save-button .split-button .button-area:focus, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area:focus {
  1155. border-color:#4a9aca;
  1156. background-color:#4a9aca;
  1157. color:hsla(0, 0%, 100%, .9)
  1158. }
  1159. .post-form--controls .controls-container .post-form--save-button .split-button .button-area:active, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area:active {
  1160. border-color:#4295c7;
  1161. background-color:#4295c7;
  1162. color:hsla(0, 0%, 100%, .8)
  1163. }
  1164. .post-form--controls .controls-container .post-form--save-button .split-button .button-area.disabled, .post-form--controls .controls-container .post-form--save-button .split-button .button-area.disabled.active, .post-form--controls .controls-container .post-form--save-button .split-button .button-area[disabled], .post-form--controls .controls-container .post-form--save-button .split-button .button-area[disabled]:active, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area.disabled, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area.disabled.active, .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area[disabled], .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area[disabled]:active {
  1165. border-color:#529ecc;
  1166. background-color:#529ecc;
  1167. color:hsla(0, 0%, 100%, .5);
  1168. cursor:default
  1169. }
  1170. .post-form--controls .controls-container .post-form--save-button .split-button .button-area {
  1171. border-radius:2px 0 0 2px;
  1172. padding-left:10px;
  1173. padding-right:10px
  1174. }
  1175. .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area {
  1176. position:relative;
  1177. width:25px;
  1178. height:100%;
  1179. transition:width .15s cubic-bezier(.77, 0, .175, 1), opacity .15s cubic-bezier(.77, 0, .175, 1);
  1180. border-radius:0 2px 2px 0;
  1181. font-size:12px;
  1182. line-height:1.4;
  1183. text-align:center
  1184. }
  1185. .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area.slide-out {
  1186. overflow:hidden;
  1187. opacity:0;
  1188. width:0
  1189. }
  1190. .post-form--controls .controls-container .post-form--save-button .split-button .dropdown-area:after {
  1191. display:block;
  1192. position:absolute;
  1193. top:4px;
  1194. bottom:5px;
  1195. left:0;
  1196. width:1px;
  1197. background:hsla(0, 0%, 100%, .3);
  1198. content:""
  1199. }
  1200. .flag--is-dev .post-form--controls .controls-container .post-form--save-button .split-button:not([role=button]):not(button) {
  1201. padding:50px 70px!important;
  1202. border:10px dotted!important;
  1203. background-color:#d95e40!important;
  1204. font-size:40px!important
  1205. }
  1206. .quote-field .editor-placeholder {
  1207. color:#a2a2a2
  1208. }
  1209. .post-composer_link-post .link-editor .editor {
  1210. color:#56bc8a
  1211. }
  1212. .post-composer_link-post.loaded .link-editor {
  1213. background:#56bc8a
  1214. }
  1215. .editor-placeholder, .editor-plaintext, .editor-richtext {
  1216. color:#444
  1217. }
  1218. .editor-placeholder {
  1219. color:#a2a2a2;
  1220. }
  1221. .editor .over-bottom:after, .editor .over-top:before {
  1222. background-color:#529ecc
  1223. }
  1224. .editor .media-holder .media-killer {
  1225. background-color:#d95e40;
  1226. color:#fff;
  1227. border-color:#d95e40;
  1228. }
  1229. .editor-slot .inline-controls .tray .post-form--inline-embed-field .editor-plaintext.invalid, .editor-slot .inline-controls .tray .post-form--inline-embed-field .invalid.editor-placeholder {
  1230. color:#d95e40
  1231. }
  1232. .bubbles>div.active {
  1233. background-color:#529ecc
  1234. }
  1235. .html-mode .src-view {
  1236. color:#444
  1237. }
  1238. .control-reblog-tree .btn-show-tree {
  1239. color:#8f8f8f;
  1240. }
  1241. .btn-remove {
  1242. color:#8f8f8f;
  1243. }
  1244. [data-help-popover=inline-controls] .post-container-inner:after, [data-help-popover=inline-controls] .post-form--avatar:after {
  1245. background:rgba(54, 70, 93, .95);
  1246. }
  1247. .popover--reblog-graph .reblog-graph-info-button {
  1248. color:#529ecc
  1249. }
  1250. .reblog-list-item .reblog-avatar.sub-icon-reblog:before {
  1251. background:#56bc8a;
  1252. }
  1253. .control-reblog-trail .remove-button {
  1254. background:#d95e40;
  1255. border-color:#d95e40;
  1256. }
  1257. .ui_search {
  1258. color:hsla(0, 0%, 100%, .6);
  1259. }
  1260. .ui_search .search_query {
  1261. color:hsla(0, 0%, 100%, .6);
  1262. background:rgba(0, 0, 0, .13);
  1263. }
  1264. .ui_search .search_query::-webkit-input-placeholder {
  1265. color:hsla(0, 0%, 100%, .6);
  1266. }
  1267. .ui_search .search_query::-moz-placeholder {
  1268. color:hsla(0, 0%, 100%, .6);
  1269. }
  1270. .ui_search .search_query:-moz-placeholder {
  1271. color:hsla(0, 0%, 100%, .6);
  1272. }
  1273. .ui_search .search_query:-ms-input-placeholder {
  1274. color:hsla(0, 0%, 100%, .6);
  1275. }
  1276. .ui_search.active .search_form_field:before, .ui_search.selected .search_form_field:before {
  1277. color:#444
  1278. }
  1279. .ui_search.active .search_query, .ui_search.selected .search_query {
  1280. color:#444
  1281. }
  1282. .ui_search.active .search_query::-webkit-input-placeholder, .ui_search.selected .search_query::-webkit-input-placeholder {
  1283. color:#8f8f8f
  1284. }
  1285. .ui_search.active .search_query::-moz-placeholder, .ui_search.selected .search_query::-moz-placeholder {
  1286. color:#8f8f8f
  1287. }
  1288. .ui_search.active .search_query:-moz-placeholder, .ui_search.selected .search_query:-moz-placeholder {
  1289. color:#8f8f8f
  1290. }
  1291. .ui_search.active .search_query:-ms-input-placeholder, .ui_search.selected .search_query:-ms-input-placeholder {
  1292. color:#8f8f8f
  1293. }
  1294. .site-notification {
  1295. background:#56bc8a
  1296. }
  1297. .site-notification.site-notification-danger {
  1298. background:#d95e40
  1299. }
  1300. .tab-post-type .post-type-icon {
  1301. background-image:url("https://www.tumblr.com/images/quick_compose_sprite.png?v=a9092a0967f882ab67dd7e721f555044")
  1302. }
  1303. .tab-post-type .post-type-icon {
  1304. background-image:url("https://www.tumblr.com/images/quick_compose_sprite_2x.png?v=f40a6943f872188fc06eb64562dff406");
  1305. background-size:200px 700px
  1306. }
  1307. .search-text-ad .sponsored-header .sponsored-text {
  1308. color:#8f8f8f
  1309. }
  1310. .yam-plus-ad-container {
  1311. background-color:#687486
  1312. }
  1313. .yam-plus-ad-container .ad-bg {
  1314. background-image:url("https://www.tumblr.com/images/yam_plus_ad/nothing.png?v=ecea1af1a7ed2a39f073a9cfa6e6e951");
  1315. position:absolute;
  1316. height:250px;
  1317. width:300px;
  1318. top:110px;
  1319. left:117px;
  1320. background-repeat:no-repeat
  1321. }
  1322. .yam-plus-ad-container .ad-bg.bg-orange {
  1323. background-color:#f2992e
  1324. }
  1325. .yam-plus-ad-container .ad-bg.bg-orange {
  1326. background-color:#f2992e
  1327. }
  1328. .yam-plus-ad-container .ad-bg.bg-green {
  1329. background-color:#56bc8a
  1330. }
  1331. .yam-plus-ad-container .ad-bg.bg-green {
  1332. background-color:#56bc8a
  1333. }
  1334. .yam-plus-ad-container .ad-bg.bg-blue {
  1335. background-color:#529ecc
  1336. }
  1337. .yam-plus-ad-container .ad-bg.bg-blue {
  1338. background-color:#529ecc
  1339. }
  1340. .yam-plus-ad-container .ad-bg.bg-grey {
  1341. background-color:#687486
  1342. }
  1343. .yam-plus-ad-container .ad-bg.bg-grey {
  1344. background-color:#687486
  1345. }
  1346. .yam-plus-ad-container .ad-bg.bg-purple {
  1347. background-color:#a77dc2
  1348. }
  1349. .yam-plus-ad-container .ad-bg.bg-purple {
  1350. background-color:#a77dc2
  1351. }
  1352. .yam-plus-ad-container .ad-bg.bg-red {
  1353. background-color:#d95e40
  1354. }
  1355. .yam-plus-ad-container .ad-bg.bg-red {
  1356. background-color:#d95e40
  1357. }
  1358. .binary_switch input[type="checkbox"]:checked ~ .binary_switch_track {
  1359. background: #529ecc;
  1360. }
  1361. .tumblr_settings--account .account-sessions .current .bold-copy {
  1362. color: #56bc8a;
  1363. }
  1364. .inline_notification.success {
  1365. background-color: #56bc8a;
  1366. }
  1367. .controls_section .controls_item_anchor {
  1368. color: hsla(0, 0%, 100%, .6)
  1369. }
  1370. .radar .radar_tumblelog_label .name {
  1371. color: rgba(255, 255, 255, 0.5);
  1372. }
  1373. .discover.discover-search-term-item:nth-child(6n+1) .discover-search-term {
  1374. background-color: #56bc8a;
  1375. }
  1376. .discover.discover-search-term-item:nth-child(6n+2) .discover-search-term {
  1377. background-color: #d95e40;
  1378. }
  1379. .discover.discover-search-term-item:nth-child(6n+3) .discover-search-term {
  1380. background-color: #f2992e;
  1381. }
  1382. .discover.discover-search-term-item:nth-child(6n+4) .discover-search-term {
  1383. background-color: #529ecc;
  1384. }
  1385. .discover.discover-search-term-item:nth-child(6n+5) .discover-search-term {
  1386. background-color: #748089;
  1387. }
  1388. .discover.discover-search-term-item:nth-child(6n+6) .discover-search-term {
  1389. background-color: #a77dc2;
  1390. }
  1391. .identity .controls_section a .count {
  1392. color: rgba(255, 255, 255, 0.25);
  1393. }
  1394. .tag_controls .tag {
  1395. color: rgba(255, 255, 255, 0.25);
  1396. }
  1397. .identity .controls_section li.section_header {
  1398. color: rgba(255, 255, 255, 0.25);
  1399. }
  1400. .identity .right_column:after {
  1401. background: linear-gradient(180deg, rgba(0, 25, 53, 0), rgba(0, 25, 53, 0));
  1402. background-image: linear-gradient(rgba(0, 25, 53, 0), rgba(0, 25, 53, 0));
  1403. }
  1404. .identity .controls_section.user_list li .follow_list_item_blog .tumblelog_title {
  1405. color: rgba(255, 255, 255, 0.25);
  1406. }
  1407. .identity .controls_section.user_list li .follow_list_item_blog:before {
  1408. background-image: linear-gradient(90deg, rgba(0, 25, 53, 0), rgba(0, 25, 53, 0));
  1409. border-right: 0px solid rgba(0, 25, 53, 0);
  1410. }
  1411. .identity .controls_section.user_list li:active .follow_list_item_blog:before, .identity .controls_section.user_list li:hover .follow_list_item_blog:before {
  1412. background-image: linear-gradient(90deg, rgba(18, 41, 67, 0), rgba(18, 41, 67, 0));
  1413. border-right: 0px solid #122943;
  1414. }
  1415. .discover .discover-section-title {
  1416. color: rgba(255, 255, 255, 0.25);
  1417. }
  1418. .discover .discover-search-term-item:nth-child(6n+1) .discover-search-term {
  1419. background-color: #56bc8a;
  1420. }
  1421. .discover .discover-search-term-item:nth-child(6n+2) .discover-search-term {
  1422. background-color: #d95e40;
  1423. }
  1424. .discover .discover-search-term-item:nth-child(6n+3) .discover-search-term {
  1425. background-color: #f2992e;
  1426. }
  1427. .discover .discover-search-term-item:nth-child(6n+4) .discover-search-term {
  1428. background-color: #529ecc;
  1429. }
  1430. .discover .discover-search-term-item:nth-child(6n+5) .discover-search-term {
  1431. background-color: #748089;
  1432. }
  1433. .discover .discover-search-term-item:nth-child(6n+6) .discover-search-term {
  1434. background-color: #a77dc2;
  1435. }
  1436. body.flag--always-opaque-peepr .ui_peepr_glass {
  1437. background-color: rgba(54, 71, 93, 0.97);
  1438. }
  1439. .discover .discover-search-term {
  1440. color: rgba(68, 68, 63, 0.75);
  1441. }
  1442. .toastr .toast {
  1443. background: #36465d;
  1444. }
  1445. .discover_actions_discover .elevator, .search_actions_search .elevator {
  1446. background-color: #36465d;
  1447. }
  1448. .rapid-recs-container .rapid-recs {
  1449. background-image: linear-gradient(180deg, rgba(0, 25, 53, 0) 0, rgba(0, 25, 53, 0) 15%, rgba(0, 25, 53, 0) 85%, rgba(0, 25, 53, 0));
  1450. }
  1451. .rapid-recs-container .rapid-recs .rapid-rec-title {
  1452. color: rgba(255, 255, 255, 0.5);
  1453. }
  1454. :root {
  1455. --rgb-white: 240, 240, 240;
  1456. --rgb-white-on-dark: 230, 230, 230;
  1457. --rgb-black: 68, 68, 63;
  1458. --navy: #36465d !important;
  1459. --red: #d95e40 !important;
  1460. --orange: #f2992e !important;
  1461. --yellow: #e8d738 !important;
  1462. --green: #56bc8a !important;
  1463. --blue: #529ecc !important;
  1464. --purple: #a77dc2 !important;
  1465. --pink: #748089 !important;
  1466. --accent: #529ecc;
  1467. --secondary-accent: #e5e7ea;
  1468. --follow: #f3f8fb;
  1469. --white: rgb(var(--rgb-white));
  1470. --white-on-dark: rgb(var(--rgb-white-on-dark));
  1471. --black: rgb(var(--rgb-black));
  1472. --transparent-white-65: rgba(var(--rgb-white-on-dark), .65);
  1473. --transparent-white-40: rgba(var(--rgb-white-on-dark), .4);
  1474. --transparent-white-25: rgba(var(--rgb-white-on-dark), .25);
  1475. --transparent-white-13: rgba(var(--rgb-white-on-dark), .13);
  1476. --transparent-white-7: rgba(var(--rgb-white-on-dark), .07);
  1477. --gray-65: rgba(var(--rgb-black), 0.65);
  1478. --gray-40: rgba(var(--rgb-black), 0.4);
  1479. --gray-25: rgba(var(--rgb-black), 0.25);
  1480. --gray-13: rgba(var(--rgb-black), 0.13);
  1481. --gray-7: rgba(var(--rgb-black), 0.07);
  1482. --font-family:Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
  1483. }
RAW Paste Data