.window-phigros div.TabLabelText > div.label{ background-color: rgba(77, 85, 96, .8); color: #8F9AA0; width: 200px; height:18px; line-height: 24px; padding: 6px; margin: 1px; font-size:14px; font-family: "思源黑体 CN Regular","Source Han Sans & Saira Hybrid","站酷文艺体","微软雅黑","Microsoft YaHei"; } .window-phigros div.selected > div.label{ color: #42535B; background-color: white; } @media screen and (max-width: 900px) { .window-phigros .window-phigros { max-width:1000px; min-width: 250px; margin: auto; font-family: "思源黑体 CN Regular","Source Han Sans & Saira Hybrid","站酷文艺体","微软雅黑","Microsoft YaHei"; } .window-phigros div.TabLabel{ padding: 2px; margin: 4px; margin-top:1px; border:0; background-color: rgba(28, 46, 50, .8); flex-wrap: nowrap; overflow-y: scroll; overflow-x: hidden; width: 100%; max-height: 250px; transform: none; } .window-phigros div.Tabs.tabLabelLeft.reverse { border:0 solid #fff; border-top:0; height:auto; flex-wrap:wrap; } .window-phigros .TabContentText { max-width:700px; background-color:rgba(0,14,20,.925); color:#fff; } .window-phigros .window-label { height: 205px; position: inherit; background-color: rgba(0,14,20,.925); width:100%; transform: none; } .window-phigros .window-backkey { position:relative; left:0; top:-21px; width:120px; padding:2px; margin-left:4px; border: 2px solid #E1E1E1; background-color: rgba(0,14,20,.925); } .window-phigros .window-backkey-text { font-size:24px; color:#2B96D4; position:relative; } .window-phigros .window-body { font-family: "思源黑体 CN Regular","Source Han Sans & Saira Hybrid","站酷文艺体","微软雅黑","Microsoft YaHei"; width:100%; height:auto; display: flex; flex-direction:column; } .window-phigros .window-textbox { position:inherit; height:85px; padding:20px; } .window-phigros .window-content { font-size:42px; position:inherit; top:-5px; } .window-phigros .window-text { position:inherit; top:105px; padding:20px; overflow: visible; } .window-phigros .window-label-title { position:relative; background-color:#1E70B2; padding:0 9px 0 9px; z-index:0; color:#FFF; font-size:10px; left:0; top:-6px; width:200px; } .window-phigros .window-label-title-2 { position:relative; bottom:-50px; border-bottom: 1px solid #E1E1E1; } } @media screen and (min-width: 900px) { .window-phigros .window-phigros { max-width:1000px; min-width: 250px; height: 500px; margin:100px auto; font-family: "思源黑体 CN Regular","Source Han Sans & Saira Hybrid","站酷文艺体","微软雅黑","Microsoft YaHei"; } .window-phigros div.TabLabel{ margin-top:149px; max-height:280px; margin-right: 30px; margin-bottom: -9px; border:0; flex-wrap: nowrap; min-width: 202px; overflow-y: auto; overflow-x: hidden; transform: rotateY(30deg)translateZ(100px); } .window-phigros div.Tabs.tabLabelLeft.reverse { border:0 solid #fff; border-top:0; height:100%; } .window-phigros .TabContent { overflow:visible; transform-style:preserve-3d; perspective:2000px; margin-left: 30px; } .window-phigros .Tabs { transform-style: preserve-3d; perspective: 2000px; overflow: visible; margin: auto; } .window-phigros .TabContentText { max-width:700px; height:100%; background-color:rgba(0,14,20,.925); color:#fff; transform: rotateY(355deg) translateZ(100px); } .window-phigros .window-label { transform: rotateY(30deg)translateZ(100px); position:absolute; background-color: rgba(0,14,20,.925); height:100%; } .window-phigros .window-backkey { position:absolute; right:0; left:0; bottom:35px; border-top: 1px solid #E1E1E1; padding:0 9px; } .window-phigros .window-backkey-text { font-size:18px; color:#2B96D4; position:relative; top:20px; width:100%; } .window-phigros .window-body { font-family: "思源黑体 CN Regular","Source Han Sans & Saira Hybrid","站酷文艺体","微软雅黑","Microsoft YaHei"; width:100%; height:460px; display: flex; flex-direction:column; } .window-phigros .window-textbox { position:absolute; top:0; left:0; right:0; height:85px; padding:20px; } .window-phigros .window-content { font-size:42px; position:relative; top:-5px; } .window-phigros .window-text { position:absolute; overflow-y: auto; top:105px; left:0; right:0; bottom:0; padding:20px; } .window-phigros .window-label-title { position:absolute; background-color:#1E70B2; padding:0 9px 0 9px; z-index:0; color:#FFF; font-size:10px; left:0; top:-6px; width:200px; } .window-phigros .window-label-title-2 { position:absolute; left:5px; top:120px; width:99.5%; border-bottom: 1px solid #E1E1E1; } } .window-phigros .window-titlebar { position:relative; max-width:720px; height:18px; left:5px; top:-4px; background-color:rgba(35,65,80,.4); } .window-phigros .window-title { position:absolute; left:-6px; top:0; background-color:#1E70B2; padding:0 9px 0 9px; z-index:0; color:#FFF; font-size:10px; } .window-phigros .window-title-arrow { position:absolute; top:0; right:-10px; height:0; width:0; border-top:10px solid transparent; border-bottom: 10px solid transparent; border-left:10px solid #1E70B2; } .window-phigros .window-infobar { height:18px; border-bottom:1px solid #fff; padding-right:40px; display: flex; font-size:12px; margin: 1px 0 0 0; } .window-phigros .window-infobar-title { color:#000; background-color:white; padding:0 10px; } .window-phigros .window-img { background-color:#000; width:215px; height:105px; position:relative; overflow:hidden; padding:0; margin:7.5px 0 7.5px 0; } .window-phigros .window-img > .img-box { position:absolute; left:0; right:0; top:0; bottom:0; } .window-phigros .window-img > .super-headline { position:absolute; right:0; bottom:40px; padding:8px; z-index:0; color:#FFF; text-align:right; font-size:5px; font-family: '思源黑体 CN Regular', 'Source Han Sans & Saira Hybrid', '站酷文艺体', '微软雅黑', 'Microsoft YaHei'; } .window-phigros .window-img > .super-headline-2 { position:absolute; right:0; bottom:20px; padding:0; z-index:0; color:#FFF; text-align:right; font-size:18px; font-family: '思源黑体 CN Regular', 'Source Han Sans & Saira Hybrid', '站酷文艺体', '微软雅黑', 'Microsoft YaHei'; } .window-phigros .window-img > .bar { position:absolute; top:80%; width:100%; height:3px; background-image:linear-gradient(0deg, rgba(255,255,255,0.5) 0%, rgba(225,225,225,0.5) 100%); } .window-phigros .window-img > .bar2 { background-color:#fff; height:100%; } .window-phigros .window-img > .num { position:absolute; right:0; bottom:3px; z-index:0; color:#FFF; text-align:right; font-size:12px; transform:scale(0.7); font-family: '思源黑体 CN Regular', 'Source Han Sans & Saira Hybrid', '站酷文艺体', '微软雅黑', 'Microsoft YaHei'; } .window-phigros .window-label-title-2-text { background-color:#E1E1E1; padding:0 9px 0 9px; z-index:0; color:#000; font-size:10px; width:60px; } /* [[分类:在模板名字空间下的CSS页面]] */