whisper.cat/weboasis/text/css/style.css

1 line
17 KiB
CSS
Raw Normal View History

2023-10-05 23:28:32 +11:00
html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit;outline:none}:focus{outline:0}body{background:#eff2f7;font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;color:#111;line-height:1.5;margin:0}main{min-height:900px}a{text-decoration:none}a,a:hover{color:#0078d4}a:hover{text-decoration:underline}b,strong{font-weight:500}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1;color:inherit;margin-top:0;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}hr{border:none;border-bottom:1px solid #d6d6d6;margin:1.6rem 0;clear:both;width:100%}img{height:auto;max-width:100%;vertical-align:middle}p,pre{margin-top:0;margin-bottom:1.5rem}pre{max-height:none;overflow-y:auto;font-family:monospace;background:#eff2f7;padding:.8rem}code{font-family:monospace;font-size:.875rem;background:#eff2f7;padding:.2rem .4rem}ol,ul{margin-bottom:1.5rem line-height: 1.5px;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}li{padding:0}input{line-height:normal}main,aside,article,footer,header,nav,section{display:block}button,label,.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrapper{width:1200px;max-width:100%;margin:0 auto}#main,.main2,.main{position:relative}.clipboard{cursor:pointer;padding:.1rem .25rem;vertical-align:middle;font-size:14px;position:absolute;background:#eee;top:0;right:0;color:#666;text-align:center}.nav-wrap{width:1230px;max-width:100%;margin:0 auto}.navbar{height:50px;background:#0078d4}.navbar a:hover{text-decoration:none}.brand{display:block;float:left;color:#fff}.brand:visited,.brand:hover{color:#fff}.brand h1,.brand h2{font-size:1.313rem;text-transform:uppercase;letter-spacing:.02rem;font-weight:300;line-height:50px;margin:0}.navbar ul{list-style:none;margin:0;padding:0}.navbar ul li{float:left;position:relative;background:#0078d4;font-size:.875rem}.navbar ul li a{display:block;padding:0 .8rem;line-height:50px;color:#fff;text-decoration:none}.navbar ul li a:hover{color:#eee}@media only screen and (max-width: 320px){.navbar{overflow:hidden}}@media only screen and (max-width: 1240px){.brand{padding:0 .6rem}}.submenu{margin:2rem auto;padding:0 8px}.mask{position:fixed;z-index:100;top:0;left:0;width:0;height:0;background:#000;opacity:0}.mask.active{width:100%;height:100%;opacity:.5}#nav-menu{display:none;overflow:hidden;position:fixed;z-index:101;top:0;left:0;height:100%;width:256px;background:#fff}#nav-menu ul ul{list-style:none;padding:0;margin:0}#nav-menu.open{display:block}.accordion{list-style:none;padding:0}.accordion .title{color:#333;text-align:center;font-weight:300;font-size:1.125rem;text-transform:uppercase;padding:1rem}.accordion a{color:#111}.accordion>li{position:relative;border-bottom:1px solid #d6d6d6}.accordion>li>a{font-size:.875rem;text-decoration:none;display:block;cursor:pointer;padding:.8rem}.accordion>li>a:not(:only-child):after{position:absolute;top:0;right:.5rem;font-family:icons;font-size:1.25rem;line-height:46px;content:"\e5cf"}.accordion>li>a.active:not(:only-child):after{content:"\e5ce"}.accordion>li>ul{background:#f7f7f7;display:none}.accordion li>ul>li{font-size:.8125rem}.accordion li>ul>li>a{display:block;padding:.2rem .2rem .2rem 1rem;text-decoration:none}.accordion li>ul>li>a:hover{background:#eee}.accordion li>ul>li>a>i{font-size:1.125rem;margin-right:.4rem;width:1.28571429em}.jumbotron{background:#fff;padding:1rem}@media only screen and (max-width: 767px){.jumbotron{padding:0}}.search-group ul{margin:0;padding:0}.app-group .live-list{list-style:none;padding:0;margin:0}.app-group h4{margin:1rem .4rem}.app-group ul a{display:block;color:#333}.app-group li{width:31.84%;width:calc(33.333% - 16px);margin:0 8px 18px;list-style-type:none;float:left;box-shadow:0 0 2px rgba(0,0,0,.1)}.app-group li:hover .app-desc h3{color:#0078d4}.app-group li:hover{opacity:.88}@media only screen and (max-width: 1084px){.app-group li{widt