From 50db84558a0f50fac2816c413be7ce9e1d2ef84d Mon Sep 17 00:00:00 2001 From: bluesaxman Date: Tue, 19 May 2020 14:46:00 -0600 Subject: [PATCH] added basic UI elements --- css.css | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 20 +++++++++++++ 2 files changed, 104 insertions(+) create mode 100644 css.css diff --git a/css.css b/css.css new file mode 100644 index 0000000..ce21cf0 --- /dev/null +++ b/css.css @@ -0,0 +1,84 @@ +*|* { + margin:0; + padding:0; +} + +body { + display: flex; + flex-direction: column; + justify-content:center; + align-items:center; +} + +#disc { + display:block; + width:80%; + min-height:60%; + text-align:center; +} + +#menu { + display:flex; + justify-content: space-around; + align-items: center; + width:100%; +} + +.library { + background: rgba(200,200,200,1); + text-align:left; + margin:5px 5px -15px 5px; + padding:5px 5px 20px 5px; + min-height:10%; + border:solid 1px rgba(140,140,140,1); + border-radius:10px 10px 0px 0px; +} + +.button { + display: inline-block; + background: rgba(150,150,150,0.7); + user-select: none; + margin:1px; + padding:2px; + border:solid 1px rgba(90,90,90,0.5); + border-radius:5px; + cursor:pointer; +} + +.button:hover { + background: rgba(140,140,140,1); + margin:0px; + padding:3px; + transition:0.2s; +} + +.dialog_back { + position:absolute; + display:flex; + justify-content:center; + align-items:center; + top:0; + left:0; + width:100%; + height:100%; + background: rgba(0,0,0,0.7); +} + +.dialog_window { + display:flex; + flex-direction:column; + background: rgba(255,255,255,1); + border-radius:5px; +} + +.dialog_title { + display: flex; + align-items: center; + justify-content: space-between; + background: rgba(0,0,0,0.3); + padding: 0px 0px 0px 5px; +} + +.dialog_content { + padding: 5px; +} diff --git a/index.html b/index.html index 2d11f88..637c5ac 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,28 @@ Deckcard + + Welcome to Deckcard +