Skip to content

Instantly share code, notes, and snippets.

@lae

lae/kirakiratter.css

Last active April 15, 2017 05:53
Show Gist options
  • Save lae/4bd1e155d2811f9ad076f1ef5591a353 to your computer and use it in GitHub Desktop.
Save lae/4bd1e155d2811f9ad076f1ef5591a353 to your computer and use it in GitHub Desktop.
Download ZIP
Kirakiratter Stylesheet for Mastodon
Raw
kirakiratter.css
/* Mastodon: Kirakiratter Custom CSS V7.1
By Salil Gupta (@MasterDalK)
Other Contributors: @pomo, @sumire, @bitmap, @hisagi, @lae
Feature Requests & Bug Reports: #kktCSS on kirakiratter.com
使用方法: http://qiita.com/emerald_magic/items/27d233870e04d791fe2b
For use on Mobile (EN): https://kirakiratter.com/@bitmap/4076
For Desktop use: Same as above or use extension "Stylish". Tested to work in Chrome/Opera/Vivaldi/Firefox/Safari.
There are some toggles at the top, if you would like to disable them just comment as needed.
Toggles:
Meiryo UI
Column Resizing based on Browser Width
Reply Indiciator Colour */
/* MEIRYO UI -- Japanese Font Face */
@font-face {
font-family: 'Meiryo UI';
font-style: normal;
font-weight: normal;
letter-spacing: .1em;
padding: 1em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'Meiryo UI';
letter-spacing: .1em;
padding: 1em;
}
}
body {
font-family: "Meiryo UI", "Roboto";
font-style: normal;
font-weight: normal;
letter-spacing: .1em;
padding: 1em;
}
/* Meiryo UI -- END */
/* Column Resizing On Desktop */
@media screen and (min-width: 1350px) {
.column {
width: 26%;
}
}
@media screen and (min-width: 1600px) {
.column {
width: 27%;
}
}
@media screen and (min-width: 1920px) {
.column {
width: 28%;
}
}
/* Column Resizing -- END */
/* Reply Indicator Toggle */
.reply-indicator {
background: #d7e5a3;
} /* Green */
/* .reply-indicator { background: #f5b9c2; } Pink */
/* Reply Indicator -- END */
@import url('https://fonts.googleapis.com/css?family=Roboto');
/* BACKGROUNDS */
.ui {
background-color: #ecf5be;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAByCAIAAABLF8HHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NzU4NEIwQkU2MjBFNzExQjE5MDg0NDZGMjA2RDNFOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOTIzM0IyODIwRjAxMUU3OUFCQkVERDQ4MzZEMEVFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOTIzM0IyNzIwRjAxMUU3OUFCQkVERDQ4MzZEMEVFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwQkVBRTBBRTkyMEU3MTE4QThEQjU3RjA5NDc3NzEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg3NTg0QjBCRTYyMEU3MTFCMTkwODQ0NkYyMDZEM0U5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S4hTxgAABTFJREFUeNrkm4lS4zAMhhvlXGBZ2OXa8v6vsW9DC5RdbmjuVdJhKG0OO7HkOM10OoFpxv5dWfokq9bd658J+xVG1/juexf8QwP/kHkeJ8kTvvBmJwQvw3mep/jCm/ELjuN/afq6uscb/HPMgrMsDKPbr5v5Fv85VsH5MrzCd4F/jkJw3Ze5/bWPQXDzdl3f2GMQXDrkWZvrnuHHRiIYMSPPk7ZFSVY0YrzgJHlExhD7JNLIo9mCkaWkvjf8cEaMX7SCy52ZySwQuuyZqYKj+G+avsn78zd80DzBWbaMokXHlYoW+LhZgvMyDuWaHmcXHEY3PQm5xK8bMwSXUHWvIq+6p8AvxYJFoErSyaeDFhwWyX2ibvmSUHWRQKXgGKEqfVYMaulzrBS/lAlGQopoYDhSil/KBIfLKymoksOv5dWwBEfxXZq9E6bT2TsOMRTBxWyiuwnxhUMoWVNQYG9kVLQxVCiZipAIjuLbLIsmLBcOhMPpFJykL0qgSgq/cFA9gpGBqHPXGrbphV/QY+A5T9mtaqHn3ILj5EE5VEni1wOf4MJ50ORuMlHqppuzhK67KNMruHP1C+SXdkEKVZLAs6AVrBDxdCEtMFgRfZTKSAR39hPk+CXjQUUF94kE5PglEyNBzJjVl1pUG7ZoaUlI8FITVEnhl2CLTLvgslz6Mhn8lYplMtDqEkLdUCVh2AJutVkwd8dJf9NunTA0V1XoDrXIolTLIR7Ub4m3QUGVDH41HdOCQVClBL+gxpjJWw9oDbv+VKBCcJI8xfTNJfT4Vd1MAxVQxdI+xBKlKtqlYAuqZgOHKkn8mjUJ5mwB5MKvzZZHWItgrE2ejIb9pakV1hhlZhRUSeHXpzT4iEML46CqG37BhL4XbDD4VbgnQCJZmgxV4leZ1WcQRvPcZKiSiVIxioXJjl3gexeW5e6CVJSJYsGy7MD/vQuCUSaKLUzatvdd9+e41aJAlPkZh33vDMAf7b4FHwVukJYV+Jf4PsrNuy4NKpdhTNeG8UKloY/m2nZPsOXKpujKxhKHMABNWwoAluVo+eE2jTEjYjgtgvFynEPH+WG6WpSAQio8dt3agMn4tYKq6hBV8wC67KnJUIWeCCQEl/5tz3N/magWp42Tr4WQpie9U4DANKgKcNpNH2hjlKlR+NU+YRCg0HNz4tB5a0bQXgBw3WMj8KuEquN2mxd2eoPGr0qo6i64wK9hFwn8Irl3lAkuwMX+7g4Vv3BiOD1RNy4R3waJXzglTwb+QWafgB9cDs6Yg8s6qOoruPCE8M1zT4YEVSc4JTmLkB7Dkx6DKg7h6nvSq9+hEG/59WjOGIdW6Y3FIBjxy/PcM93GfIbT6DL5jpHAPXbsA23JvX0gAlUqBZexXg9+4aB9cnXoN7AG/CqhytYg+AO/jnih6kgcqtQLLqPUeTfn0dFZ9s5VofeO4qt+KQmHCsJpCQCn5HHIO1UCPGr4oQPi6UJaGJS9MewaGJRHYfCLKr+T/jGDIfIpNkLxUouYMasvLYHq/aayRSboB1UcgguP2oPsN/ITmyA/IfGrfm83g48THQAQ5fE9W2QIO2yoCheth1qNceiE7hCPsFLTfGxZ7wL2SOuEtKUpWfxiSEVoBctWyRlq/eTFR7emuaQCqpxDhtMcjmprZftQBVSxtEtxCBY5y2Q7kWWqpzd3KHO2PPIdINR1KDM3tXKemFR2nHD3zbAeEW3jF39nFPeZWIlf+2tQxd37puEQsMxyAV+Bju5Gh39Iy3KdomqTa/n50H8BBgC3BqGMe1DCVgAAAABJRU5ErkJggg==');
background-repeat: repeat;
}
/* KKT Banner */
.ui::after {
position: absolute;
z-index: 100;
display: inline;
content: "";
min-width: 120px;
max-width: 30%;
min-height: 40px;
pointer-events: none;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQUAAABpCAYAAAAz1zYEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NzU4NEIwQkU2MjBFNzExQjE5MDg0NDZGMjA2RDNFOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNUVGMjY5MzIxMDkxMUU3OTlCQ0FCOTg5QjBCMjEzQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNUVGMjY5MjIxMDkxMUU3OTlCQ0FCOTg5QjBCMjEzQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMxQkVBRTBBRTkyMEU3MTE4QThEQjU3RjA5NDc3NzEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg3NTg0QjBCRTYyMEU3MTFCMTkwODQ0NkYyMDZEM0U5Ii8+IDwvcmRmOkRlc2NyaXB0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');
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 1024px) {
.drawer__header {
height: 50px;
}
.ui::after {
top: 0;
left: 1px;
}
}
@media screen and (min-width: 360px) {
.ui::after {
top: -5px;
left: -15px;
}
}
@media screen and (min-width: 768px) {
.ui::after {
top: 0;
left: -4px;
}
}
/* Banner -- END */
.drawer__header,
.drawer__inner,
.drawer__inner.darker,
.tabs-bar {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA4CAYAAACPKLr2AAACC0lEQVRoge2Y2XKCQBBF+T5jucRYiUnMYqLG5ZdA3Ld8ECARFfmOzoPBjWGmZ3nLPNw36tStAs70tBF1v4GV4HkMwdOY+Rw2PDyD9cDucw5u1gI3a8H2YyZdjpdHLbhvL2FVtMHJmOBkTPAKNoTNhXA5ER614LoyPMLi/NwPIeqIFRThpRbcvk8TMCdjgnNjwuZtyl1OlEcsGDYX4OV7ZGDGBC/Xg7AxR5eT4REL+uVBKiyOX+rDvr1EFZThJQoG1TETFgejClneRcFYAVigm7VgR1GFCt6x4LUCsPGKNoRfSVWo4h0LkhSADUkVqngGVQEc2bxO2EoR4BksBaBfTf6gCtU8A6MAbPxSH6UUHp7h36kDegUbVPMOr7jA/7ddx81aENb/XrFC3uEnqc24fEVKUD37SRTyzjQzEv9WygPC5KKGdxJ1awmrWwGx5nqwbyXPUFW8y6OuPgc3x6eIbS19VFLBSwwLm5cJGraujJjDgiwvOW51cOPRqmjjJmtJHnlgbcypp0GsAMwsKMtLH/lr01RVnCsFG1Ee/dL0mFQFSSnYiPDo184rVaQpBRsRHuLifjoVaErBhpfHLBh1D/eK9cNQupwID1dQ72YEC+rdDIKndzOyPL2b0bsZVvRuhqoAjujdjIro3YxM9G5G72YEeXo3o3czpOjdDKZg1NW7mf+2m6ko3s0geb+/KQj2Te9QLAAAAABJRU5ErkJggg==");
}
.column > .scrollable {
background: none;
}
.column-header,
.column-icon,
.column-back-button,
.column-link {
background: #d0e093;
}
.column > .scrollable,
.empty-column-indicator,
.media-spoiler {
background: rgba(0, 0, 0, 0.1);
}
.account__header > div {
background: rgba(0, 0, 0, 0.8);
}
.muted a.status__content__spoiler-link,
.status__content .status__content__spoiler-link:hover,
.reply-indicator__content .status__content__spoiler-link:hover,
.dropdown--active .dropdown__content > ul > li > a:hover {
background: #f5b9c2;
}
.muted a.status__content__spoiler-link:hover,
.status__content .status__content__spoiler-link,
.reply-indicator__content .status__content__spoiler-link,
.dropdown--active .dropdown__content > ul,
.dropdown--active .dropdown__content > ul > li > a {
background: #e3a4ad;
}
.dropdown-active .dropdown__content.dropdown__left > ul {
left: -14em;
display: inline-block;
}
.dropdown-active .dropdown__content.dropdown__left > ul li {
width: 16em;
}
.dropdown__sep {
border-color: #e57cb1;
}
.dropdown--active .dropdown__content:before {
border-color: transparent transparent #e3a4ad transparent;
}
.status {
background: rgb(252, 252, 225);
/* FF3.6-15 */
background: -moz-linear-gradient(top, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfce1', endColorstr='#f9f0ae', GradientType=0);
border-radius: 8px;
margin-bottom: 8px;
margin-left: 64px;
margin-right: 2px;
padding-left: 8px;
border: solid 2px #e1c152;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.notification {
margin-left: 1px; /* Old browsers */
background: rgba(252, 252, 225, 0.8);
/* FF3.6-15 */
background: -moz-linear-gradient(top, rgba(252, 252, 225, 0.8) 0%, rgba(252, 252, 225, 0.8) 65%, rgba(252, 252, 225, 0.8) 65%, rgba(249, 240, 174, 0.8) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(252, 252, 225, 0.8) 0%, rgba(252, 252, 225, 0.8) 65%, rgba(252, 252, 225, 0.8) 65%, rgba(249, 240, 174, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom, rgba(252, 252, 225, 0.8) 0%, rgba(252, 252, 225, 0.8) 65%, rgba(252, 252, 225, 0.8) 65%, rgba(249, 240, 174, 0.8) 100%);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfce1', endColorstr='#f9f0ae', GradientType=0);
}
.notification__message {
margin-left: 25px;
padding: 6px 0 6px 0;
}
.account {
border: none;
}
.detailed-status,
.activity-stream .entry .detailed-status.light {
/* Old browsers */
background: rgb(252, 252, 225);
/* FF3.6-15 */
background: -moz-linear-gradient(top, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom, rgba(252, 252, 225, 1) 0%, rgba(252, 252, 225, 1) 65%, rgba(252, 252, 225, 1) 65%, rgba(249, 240, 174, 1) 100%);
/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfce1', endColorstr='#f9f0ae', GradientType=0);
border-radius: 8px;
margin-bottom: 8px;
border: solid 2px #e1c152;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
/* status baloon tail */
.status::before,
.notification::before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-style: solid;
border-width: 10px;
border-color: transparent #e1c152 transparent transparent;
left: -22px;
top: 6px;
transform: scaleY(0.66);
}
.status::after,
.notification::after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-style: solid;
border-width: 10px;
border-color: transparent #fcfce0 transparent transparent;
left: -20px;
top: 6px;
transform: scaleY(0.66);
}
/* avatar */
.status .avatar,
.notification .avatar {
border: solid 2px #e1c152;
}
.status__avatar {
margin-left: -74px;
top: 0 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.notification-follow .avatar {
left: 0;
top: 0;
}
/* TEXT STYLING */
/* Tweet Text */
p,
.status__content {
color: #8b6d5d;
}
.muted .status__content p,
.muted .status__content a {
color: #ad9588;
}
/* User @ Text & Links */
.muted .status__display-name strong,
strong,
.status__display-name strong,
.detailed-status__display-name strong,
.account__display-name strong,
.status__content a,
.reply-indicator__content a,
a.h-card.u-url.p-nickname.mention,
a.h-card.u-url.p-nickname.mention span,
a.mention span,
a.mention.hashtag span,
.account__header__content a {
color: #ed649c !important;
}
span,
.notification__display-name:hover {
color: #8e9956;
}
.account__header__content .h-card .a span {
color: #8e9956 !important;
}
.status__content a.mention:hover,
.reply-indicator__content a.mention:hover {
text-decoration: underline;
}
.status__relative-time:hover,
.detailed-status__meta {
color: #8e9956;
}
.column-header,
.column-back-button,
.column-link {
font-family: "Segoe UI", "Roboto";
font-weight: bold;
}
/* UI Elements */
/* ScrollBar -- WebKit only (Chrome/Opera/Vivaldi/Safari) */
::-webkit-scrollbar-track:active,
::-webkit-scrollbar-track:hover {
background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
background: #6a4643;
}
/* KATSU! */
.button {
background: #9bc430;
}
.button:hover,
.button:active,
.button:focus {
background: #85a13b;
}
.button span {
white-space: nowrap;
overflow: hidden;
}
/* Buttons & Tabs that aren't the KATSU! button */
.drawer__tab,
.icon-button,
.column-icon,
.column-header,
.column-link,
.column-back-button,
.column-back-button span,
.icon-button.disabled i.fa-envelope,
.icon-button.disabled i.fa-lock {
color: #6a4643;
}
.icon-button.active:hover,
.drawer__tab:hover,
.icon-button:hover,
.column-icon:hover,
.column-header:hover,
.column-link:hover,
.status__prepend div i {
color: #8b6461;
}
.drawer__tab,
.icon-button.active:hover,
.icon-button:hover,
button.icon-button i.fa-retweet:hover {
text-shadow: -1px -1px 0 #f5e33a, 1px -1px 0 #f5e33a, -1px 1px 0 #f5e33a, 1px 1px 0 #f5e33a;
}
/* Katsu Drawer & Search */
.navigation-bar {
background: rgba(237, 42, 144, 0.6);
}
.navigation-bar strong {
color: #efcfcf !important;
font-weight: 900 !important;
}
.navigation-bar a[href='/settings/profile'] span {
color: #dfafaf !important;
font-weight: 900;
}
.navigation-bar a[href='/settings/profile']:hover {
padding-left: 0.5em;
}
.navigation-bar a[href='/settings/profile']:hover:before {
position: absolute; /* Prevent underline of arrow */
margin-left: -0.5em; /* Add a little space between text and arrow */
content: "\00bb"; /* Unicode hex for » */
}
.tabs-bar__link.active,
.column-settings--outer,
.account__action-bar,
.column-link:hover,
.collapsable:hover,
.load-more:hover {
background: rgba(255, 255, 255, 0.7);
}
.drawer__tab:hover {
text-shadow: none;
}
.search-results__header {
background: rgba(237, 42, 144, 0.6);
border-bottom: solid 1px #8b6461;
}
.search-results__section {
background: rgba(237, 42, 144, 0.6);
}
.compose-form__buttons .icon-button:hover {
text-shadow: none;
}
div.drawer__inner div div div div span,
.dropdown--active .dropdown__content > ul > li > a:hover {
color: #fff;
}
div.drawer__inner div:not(.navigation-bar) div:last-child div:last-child div:nth-child(n+1) {
padding-top: 5px !important;
}
.search-results__hashtag,
.search-results__hashtag:hover,
.search-results__hashtag:active,
.search-results__hashtag:focus,
.search-results .account__display-name strong,
.search-results__header span {
color: #efcfcf !important;
}
.search-results .display-name span,
{
color: #dfafaf;
}
.search__icon .fa.active {
color: #fff;
opacity: 1;
}
.search__icon .fa-times-circle.active {
color: #fff;
opacity: 1;
}
.search__input {
background: #d0e093;
color: #111;
}
.search__input::-webkit-input-placeholder,
.search__input::-moz-placeholder,
.search__input::-ms-input-placeholder,
.search__input::-moz-placeholder {
color: #fff;
}
.search__input:focus {
background: #7c8658;
color: #fff;
}
/* Settings Dropdown */
.react-toggle-track {
background: rgba(0, 0, 0, 0.6);
}
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
background: rgba(0, 0, 0, 0.3);
}
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
background: #56a7e1;
}
.setting-text:focus,
.setting-text:active {
color: #1a1a1a;
}
/* Profile Column */
.dropdown {
width: 32px;
}
.account__action-bar div:first-child {
max-width: 32px;
}
.account__action-bar div:last-child {
max-width: calc(86% - 32px);
justify-content: space-between;
}
/* Dropdown Menus */
.dropdown--active .dropdown__content > ul > li > a {
width: unset;
}
.detailed-status__action-bar .dropdown--active .dropdown__content {
position: relative;
}
@media screen and (min-width: 360px) {
.status .dropdown--active .dropdown__content.dropdown__right > ul {
left: -98px;
}
}
@media screen and (min-width: 1500px) {
.status .dropdown--active .dropdown__content.dropdown__right > ul {
left: 0;
}
.detailed-status__action-bar .dropdown--active .dropdown__content.dropdown__left > ul {
margin-left: 0;
}
}
.media-modal div button {
z-index: 100;
}
@media screen and (min-width: 1024px) {
.column,
.drawer {
padding-bottom: 0;
}
.drawer {
width: 320px;
}
}
/* Tab Selection on Mobile */
.tabs-bar__link {
text-shadow: -1px -1px 0 #f5e33a, 1px -1px 0 #f5e33a, -1px 1px 0 #f5e33a, 1px 1px 0 #f5e33a;
}
.tabs-bar__link,
.drawer__tab {
border-bottom: 2px solid #f5e33a;
}
.tabs-bar__link span,
.tabs-bar__link {
color: #6a4643;
opacity: 0.9;
}
.tabs-bar__link:hover,
.tabs-bar__link.active:hover {
background: rgba(255, 255, 255, 0.7);
opacity: 1;
text-shadow: none;
}
.tabs-bar__link span:hover {
text-shadow: none;
}
.tabs-bar__link.active {
border-bottom: 2px solid #f5e33a;
text-shadow: none;
}
.tabs-bar__link.active span,
.tabs-bar__link.active {
color: #6a4643;
text-shadow: none;
}
@media screen and (min-width: 360px) {
.columns-area {
padding: 0;
}
.tabs-bar {
margin: 0;
}
.fa.fa-fw.fa-pencil {
position: relative;
top: 3px;
}
.search {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.columns-area {
padding: 10px 10px 0 10px;
}
.tabs-bar {
margin: 10px 10px 0 10px;
}
.fa.fa-fw.fa-pencil {
position: relative;
top: 0;
}
.search {
margin-bottom: 10px;
}
}
@media screen and (min-width: 1024px) {
.columns-area {
padding: 0 10px 0 0;
}
}
/* MOBILE -- END */
/* SVG Paths WEW -- only edit the "fill" property with a new colour. Hex should be %23 for firefox support. */
button.icon-button i.fa-retweet {
background-position: 0 209px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition: background-position 0.9s steps(10), background-image 100ms ease-in;
transition: background-position 0.9s steps(10), background-image 100ms ease-in;
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%236a4643' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232b90d9' stroke-width='0'/></svg>");
}
button.icon-button i.fa-retweet:hover {
background-position: 0 209px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='22' height='209'><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%23f5e33a' stroke='%23f5e33a' stroke-width='2'/><path d='M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%238b6461' stroke-width='0'/><path d='M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06c-.1-.08-.18-.2-.2-.3-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zM10.34 38.66c-.24.02-.44.25-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1c-.1-.08-.18-.2-.2-.3 0-.17.07-.35.2-.45l1.96-1.6c-.03-.06-.04-.13-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.08-.23-.13-.36-.12zm5.63 2.93l1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zM13.06 57.66c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15l-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.47-.44zM19.25 78.8c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28c-.15 0-.3-.03-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zM4.88 98.6c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2zM4.88 117.6c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78H3.6v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5c-.12-.15-.34-.22-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03l-.56.7c.36-.07.5-.3.56-.7zM17.13 155.6c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zM5.13 174.5c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8H3.6v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9c-.1-.13-.23-.2-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03H6.83l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06H7.27c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9c-.12-.17-.34-.25-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z' fill='%232b90d9' stroke-width='0'/></svg>");
}
// quotation mark for 'fixing' vim syntax colouring "
button.icon-button.active i.fa-retweet {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
background-position: 0 19px;
}
.drawer__header a:hover {
background: rgba(255, 255, 255, 0.7);
}
.detailed-status__action-bar {
background: transparent;
border: none;
padding-top: 0;
}
.icon-button.active .fa-star {
color: rgb(202, 143, 4);
}
/* STANDALONE KKT PAGES */
.activity-stream {
padding-top: 10px;
}
.activity-stream .entry .detailed-status.light,
.activity-stream .entry .status.light {
border: solid 2px #e1c152;
}
.activity-stream .entry:first-child .status.light,
.activity-stream .entry:last-child .status.light {
border-radius: 8px;
}
.activity-stream .entry {
background: none;
padding: 2px 0 2px 0;
}
.activity-stream .status.light {
padding: 8px 8px 8px 15px;
}
.entry .status::after,
.entry .notification::after {
left: -18px;
}
.entry .status::before,
.entry .notification::before {
left: -20px;
}
.activity-stream .entry .pre-header {
margin-bottom: 0;
padding: 0 0 0 76px;
}
.activity-stream .entry .status.light .status__avatar {
border: none;
top: 0;
left: 10px;
}
.activity-stream .entry .status.light .status__avatar img {
border: solid 2px #e1c152;
}
.activity-stream .detailed-status.light .detailed-status__meta a {
color: #8e9956;
}
.activity-stream .status.light .display-name span,
.activity-stream .status.light .status__header .status__meta .status__relative-time,
.activity-stream .detailed-status.light .detailed-status__display-name .display-name span {
color: #8e9956;
}
/* Things Are Not O.K */
.notification-bar.notification-bar-active {
background: black;
font-family: "Lucida Console";
font-size: 9rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment