R11/toolcss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

T259 stylesheets divided

Browse Source
This commit is contained in:
Gabriel Modzelewski
2021-04-16 16:53:11 +02:00
parent 6255032cc6
commit 9695e2090b
4 changed files with 79 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
new_css/r11addons.css Normal file
View File

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

0
new_css/r11buttons.css
View File

20
new_css/r11tables.css
View File

@@ -13,6 +13,26 @@
background: #f0f0f0; 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 { .table-default {
width: 80%; width: 80%;
border-collapse: collapse; border-collapse: collapse;

80
new_css/r11tool.css
View File

@@ -98,81 +98,6 @@ body {
font-weight: 300; 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-aligned-to-right {
text-align: right; text-align: right;
} }
@@ -193,11 +118,6 @@ body {
justify-content: space-evenly; justify-content: space-evenly;
} }
.content p {
margin: 0;
padding: 0;
}
.float-left { .float-left {
display: flex; display: flex;
justify-content: left; justify-content: left;