T259 stylesheets divided

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;
+}

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;

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;