「MediaWiki:Index.css」修訂間的差異

出自旭陵維基
跳至導覽 跳至搜尋
行 1: 行 1:
ol,ul{list-style:none}.as-h1,.as-h2{border-bottom:0}.fast-to,.left-area,.top-area{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px}.my-wrapper{display:grid;grid-template-columns:auto 400px;grid-column-gap:10px}.top-area .as-h1{font-size:180%;margin-top:10px;margin-bottom:.3em;text-align:center}@media (min-width:1024px){.top-area .as-h1{text-align:left}}@media (min-width:1280px){.top-area .as-h1{font-size:280%}}.top-area .sub-title{margin-left:.5em;font-size:85%;text-align:center}@media (min-width:1024px){.top-area .sub-title{text-align:left}}@media (min-width:1280px){.top-area .sub-title{font-size:100%}}.top-area .numbers{margin-top:.3em;font-size:95%}@media (min-width:768px){.top-area .numbers{text-align:center}}@media (min-width:1024px){.top-area .numbers{text-align:right}}@media (min-width:1280px){.top-area .numbers{font-size:110%}}.top-area em{font-weight:600}.fast-to{text-align:center}.fast-to .as-h2{font-size:100%;font-weight:700;margin:0 auto}@media (min-width:1024px){.fast-to .as-h2{display:inline}}.fast-to ul{padding:0;margin:0}.fast-to ul li{box-sizing:border-box;display:inline-block;margin:0 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.fast-to ul{display:inline-flex}}@media (min-width:1024px){.fast-to{text-align:left}}.left-area .as-h2{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#d2e7ff,rgba(210,231,255,0));padding:5px 0 5px .7em;margin:.2em 0 .5em;border-radius:5px/50%}@media (min-width:1280px){.left-area .as-h2{font-size:1.5rem}}.left-area ol,.left-area ul{display:flex;flex-wrap:wrap;margin:4px 6px 16px;padding:0}.left-area ol li,.left-area ul li{box-sizing:border-box;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.left-area ol li,.left-area ul li{width:33.333%}}@media (min-width:1280px){.left-area ol li,.left-area ul li{width:50%;font-size:1.1rem;padding:5px}}@media (min-width:768px){.right-area{display:flex;flex-wrap:wrap;margin:0 -2em}}@media (min-width:1024px){.right-area{margin:0}}.more-items,.this-facebook{margin-bottom:10px;text-align:center;box-sizing:border-box}.more-items .as-h2,.this-facebook .as-h2{margin:0 auto}.more-items iframe,.this-facebook iframe{display:block;margin:0 auto}@media (min-width:768px){.more-items,.this-facebook{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px;width:50%}}@media (min-width:1280px){.more-items,.this-facebook{width:100%}}
+
ol,ul{list-style:none}.as-h1,.as-h2{border-bottom:0}.fast-to,.left-area,.top-area{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px}.my-wrapper{display:grid;grid-template-columns:auto 400px;grid-column-gap:10px}.top-area .as-h1{font-size:180%;margin-top:10px;margin-bottom:.3em;text-align:center}@media (min-width:1024px){.top-area .as-h1{text-align:left}}@media (min-width:1280px){.top-area .as-h1{font-size:280%}}.top-area .sub-title{margin-left:.5em;font-size:85%;text-align:center}@media (min-width:1024px){.top-area .sub-title{text-align:left}}@media (min-width:1280px){.top-area .sub-title{font-size:100%}}.top-area .numbers{margin-top:.3em;font-size:95%}@media (min-width:768px){.top-area .numbers{text-align:center}}@media (min-width:1024px){.top-area .numbers{text-align:right}}@media (min-width:1280px){.top-area .numbers{font-size:110%}}.top-area em{font-weight:600}.fast-to{text-align:center}.fast-to .as-h2{font-size:100%;font-weight:700;margin:0 auto}@media (min-width:1024px){.fast-to .as-h2{display:inline}}.fast-to ul{padding:0;margin:0}.fast-to ul li{box-sizing:border-box;display:inline-block;margin:0 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.fast-to ul{display:inline-flex}}@media (min-width:1024px){.fast-to{text-align:left}}.left-area .as-h2{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#d2e7ff,rgba(210,231,255,0));padding:5px 0 5px .7em;margin:.2em 0 .5em;border-radius:5px/50%}@media (min-width:1280px){.left-area .as-h2{font-size:1.5rem}}.left-area ol,.left-area ul{display:flex;flex-wrap:wrap;margin:4px 6px 16px;padding:0}.left-area ol li,.left-area ul li{box-sizing:border-box;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.left-area ol li,.left-area ul li{width:33.333%}}@media (min-width:1280px){.left-area ol li,.left-area ul li{width:50%;font-size:1.1rem;padding:5px}}@media (min-width:1440px){.left-area ol li,.left-area ul li{width:33.33333%;font-size:1.1rem;padding:5px}}@media (min-width:768px){.right-area{display:flex;flex-wrap:wrap;margin:0 -2em}}@media (min-width:1024px){.right-area{margin:0}}.more-items,.this-facebook{margin-bottom:10px;text-align:center;box-sizing:border-box}.more-items .as-h2,.this-facebook .as-h2{margin:0 auto}.more-items iframe,.this-facebook iframe{display:block;margin:0 auto}@media (min-width:768px){.more-items,.this-facebook{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px;width:50%}}@media (min-width:1280px){.more-items,.this-facebook{width:100%}}

於 2020年10月5日 (一) 01:29 的修訂

ol,ul{list-style:none}.as-h1,.as-h2{border-bottom:0}.fast-to,.left-area,.top-area{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px}.my-wrapper{display:grid;grid-template-columns:auto 400px;grid-column-gap:10px}.top-area .as-h1{font-size:180%;margin-top:10px;margin-bottom:.3em;text-align:center}@media (min-width:1024px){.top-area .as-h1{text-align:left}}@media (min-width:1280px){.top-area .as-h1{font-size:280%}}.top-area .sub-title{margin-left:.5em;font-size:85%;text-align:center}@media (min-width:1024px){.top-area .sub-title{text-align:left}}@media (min-width:1280px){.top-area .sub-title{font-size:100%}}.top-area .numbers{margin-top:.3em;font-size:95%}@media (min-width:768px){.top-area .numbers{text-align:center}}@media (min-width:1024px){.top-area .numbers{text-align:right}}@media (min-width:1280px){.top-area .numbers{font-size:110%}}.top-area em{font-weight:600}.fast-to{text-align:center}.fast-to .as-h2{font-size:100%;font-weight:700;margin:0 auto}@media (min-width:1024px){.fast-to .as-h2{display:inline}}.fast-to ul{padding:0;margin:0}.fast-to ul li{box-sizing:border-box;display:inline-block;margin:0 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.fast-to ul{display:inline-flex}}@media (min-width:1024px){.fast-to{text-align:left}}.left-area .as-h2{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#d2e7ff,rgba(210,231,255,0));padding:5px 0 5px .7em;margin:.2em 0 .5em;border-radius:5px/50%}@media (min-width:1280px){.left-area .as-h2{font-size:1.5rem}}.left-area ol,.left-area ul{display:flex;flex-wrap:wrap;margin:4px 6px 16px;padding:0}.left-area ol li,.left-area ul li{box-sizing:border-box;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.left-area ol li,.left-area ul li{width:33.333%}}@media (min-width:1280px){.left-area ol li,.left-area ul li{width:50%;font-size:1.1rem;padding:5px}}@media (min-width:1440px){.left-area ol li,.left-area ul li{width:33.33333%;font-size:1.1rem;padding:5px}}@media (min-width:768px){.right-area{display:flex;flex-wrap:wrap;margin:0 -2em}}@media (min-width:1024px){.right-area{margin:0}}.more-items,.this-facebook{margin-bottom:10px;text-align:center;box-sizing:border-box}.more-items .as-h2,.this-facebook .as-h2{margin:0 auto}.more-items iframe,.this-facebook iframe{display:block;margin:0 auto}@media (min-width:768px){.more-items,.this-facebook{margin:0 5px 10px;padding:8px;border:1px solid #a7d7f9;border-radius:10px;width:50%}}@media (min-width:1280px){.more-items,.this-facebook{width:100%}}