2025-04-11 11:14:44 -05:00
|
|
|
/* akkoma synth.download edition */
|
|
|
|
|
|
|
|
|
|
/* notification gradient change */
|
|
|
|
|
.Notifications .notification.unseen .notification-overlay {
|
|
|
|
|
background-image: unset !important;
|
|
|
|
|
background: var(--badgeNotification, #f00);
|
|
|
|
|
margin-top: 0.15rem;
|
|
|
|
|
margin-left: 0.15rem;
|
|
|
|
|
width: 1rem;
|
|
|
|
|
height: 1rem;
|
|
|
|
|
border: solid 0.25rem var(--bg);
|
|
|
|
|
border-radius: 99px; /* uniform with the badge, default hardcoded value */
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* posting form changes */
|
|
|
|
|
.form-group {
|
|
|
|
|
.form-control {
|
|
|
|
|
.form-post-subject {
|
|
|
|
|
border: solid 0.1rem var(--cOrange) !important;
|
|
|
|
|
border-radius: var(--inputRadius) !important;
|
|
|
|
|
margin-bottom: 0.8rem;
|
|
|
|
|
background: color-mix(in srgb, var(--cOrange) 10%, transparent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-post-body {
|
|
|
|
|
border-radius: var(--inputRadius) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* less obnoxious username */
|
|
|
|
|
.account-name {
|
|
|
|
|
color: var(--faint);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* more visible replies header thingies */
|
|
|
|
|
.status-container {
|
|
|
|
|
.replies {
|
|
|
|
|
background-color: var(--selectedPost);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
padding: 0.3rem 0.3rem 0.3rem 0.5rem;
|
|
|
|
|
margin-top: 0.4rem !important;
|
|
|
|
|
border-radius: var(--tooltipRadius);
|
|
|
|
|
width: fit-content !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.heading-reply-row {
|
|
|
|
|
.reply-glued-label {
|
|
|
|
|
background-color: var(--selectedPost);
|
|
|
|
|
color: var(--text);
|
|
|
|
|
padding: 0.3rem;
|
|
|
|
|
border-radius: var(--tooltipRadius);
|
|
|
|
|
|
|
|
|
|
.shortName {
|
|
|
|
|
color: var(--accent);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* sidebar changes (why do they all use the ugly link color) */
|
|
|
|
|
.NavPanel {
|
|
|
|
|
li .menu-item {
|
|
|
|
|
border-radius: unset !important;
|
|
|
|
|
color: var(--text);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* attachment buttons modifications */
|
|
|
|
|
.Attachment .attachment-buttons {
|
|
|
|
|
.attachment-button {
|
|
|
|
|
svg path {
|
|
|
|
|
fill: var(--btnText, #b9b9ba);
|
|
|
|
|
}
|
|
|
|
|
vertical-align: middle !important;
|
|
|
|
|
background-color: var(--btn, #182230) !important;
|
|
|
|
|
border: 0.1rem solid var(--border) !important;
|
|
|
|
|
border-radius: var(--btnRadius, 4px) !important;
|
|
|
|
|
font-size: 1rem !important;
|
|
|
|
|
width: 2em !important;
|
|
|
|
|
height: 1.6em !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* alt text button */
|
|
|
|
|
.attachment-button:has(.fa-align-right) {
|
|
|
|
|
svg {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
color: var(--btnText, #b9b9ba);
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
padding-left: 0.2rem;
|
|
|
|
|
padding-right: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachment-button:has(.fa-align-right)::after {
|
|
|
|
|
content: "ALT";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* expand attatchment button */
|
|
|
|
|
.attachment-button:has(.fa-magnifying-glass-plus) {
|
|
|
|
|
padding-left: 0.1rem;
|
|
|
|
|
padding-right: 0.1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* hide button (on spoilered media) */
|
|
|
|
|
.attachment-button:has(.fa-xmark) {
|
|
|
|
|
padding-left: 0.1rem;
|
|
|
|
|
padding-right: 0.1rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* emoji reactions changes */
|
|
|
|
|
.emoji-reactions {
|
|
|
|
|
button {
|
|
|
|
|
min-height: 1.8rem;
|
|
|
|
|
max-height: 1.8rem;
|
|
|
|
|
margin-top: 0.2rem;
|
|
|
|
|
margin-bottom: 0.3rem;
|
|
|
|
|
box-shadow: unset !important;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.reaction-emoji {
|
|
|
|
|
height: 1.6rem !important;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.unicode-emoji {
|
|
|
|
|
font-size: 1.4rem !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.picked-reaction {
|
|
|
|
|
background-color: color-mix(
|
|
|
|
|
in srgb,
|
|
|
|
|
var(--accent) 10%,
|
|
|
|
|
transparent
|
|
|
|
|
) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* don't enforce aspect ratio on emojis in username */
|
|
|
|
|
.Status .heading-left img {
|
|
|
|
|
aspect-ratio: unset !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.Status .repeater-name .emoji {
|
|
|
|
|
width: unset !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -------------------------------------------
|
|
|
|
|
----------------------------------------------
|
|
|
|
|
- everything below this is icon replacements -
|
|
|
|
|
----------------------------------------------
|
|
|
|
|
------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
/* -- user profile / posting card fixes -- */
|
|
|
|
|
.user-panel {
|
|
|
|
|
.user-info {
|
|
|
|
|
.edit-profile-button {
|
|
|
|
|
.fa-pen-to-square {
|
|
|
|
|
transform: scale(1.6) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -- timeline settings fixes -- */
|
|
|
|
|
.TimelineQuickSettings > button svg,
|
|
|
|
|
.NotificationFilters > button svg {
|
|
|
|
|
transform: scale(1.4);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -- profile button sizing -- */
|
|
|
|
|
.user-summary .top-line > a svg {
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.user-summary .top-line > div:last-child svg {
|
|
|
|
|
transform: scale(4.9);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.user-info {
|
|
|
|
|
.user-buttons svg {
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.AccountActions svg {
|
|
|
|
|
transform: scale(4);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -- pin lol -- */
|
|
|
|
|
.pin > svg {
|
|
|
|
|
transform: scale(1.4);
|
|
|
|
|
padding-right: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -- gyat text -- */
|
|
|
|
|
.attachment-buttons svg {
|
|
|
|
|
transform: scale(1.4);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* -- dropdown menu icons -- */
|
|
|
|
|
.popover .dropdown-menu svg {
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ------------------------------------------------ */
|
|
|
|
|
/* -- everything below this is icon replacements -- */
|
|
|
|
|
/* -- font awesome icons -> tabler icons -- */
|
|
|
|
|
/* ------------------------------------------------ */
|
|
|
|
|
.fa-scale-110 {
|
|
|
|
|
transform: scale(1.3);
|
|
|
|
|
}
|
|
|
|
|
.lock-icon {
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
padding-left: 0.4em;
|
|
|
|
|
}
|
|
|
|
|
.repeat-icon {
|
|
|
|
|
transform: scale(1.3);
|
|
|
|
|
}
|
|
|
|
|
.reply-to svg {
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
}
|
|
|
|
|
.ModifiedIndicator svg,
|
|
|
|
|
.ServerSideIndicator svg {
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
.notification-details .name-and-action .fa-user {
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
}
|
|
|
|
|
.notification-details .name-and-action .fa-user-plus {
|
|
|
|
|
transform: scale(1.3);
|
|
|
|
|
}
|
|
|
|
|
/* ti-upload */
|
|
|
|
|
.fa-upload {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-mood-smile */
|
|
|
|
|
.fa-face-smile-beam {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01'/%3E%3Cpath d='M9.5 15a3.5 3.5 0 0 0 5 0'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-chart-bar */
|
|
|
|
|
.fa-square-poll-horizontal {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm12-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-eye-off */
|
|
|
|
|
.fa-eye-slash {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-mail */
|
|
|
|
|
.fa-envelope {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-lock */
|
|
|
|
|
.fa-lock {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-home */
|
|
|
|
|
.fa-lock-open,
|
|
|
|
|
.fa-house {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-world */
|
|
|
|
|
.fa-globe {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-chart-bubble */
|
|
|
|
|
.fa-circle {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 16a3 3 0 1 0 6 0a3 3 0 1 0-6 0m11 3a2 2 0 1 0 4 0a2 2 0 1 0-4 0M10 7.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0-9 0'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-users-group */
|
|
|
|
|
.fa-users {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1M15 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2 5h2a2 2 0 0 1 2 2v1M5 5a2 2 0 1 0 4 0a2 2 0 0 0-4 0m-2 8v-1a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-user-edit */
|
|
|
|
|
.fa-pen-to-square {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3.5m4.92.61a2.1 2.1 0 0 1 2.97 2.97L18 22h-3v-3z'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-arrow-back-up */
|
|
|
|
|
.fa-reply {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 14l-4-4l4-4'/%3E%3Cpath d='M5 10h11a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-quote */
|
|
|
|
|
.fa-quote-left {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5m13-7h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6q0 4-4 5'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-repeat */
|
|
|
|
|
.fa-retweet {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12V9a3 3 0 0 1 3-3h13m-3-3l3 3l-3 3m3 3v3a3 3 0 0 1-3 3H4m3 3l-3-3l3-3'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-star */
|
|
|
|
|
.fa-star {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75l-6.172 3.245l1.179-6.873l-5-4.867l6.9-1l3.086-6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-star-filled - fills the star when favorited */
|
|
|
|
|
.-favorited .fa-star {
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E") !important;
|
|
|
|
|
}
|
|
|
|
|
/* ti-mood-plus */
|
|
|
|
|
.fa-face-smile-beam {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20.985 12.528a9 9 0 1 0-8.45 8.456M16 19h6m-3-3v6M9 10h.01M15 10h.01'/%3E%3Cpath d='M9.5 15c.658.64 1.56 1 2.5 1s1.842-.36 2.5-1'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-dots */
|
|
|
|
|
.fa-ellipsis {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-filter */
|
|
|
|
|
.fa-filter {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.572A2 2 0 0 1 4 6.227z'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-chevron-down */
|
|
|
|
|
.fa-chevron-down {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
transform: scale(1.5);
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-square-plus */
|
|
|
|
|
.fa-square-plus {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-3-3v6M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-bookmark */
|
|
|
|
|
.fa-bookmark {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 7v14l-6-4l-6 4V7a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-list */
|
|
|
|
|
.fa-list {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-list-tree */
|
|
|
|
|
.fa-bars-staggered {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 6h11m-8 6h8m-5 6h5M5 6v.01M8 12v.01M11 18v.01'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-user-bolt */
|
|
|
|
|
.fa-bolt {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4q.402 0 .781.076M19 16l-2 3h4l-2 3'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-user-plus */
|
|
|
|
|
.fa-user-plus {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0m8 12h6m-3-3v6M6 21v-2a4 4 0 0 1 4-4h4'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-search */
|
|
|
|
|
.fa-magnifying-glass,
|
|
|
|
|
.fa-magnifying-glass-plus {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-settings */
|
|
|
|
|
.fa-gear {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-speakerphone */
|
|
|
|
|
.fa-bullhorn {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 8a3 3 0 0 1 0 6m-8-6v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5'/%3E%3Cpath d='m12 8l4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-info-circle */
|
|
|
|
|
.fa-info,
|
|
|
|
|
.fa-circle-info {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-adjustments */
|
|
|
|
|
.fa-wrench {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 10a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-6v4m0 4v8m4-4a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-12v10m0 4v2m4-13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-3v1m0 4v11'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-server */
|
|
|
|
|
.fa-server {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm4-7v.01M7 16v.01'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-user */
|
|
|
|
|
.fa-user {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-brush */
|
|
|
|
|
.fa-paintbrush {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21v-4a4 4 0 1 1 4 4z'/%3E%3Cpath d='M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8'/%3E%3Cpath d='M10.6 9a9 9 0 0 1 4.4 4.4'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-bell */
|
|
|
|
|
.fa-bell {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-download */
|
|
|
|
|
.fa-download {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-logout */
|
|
|
|
|
.fa-right-from-bracket {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2'/%3E%3Cpath d='M9 12h12l-3-3m0 6l3-3'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-x */
|
|
|
|
|
.fa-xmark {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-arrows-diagonal-minimize-2 */
|
|
|
|
|
.fa-window-minimize {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 10h-4V6m6-2l-6 6m-8 4h4v4m0-4l-6 6'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-plane-tilt */
|
|
|
|
|
.fa-suitcase-rolling {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
transform: scale(1.6);
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.5 6.5l3-2.9a2.05 2.05 0 0 1 2.9 2.9l-2.9 3L20 17l-2.5 2.55L14 13l-3 3v3l-2 2l-1.5-4.5L3 15l2-2h3l3-3l-6.5-3.5L7 4z'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-external-link */
|
|
|
|
|
.fa-up-right-from-square {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-rss */
|
|
|
|
|
.fa-rss {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-dots-vertical */
|
|
|
|
|
.fa-ellipsis-vertical {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-pin */
|
|
|
|
|
.fa-thumbtack {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 4.5l-4 4L7 10l-1.5 1.5l7 7L14 17l1.5-4l4-4M9 15l-4.5 4.5M14.5 4L20 9.5'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-align-right */
|
|
|
|
|
.fa-align-right {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16m-10 6h10M6 18h14'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-share */
|
|
|
|
|
.fa-share-nodes {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0a3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-6.3-7.3l6.6-3.4m-6.6 6l6.6 3.4'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-flag */
|
|
|
|
|
.fa-flag {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a5 5 0 0 1 7 0a5 5 0 0 0 7 0v9a5 5 0 0 1-7 0a5 5 0 0 0-7 0zm0 16v-7'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-alert-triangle */
|
|
|
|
|
.fa-triangle-exclamation {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0zM12 16h.01'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-pencil */
|
|
|
|
|
.fa-pen {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-file-pencil */
|
|
|
|
|
.fa-file-pen {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='m10 18l5-5a1.414 1.414 0 0 0-2-2l-5 5v2z'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-arrow-back-up-double */
|
|
|
|
|
.fa-angles-right,
|
|
|
|
|
.fa-angles-down {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m13 14l-4-4l4-4m-5 8l-4-4l4-4'/%3E%3Cpath d='M9 10h7a4 4 0 1 1 0 8h-1'/%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-chevron-up */
|
|
|
|
|
.fa-chevron-up {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15l6-6l6 6'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
/* ti-chevron-down */
|
|
|
|
|
.fa-chevron-down {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1em;
|
|
|
|
|
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
|
|
|
|
|
background-color: currentColor;
|
|
|
|
|
-webkit-mask-image: var(--svg);
|
|
|
|
|
mask-image: var(--svg);
|
|
|
|
|
-webkit-mask-repeat: no-repeat;
|
|
|
|
|
mask-repeat: no-repeat;
|
|
|
|
|
-webkit-mask-size: 100% 100%;
|
|
|
|
|
mask-size: 100% 100%;
|
|
|
|
|
}
|
