模板:Infobox title icon/styles.css:修订间差异

来自决策链云智库
(创建页面,内容为“.infobox-title-container { display: flex; justify-content: space-between; align-items: center; } .infobox-title-container img { opacity: .7; } .infobox-title-container img.inverted { filter: invert(1) hue-rotate(180deg); } →‎Dark mode:​ html.skin-citizen-dark .infobox-title-container img { filter: invert(1) hue-rotate(180deg); } html.skin-citizen-dark .infobox-title-container img.inverted { filter: none; }”
 
无编辑摘要
 
(未显示同一用户的57个中间版本)
第2行: 第2行:
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     align-items: flex-start;
}
 
.infobox-title-container .text-wrapper {
    margin-top: 8px;
}
 
.infobox-title-container img {
    display: inline-block;
    margin-bottom: -24px;
    padding-top: 0;
}
}


.infobox-title-container img {
.infobox-title-container img {
     opacity: .7;
     opacity: 1;
}
}



2023年12月6日 (三) 23:29的最新版本

.infobox-title-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.infobox-title-container .text-wrapper {
    margin-top: 8px;
}

.infobox-title-container img {
    display: inline-block;
    margin-bottom: -24px;
    padding-top: 0;
}

.infobox-title-container img {
    opacity: 1;
}

.infobox-title-container img.inverted {
    filter: invert(1) hue-rotate(180deg);
}

/* Dark mode */
html.skin-citizen-dark .infobox-title-container img {
    filter: invert(1) hue-rotate(180deg);
}

html.skin-citizen-dark .infobox-title-container img.inverted {
    filter: none;
}