From 9695e2090bd9cfd7e03cd796236a3b90b4c1cd6f Mon Sep 17 00:00:00 2001 From: modzeleg Date: Fri, 16 Apr 2021 16:53:11 +0200 Subject: [PATCH] T259 stylesheets divided --- new_css/r11addons.css | 59 +++++++++++++++++++++++++++++++ new_css/r11buttons.css | 0 new_css/r11tables.css | 20 +++++++++++ new_css/r11tool.css | 80 ------------------------------------------ 4 files changed, 79 insertions(+), 80 deletions(-) create mode 100644 new_css/r11addons.css delete mode 100644 new_css/r11buttons.css diff --git a/new_css/r11addons.css b/new_css/r11addons.css new file mode 100644 index 0000000..afb4425 --- /dev/null +++ b/new_css/r11addons.css @@ -0,0 +1,59 @@ +.modification-button.btn-tile:hover { + color: #ca1111; +} + +.modification-button.btn-tile { + width: 10%; + margin: 20% 0 0 0; + font-size: 14px; + color: #00000020 +} + +.modification-button.btn-addtile { + font-size: 38px; + color: #00000030; +} + +.modification-button.btn-addtile:hover { + color: #58ac43; +} + +.tile { + width: 100%; + padding-top: 40%; + border: 1px solid gray; + border-radius: 3px; + position: relative; + background: #f0f0f095; + margin-bottom: 10px; + cursor: default; +} + +.tile:hover { + filter: brightness(110%); +} + +.tile.active { + background: #00000070; + color: white; + filter: none; +} + +.tile.active .btn-tile { + opacity: 0; +} + +.tile .content { + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + padding: 0 2% 0 7%; + display: flex; +} + +.content p { + margin: 0; + padding: 0; +} diff --git a/new_css/r11buttons.css b/new_css/r11buttons.css deleted file mode 100644 index e69de29..0000000 diff --git a/new_css/r11tables.css b/new_css/r11tables.css index 21a2968..0a680ab 100644 --- a/new_css/r11tables.css +++ b/new_css/r11tables.css @@ -13,6 +13,26 @@ background: #f0f0f0; } +.modification-button.btn-add { + font-size: 16px; + color: #00000030; + margin: auto 0 auto 0; +} + +.modification-button.btn-add:hover { + color:#58ac43; +} + +.modification-button.btn-hashmap { + font-size: 16px; + color: #00000030; + margin: auto 0 auto 0; +} + +.modification-button.btn-hashmap:hover { + color: #ca1111; +} + .table-default { width: 80%; border-collapse: collapse; diff --git a/new_css/r11tool.css b/new_css/r11tool.css index f7caa73..6075ae2 100644 --- a/new_css/r11tool.css +++ b/new_css/r11tool.css @@ -98,81 +98,6 @@ body { font-weight: 300; } -.modification-button.btn-add { - font-size: 16px; - color: #00000030; - margin: auto 0 auto 0; -} - -.modification-button.btn-add:hover { - color:#58ac43; -} - -.modification-button.btn-tile:hover { - color: #ca1111; -} - -.modification-button.btn-hashmap { - font-size: 16px; - color: #00000030; - margin: auto 0 auto 0; -} - -.modification-button.btn-hashmap:hover { - color: #ca1111; -} - -.modification-button.btn-tile { - width: 10%; - margin: 20% 0 0 0; - font-size: 14px; - color: #00000020 -} - -.modification-button.btn-addtile { - font-size: 38px; - color: #00000030; -} - -.modification-button.btn-addtile:hover { - color: #58ac43; -} - -.tile { - width: 100%; - padding-top: 40%; - border: 1px solid gray; - border-radius: 3px; - position: relative; - background: #f0f0f095; - margin-bottom: 10px; - cursor: default; -} - -.tile:hover { - filter: brightness(110%); -} - -.tile.active { - background: #00000070; - color: white; - filter: none; -} - -.tile.active .btn-tile { - opacity: 0; -} - -.tile .content { - position: absolute; - left: 0; - top: 0; - bottom: 0; - right: 0; - padding: 0 2% 0 7%; - display: flex; -} - .text-aligned-to-right { text-align: right; } @@ -193,11 +118,6 @@ body { justify-content: space-evenly; } -.content p { - margin: 0; - padding: 0; -} - .float-left { display: flex; justify-content: left;