NeuroWiki

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
changed fallback mw-code font family
 
(15 intermediate revisions by 2 users not shown)
Line 2: Line 2:
body {
body {
     background-color:#efeff1;
     background-color:#efeff1;
    font-family: 'NunitoSans',system-ui,sans-serif;
}
}
body::before {
body::before {
position: absolute;
    position: absolute;
     content: "";
     content: "";
     top: 0;
     top: 0;
Line 12: Line 13:
     background-image:  
     background-image:  
         linear-gradient(to bottom, transparent 25%, #efeff1 70%),
         linear-gradient(to bottom, transparent 25%, #efeff1 70%),
         url('https://www.neuro-book.com/mediawiki/resources/assets/vector.jpg');
         url('https://www.neurosama.info/mediawiki/resources/assets/vector.jpg');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
Line 28: Line 29:
}
}
#mw-page-base {
#mw-page-base {
background-color: transparent;
    background-color: transparent;
background-image: none;
    background-image: none;
}
}
.mw-body {
.mw-body {
Line 36: Line 37:
     border-right-width: 0;
     border-right-width: 0;
     background-color: var(--back-color-1);
     background-color: var(--back-color-1);
}
h2 {
    font-family: 'Fredoka', 'Yuanyou', Times, serif;
    font-weight: 800;
}
h2#mw-previewheader {
    font-family: 'Fredoka', 'Yuanyou', Times, serif;
    font-weight: 800;
}
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    font-family: 'Fredoka', 'Yuanyou', Times, serif;
    font-weight: 800;
}
h1 {
    font-family: 'FirstCoffee', sans-serif, Times, serif;
    font-weight: 400;
    letter-spacing:0.3px;
}
h1#firstHeading {
    font-family: 'FirstCoffee' , sans-serif, Times, serif;
    font-weight: 400;
    letter-spacing:0.3px;
}
.mw-code{
font-family: '3270' , monospace;
background-color: #1F1F1F;
color: #50F72D;
border: 2px solid #1F88D9;
}
}


Line 47: Line 77:
}
}
@media screen and (min-width: 982px) {
@media screen and (min-width: 982px) {
#mw-panel #p-logo {
    #mw-panel #p-logo {
margin-left:0.5em;
        margin-left:0.5em;
}
    }
#mw-panel .portal h3 {
    #mw-panel .portal h3 {
margin: 8px -10px 0 0;
        margin: 8px -10px 0 0;
}
    }
#mw-panel .portal .vector-menu-content {
    #mw-panel .portal .vector-menu-content {
margin: -5px -10px 0 0;
        margin: -5px -10px 0 0;
}
    }
}
}
@media screen and (max-width: 982px) {
@media screen and (max-width: 982px) {
#mw-panel #p-logo {
    #mw-panel #p-logo {
margin-left:0;
        margin-left:0;
}
    }
#mw-panel .portal h3 {
    #mw-panel .portal h3 {
margin: 8px 0 0 0;
        margin: 8px 0 0 0;
}
    }
#mw-panel .portal .vector-menu-content {
    #mw-panel .portal .vector-menu-content {
margin: -5px 0 0 0;
        margin: -5px 0 0 0;
}
    }
}
}
#mw-panel .portal {
#mw-panel .portal {
Line 78: Line 108:
#mw-panel .portal h3 {
#mw-panel .portal h3 {
     cursor: default;
     cursor: default;
border: 0;
    border: 0;
     padding: 5px 6px !important;
     padding: 5px 6px !important;
     background-color: var(--twitch-purple);
     background-color: var(--twitch-purple);
     font-size: 20px;
     font-size: 20px;
font-weight: bold;
    font-weight: bold;
     margin-top: 8px;
     margin-top: 8px;
     color: #fff !important;
     color: #fff !important;
}
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
font-weight: bold;
    font-weight: bold;
}
}
#mw-panel .portal h3::after {
#mw-panel .portal h3::after {
Line 107: Line 137:
     text-decoration: none;
     text-decoration: none;
     margin: -2.5px 0 -2.5px 0;
     margin: -2.5px 0 -2.5px 0;
