MediaWiki:Common.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第24行: | 第24行: | ||
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
} | |||
/*弹窗*/ | |||
.modal { | |||
position: fixed; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
background-color: #4a4a4a57; | |||
} | |||
.modal-dialog { | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
-webkit-transform: translate(-50%,-50%) !important; | |||
transform: translate(-50%,-50%) !important; | |||
z-index: 1000; | |||
max-height:500px; | |||
} | |||
.modal-dialog .modal-header { | |||
height: 50px; | |||
border-bottom: 1px solid #e5e9ef; | |||
display: -webkit-box; | |||
display: -ms-flexbox; | |||
display: flex; | |||
-webkit-box-align: center; | |||
-ms-flex-align: center; | |||
align-items: center; | |||
-webkit-box-pack: justify; | |||
-ms-flex-pack: justify; | |||
justify-content: space-between; | |||
padding: 0 20px; | |||
} | |||
.modal-dialog .modal-header:before, .modal-dialog .modal-header:after { | |||
content: inherit; | |||
} | |||
.modal-dialog .modal-body { | |||
max-height: 500px; | |||
overflow-y: auto; | |||
} | |||
.modal-dialog .modal-header .close { | |||
cursor: pointer; | |||
display: inline-block; | |||
width: 15px; | |||
height: 15px; | |||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAANhJREFUOBHNkzESwiAQRSGpPIytrSewpdDW8U46lmpB6wlsvZAVos+Zz0QS0NEmNBvY/x+7QIwZ7dge/HR/9LNvC0SLR/pGH601k3C3593Jz7VWimjQ4pEmgdYrd7VtdDFYX4ORQ4MWj0BWH4pd4WbpLlon1nI9UMlQg+AZBOUw5monr5IcowgiqSpewueZlCDk02Ez+WcUK1I13A4b/NRaF6J2hta6HfQqqhlquTdQTajdS5oE4t/h2XMmakfmPArWNnGh151uLURzI/EJAhQNWjz5JuOZPwDXF66M8ZXOvwAAAABJRU5ErkJggg==) no-repeat; | |||
} | |||
.modal-backdrop { | |||
filter: alpha(opacity=0)!important; | |||
opacity: 0!important; | |||
pointer-events: none; | |||
} | } |
2024年3月25日 (一) 10:20的版本
/* 这里放置的CSS将应用于所有皮肤 */
.bread-edit {
float: right;
padding: 6px 10px;
font-size: small;
}
.bread-edit-left {
padding: 5px 10px;
margin: 10px 0;
background: #fff;
border: 1px solid #a3d4f0;
border-left-width: 0.25rem;
border-radius: 0.25rem;
}
/*筛选按钮被选中*/
.btn.cardSelectOption.selected,
.btn.iconSelectOption.selected,
.btn.queryParams.selected {
color: #333 !important;
background-color: #e6e6e6;
border-color: #adadad;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/*弹窗*/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #4a4a4a57;
}
.modal-dialog {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%) !important;
transform: translate(-50%,-50%) !important;
z-index: 1000;
max-height:500px;
}
.modal-dialog .modal-header {
height: 50px;
border-bottom: 1px solid #e5e9ef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
.modal-dialog .modal-header:before, .modal-dialog .modal-header:after {
content: inherit;
}
.modal-dialog .modal-body {
max-height: 500px;
overflow-y: auto;
}
.modal-dialog .modal-header .close {
cursor: pointer;
display: inline-block;
width: 15px;
height: 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAANhJREFUOBHNkzESwiAQRSGpPIytrSewpdDW8U46lmpB6wlsvZAVos+Zz0QS0NEmNBvY/x+7QIwZ7dge/HR/9LNvC0SLR/pGH601k3C3593Jz7VWimjQ4pEmgdYrd7VtdDFYX4ORQ4MWj0BWH4pd4WbpLlon1nI9UMlQg+AZBOUw5monr5IcowgiqSpewueZlCDk02Ez+WcUK1I13A4b/NRaF6J2hta6HfQqqhlquTdQTajdS5oE4t/h2XMmakfmPArWNnGh151uLURzI/EJAhQNWjz5JuOZPwDXF66M8ZXOvwAAAABJRU5ErkJggg==) no-repeat;
}
.modal-backdrop {
filter: alpha(opacity=0)!important;
opacity: 0!important;
pointer-events: none;
}