|
|
第1行: |
第1行: |
| /* 这里放置的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;
| |
− | }
| |