https://gf-ogas.wiki/index.php?action=history&feed=atom&title=Template%3A%E4%B8%93%E9%A2%98%E5%AF%BC%E8%88%AA%2Fstyles.css 2026-05-17T10:48:27Z 本wiki上该页面的版本历史 MediaWiki 1.45.1 https://gf-ogas.wiki/index.php?title=Template:%E4%B8%93%E9%A2%98%E5%AF%BC%E8%88%AA/styles.css&diff=266&oldid=prev 2026-01-22T16:53:42Z

<p>创建页面，内容为“<span class="autocomment">* Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014：​</span> .container { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .div, .divs, .column, .columns { width: 100%; float: left; box-sizing: border-box; } <span class="autocomment">For devices larger than 400px：​</span> @media (min-width: 400px) {…”</p> <p><b>新页面</b></p><div>/*<br /> * Skeleton V2.0.4<br /> * Copyright 2014, Dave Gamache<br /> * www.getskeleton.com<br /> * Free to use under the MIT license.<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * 12/29/2014<br /> */<br /> <br /> .container {<br /> position: relative;<br /> width: 100%;<br /> max-width: 960px;<br /> margin: 0 auto;<br /> padding: 0 20px;<br /> box-sizing: border-box;<br /> }<br /> <br /> .div,<br /> .divs,<br /> .column,<br /> .columns {<br /> width: 100%;<br /> float: left;<br /> box-sizing: border-box;<br /> }<br /> <br /> /* For devices larger than 400px */<br /> @media (min-width: 400px) {<br /> .container {<br /> width: 85%;<br /> padding: 0;<br /> }<br /> }<br /> <br /> /* For devices larger than 550px */<br /> @media (min-width: 550px) {<br /> .container {<br /> width: 80%;<br /> }<br /> .div,<br /> .divs,<br /> .column,<br /> .columns {<br /> margin-left: .3%;<br /> }<br /> .div:first-child,<br /> .divs:first-child,<br /> .column:first-child,<br /> .columns:first-child {<br /> margin-left: 0;<br /> }<br /> <br /> .one.div,<br /> .one.divs { width: 100%; margin-left: 0; }<br /> .two.divs { width: 49.85%; }<br /> .three.divs { width: 33.1333333333%; }<br /> .four.divs { width: 24.775%; }<br /> .five.divs { width: 19.76%; }<br /> .six.divs { width: 16.4166666667%; }<br /> .seven.divs { width: 14.0285714286%; }<br /> .eight.divs { width: 12.2375%; }<br /> .nine.divs { width: 10.8444444444%; }<br /> .ten.divs { width: 9.73%; }<br /> .eleven.divs { width: 8.81818181818%; }<br /> .twelve.divs { width: 8.05833333333%; }<br /> <br /> .one.column,<br /> .one.columns { width: 8.05833333333%; }<br /> .two.columns { width: 16.4166666667%; }<br /> .three.columns { width: 24.775%; }<br /> .four.columns { width: 33.1333333333%; }<br /> .five.columns { width: 41.4916666667%; }<br /> .six.columns { width: 49.85%; }<br /> .seven.columns { width: 58.2083333333%; }<br /> .eight.columns { width: 66.5666666667%; }<br /> .nine.columns { width: 74.925%; }<br /> .ten.columns { width: 83.2833333333%; }<br /> .eleven.columns { width: 91.6416666667%; }<br /> .twelve.columns { width: 100%; margin-left: 0; }<br /> <br /> .one-third.column { width: 33.1333333333%; }<br /> .two-thirds.column { width: 66.5666666667%; }<br /> <br /> .one-half.column { width: 49.85%; }<br /> }<br /> <br /> /*<br /> * 专题导航 V1<br /> * Copyright 2015, maverick<br /> * masterchan.me<br /> * Free to use under the MIT license.<br /> * http://www.opensource.org/licenses/mit-license.php<br /> * 05/13/2015<br /> */<br /> .ztdh {<br /> margin-bottom: 3px;<br /> margin-top: 5px;<br /> border: solid 1px;<br /> background-color: white;<br /> padding: 8px;<br /> position: relative;<br /> }<br /> <br /> .ztdh .ztdhclear {<br /> clear: both;<br /> }<br /> <br /> .ztdh .ztdh-title {<br /> border: none;<br /> clear: none;<br /> margin: 0;<br /> font-family: &#039;Microsoft YaHei&#039;,&#039;STHeiti Light&#039;;<br /> font-weight: bold;<br /> font-size: 1.55em;<br /> }<br /> <br /> .ztdh .logo {<br /> float: left;<br /> margin-right: 5px;<br /> }<br /> <br /> .ztdh .hint {<br /> text-align: right;<br /> font-size: 12px;<br /> }<br /> <br /> .ztdh span.menu-title {<br /> margin: 0;<br /> padding: 0;<br /> text-align: center;<br /> cursor: pointer;<br /> line-height: 32px;<br /> border: 1px solid #a7d7f9;<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> line-height: 1.8;<br /> display: block;<br /> }<br /> <br /> .ztdh .ztdhmenu{<br /> margin-top: 5px;<br /> }<br /> <br /> .menu-popout {<br /> position: absolute;<br /> background-color: white;<br /> margin: 0;<br /> width: 100%;<br /> top: -1px;<br /> }<br /> <br /> .menu-content {<br /> position: relative;<br /> display: none;<br /> z-index: 99;<br /> }<br /> <br /> .ztdh ul {<br /> list-style: none!important;<br /> margin: 0;<br /> border: solid #9dd5ff;<br /> border-width: 2px;<br /> }<br /> <br /> .ztdh li {<br /> padding: 4px;<br /> }<br /> <br /> .ztdh li a:hover {<br /> text-decoration: none;<br /> }<br /> <br /> .ztdh .menu-item:hover &gt; .menu-content {<br /> display: block;<br /> }<br /> <br /> .ztdh .menu-item:hover &gt; span.menu-title {<br /> background-color: #9dd5ff;<br /> border: 1px solid #9dd5ff;<br /> }<br /> <br /> .ztdh ul ul {<br /> border: none;<br /> margin: 5px 5px 0px 15px;<br /> }<br /> <br /> .ztdh-hsctrl {<br /> float: right;<br /> background: #FFFFFF;<br /> padding: 0 6px;<br /> cursor: pointer;<br /> }<br /> <br /> .ztdh hr{<br /> margin: 12px 0;<br /> }<br /> <br /> @media (max-width: 550px) {<br /> .ztdh .hint {<br /> font-size: 10px;<br /> }<br /> .ztdh .menu-item{<br /> margin-bottom: 5px;<br /> }<br /> .menu-content {<br /> position: relative;<br /> margin-bottom: 5px;<br /> }<br /> .menu-popout {<br /> position: relative;<br /> }<br /> .ztdh .menu-item &gt; span.menu-title {<br /> background-color: #9dd5ff;<br /> border: 1px solid #9dd5ff;<br /> }<br /> .ztdh hr{<br /> margin: .2em 0;<br /> }<br /> .ztdh-hsctrl {<br /> display: none;<br /> }<br /> }<br /> .menu-popout &gt; ul {<br /> margin-left: 0 !important;<br /> }<br /> /* */<br /> /* [[分类:在模板命名空间下的CSS页面]] */</div>

秋绘君