初始代码
This commit is contained in:
commit
9dda2b8bc9
243
index.html
Normal file
243
index.html
Normal file
@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
|
||||
<title>进制转换器 - 在线二进制|八进制|十进制|16进制和任意进制转换工具</title>
|
||||
<meta name="description" content="进制转换器是个方便、快速且精确的进制转换工具，支持二进制、八进制、十进制、十六进制以及任意进制之间相互转换，同时支持小数、负数、浮点数以及进制转换计算过程。">
|
||||
<link rel="stylesheet" href="/wp-includes/css/style.min.css">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/wp-includes/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/wp-includes/apple-touch-icon-114x114.png">
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div class="wrap">
|
||||
<div class="brand">
|
||||
<a href="/"><svg viewBox="0 0 90 78"><path class="cls-1" d="M84,50.25C84,46.647,90,39,90,39s-6-7.157-6-10.5V15A15,15,0,0,0,69,0H21A15,15,0,0,0,6,15V28.567C6,31.91,0,39,0,39s6,7.705,6,11.308V63A15,15,0,0,0,21,78H69A15,15,0,0,0,84,63V50.25Z"/><path class="cls-2" d="M52.2,31.925a18.139,18.139,0,1,0-9.059,23.542,1.164,1.164,0,0,1,.127-0.065,19.941,19.941,0,0,1-7.412-9.5,3.272,3.272,0,0,1-.366.014,6.93,6.93,0,1,1,2.681-.546,6.2,6.2,0,0,1-.578.23,18.148,18.148,0,1,0,9.264-23.066,1.174,1.174,0,0,1-.127.065,19.941,19.941,0,0,1,7.412,9.5,3.272,3.272,0,0,1,.366-0.014,6.908,6.908,0,1,1-2.178.35Z"/></svg></a>
|
||||
</div>
|
||||
<h1>进制转换器</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap clearfix">
|
||||
<div class="main">
|
||||
<form id="hexform" autocomplete="off">
|
||||
<div class="enter">
|
||||
<label for="d">输入数字：</label>
|
||||
<input type="text" id="d" name="d" required autofocus>
|
||||
</div>
|
||||
<div class="hex-oper">
|
||||
<div class="hex-row">
|
||||
<label for="form" class="form_hex hex-select">
|
||||
<span>从：</span>
|
||||
<select name="form" id="form">
|
||||
<option value="2">2进制</option>
|
||||
<option value="3">3进制</option>
|
||||
<option value="4">4进制</option>
|
||||
<option value="5">5进制</option>
|
||||
<option value="6">6进制</option>
|
||||
<option value="7">7进制</option>
|
||||
<option value="8">8进制</option>
|
||||
<option value="9">9进制</option>
|
||||
<option value="10" selected>10进制</option>
|
||||
<option value="11">11进制</option>
|
||||
<option value="12">12进制</option>
|
||||
<option value="13">13进制</option>
|
||||
<option value="14">14进制</option>
|
||||
<option value="15">15进制</option>
|
||||
<option value="16">16进制</option>
|
||||
<option value="17">17进制</option>
|
||||
<option value="18">18进制</option>
|
||||
<option value="19">19进制</option>
|
||||
<option value="20">20进制</option>
|
||||
<option value="21">21进制</option>
|
||||
<option value="22">22进制</option>
|
||||
<option value="23">23进制</option>
|
||||
<option value="24">24进制</option>
|
||||
<option value="25">25进制</option>
|
||||
<option value="26">26进制</option>
|
||||
<option value="27">27进制</option>
|
||||
<option value="28">28进制</option>
|
||||
<option value="29">29进制</option>
|
||||
<option value="30">30进制</option>
|
||||
<option value="31">31进制</option>
|
||||
<option value="32">32进制</option>
|
||||
<option value="33">33进制</option>
|
||||
<option value="34">34进制</option>
|
||||
<option value="35">35进制</option>
|
||||
<option value="36">36进制</option>
|
||||
</select>
|
||||
</label>
|
||||
<button type="button" class="btn btn-swap" onclick="swap()" title="交换">⇄</button>
|
||||
<label for="to" class="to_hex hex-select">
|
||||
<span>到：</span>
|
||||
<select name="to" id="to">
|
||||
<option value="2">2进制</option>
|
||||
<option value="3">3进制</option>
|
||||
<option value="4">4进制</option>
|
||||
<option value="5">5进制</option>
|
||||
<option value="6">6进制</option>
|
||||
<option value="7">7进制</option>
|
||||
<option value="8">8进制</option>
|
||||
<option value="9">9进制</option>
|
||||
<option value="10">10进制</option>
|
||||
<option value="11">11进制</option>
|
||||
<option value="12">12进制</option>
|
||||
<option value="13">13进制</option>
|
||||
<option value="14">14进制</option>
|
||||
<option value="15">15进制</option>
|
||||
<option value="16" selected>16进制</option>
|
||||
<option value="17">17进制</option>
|
||||
<option value="18">18进制</option>
|
||||
<option value="19">19进制</option>
|
||||
<option value="20">20进制</option>
|
||||
<option value="21">21进制</option>
|
||||
<option value="22">22进制</option>
|
||||
<option value="23">23进制</option>
|
||||
<option value="24">24进制</option>
|
||||
<option value="25">25进制</option>
|
||||
<option value="26">26进制</option>
|
||||
<option value="27">27进制</option>
|
||||
<option value="28">28进制</option>
|
||||
<option value="29">29进制</option>
|
||||
<option value="30">30进制</option>
|
||||
<option value="31">31进制</option>
|
||||
<option value="32">32进制</option>
|
||||
<option value="33">33进制</option>
|
||||
<option value="34">34进制</option>
|
||||
<option value="35">35进制</option>
|
||||
<option value="36">36进制</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success" onclick="onconvert()">转 换</button>
|
||||
</div>
|
||||
<div class="hex-res">
|
||||
<label for="y" id="ylabel">转换结果：</label>
|
||||
<textarea rows="2" id="y" readonly></textarea>
|
||||
<button type="button" class="btn btn-copy" data-clipboard-target="#y">复制</button>
|
||||
</div>
|
||||
<div class="wwads-cn wwads-horizontal" data-id="308" style="max-width:730px;margin-bottom:20px"></div>
|
||||
<div id="calgroup" class="form-group">
|
||||
<strong>转换过程</strong>
|
||||
<div id="cal" class="form-control">
|
||||
<div id="cal1">
|
||||
<p><span id="b1txt"></span>进制到十进制转换：</p>
|
||||
<p id="cal1txt"></p>
|
||||
</div>
|
||||
<div id="cal2">
|
||||
<p>十进制到<span id="b2txt"></span>进制转换：</p>
|
||||
<p id="cal2dec"></p>
|
||||
<p>除以基数，从余下的数字中得到数字。</p>
|
||||
<table id="cal2tbl" class="table">
|
||||
<thead>
|
||||
<tr><th>除法</th><th>商数</th><th>余数</th><th>数位</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<p id="cal2result"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="note">
|
||||
<h2>在线进制转换器</h2>
|
||||
<p>进制也就是进位计数制，是人为定义的带进位的计数方法，进位制/位置计数法是一种记数方式，故亦称进位记数法/位值计数法，可以用有限的数字符号代表所有的数值。常见的进制有<a href="/decimal/" title="十进制转换器">十进制</a>、<a href="/binary/" title="二进制转换器">二进制</a>、<a href="/octal/" title="八进制转换器">八进制</a>和<a href="/hex/" title="十六进制转换器">十六进制</a>。</p>
|
||||
<p>在线进制转换器可将数字在不同进制之间进行转换的工具，它方便、快速且精确。你无需手动计算或记忆进制转换规则，只需输入数字并选择所需的进制即可。进制转换器是一个非常有用的工具，特别是对于需要频繁进行进制转换的人们来说，它可以大大提高效率。</p>
|
||||
</div>
|
||||
<div class="hex-list">
|
||||
<h3>常用进制转换</h3>
|
||||
<ul>
|
||||
<li><a href="/binary-to-octal/" title="二进制转换成八进制">二进制转八进制</a></li>
|
||||
<li><a href="/octal-to-binary/" title="八进制转换成二进制">八进制转二进制</a></li>
|
||||
<li><a href="/decimal-to-binary/" title="十进制转换成二进制">十进制转二进制</a></li>
|
||||
<li><a href="/hex-to-binary/" title="十六进制转换成二进制">十六进制转二进制</a></li>
|
||||
<li><a href="/binary-to-decimal/" title="二进制转换成十进制">二进制转十进制</a></li>
|
||||
<li><a href="/octal-to-decimal/" title="八进制转换成十进制">八进制转十进制</a></li>
|
||||
<li><a href="/decimal-to-octal/" title="十进制转换成八进制">十进制转八进制</a></li>
|
||||
<li><a href="/hex-to-octal/" title="十六进制转换成八进制">十六进制转八进制</a></li>
|
||||
<li><a href="/binary-to-hex/" title="二进制转换成十六进制">二进制转十六进制</a></li>
|
||||
<li><a href="/octal-to-hex/" title="八进制转换成十六进制">八进制转十六进制</a></li>
|
||||
<li><a href="/decimal-to-hex/" title="十进制转换成十六进制">十进制转十六进制</a></li>
|
||||
<li><a href="/hex-to-decimal/" title="十六进制转换成十进制">十六进制转十进制</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="about">
|
||||
<h3>二、八、十、十六进制转换对照表</h3>
|
||||
<div class="table-row">
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>10进制</th><th>16进制</th><th>2进制</th><th>8进制</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>1</td><td>1</td><td>1</td></tr>
|
||||
<tr><td>2</td><td>2</td><td>10</td><td>2</td></tr>
|
||||
<tr><td>3</td><td>3</td><td>11</td><td>3</td></tr>
|
||||
<tr><td>4</td><td>4</td><td>100</td><td>4</td></tr>
|
||||
<tr><td>5</td><td>5</td><td>101</td><td>5</td></tr>
|
||||
<tr><td>6</td><td>6</td><td>110</td><td>6</td></tr>
|
||||
<tr><td>7</td><td>7</td><td>111</td><td>7</td></tr>
|
||||
<tr><td>8</td><td>8</td><td>1000</td><td>10</td></tr>
|
||||
<tr><td>9</td><td>9</td><td>1001</td><td>11</td></tr>
|
||||
<tr><td>10</td><td>A</td><td>1010</td><td>12</td></tr>
|
||||
<tr><td>11</td><td>B</td><td>1011</td><td>13</td></tr>
|
||||
<tr><td>12</td><td>C</td><td>1100</td><td>14</td></tr>
|
||||
<tr><td>13</td><td>D</td><td>1101</td><td>15</td></tr>
|
||||
<tr><td>14</td><td>E</td><td>1110</td><td>16</td></tr>
|
||||
<tr><td>15</td><td>F</td><td>1111</td><td>17</td></tr>
|
||||
<tr><td>16</td><td>10</td><td>10000</td><td>20</td></tr>
|
||||
<tr><td>17</td><td>11</td><td>10001</td><td>21</td></tr>
|
||||
<tr><td>18</td><td>12</td><td>10010</td><td>22</td></tr>
|
||||
<tr><td>19</td><td>13</td><td>10011</td><td>23</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>10进制</th><th>16进制</th><th>2进制</th><th>8进制</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>20</td><td>14</td><td>10100</td><td>24</td></tr>
|
||||
<tr><td>25</td><td>19</td><td>11001</td><td>31</td></tr>
|
||||
<tr><td>30</td><td>1E</td><td>11110</td><td>36</td></tr>
|
||||
<tr><td>35</td><td>23</td><td>100011</td><td>43</td></tr>
|
||||
<tr><td>40</td><td>28</td><td>101000</td><td>50</td></tr>
|
||||
<tr><td>45</td><td>2D</td><td>101101</td><td>55</td></tr>
|
||||
<tr><td>50</td><td>32</td><td>110010</td><td>62</td></tr>
|
||||
<tr><td>55</td><td>37</td><td>110111</td><td>67</td></tr>
|
||||
<tr><td>60</td><td>3C</td><td>111100</td><td>74</td></tr>
|
||||
<tr><td>65</td><td>41</td><td>1000001</td><td>101</td></tr>
|
||||
<tr><td>70</td><td>46</td><td>1000110</td><td>106</td></tr>
|
||||
<tr><td>75</td><td>4B</td><td>1001011</td><td>113</td></tr>
|
||||
<tr><td>80</td><td>50</td><td>1010000</td><td>120</td></tr>
|
||||
<tr><td>85</td><td>55</td><td>1010101</td><td>125</td></tr>
|
||||
<tr><td>90</td><td>5A</td><td>1011010</td><td>132</td></tr>
|
||||
<tr><td>95</td><td>5F</td><td>1011111</td><td>137</td></tr>
|
||||
<tr><td>100</td><td>64</td><td>1100100</td><td>144</td></tr>
|
||||
<tr><td>150</td><td>96</td><td>10010110</td><td>226</td></tr>
|
||||
<tr><td>200</td><td>C8</td><td>11001000</td><td>310</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side">
|
||||
<div class="post-list">
|
||||
<li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li>
|
||||
<li><a href="https://8jz.cn/wiki/bajinzhi/">什么是八进制？8进位制详解</a></li>
|
||||
<li><a href="https://8jz.cn/wiki/erjinzhi/">什么是二进制？二进制数位是什么意思？</a></li>
|
||||
<li><a href="https://8jz.cn/wiki/shijinzhi/">十进制是什么？十进制的由来|发展|历史</a></li>
|
||||
</div>
|
||||
<div class="post-list">
|
||||
<h3>进制知识</h3>
|
||||
<ul>
|
||||
<li><a href="https://8jz.cn/wiki/12/">0.625转化成二进制(详细转换步骤)</a></li><li><a href="https://8jz.cn/wiki/16jinzhi/">什么是16进制？十六进位制详解</a></li><li><a href="https://8jz.cn/wiki/bajinzhi/">什么是八进制？8进位制详解</a></li><li><a href="https://8jz.cn/wiki/5/">常见的进位制简介及其用途</a></li><li><a href="https://8jz.cn/wiki/erjinzhi/">什么是二进制？二进制数位是什么意思？</a></li><li><a href="https://8jz.cn/wiki/shijinzhi/">十进制是什么？十进制的由来|发展|历史</a></li></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div class="wrap">Copyright © <a href="https://www.8jz.cn/">进制转换器</a> All Rights Reserved. <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2021007814号-3</a></div>
|
||||
</div>
|
||||
<script src="/wp-includes/js/base.js"></script>
|
||||
<script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
|
||||
</body>
|
||||
</html>
|
||||
110
wp-includes/css/style.min.css
vendored
Normal file
110
wp-includes/css/style.min.css
vendored
Normal file
@ -0,0 +1,110 @@
|
||||
html.body,div,header,nav,menu,main,article,aside,footer,ul,li,h1,h2,h3,h4,p,i,b,em,label,input,button,textarea{display:block;margin:0;padding:0;box-sizing:border-box}input[type=submit],input[type=reset],input[type=button],input{resize:none}img{width:auto\9;display:block;-ms-interpolation-mode:bicubic;border:0}button,select{cursor:pointer;transition:all .25s}em,i{font-style:normal}ul{list-style-type:none}html{background:#fff;font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{width:100%;margin:0 auto;font: 400 1.5rem/1.5 Montserrat,Arial,sans-serif;color: #4d5154;font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}a{text-decoration:none;transition:all .2s ease;color: #0fb276;}a:hover{color: #086;text-decoration:underline;}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}input,button{font-family:microsoft yahei;border:0;outline:0}a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.clearfix:after,ul:after{content:".";display:block;height:0;visibility:hidden;clear:both}h1{font-size:3rem}h2{font-size:2rem}
|
||||
textarea,input,button,select{outline:none;font-family:inherit}
|
||||
textarea{resize:vertical;}
|
||||
::-webkit-input-placeholder{color:#c8cbd0;font-size:2.2rem}:-ms-input-placeholder{color:#c8cbd0;font-size:2.2rem}
|
||||
html{/* background: #f7f8fa; */background: #ffffff;}
|
||||
table{border-collapse: collapse;}
|
||||
li{list-style: none;}
|
||||
.wrap{position: relative;width: 1080px;margin:0 auto;}
|
||||
#header{height: 5.4rem;margin:0 0 2rem;background: #fafafa;line-height: 5.1rem;box-shadow: 0 1px 4px rgba(131, 134, 142, .4);}
|
||||
.brand{float:left;margin:0 1rem 0 -.2rem;}
|
||||
.brand a{display:block;height: 4.6rem;padding: 1rem 0 0;line-height: 4.2rem;}
|
||||
.brand svg{width:3.7rem;height: 3.2rem;}
|
||||
.brand path{fill-rule:evenodd;}
|
||||
.brand .cls-1{fill: #0fb276;}
|
||||
.brand .cls-2{fill:#fff;}
|
||||
#header h1,#header h2{font-size:2.2rem;color:#3b3c40;font-weight: 400;}
|
||||
.main{float:left;width: 730px;}
|
||||
@media (max-width:760px){
|
||||
.wrap{width:100%;padding:0 1.8rem}
|
||||
.main{width:100%;float:none;}
|
||||
}
|
||||
|
||||
#hexform{padding:1rem 0;}
|
||||
.enter{position:relative;}
|
||||
.enter label,.hex-res label{padding: 0 0 1rem;font-size: 1.5rem;}
|
||||
.enter input,.hex-res textarea{width:100%;padding:1.6rem 2rem;background:#fff;border-radius: .4rem;font-size:2.2rem;border: 1px solid #c4c6c8;box-shadow: 0px 1px 2px rgba(188, 195, 195, 0.4);}
|
||||
.enter input:hover{border-color:#757677}
|
||||
.enter input:focus{border-color: #0fb276;box-shadow: 0 0 0 3px rgba(15, 178, 118, 0.2);}
|
||||
|
||||
|
||||
.hex-oper {display:flex;padding: 2rem 0;line-height: 5rem;}
|
||||
.hex-row{display:flex;width: 74%;}
|
||||
.hex-select{position:relative;width: 34%;margin-right:2%;background: #fff;border: 1px solid #c4c6c8;border-radius: .4rem;}
|
||||
.hex-select:hover{border-color:#0fb276;background:#e7f9f2}
|
||||
.hex-select span{position:absolute;top: 1.75rem;left:2rem;width: 20%;font-weight: 700;line-height: 1.4rem;}
|
||||
.hex-select select{border:0;width:100%;height: 5rem;padding: 0 2.5rem 0 5rem;font-size:1.5rem;text-align: center;background:transparent;border-radius: .4rem;}
|
||||
|
||||
.hex-oper button{height: 5.2rem;line-height:5rem;}
|
||||
|
||||
.btn-swap{width: 10%;margin-right:2%;background: #fff;font-size:2rem;border-radius: .4rem;border: 1px solid #c4c6c8;}
|
||||
.btn-swap:hover{transform: scaleX(-1);color:#0fb276;}
|
||||
.btn-success{width: 26%;background: #0fb276;color:#fff;border-radius: .4rem;font-size:2rem;font-weight: 700;}
|
||||
.btn-success:hover { background: #16c384;box-shadow: 0 2px 8px rgba(15, 178, 118, 0.2);}
|
||||
.hex-res{position:relative;}
|
||||
.hex-res textarea{background: #f6f8f9;}
|
||||
.btn-copy{position:absolute;right:0;bottom: 0;height: 3.4rem;padding: 0 1.6rem;border-radius: .4rem 0;background: #f9fbfc;border: 1px solid #c4c6c8;}
|
||||
.btn-copy:hover{ background: #0fb276;border-color:#0fb276;color:#fff;}
|
||||
@media (max-width:760px){
|
||||
.hex-oper {display:block;padding: 2rem 0;line-height: 5rem;}
|
||||
.hex-row{width:100%;}
|
||||
.hex-select{width:40%;}
|
||||
.to_hex.hex-select{margin-right:0;}
|
||||
.btn-swap{width:16%;}
|
||||
.btn-success{width:100%;margin-top: 2rem;}
|
||||
}
|
||||
|
||||
#calgroup{background: #f3fff9;margin-top:2rem;padding: 2rem;border-radius: .4rem;border: 1px solid #0fb276;}
|
||||
#calgroup h3{text-align:center;font-size:2rem;color: #182;}
|
||||
#cal1+div{border-top: 1px dashed #0fb276;}
|
||||
#calgroup p{padding:.5rem 0;}
|
||||
#calgroup #cal div{padding:1rem 0;}
|
||||
#calgroup div p:first-child{font-weight:700}
|
||||
#calgroup table{min-width:60%;margin-top:1rem}
|
||||
#calgroup table th{padding: 1rem;background: #d2f3e4;border-bottom: 1px dashed #0fb276;text-align: left;}
|
||||
#calgroup table td{padding:1rem;border-bottom:1px dashed #89a58f}
|
||||
p#cal2result{padding:1rem;font-weight:700;}
|
||||
|
||||
.about table{width:100%;margin:1rem 0;line-height:4.4rem}
|
||||
.about table td{border: 1px solid #e5eaec;text-align:center;font-size:1.8rem;}
|
||||
.about table tr:nth-child(odd){background: #f6f8f9;}
|
||||
.about table tr:hover{background: #f7f8f9;color:#0fb276;font-weight:700}
|
||||
.about table th{background: #0fb276;border: 1px solid #22a574;color:#fff;}
|
||||
.table-row{display:flex;justify-content:space-between;}
|
||||
.table-row table{width:49%}
|
||||
@media (max-width:760px){
|
||||
.table-row{display:block;}
|
||||
.table-row table{width:100%}
|
||||
}
|
||||
.side{width: 300px;float:right;}
|
||||
.note h2,.hex-list h3,.about h3,.side h3{padding: 1.5rem 0;font-size:1.7rem;font-weight:600;}
|
||||
.side h3{font-weight:400;color: #737678;}
|
||||
.note p{padding:1rem 0;}
|
||||
.hex-list ul{margin: 0 -.5rem;padding:1rem 0;}
|
||||
.hex-list li{float: left;width: 25%;padding:.5rem;text-align: center;line-height: 4.6rem;font-size: 1.5rem;}
|
||||
.hex-list li a{display:block;border-radius: .3rem;/* color: #2A4; */border: 1px solid #0fb276;}
|
||||
.side .hex-list li{width:50%;}
|
||||
.post-list li{position:relative;padding-left:1.5rem;line-height:3.6rem;}
|
||||
.post-list li::before {content: '';display: block;position:absolute;left:0;top: 50%;width: .4rem;height: .4rem;/* border-radius:100%; */background: #abacaf;margin-top: -.2rem;}
|
||||
@media (max-width:760px){
|
||||
.side{width: 100%;float:none;padding:1rem 0 0;}
|
||||
.post-list{padding:2rem;margin-top:1rem;border:1px solid #e8e9ea;}
|
||||
.post-list h3{padding: 0 0 1.2rem;}
|
||||
.hex-list li{width: 50%;}
|
||||
}
|
||||
|
||||
|
||||
.post-item .item{border-bottom:1px dashed #e1e2e4;padding:1.5rem 0;}
|
||||
.page-navigator{display:flex;justify-content:center;padding:2rem 0;}
|
||||
.page-navigator li{padding:0 .4rem;}
|
||||
.page-navigator a{display:block;padding:1rem 1.8rem;border:1px solid #2a4;border-radius:.4rem;}
|
||||
.page-navigator a:hover,.page-navigator .current a{background:#2a4;color:#fff;}
|
||||
.page-navigator .current a{font-weight:700;}
|
||||
article h1{font-size:3rem;padding:1rem 0 2rem;border-bottom:1px solid #ebeced;}
|
||||
article .content{font-size:1.7rem;line-height:1.8em;padding:1rem 0 2rem}
|
||||
.content div,.content p{padding:1.5rem 0;}
|
||||
.content ol{padding: 0 0 0 2rem;margin: 0;}
|
||||
.content li{display:list-item;list-style: decimal;padding: 1rem .5rem;}
|
||||
.post-near{color:#7d7e82;border-top:1px solid #ebeced;padding: 2rem 0;line-height:4rem;}
|
||||
#footer{background: #f9fafa;margin:2rem 0 0;padding:4rem;text-align:center;font-size:1.4rem;color:#888;}
|
||||
#footer a{color:#888}
|
||||
10
wp-includes/js/base.js
Normal file
10
wp-includes/js/base.js
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user