diff options
Diffstat (limited to 'rannak/mangud/partorg/plakat/styles.css')
-rw-r--r-- | rannak/mangud/partorg/plakat/styles.css | 64 |
1 files changed, 37 insertions, 27 deletions
diff --git a/rannak/mangud/partorg/plakat/styles.css b/rannak/mangud/partorg/plakat/styles.css index 67f8bbe..b2405f9 100644 --- a/rannak/mangud/partorg/plakat/styles.css +++ b/rannak/mangud/partorg/plakat/styles.css @@ -28,7 +28,9 @@ button:disabled{ cursor: not-allowed; } - +input[type=text] { + width: 100%; +} @@ -48,11 +50,6 @@ button:disabled{ - -.closeModalButton { - border-radius: 50px; -} - .modalButton{ display: inline-block; padding: 6px 12px; @@ -89,20 +86,27 @@ button:disabled{ justify-content: center; } -.plakatWrapper, .innerWrapper{ - width: 48%; -} -.innerWrapper{ - padding: 2rem; +.plakatWrapper{ + width: 60%; + overflow-wrap: break-word; + position: relative; + overflow: hidden; + clear: both; +} + +.inputWrapper{ + padding-left: 2rem; display: flex; flex-direction: column; - justify-content: center; + justify-content: right; align-items: center; } + + /* Input stuff*/ select{ @@ -112,7 +116,6 @@ select{ label{ padding: 1rem; - padding-top: 4rem; font-size: 1.2rem; } @@ -121,11 +124,11 @@ input { width: 75%; } -.innerWrapper button { +.inputWrapper button { margin-top: 1rem; } -.innerWrapper button { +.inputWrapper button { background-color: #596B6E; border: none; border-radius: 4px; @@ -135,9 +138,21 @@ input { } +.inputWrapper button:disabled { + cursor: not-allowed; + opacity: 0.5; +} +select:disabled{cursor: not-allowed} +input:disabled{ + cursor: not-allowed + opacity: 0.5; +} +.reset{ + background-color: red !important; +} @@ -145,8 +160,8 @@ input { .stalin { background: url("img/stalin.jpg") no-repeat center; - background-size: 100%; - font-size: 2rem; + background-size: 100% 100%; + font-size: 1rem; text-align: center; color: black; } @@ -154,8 +169,8 @@ input { .veekogud { background: url("img/veekogud.jpg") no-repeat center; - background-size: 100%; - font-size: 2rem; + background-size: 100% 100%; + font-size: 1rem; text-align: center; color: black; } @@ -164,7 +179,7 @@ input { .malev { background: url("img/malev.jpg") no-repeat center; background-size: 100% 100%; - font-size: 2rem; + font-size: 1rem; text-align: center; color: black; } @@ -173,7 +188,7 @@ input { .viisAastak { background: url("img/viisAastak.jpg") no-repeat center; background-size: 100% 100%; - font-size: 2rem; + font-size: 1rem; text-align: center; color: black; } @@ -182,12 +197,7 @@ input { height: 78vh; } -.plakatWrapper{ - position: relative; - overflow: hidden; - clear: both; -} -.addedText { +.addedText, .oldAddedText { position: absolute; } |