跳转到内容

MediaWiki:Common.css:修订间差异

来自峰泰百科
Admin留言 | 贡献
创建页面,内容为“为可视编辑器编辑区域添加外边框和内边距:​ .ve-ui-surface .ve-ce-attachedRootNode { border: 2px dashed #36c; 2px 蓝虚线边框,可修改颜色或样式:​ padding: 15px; border-radius: 4px; background-color: #fafafa; 浅灰底色,进一步增强可编辑感知:​ } 当光标聚焦在编辑区时高亮边框:​ .ve-ui-surface-focused .ve-ce-attachedRootNode { border-color: #0056b3; border-style: solid;…”
 
Admin留言 | 贡献
无编辑摘要
第1行: 第1行:
/* 为可视编辑器编辑区域添加外边框和内边距 */
/* 修改可视编辑器编辑区:灰色实线边框,加大外围范围 */
.ve-ui-surface .ve-ce-attachedRootNode {
.ve-ui-surface .ve-ce-attachedRootNode {
     border: 2px dashed #36c; /* 2px 蓝虚线边框,可修改颜色或样式 */
     border: 2px solid #cccccc !important; /* 灰色实线 */
     padding: 15px;
     padding: 24px !important;           /* 加大内边距,使框体范围变大 */
     border-radius: 4px;
    margin-top: 10px !important;
     background-color: #fafafa; /* 浅灰底色,进一步增强可编辑感知 */
    min-height: 450px !important;        /* 设定最小高度,让框体向下延伸更长 */
     border-radius: 6px !important;
     background-color: #fafafa !important; /* 保持浅灰底色 */
}
}


/* 当光标聚焦在编辑区时高亮边框 */
/* 获得焦点时的边框样式 */
.ve-ui-surface-focused .ve-ce-attachedRootNode {
.ve-ui-surface-focused .ve-ce-attachedRootNode {
     border-color: #0056b3;
     border-color: #999999 !important;   /* 获得焦点时变成更深一点的灰色 */
    border-style: solid; /* 获得焦点时切换为实线 */
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important;
     box-shadow: 0 0 5px rgba(0, 86, 179, 0.3);
}
}

2026年9月7日 (一) 18:11的版本

/* 修改可视编辑器编辑区:灰色实线边框,加大外围范围 */
.ve-ui-surface .ve-ce-attachedRootNode {
    border: 2px solid #cccccc !important; /* 灰色实线 */
    padding: 24px !important;            /* 加大内边距,使框体范围变大 */
    margin-top: 10px !important;
    min-height: 450px !important;        /* 设定最小高度,让框体向下延伸更长 */
    border-radius: 6px !important;
    background-color: #fafafa !important; /* 保持浅灰底色 */
}

/* 获得焦点时的边框样式 */
.ve-ui-surface-focused .ve-ce-attachedRootNode {
    border-color: #999999 !important;    /* 获得焦点时变成更深一点的灰色 */
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important;
}