MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

.portable-infobox {
	background-color:#ebeae4;
}
.portable-infobox .pi-title {
	background-color:#024570;
	color:white;
}

.portable-infobox .pi-image {
    max-width:100%;
}

.a {
    color: #797666;
}
.a:visited {
    color: #a9a48a;
}

/*首页 banner */
.main{
    width: 100%;
    display: table;
}
.left,.center,.right{
    display: table-cell;
    border:1px solid #C0C0C0;
	margin:5px;
	padding:10px;
	background-color:#ebeae4;
	width:29%;
	height:300px;
}
.left{
    width: 300px;
    
}
.center{
    
}
.right{
    width: 300px;
    
}
#banner {
	border:1px solid #C0C0C0;
	margin:5px;
	padding:10px;
	background-color:#ebeae4;
	width:401px;
	height:200px;
	
}

#banner h3 {
	border-bottom:1px solid #C0C0C0;
}
#banner_bottom {
	border:1px solid #C0C0C0;
	margin:5px;
	padding:10px;
	background-color:#ebeae4;
	width:618px;
	height:200px;
	float:left;
}
#banner_bottom h3 {
	border-bottom:1px solid #C0C0C0;
}

#banner_bottom2 {
	border:1px solid #C0C0C0;
	margin:5px;
	padding:10px;
	background-color:#ebeae4;
	width:1268px;
	height:50px;
	float:left;
}
#banner_bg{
	height:auto;
	margin:0 0;
	padding:0 0;
	background:url(https://ypk.wiki/images/d/d0/Ypk_logo_word.png) no-repeat top 100px center;
}
#banner_top{
	height:auto;
	width:100%;
	padding-bottom:20px;
	text-align:center;
	padding-top:200px;
	
}
#banner_top h2  {
	
	border-bottom:0;
}
#banner_top p {
	
}
#banner_top div {
	
}
#banner_mob {
	height:300px;
	
}
#banner_nav_main {
	display:none;
}
#moble_list_main{
	display:none;
}
#copyright_bottom {
	margin-top:220px;
	text-align:center;
	font-size:.8px;
}
#copyright_bottom p {
	font-size:.8px;
	color:#bfbba5;
}
#tongji {
	display:none;
}

.tabs-label {
    cursor: pointer;
    padding: 1px 6px;
    background-color: #bfbba5;
    border: 1px solid #AAA;
}
.tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    background-color: #ebeae4;
}

.tabs-tabbox > .tabs-container {
    margin-top: -1px;
    padding: 5px 20px;
    border-radius: 8px;
    position: relative;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    z-index: 1;
}

.tabs-tabbox > .tabs-container {
    margin-top: -1px;
    border-radius: 0px;
    position: relative;
    border: 0px solid #AAA;
    border-top: 1px solid #AAA;
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    z-index: 1;
}

.tabber .tabbertab {
    padding: 5px;
    border:0px ;
    border-top: 0;
}

ul.tabbernav li a:link {
    /* color: #448; */
    color: #8c8873;
}
#musicsheet_mob_main {
	display:none;
}
#musicsheet_main {
	width:75%;
}
.content table {
	margin:0px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
}
.mw-content-ltr .mw-collapsible-toggle{
	    color: #ebeae4;
    border-radius: 6px;
    background-color: #ebeae4;
    float: right;
    padding: 0px 10px;
}
.tabs-tabbox, .tabs-togglebox {
	background-color: #ebeae4;
	padding-top: 10px;
    margin: 0px 0;
}

@media screen and (max-width: 812px) {
    * {
        margin: 0;
        padding: 0;
    }

    #info_main {
        float: left;
        margin-bottom: .6rem;
        display: block;
    }

    #info_pic {
        float: left;
        display:block;
        width:165px;
        height: 165px;
        background-color: #024570;
        background-image: url(images/yoyoma_bach_cello.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #info_word {
        display:flex;
        float: left;
        background-color: brown;
        width:56%;
        height: 165px;
    }

    #info_word p {
        color: aliceblue;
        padding: 1rem 1rem;
        font-size: 1.1rem;
    }

}
.portable-infobox .pi-header {
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3;
}

.portable-infobox .pi-secondary-background{
   background-color: #ebeae4;
}

.portable-infobox .pi-title {
    background-color: #bfbba5;
    color: #fff;
}

.mw-body-content p {
    line-height: inherit;
    margin: .5em .5em;
    text-align:justify;
}