1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-05-04 06:39:14 +02:00
2024-02-12 18:51:47 +01:00

144 lines
2.3 KiB
CSS

/* -------------------------------------------------------------- /*
$Icons
/* -------------------------------------------------------------- */
/* Global module setup
---------------------------------------- */
/* Globaly fix svg colors */
svg {
fill: currentColor;
}
.o-icon {
vertical-align: middle !important;
width: 14px;
height: 14px;
}
.o-icon-src-mdi,
.o-icon-src-ic {
width: 18px;
height: 18px;
}
.o-icon-src-fa {
padding: 2px;
}
.o-icon-font {
font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
font-size: 14px;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
vertical-align: baseline;
display: inline-block;
/* stylelint-disable order/properties-order */
-moz-osx-font-smoothing: grayscale;
/* stylelint-enable order/properties-order */
padding: 2px;
text-rendering: auto; /* optimizelegibility throws things off #1094 */
}
.o-icon-baseline {
vertical-align: baseline !important;
}
.format-buttons .fa-fw {
width: 125%;
}
.o-icon + span,
span + .o-icon {
padding-left: 4px;
}
blockquote cite:before,
.uncited:before {
font-size: 36px;
vertical-align: bottom;
display: inline-block;
margin-top: 8px;
margin-bottom: -8px;
content: "\201C";
}
.rtl blockquote cite:before,
.rtl .uncited:before {
content: "\201D";
}
.c-forum-row-icon,
.c-notification-check-icon {
font-size: 20px;
width: 20px;
height: 20px;
margin-top: 0;
}
.row-item-link {
border-radius: 50%;
position: absolute;
top: 50%;
left: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-top: -17px;
margin-left: 9px;
}
.row-item-link-mine {
background-color: #b353c6;
border: 2px solid #ffffff;
border-radius: 50%;
position: absolute;
z-index: 101;
top: 50%;
left: 32px;
display: block;
float: left;
width: 8px;
height: 8px;
margin-top: -17px;
}
.row-item-sub {
position: absolute;
z-index: 101;
bottom: 3px;
left: 4px;
display: block;
float: left;
width: 16px;
height: 16px;
}
.alert_close .o-icon {
width: 18px;
height: 18px;
}
/* Contact icons
---------------------------------------- */
.contact-icon {
background-repeat: no-repeat;
display: inline-block;
}
.c-button-icon {
margin-top: 0;
}
.c-watch-icon {
display: none !important;
}
.c-watch-icon.is-active {
display: inline !important;
}