whisper.cat/weboasis/text/notepad/css/style.css
2023-10-05 23:28:32 +11:00

2 lines
7.6 KiB
CSS

*{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Emoji","Segoe UI",Ubuntu,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#24292e;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:#348efb;text-decoration:none}a:hover{text-decoration:underline}main,article,aside,footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6,.app-btn{font-weight:700;margin:1em 0}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}img{border-style:none}pre{background:#eee;font-family:monospace,monospace;font-size:1rem}.wrapper{width:1200px;max-width:100%;margin:0 auto}.left{float:left}.right{float:right}.navbar{text-transform:uppercase;line-height:50px;height:50px;background:#0280cf;font-weight:400;overflow:hidden}.navbar a{text-decoration:none}.brand{font-size:1rem;position:relative;float:left;color:#fff;padding-left:2.2rem}.brand:before{position:absolute;top:0;left:12px;font-family:icons;content:'\e926'}.brand:hover{color:#fff}.brand h1{font-weight:400;font-size:1rem;letter-spacing:.02rem;margin:0}.navbar ul{letter-spacing:.02rem;list-style:none;margin:0;padding:0}.navbar ul li{float:left;position:relative;font-size:.75rem}.navbar ul li a{display:block;padding:0 .8rem;color:#fff;text-decoration:none}.navbar ul li a:hover{color:#348efb}.hero{color:#fff;text-align:center;background:#0070c9;background:linear-gradient(to right,#0070c9,#348efb);background:-webkit-linear-gradient(to right,#0070c9,#348efb)}@media screen and (min-width: 64em){.hero{padding:6.4rem;padding-bottom:0}}@media screen and (min-width: 42em) and (max-width: 64em){.hero{padding:3rem 4rem;padding-bottom:0}}@media screen and (max-width: 42em){.hero{padding:2rem 1rem;padding-bottom:0}}.hero .preview{margin:1.5em auto 0;max-width:848px}.hero .preview img{display:block;width:100%;height:auto}.hero .title,.blog-header .title{font-weight:400;margin-top:0;margin-bottom:.1rem}@media screen and (min-width: 64em){.hero .title,.blog-header .title{font-size:3.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.hero .title,.blog-header .title{font-size:2.25rem}}@media screen and (max-width: 42em){.hero .title,.blog-header .title{font-size:1.75rem}}.hero .tagline{margin-bottom:2rem;color:#fff}@media screen and (min-width: 64em){.hero .tagline{font-size:1.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.hero .tagline{font-size:1.15rem}}@media screen and (max-width: 42em){.hero .tagline{font-size:1rem}}.app-btn{text-decoration:none;display:inline-block;font-weight:400;margin:1rem 0;color:#fff;background:#348efb);border-color:#fff;border-style:solid;border-width:1px}.app-btn:hover{color:#348efb;background-color:#fff;border-color:#fff;text-decoration:none}.app-btn + .app-btn{margin-left:1rem}@media screen and (min-width: 64em){.app-btn{padding:.75rem 2rem}}@media screen and (min-width: 42em) and (max-width: 64em){.app-btn{padding:.6rem .9rem;font-size:.9rem}}@media screen and (max-width: 42em){.app-btn{display:block;width:90%;margin-left:auto;margin-right:auto;padding:.75rem;font-size:.9rem}.app-btn + .app-btn{margin-top:1rem;margin-left:0}}.features{padding:70px 0;background:#eff2f7}.container{max-width:1200px;margin:0 auto;font-size:0}.container > div{font-size:14px;display:inline-block;vertical-align:top;width:33%;padding:15px}.container > div > div{text-align:center}.container i{color:#348efb}.container h2{font-size:20px;margin:1em 0 .7em;padding:0;text-align:center}.container p{line-height:1.7rem;font-size:15px;margin:1em 0;padding:0}@media screen and (min-width: 42em) and (max-width: 64em){.container > div{width:50%}}@media screen and (max-width: 42em){.container > div{display:block;width:100%}.features{padding:30px 0}}.content{word-wrap:break-word}.content :first-child{margin-top:0}@media screen and (min-width: 64em){.content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.content{padding:2em 4rem;font-size:1.1rem}}@media screen and (max-width: 42em){.content{padding:2rem;font-size:1rem}}.content img{max-width:100%}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:2rem;margin-bottom:.5rem;font-weight:700;font-size:1.6rem}.content p{margin-bottom:1em;line-height:1.7}.content code{padding:2px 4px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.9rem;color:#276F86;background:#e9f0f0;border-radius:.3rem}.content pre{padding:.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas,"Liberation Mono",Menlo,Courier,monospace;color:#2d7091;word-wrap:normal;background:#ebf7fd;border:solid 1px rgba(45,112,145,.3);border-radius:.3rem}.content pre > code{padding:0;margin:0;font-size:.9rem;color:#567482;word-break:normal;white-space:pre;background:transparent;border:0}.content .highlight{margin-bottom:1rem}.content .highlight pre{margin-bottom:0;word-break:normal}.content .highlight pre,.content pre{padding:.8rem;overflow:auto;font-size:.9rem;line-height:1.45;border-radius:.3rem;-webkit-overflow-scrolling:touch}.content pre code,.content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.content pre code:before,.content pre code:after,.content pre tt:before,.content pre tt:after{content:normal}.content ul,.content ol{margin-top:0}.content ul li,.content ol li{margin:10px 0}.content blockquote{background:#fafafa;padding:1rem;margin-left:0;margin-right:0;color:#819198;border-left:.35rem solid #348efb}.content blockquote > :first-child{margin-top:0}.content blockquote > :last-child{margin-bottom:0}.content table{width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch;border-spacing:0;border-collapse:collapse}.content table th{font-weight:700;background:#f9fafb}.content table th,.content table td{padding:.5rem 1rem;width:33.3333%;border:1px solid #e4e5e5}.content table td:not(:first-child){text-align:center}.content hr{height:1px;padding:0;margin:2rem 0;background:#eaecef;border:0}.blog-header{color:#fff;text-align:center;background:#0070c9;background:linear-gradient(to right,#0070c9,#348efb);background:-webkit-linear-gradient(to right,#0070c9,#348efb)}@media screen and (min-width: 64em){.blog-header{padding:6rem;padding:6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.blog-header{padding:3rem 4rem}}@media screen and (max-width: 42em){.blog-header{padding:2rem 1rem}}@media screen and (min-width: 64em){table i{width:34px}.content table td{font-size:1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.content table td{font-size:1.1rem}table i{display:none}}@media screen and (max-width: 42em){.content table td{font-size:.9rem;padding:.5rem}table i{display:none}}footer{padding:1.6rem 0;margin-top:1rem;text-align:center;background:#111;color:#a6a6a6}footer a{text-decoration:none;display:block;color:#fff}@media screen and (min-width: 64em){footer{font-size:1rem}}@media screen and (max-width: 42em){footer{font-size:.9rem}}.ag{overflow:hidden;text-align:center;margin:0 auto;padding:0;clear:both}.ON_Top{width:200px;height:200px}@media(min-width:316px){.ON_Top{width:234px;height:60px}}@media(min-width:402px){.ON_Top{width:320px;height:100px}}@media(min-width:550px){.ON_Top{width:468px;height:60px}}@media(min-width:876px){.ON_Top{width:728px;height:90px}}.ON_Bottom{width:200px;height:200px}@media(min-width:332px){.ON_Bottom{width:250px;height:250px}}@media(min-width:382px){.ON_Bottom{width:300px;height:250px}}@media(min-width:418px){.ON_Bottom{width:336px;height:280px}}