diff options
Diffstat (limited to 'rannak/mangud/uliopilane/tSark/style.css')
-rw-r--r-- | rannak/mangud/uliopilane/tSark/style.css | 80 |
1 files changed, 57 insertions, 23 deletions
diff --git a/rannak/mangud/uliopilane/tSark/style.css b/rannak/mangud/uliopilane/tSark/style.css index 1179fb0..fd6c352 100644 --- a/rannak/mangud/uliopilane/tSark/style.css +++ b/rannak/mangud/uliopilane/tSark/style.css @@ -1,10 +1,15 @@ body{ - background-color: #FADFCA !important; + background-color: #FADFCA; box-sizing: border-box; margin: 0; padding: 0; } +h1{ + color: #4169E1; + font-weight: bold; +} + .containeraa { width: 100%; height: 100vh; @@ -19,10 +24,13 @@ body{ height: 100vh; text-align: center; background-color: #544B44; + overflow: scroll; + overflow-x: hidden } + /* Move on Button */ button:disabled{ @@ -58,25 +66,31 @@ button:disabled{ padding-top: 7px; } +.kuiEiLeiaTeksti {font-size: .87rem;} + + + + + /* Modal Stuff */ .avatar { border-radius: 20px; - width: 100% !important; - max-width: 15rem !important; + width: 100%; + max-width: 15rem; } .modalHeaderWrapper{ text-align: center; - margin: 0 !important; - width: 100% !important; + margin: 0; + width: 100%; } .modal{ - color: black !important; + color: black; } .closeModalButton { @@ -84,29 +98,45 @@ button:disabled{ } .modalButton{ - padding: 5px !important; - margin-left: 30px !important; - margin-top: 3px !important; - background-color: rgba(0,136,169,1) !important; - border: none !important; - border-radius: 50px !important; - cursor: pointer !important; - transition: all 0.3 ease 0 !important; - font-size: 1.1rem !important; + padding: 5px; + margin-left: 30px; + margin-top: 3px; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + font-size: 1.1rem; } .modalButton:hover{ - background-color: rgba(0,136,169,0.8) !important; + background-color: rgba(0,136,169,0.8); } + + + + +/* Clipping for text overflow */ + +g { + clip-path: url(#clip1); +} + /* Svg stuff*/ +path { + maring: 0; + padding: 0; +} + svg { - width: 100% !important; - height: 100% !important; + width: 100%; + height: 100%; + overflow: hidden; } #sark { @@ -149,16 +179,20 @@ svg { text-align: center; } +.muutused h4 { + padding-top: .5rem; +} + .fileUpload { - margin-top: 5px; + margin-top: 2px; } .textPos, .nulliBtn{ - margin-top: 10px; + margin-top: 5px; } .textAddWrapper{ - margin: 10px; + margin: 5px; } .textAddWrapper *{ @@ -170,7 +204,7 @@ svg { } .nulliBtn { - background-color: red !important; + background-color: red; } .textAddWrapper button { @@ -179,7 +213,7 @@ svg { border-radius: 4px; font-size:1.3rem; color:white; - padding: 10px; + padding: 5px; margin: 0 2px; } |