diff --git a/index.html b/index.html index 1fc95b5..b3a747f 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@ 中国亲戚关系计算器 - + +

由于工作生活节奏不同,如今很多关系稍疏远的亲戚之间来往并不多。因此放假回家过年时,往往会搞不清楚哪位亲戚应该喊什么称呼,很是尴尬。然而搞不清亲戚关系和亲戚称谓的不仅是小孩,就连年轻一代的大人也都常常模糊混乱。

“中国亲戚关系计算器”为你避免了这种尴尬,只需简单的输入即可算出称谓。输入框兼容了不同的叫法,你可以称呼父亲为:“老爸”、“爹地”、“老爷子”等等,方面不同地域的习惯叫法。

diff --git a/style/index.css b/style/index.css index 2ebfacc..c947cc4 100644 --- a/style/index.css +++ b/style/index.css @@ -264,6 +264,41 @@ a:hover{ .mod-panel .intro p.a{ color: #666; } +.mod-panel table { + width: 100%; + border: 1px solid #cee1ee; + border-collapse: collapse; + border-spacing: 0; +} +.mod-panel tr { + border-bottom: 1px solid #cee1ee; + line-height: 24px; + font-size: 13px; +} +.mod-panel tr td { + word-break: break-all; + word-wrap: break-word; + padding: 5px 10px; + font-weight: normal; +} +.mod-panel tr p.name{ + font-size: 15px; + font-weight: bold; +} +.mod-panel tr .download{ + display: inline-block; + padding: 0 15px; + background: #32ccc8; + color: #fff; + line-height: 32px; + font-size: 13px; + text-align: center; + border-radius: 3px; + text-decoration: none; +} +.mod-panel tr .download:hover{ + background: #2e9e9b; +} .mod-qrcode{ position: fixed; @@ -319,6 +354,10 @@ a:hover{ margin-bottom: 5px; line-height: 24px; } + .mod-panel .banner{ + display: none; + } + .mod-qrcode{ position: static; margin-bottom: 10px;