summaryrefslogtreecommitdiff
path: root/rannak/mangud/partorg/plakat/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'rannak/mangud/partorg/plakat/styles.css')
-rw-r--r--rannak/mangud/partorg/plakat/styles.css64
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;
}