imported>Irukaza |
|
第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>
| |