padding: 8px 0 8px 18px;
    padding: 8px 0 8px 18px;
     box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9);
     box-shadow: 0 2px 0 rgba(240, 240, 241, 0.9);
}
}
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover {
#mw-panel .portal .vector-menu-content .vector-menu-content-list li a:hover {
color: #fff;
    color: #fff;
background-color: var(--twitch-purple-2);
    background-color: var(--twitch-purple-2);
margin: -2.5px 0 -2.5px 5px;
    margin: -2.5px 0 -2.5px 5px;
padding: 12px 0 12px 25px;
    padding: 12px 0 12px 25px;
}
}
/*标签*/
/*标签*/
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
    background-image: none;
}
}
.vector-menu-tabs-legacy li {
.vector-menu-tabs-legacy li {
Line 135: Line 165:
     background: var(--back-color-1);
     background: var(--back-color-1);
     border: 2px solid  var(--border-color-1);
     border: 2px solid  var(--border-color-1);
border-bottom: 0 solid #fff;
    border-bottom: 0 solid #fff;
margin: -1.5px 0 0 0;
    margin: -1.5px 0 0 0;
}
}


/*用户栏*/
/*用户栏*/
#p-personal{
#p-personal{
position: absolute;
    position: absolute;
/* border: 2px solid #9e7b67; */
    /* border: 2px solid #9e7b67; */
background: var(--twitch-purple);
    background: var(--twitch-purple);
padding: 3px;
    padding: 3px;
padding-right: 22px;
    padding-right: 22px;
top:0;
    top:0;
right:0;
    right:0;
width:100%;
    width:100%;
font: inherit;
    font: inherit;
font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
}
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a{
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a{
color:#fff;
    color:#fff;
}
}
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{
#mw-head #p-personal .vector-menu-content .vector-menu-content-list a.new{
color:#CCC;
    color:#CCC;
}
}
/*?*/
/*?*/
#mw-panel{
#mw-panel{
margin: 40px 0 0 0;
    margin: 40px 0 0 0;
}
.tabber__tabs{
flex-wrap: wrap;
}
 
/** Template stylings **/
/* [[Template:SimpleNavbox]] */
table.navbox{
    border:1px solid #AAA;
    clear:both;
    margin:auto;
    padding:1px;
    text-align:center;
    width:100%;
}
 
table.navbox+table.navbox{
    margin-top:-1px;
}
 
.navbox-title,
.navbox-abovebelow,
table.navbox th{
    padding-left:1em;
    padding-right:1em;
    text-align:center;
}
 
.navbox-group{
    font-weight:700;
    white-space:nowrap;
}
 
.navbox,
.navbox-subgroup{
    background:none repeat scroll 0 0 #FDFDFD;
}
 
.navbox-list{
    border-color:#FDFDFD;
}
 
.navbox-title,
table.navbox th{
    background:none repeat scroll 0 0 #A5E4A5;
}
 
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title{
    background:none repeat scroll 0 0 #C0ECC0;
}
 
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow{
    background:none repeat scroll 0 0 #E6F6E6;
}
 
.navbox-even{
    background:none repeat scroll 0 0 #F5FCF5;
}
}


.navbox-odd{
    background:none repeat scroll 0 0 transparent;
}


/* Infoboxes */
/* Infoboxes */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
    border: 1px solid #a2a9b1;
color: black;
    color: black;
padding: 0.2em;
    padding: 0.2em;
font-size: 88%;
    font-size: 90%;
line-height: 1.5em;
    line-height: 1.5em;
border-spacing: 3px;
    border-spacing: 3px;
}
}


@media screen {
@media screen {
.infobox {
    .infobox {
background-color: #f8f9fa;
        background-color: #f8f9fa;
     }
     }
}
}


@media (max-width: 640px) {
@media (max-width: 640px) {
.infobox {
    .infobox {
width: 100%;
        width: 100%;
}
    }
      
      
.infobox .nowrap {
    .infobox .nowrap {
white-space: normal;
        white-space: normal;
}
    }
}
}


@media (min-width: 640px) {
@media (min-width: 640px) {
.infobox {
    .infobox {
/* @noflip */
        /* @noflip */
margin: 0.5em 0 0.5em 1em;
        margin: 0.5em 0 0.5em 1em;
/* @noflip */
        /* @noflip */
float: right;
        float: right;
/* @noflip */
        /* @noflip */
clear: right;
        clear: right;
width: 22em;
        width: 24.5em;
}
    }
}
}


Line 214: Line 307:
.infobox th,
.infobox th,
.infobox td {
.infobox td {
vertical-align: top;
    vertical-align: inherit;
}
 
.infobox-data{
    max-width:168px;
}
}


Line 222: Line 319:
.infobox th,
.infobox th,
.infobox td {
.infobox td {
/* @noflip */
    /* @noflip */
text-align: left;
    text-align: center;
}
}


