MediaWiki

Gadget-CopyTextTool.css:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
页面内容被替换为“文本复制工具样式:​ #copy-text-tool { font-family: sans-serif; } #copy-text-tool button { font-family: inherit; }”
标签替换
律Rhyme留言 | 贡献
无编辑摘要
 
第1行: 第1行:
/* 文本复制工具样式 */
/* 文本复制工具样式 */
#copy-text-tool {
#copy-text-tool {
     font-family: sans-serif;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
}


#copy-text-tool button {
#copy-text-tool * {
     font-family: inherit;
     box-sizing: border-box;
}
 
#copy-tool-fab {
    animation: fadeInUp 0.5s ease;
}
 
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
 
/* 移动端适配 */
@media (max-width: 768px) {
    #copy-text-tool {
        width: 90% !important;
        max-width: 320px;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
    }
   
    #copy-tool-fab {
        bottom: 20px !important;
        right: 20px !important;
        width: 48px !important;
        height: 48px !important;
        font-size: 20px !important;
    }
}
 
/* 打印时隐藏 */
@media print {
    #copy-text-tool,
    #copy-tool-fab {
        display: none !important;
    }
}
}

2025年10月3日 (五) 20:45的最新版本

/* 文本复制工具样式 */
#copy-text-tool {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#copy-text-tool * {
    box-sizing: border-box;
}

#copy-tool-fab {
    animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 移动端适配 */
@media (max-width: 768px) {
    #copy-text-tool {
        width: 90% !important;
        max-width: 320px;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
    }
    
    #copy-tool-fab {
        bottom: 20px !important;
        right: 20px !important;
        width: 48px !important;
        height: 48px !important;
        font-size: 20px !important;
    }
}

/* 打印时隐藏 */
@media print {
    #copy-text-tool,
    #copy-tool-fab {
        display: none !important;
    }
}