imported>=海豚= |
|
第1行: |
第1行: |
| <noinclude><pre>
| | 基于MsUpload的文件上传 |
| /*
| |
| Wiki2021 Interface
| |
| Contributors: P.T.Đ/=海豚=
| |
| Year: 2021
| |
| */
| |
| </pre></noinclude><includeonly>
| |
| <style type="text/css">
| |
| /* default layout */
| |
| .main-body {
| |
| display: flex;
| |
| flex-flow: wrap column;
| |
| }
| |
| | |
| /** fix bug zooming **/
| |
| .main-body > div {
| |
| max-width: 100%;
| |
| }
| |
| | |
| .main-box {
| |
| margin-bottom: 1.5rem;
| |
| min-height: 93%;
| |
| }
| |
| | |
| /* responsive layout */
| |
| @media (min-width: 992px) {
| |
| .main-body {
| |
| flex-direction: row;
| |
| margin: 0 -0.5rem;
| |
| }
| |
|
| |
| .main-body__left,
| |
| .main-body__right {
| |
| flex: 1;
| |
| }
| |
| }
| |
| | |
| /* tweaks WikimediaUI */
| |
| .mw-headline-number {
| |
| display: none;
| |
| }
| |
| | |
| .main-header__right .mw-ui-quiet {
| |
| padding: 6px 8px;
| |
| }
| |
| | |
| .main-header__right .mw-ui-quiet:hover,
| |
| .main-header__right .mw-ui-quiet:focus,
| |
| .main-box__title a:hover,
| |
| .main-box__title a:focus,
| |
| .main-box-dropdown__content > ul > li > a:hover,
| |
| .main-box-dropdown__content > ul > li > a:focus {
| |
| color: #0645ad;
| |
| }
| |
| | |
| /* utils */
| |
| .u-display-inline-block {
| |
| display: inline-block;
| |
| }
| |
| | |
| .u-font-size-larger {
| |
| font-size: 1.35em;
| |
| }
| |
| | |
| .u-text-align-center {
| |
| text-align: center;
| |
| }
| |
| | |
| .u-plain-list > ul,
| |
| .u-plain-list > ul > li {
| |
| margin: 0;
| |
| padding: 0;
| |
| list-style: none;
| |
| }
| |
| | |
| .u-horizontal-list > ul {
| |
| display: inline;
| |
| letter-spacing: -1em;
| |
| }
| |
| | |
| .u-horizontal-list > ul > li {
| |
| display: inline;
| |
| letter-spacing: normal;
| |
| }
| |
| | |
| .u-horizontal-list > ul li::after {
| |
| padding: 0 0.35em;
| |
| content: "·";
| |
| font-weight: bold;
| |
| }
| |
| | |
| .u-horizontal-list > ul li:last-child::after {
| |
| padding: 0;
| |
| content: "";
| |
| }
| |
| | |
| .u-plain-heading {
| |
| margin-top: 0;
| |
| padding-top: 0;
| |
| border-bottom-color: transparent;
| |
| }
| |
| | |
| /* others */
| |
| /** thumb in .main-box **/
| |
| .main-box__body > .show-image {
| |
| margin: 0.4em 0 0.4em 1em !important;
| |
| }
| |
| | |
| /** #main-suggestions **/
| |
| #main-suggestions {
| |
| padding-top: 0.5rem;
| |
| }
| |
| | |
| #main-suggestions .floatright {
| |
| margin-top: -2.75em;
| |
| position: relative;
| |
| }
| |
| | |
| #main-suggestions .main-box__title {
| |
| border-bottom: 1px dotted #e0e0e0;
| |
| }
| |
| | |
| /** did-you-know box **/
| |
| .subTextDYK {
| |
| padding: 0.4em 1.6em 0;
| |
| color: #aaa;
| |
| }
| |
| | |
| /* .content-improvement-box */
| |
| .content-improvement-box {
| |
| display: flex;
| |
| flex-flow: wrap column;
| |
| margin: 0 -0.5rem;
| |
| }
| |
| | |
| /* .content-improvement-problems */
| |
| .content-improvement-problems,
| |
| .content-improvement-invitation {
| |
| margin: 0 0.5rem;
| |
| }
| |
| | |
| .content-improvement-problems {
| |
| order: 2;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| margin: -0.5rem 0;
| |
| padding-top: 1rem;
| |
| }
| |
| | |
| .content-improvement-item {
| |
| flex: 1 2 auto;
| |
| padding: 0.5rem;
| |
| width: 100%;
| |
| }
| |
| | |
| /** .content-improvement-item color modifier **/
| |
| .content-improvement-item.-color-red > a {
| |
| border-bottom: 5px solid #dd3333;
| |
| }
| |
| | |
| .content-improvement-item.-color-red > a:hover,
| |
| .content-improvement-item.-color-red > a:focus {
| |
| background-color: #dd3333;
| |
| }
| |
| | |
| .content-improvement-item.-color-blue > a {
| |
| border-bottom: 5px solid #36c;
| |
| }
| |
| | |
| .content-improvement-item.-color-blue > a:hover,
| |
| .content-improvement-item.-color-blue > a:focus {
| |
| background-color: #36c;
| |
| }
| |
| | |
| .content-improvement-item.-color-green > a {
| |
| border-bottom: 5px solid #00af89;
| |
| }
| |
| | |
| .content-improvement-item.-color-green > a:hover,
| |
| .content-improvement-item.-color-green > a:focus {
| |
| background-color: #00af89;
| |
| }
| |
| | |
| .content-improvement-item.-color-gray > a {
| |
| border-bottom: 5px solid #a2a9b1;
| |
| }
| |
| | |
| .content-improvement-item.-color-gray > a:hover,
| |
| .content-improvement-item.-color-gray > a:focus {
| |
| background-color: #a2a9b1;
| |
| }
| |
| | |
| /** .content-improvement-item icon modifier **/
| |
| .content-improvement-item.-icon-editUndo > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c5/OOjs_UI_icon_editUndo-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-tableMergeCells > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/6/64/OOjs_UI_icon_table-merge-cells.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-searchCaseSensitive > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/e/e5/OOjs_UI_icon_searchCaseSensitive.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-alert > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/8/80/OOjs_UI_icon_alert.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-tag > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/d/dd/OOjs_UI_icon_tag-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-language > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/4/43/OOjs_UI_icon_language-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-link > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/72/OOjs_UI_icon_link-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-history > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/2/27/OOjs_UI_icon_history.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-code > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/c/cd/OOjs_UI_icon_code.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-reference > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9c/OOjs_UI_icon_reference.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-balance-scale > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/9/90/Font_Awesome_5_solid_balance-scale.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-help > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b2/OOjs_UI_icon_help-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-add > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/0/06/OOjs_UI_icon_add.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-halfBright > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/a/a1/OOjs_UI_icon_halfBright.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-articleSearch > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/8/86/OOjs_UI_icon_articleSearch-ltr.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-eye > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/c/cf/OOjs_UI_icon_eye.svg);
| |
| }
| |
| | |
| .content-improvement-item.-icon-block > a::before {
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/a/a1/OOjs_UI_icon_block.svg);
| |
| }
| |
| | |
| /** .content-improvement-item > a **/
| |
| .content-improvement-item > a {
| |
| box-sizing: border-box;
| |
| position: relative;
| |
| z-index: 0;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-content: center;
| |
| overflow: hidden;
| |
| padding: 0.5rem 1rem 1rem;
| |
| width: 100%;
| |
| height: 100%;
| |
| color: inherit;
| |
| background: #f7f7f7;
| |
| text-decoration: none;
| |
| transition: color .1s ease-in-out, background .1s ease-in-out, box-shadow .1s ease-in-out, opacity .1s ease-in-out;
| |
| }
| |
| | |
| .content-improvement-item > a:hover,
| |
| .content-improvement-item > a:focus {
| |
| color: #fff;
| |
| box-shadow: 0 2px 5px #ccc;
| |
| }
| |
| | |
| .content-improvement-item > a:active {
| |
| opacity: 0.7;
| |
| box-shadow: 0 4px 7px #ccc;
| |
| }
| |
| | |
| .content-improvement-item > a::before {
| |
| content: "";
| |
| position: absolute;
| |
| z-index: -1;
| |
| top: 50%;
| |
| right: 0.75rem;
| |
| transform: translateY(-50%);
| |
| width: 100%;
| |
| height: 90%;
| |
| background-size: contain;
| |
| background-position: right;
| |
| background-repeat: no-repeat;
| |
| opacity: 0.03;
| |
| transition: opacity .1s ease-in-out;
| |
| }
| |
| | |
| .content-improvement-item > a:hover::before,
| |
| .content-improvement-item > a:focus::before {
| |
| opacity: 0.08;
| |
| }
| |
| | |
| .content-improvement-item > a > span {
| |
| display: block;
| |
| width: 100%;
| |
| }
| |
| | |
| .content-improvement-item > a > span:nth-child(2) {
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| text-overflow: ellipsis;
| |
| }
| |
| | |
| .content-improvement-item__number {
| |
| font-weight: bold;
| |
| font-size: 1.8em;
| |
| padding-right: 0.25em;
| |
| }
| |
| | |
| /* .content-improvement-invitation */
| |
| .content-improvement-invitation {
| |
| order: 1;
| |
| padding: 1rem;
| |
| background: #f7f7f7;
| |
| }
| |
| | |
| .content-improvement-invitation__icon {
| |
| margin: 0 0 0.5em 0.75em;
| |
| float: right;
| |
| width: 5rem;
| |
| height: 5rem;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/b/bd/Wikipedia-logo-v2-bw.svg);
| |
| background-size: 5rem;
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| }
| |
| | |
| .content-improvement-invitation__title {
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| }
| |
| | |
| .content-improvement-invitation__content p:last-child {
| |
| margin-bottom: 0;
| |
| }
| |
| | |
| .content-improvement-invitation__button {
| |
| padding: 0.75rem 0 0.45rem;
| |
| }
| |
| | |
| /* responsive */
| |
| @media (min-width: 768px) {
| |
| /* .content-improvement-problems */
| |
| .content-improvement-item {
| |
| width: 40%;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 992px) {
| |
| /* .content-improvement-box */
| |
| .content-improvement-box {
| |
| flex-direction: row;
| |
| }
| |
|
| |
| /* .content-improvement-problems */
| |
| .content-improvement-problems {
| |
| flex: 2;
| |
| order: 1;
| |
| padding-top: 0;
| |
| }
| |
| | |
| /* .content-improvement-invitation */
| |
| .content-improvement-invitation {
| |
| flex: 1;
| |
| order: 2;
| |
| }
| |
| }
| |
| | |
| @media (min-width: 1200px) {
| |
| /* .content-improvement-problems */
| |
| .content-improvement-item {
| |
| width: 30%;
| |
| }
| |
| }
| |
| | |
| /* local fixed */
| |
| #localNotice {
| |
| display: none;
| |
| }
| |
| #catlinks {
| |
| display: none;
| |
| }
| |
| .firstHeading {
| |
| display: none;
| |
| }
| |
| .comment-replybox {
| |
| display: none;
| |
| }
| |
| #flowthread {
| |
| display: none;
| |
| }
| |
| #siteSub {
| |
| display: none!important;
| |
| }
| |
| </style>
| |