User:冰阅/自用模板/图书馆tabs/style.css
跳到导航
跳到搜索
#library div.TabLabelText{ margin: 4px; width: 170px; } #library div.TabLabelText div.label{ border:2px solid rgba(199, 199, 255, .75); background-color: rgba(77, 85, 96, .35); color: rgba(255, 255, 255, .75); width: 170px; height: 30px; line-height: 24px; padding: 6px; margin: 0; font-size:24px; text-align:center; } #library div.selected div.label{ border:2px solid #ffff00; color: #ffff00; } @media screen and (max-width: 890px) { #library div.TabLabel{ padding: 6px; margin: 4px; border:2px solid #fff; background-color: rgba(28, 46, 50, .40); flex-wrap: nowrap; overflow-y: auto; overflow-x: hidden; min-width: 200px; max-height: 420px; border-radius: 0 15px 0 0; } #library div.Tabs.tabLabelRight.reverse { border:0 solid #fff; border-top:0; height:auto; flex-wrap: wrap-reverse; } #library .TabContent { border:2px solid #fff; background-color:rgba(22,22,22,0.2); } } @media screen and (min-width: 890px) { #library div.TabLabel{ padding: 6px; margin: 4px; border:2px solid #fff; background-color: rgba(28, 46, 50, .40); flex-wrap: nowrap; width: 200px; min-width: 200px; overflow-y: auto; overflow-x: hidden; border-radius: 0 15px 0 0; } #library div.Tabs.tabLabelRight.reverse { border:0 solid #fff; border-top:0; height:100%; } #library .TabContent { border:2px solid #fff; background-color:rgba(22,22,22,0.2); overflow-y: auto; overflow-x: hidden; } }