paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 2889a20fe8439809ade17950ab07175f040bda0d
parent bf8df89f67829e47665e44363471b71bf2a3c21c
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Mon, 15 Apr 2019 02:09:54 -0400

Add initial rules for initiative page

Diffstat:
Mbuild/base.css | 75++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 74 insertions(+), 1 deletion(-)

diff --git a/build/base.css b/build/base.css @@ -144,8 +144,9 @@ ul.inline { padding-left: 10px; font-size: 1em; } - +/* ====================== */ /* roll.html specific css */ +/* ====================== */ #dice-table { float: left; @@ -197,6 +198,75 @@ ul.inline { height: 1.5em; } +/* ========================== */ +/* End roll.html specific css */ +/* ========================== */ + +/* ============================ */ +/* initiative.html specific css */ +/* ============================ */ + +.initiative-list { + width: 40%; + padding: 1em; +} + +.initiative-div { + border-radius: 50px; + background-color: #585858; + margin-top: 10px; + padding-bottom: 3px; +} + +.initiative-div > * { + display: inline-block; +} + +.in-name { + font-weight: bold; + width: 50%; + margin-right: 5px; +} + +.in-val { + margin-right: 15px; + position: relative; + left: 25px; +} + +.in-rem-btn, .in-edit-btn { + border-radius: 30px; + position: relative; +} + +.in-rem-btn { + left: 20px; +} + +.in-edit-btn { + left: 15px; +} + +.red-x { + color: darkred; +} + +.green-pencil { + color: green; +} + +#add-char { + margin: 10px auto auto 20%; +} + +#add-char > button { + margin: 5px 0 0 0; +} + +/* =============================== */ +/* End initative.html specific css */ +/* =============================== */ + /* Ensure proper scaling with differently-sized displays */ @media all and (max-width: 800px) { #side-bar { @@ -216,6 +286,9 @@ ul.inline { max-width: 100%; padding-right: 0; } + .initiative-list { + width: 90%; + } } @media all and (max-width: 550px) {