summaryrefslogtreecommitdiff
path: root/rannak/mangud/uliopilane/utlused/css
diff options
context:
space:
mode:
authorRasmus Luha <rasmus.luha@gmail.com>2023-01-10 15:55:53 +0200
committerRasmus Luha <rasmus.luha@gmail.com>2023-01-10 15:55:53 +0200
commite5070eb88e0cb127df14f1c53e4962d3919e76de (patch)
tree436ecdf99a3749791b2c94816d074d326e189c49 /rannak/mangud/uliopilane/utlused/css
parent306d47eab4580856134ea3e4c4d46ba803dfd8d7 (diff)
add Avatar to modals
Diffstat (limited to 'rannak/mangud/uliopilane/utlused/css')
-rw-r--r--rannak/mangud/uliopilane/utlused/css/utlused.css159
1 files changed, 0 insertions, 159 deletions
diff --git a/rannak/mangud/uliopilane/utlused/css/utlused.css b/rannak/mangud/uliopilane/utlused/css/utlused.css
deleted file mode 100644
index f4a3728..0000000
--- a/rannak/mangud/uliopilane/utlused/css/utlused.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/* Mäng ise */
-@import url('https://fonts.googleapis.com/css?family=Montserrat');
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-body {
- font-family: 'Montserrat', sans-serif;
- background-color: #eee;
- color: #111;
- touch-action: none;
-}
-
-.moveOn{
- display: inline-block;
- border: none;
- padding: 6px 12px;
- margin-left: 11%;
- font-size: 1rem;
- font-weight: normal;
- text-align: center;
- cursor: pointer;
- border-radius: 4px;
- background-color: #4BB543;
- color: white;
-}
-
-button:disabled{
- opacity: 0.5;
- cursor: not-allowed;
-}
-
-
-/* Modal Stuff */
-
-
-.closeModalButton {
- border-radius: 50px;
-}
-
-.modalButton{
- position: absolute;
- top: 0;
- right: 0;
- padding: 25px !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;
- margin: 3% !important;
- font-size: 1.05rem !important;
- max-width: 10% !important;
-}
-
-.modalButton:hover{
- background-color: rgba(0,136,169,0.8) !important;
-}
-
-
-
-
-/* later added stuff here */
-
-.wrapper {
- border-bottom: 3px solid gray;
- position: relative;
- display: flex;
- flex-wrap: wrap;
-}
-
-.empty {
- width: 7rem;
- height: 7rem;
-}
-
-.drag {
- position: absolute;
- width: 7rem;
- height: 7rem;
- z-index: 1;
-}
-
-.active {
- background-color: grey !important;
-}
-
-.done {
- background-color: green !important;
-}
-
-/* end of later added stuff */
-
-
-.draggable-elements {
- display: flex;
- justify-content: center;
- margin: 2rem;
-}
-.draggable {
- height: 5rem;
- width: 5rem;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 1.5rem;
- margin: 0rem 1rem;
- cursor: move;
- transition: opacity 0.2s;
-}
-
-.droppable {
- height: 10rem;
- width: 25rem;
- margin: 1rem auto;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- text-align: center;
- font-size: 8rem;
- font-weight: bold;
- background-color: #fff;
- border: 3px dashed #111;
- transition: border-width 0.2s, transform 0.2s, background-color 0.4s;
-}
-.droppable span {
- font-size: 1.25rem;
- pointer-events: none; /* The element is never the target of pointer events */
-}
-
-/* Drag and Drop Related Styling */
-
-.droppable.droppable-hover {
- /* background-color: #bee3f0; */
- border-width: 5px;
- transform: scale(1.1);
-}
-.droppable.dropped {
- border-style: solid;
- color: #fff;
-}
-.droppable.dropped span {
- font-weight: bolder;
- margin-top: 0.5rem;
-}
-.droppable.dropped i {
- pointer-events: none;
-}
-.draggable.dragged {
- user-select: none;
- cursor: default;
-}
-.draggable.dragged:hover {
- opacity: 0.1;
-}