From 903b9b1f68324e32e0212e19262c069c157e1f9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= Date: Mon, 12 Oct 2020 21:37:56 +0800 Subject: [PATCH] =?UTF-8?q?=E5=BF=98=E8=AE=B0=E9=99=84=E5=B8=A6CSS?= =?UTF-8?q?=E4=BA=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) diff --git a/style.css b/style.css index d5292841..c9d0b679 100644 --- a/style.css +++ b/style.css @@ -1812,4 +1812,121 @@ ul{ stroke-linecap: round; stroke-width: 5; stroke-dasharray: 10; +} + +/*面板相关*/ +.board +{ + cursor: pointer; +} +.board td +{ + width: 20px; + height: 20px; + border: 1px black solid; + border-radius: 50%; + padding: 0; + text-align: center; +} +.board td::before +{ + font-size: 13px; + line-height: 13px; + display: block; + max-height: 100%; + max-width: 100%; +} +.board .orb-0 +{ /*火*/ + background-color: #ef3535; +} +.board .orb-0::before +{ + content: "🔥"; +} +.board .orb-1 +{ /*水*/ + background-color: #258bed; +} +.board .orb-1::before +{ + content: "🌊"; +} +.board .orb-2 +{ /*木*/ + background-color: #28c031; +} +.board .orb-2::before +{ + content: "🍃"; +} +.board .orb-3 +{ /*光*/ + background-color: #eded29; +} +.board .orb-3::before +{ + content: "🌞"; +} +.board .orb-4 +{ /*暗*/ + background-color: #972ecb; +} +.board .orb-4::before +{ + content: "🦇"; +} +.board .orb-5 +{ /*心*/ + background-color: #f8baba; + border-radius: 3px; +} +.board .orb-5::before +{ + content: "💗"; +} +.board .orb-6 +{ /*废*/ + background-color: #d3d3d3; +} +.board .orb-6::before +{ + content: "😈"; +} +.board .orb-7 +{ /*毒*/ + background-color: #e831f3; +} +.board .orb-7::before +{ + content: "💀"; +} +.board .orb-8 +{ /*剧毒*/ + background-color: #670181; +} +.board .orb-8::before +{ + content: "☠️"; +} +.board .orb-9 +{ /*炸弹*/ + background-color: #7c7c7c; +} +.board .orb-9::before +{ + content: "💣"; +} +.board .board-row4, +.board .board-cell5 +{ + display: none; +} +.board-76 .board-row4 +{ + display: table-row; +} +.board-76 .board-cell5 +{ + display: table-cell; } \ No newline at end of file