Line 231: Line 328:
/* Remove element selector when every .infobox thing is using the standard module/templates  */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
.infobox caption {
font-size: 125%;
    font-size: 125%;
font-weight: bold;
    font-weight: bold;
text-align: center;
    text-align: center;
}
}


Line 239: Line 336:
/* Remove element selector when every .infobox thing is using the standard module/templates  */
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
.infobox caption {
padding: 0.2em;
    padding: 0.2em;
}
}


Line 248: Line 345:
.infobox .infobox-full-data,
.infobox .infobox-full-data,
.infobox .infobox-below {
.infobox .infobox-below {
text-align: center;
    text-align: center;
}
}


/* Remove .infobox when element selectors above are removed */
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
.infobox .infobox-navbar {
/* @noflip */
    /* @noflip */
text-align: right;
    text-align: right;
}
/*猛汉版*/
.infoBox{
    margin:0 auto;
    width:80%;
    box-sizing:border-box;
}
 
.infoBoxTitle{
    margin:3px auto;
    padding:0;
    text-align:center;
    font-weight:700;
}
 
.infoBoxIcon{
    display:table-cell;
    padding:2px 0 2px 0.5em;
    vertical-align:middle;
}
 
.infoBoxText{
    display:table-cell;
    padding:0.25em 0.5em 0.25em 1.3em;
    width:100%;
    vertical-align:middle;
}
 
.infoBoxContent{
    border:1px solid #DDD;
    border-left-width:0;
    background:#FBFBFB;
}
 
.infoBoxBelow{
    margin:0 auto;
    padding:0;
    text-align:center;
}
 
.screen-width-detector {
    display: none; /* 隐藏检测器 */
}
.screen-small { display: none; }
.screen-medium { display: none; }
.screen-large { display: none; }
 
@media (max-width: 768px) {
    .screen-small { display: block; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .screen-medium { display: block; }
}
@media (min-width: 1025px) {
    .screen-large { display: block; }
}
 
body.page-Main_Page #t-collapsible-toggle-all, body.page-Main_Page #t-collapsible-toggle-all{
    display: none;
}
body.page-Main_Page #catlinks {
    display: none;
}
@font-face {
    font-family: 'Mojangles'; /* 自定义字体的名称 */
    src: url('https://www.neurosama.info/mediawiki/images/0/00/Mojangles.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoSans';
    src: url('https://www.neurosama.info/mediawiki/images/9/91/NunitoSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0000-007F; /* 英文字母和数字 */
}
@font-face {
    font-family: 'HarmonyOSSansSC';
    src: url('https://www.neurosama.info/mediawiki/images/d/de/HarmonyOS_SansSC_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HarmonyOSSansTC';
    src: url('https://www.neurosama.info/mediawiki/images/5/56/HarmonyOS_SansTC_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Yuanyou';
    src: url('https://www.neurosama.info/mediawiki/images/2/27/Yuanyou.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fredoka';
    src: url('https://www.neurosama.info/mediawiki/images/a/a5/Fredoka-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FirstCoffee';
    src: url('https://www.neurosama.info/mediawiki/images/d/d4/First_Coffee.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ResourceHanRoundedHC';
    src: url('https://www.neurosama.info/mediawiki/images/9/96/ResourceHanRoundedHC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ResourceHanRoundedJ';
    src: url('https://www.neurosama.info/mediawiki/images/0/0f/ResourceHanRoundedJ-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ResourceHanRoundedK';
    src: url('https://www.neurosama.info/mediawiki/images/c/c2/ResourceHanRoundedK-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: '3270';
    src: url('https://www.neurosama.info/mediawiki/images/5/50/3270-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'WenQuanBit16';
    src: url('https://www.neurosama.info/mediawiki/images/b/ba/WenQuanBitmapSong16px.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.font-bit{
    font-family: 'Mojangles' ,'WenQuanBit16', Times, serif;
}
.font-neuro {
font-family: 'FirstCoffee','ResourceHanRoundedHC','ResourceHanRoundedJ','ResourceHanRoundedK',Times,serif;
letter-spacing: 0.3px;
}
.font-neuro-web-title{
    font-family: 'Fredoka', 'Yuanyou', Times, serif;
}
.font-neuro-web-body{
    font-family: 'NunitoSans',system-ui,sans-serif;
}
}
/*色表格*/
/*色表格*/
Retrieved from "http://en.neurosama.info/wiki/MediaWiki:Common.css"