Widget:文本框:修订间差异
跳到导航
跳到搜索
imported>=海豚= (=海豚=已使用非默认的内容模型“CSS”创建页面模板:文本框/styles.css) |
imported>Irukaza 无编辑摘要 |
||
(未显示2个用户的15个中间版本) | |||
第1行: | 第1行: | ||
<noinclude>来自西文维基的文本框,用于{{tl|文本框}}。</noinclude><includeonly><style type="text/css"> | |||
/* .main-box */ | |||
.main-box { | |||
padding: 1rem 0; | |||
} | |||
/** .main-box modifier **/ | |||
.main-box.-plain { | |||
border: none; | |||
box-shadow: none; | |||
} | |||
.main-box.-plain .main-box__header { | |||
background: none; | |||
} | |||
.main-box.-plain .main-box__icon { | |||
display: none; | |||
} | |||
.main-box.-plain .main-box__title { | |||
padding: 0; | |||
} | |||
/* .main-box__header */ | |||
.main-box__header { | |||
display: flex; | |||
align-items: center; | |||
margin-bottom: 0.65rem; | |||
} | |||
/** header box color modifier **/ | |||
.main-box__header.-header-box-color-gray { | |||
background-color: #f2f2f2; | |||
} | |||
.main-box__header.-header-box-color-gold { | |||
background-color: #fcf4db; | |||
} | |||
.main-box__header.-header-box-color-green { | |||
background-color: #d4efdf; | |||
} | |||
.main-box__header.-header-box-color-purple { | |||
background-color: #f1e1f7; | |||
} | |||
.main-box__header.-header-box-color-blue { | |||
background-color: #d5ebf8; | |||
} | |||
.main-box__header.-header-box-color-red { | |||
background-color: #fbdddd; | |||
} | |||
.main-box__header.-header-box-color-orange { | |||
background-color: #fcebdb; | |||
} | |||
.main-box__header.-header-box-color-medium-violet-red { | |||
background-color: #f9e0f0; | |||
} | |||
.main-box__header.-header-box-color-olive { | |||
background-color: #ececd9; | |||
} | |||
.main-box__header.-header-box-color-light-slate-gray { | |||
background-color: #e6e8ec; | |||
} | |||
.main-box__icon { | |||
padding: 1.27rem; | |||
background-size: 1.3rem; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
} | |||
/** icon modifier **/ | |||
.main-box__icon.-icon-star { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/c/ca/OOjs_UI_icon_unStar-invert.svg); | |||
} | |||
.main-box__icon.-icon-help { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_help-ltr-invert.svg); | |||
} | |||
.main-box__icon.-icon-newspaper { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/OOjs_UI_icon_newspaper-ltr-invert.svg); | |||
} | |||
.main-box__icon.-icon-calendar { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f7/OOjs_UI_icon_calendar-ltr-invert.svg); | |||
} | |||
.main-box__icon.-icon-book { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9c/OOjs_UI_icon_book-ltr-invert.svg); | |||
} | |||
.main-box__icon.-icon-edit { | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/0/00/OOjs_UI_icon_edit-ltr-invert.svg); | |||
} | |||
/** icon box color modifier **/ | |||
.main-box__icon.-icon-box-color-gray { | |||
background-color: #bdbdbd; | |||
} | |||
.main-box__icon.-icon-box-color-gold { | |||
background-color: #F2C94C; | |||
} | |||
.main-box__icon.-icon-box-color-green { | |||
background-color: #27ae60; | |||
} | |||
.main-box__icon.-icon-box-color-purple { | |||
background-color: #bb6bd9; | |||
} | |||
.main-box__icon.-icon-box-color-blue { | |||
background-color: #2d9cdb; | |||
} | |||
.main-box__icon.-icon-box-color-red { | |||
background-color: #eb5757; | |||
} | |||
.main-box__icon.-icon-box-color-orange { | |||
background-color: #f2994a; | |||
} | |||
.main-box__icon.-icon-box-color-medium-violet-red { | |||
background-color: #e066b4; | |||
} | |||
.main-box__icon.-icon-box-color-olive { | |||
background-color: #9a9a02; | |||
} | |||
.main-box__icon.-icon-box-color-light-slate-gray { | |||
background-color: #828EA1; | |||
} | |||
.main-box__title { | |||
flex: 1; | |||
margin: 0; | |||
padding: 0 0.75em !important; | |||
border-bottom: 0; | |||
font-family: inherit; | |||
font-weight: bold; | |||
font-size: 1.2em; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.main-box__title a { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
/* .main-box__body */ | |||
.main-box__body p:last-of-type { | |||
margin-bottom: 0; | |||
} | |||
/*** Ghi chú: Mã của khung HACL cũ ***/ | |||
/** .main-box__body modifier **/ | |||
.main-box__body.-responsive-image .floatnone > a > img { | |||
height: auto !important; | |||
width: 100%; | |||
max-width: 350px !important; | |||
} | |||
/* .main-box__footer */ | |||
.main-box__footer { | |||
display: flex; | |||
align-items: center; | |||
margin: 1rem 0 -0.175rem; | |||
padding-top: 0.7rem; | |||
border-top: 1px solid #e0e0e0; | |||
} | |||
/** .main-box-dropdown **/ | |||
.main-box-dropdown { | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.main-box-dropdown__button { | |||
margin: -3px 0; | |||
padding: 1em; | |||
background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b3/OOjs_UI_icon_ellipsis.svg); | |||
background-size: 1.25rem; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
cursor: pointer; | |||
} | |||
.main-box-dropdown__content { | |||
display: none; | |||
position: absolute; | |||
z-index: 1; | |||
} | |||
.main-box-dropdown__content > ul { | |||
display: flex; | |||
flex-flow: wrap column; | |||
} | |||
.main-box-dropdown__content > ul > li > a { | |||
padding: 6px 12px; | |||
color: inherit; | |||
font-weight: bold; | |||
text-decoration: none; | |||
} | |||
.main-box-dropdown:hover .main-box-dropdown__content { | |||
display: block; | |||
margin-top: 2.5px; | |||
width: auto; | |||
white-space: nowrap; | |||
background: #fff; | |||
border: 1px solid #e0e0e0; | |||
box-shadow: 0px 2px 3px #eee; | |||
} | |||
.main-box-dropdown:hover .main-box-dropdown__content > ul > li > a { | |||
display: block; | |||
} | |||
/* responsive */ | |||
@media (min-width: 576px) { | |||
/* .main-box */ | |||
.main-box { | |||
padding: 1rem; | |||
border: 1px solid #e0e0e0; | |||
box-shadow: 0px 2px 3px #eee; | |||
} | |||
} | |||
@media (min-width: 768px) and (max-width: 991px), | |||
(min-width: 1145px) { | |||
/** .main-box-dropdown **/ | |||
.main-box-dropdown__button { | |||
display: none; | |||
} | |||
.main-box-dropdown__content { | |||
display: block; | |||
position: relative; | |||
margin-bottom: -1rem; | |||
} | |||
.main-box-dropdown__content > ul { | |||
flex-direction: row; | |||
} | |||
.main-box-dropdown__content > ul > li > a { | |||
display: inline-block; | |||
margin-bottom: 1rem; | |||
padding: 0 12px; | |||
} | |||
.main-box-dropdown:hover .main-box-dropdown__content { | |||
margin-top: 0; | |||
width: inherit; | |||
background: none; | |||
border: none; | |||
box-shadow: none; | |||
} | |||
} | |||
/* fix bug on minerva */ | |||
body.skin-minerva .main-box__body > ul { | |||
margin-left: 0.5em; | |||
} | |||
/* space between .main-box */ | |||
.main-box + link + .main-box { | |||
margin-top: 1rem; | |||
} | |||
/* local fixed */ | |||
.mw-body-content h2 { | |||
padding: 0px 10px!important; | |||
font-size: 1.25em!important; | |||
margin-top: 0em!important; | |||
margin-bottom: 0em!important; | |||
} | |||
</style></includeonly> |
2022年3月9日 (三) 11:16的最新版本
来自西文维基的文本框,用于{{文本框}}。