g/familyARK
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More styles

Browse Source
This commit is contained in:
Gustavo Adolfo Mesa Roldán
2020-03-30 18:28:18 +02:00
parent b3e7a5743f
commit 4f2a08fc03
8 changed files with 51 additions and 1408 deletions
Download Patch File Download Diff File Expand all files Collapse all files
familyark/app/public/css/Treant.css
-11
View File
@@ -1,11 +0,0 @@
/* required LIB STYLES */
/* .Treant se automatski dodaje na svaki chart conatiner */
.Treant { position: relative; overflow: hidden; padding: 0 !important; }
.Treant > .node,
.Treant > .pseudo { position: absolute; display: block; visibility: hidden; }
.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo { visibility: visible; }
.Treant > .pseudo { width: 0; height: 0; border: none; padding: 0; }
.Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer; }
.Treant .collapsed .collapse-switch { background-color: #868DEE; }
.Treant > .node img { border: none; float: left; }
familyark/app/public/css/main.css
+43 -13
View File
@@ -12,6 +12,7 @@ body{
overflow-y:scroll;
color: white;
font-family: ark;
text-shadow: 0px 0px 1px #000;
}
body>div:first-child {
@@ -19,12 +20,10 @@ body>div:first-child {
}
#menu{
background: rgba(0, 153, 153, 0.6);
width: 150px;
float: left;
padding-top: 25px;
padding-bottom: 25px;
border: 2px solid rgb(0, 153, 153);
position: fixed;
margin: 15px;
}
@@ -35,8 +34,9 @@ body>div:first-child {
font-weight: bold;
}
#menu h4 a span, h1 span, .black{
#menu h4 a span, h1 span, .black, #menu li a:hover, #menu h4 a:hover{
color: black;
text-shadow: 0 0px 4px #FFF, 0 0px 10px #ff0, 0 0px 20px #ff8000, 0 -0px 40px #F00;
}
h2{
@@ -44,12 +44,13 @@ h2{
}
#menu li a:hover, #menu h4 a:hover{
cursor: pointer;
color: black;
cursor: pointer;
}
#menu li a:hover span, #menu h4 a:hover span{
#menu li a:hover span, #menu h4 a:hover span, a.black:hover{
color: white;
text-shadow: none;
text-decoration: none;
}
#menu li a{
@@ -60,16 +61,20 @@ h2{
text-align: center;
}
#body{
#menu, #body{
background: rgba(0, 0, 0, 0.5);
border: 2px solid rgb(0, 0, 0);
}
#body{
width: calc(100vw - 210px);
min-height: 518px;
margin: 15px;;
padding-left: 25px;
padding-right: 25px;
padding-top: 50px;
padding-bottom: 50px;
border: 2px solid rgb(0, 153, 153);
padding-bottom: 50px;
position: absolute;
right: 0;
}
@@ -80,11 +85,11 @@ h2{
table.dataTable tbody tr{
background-color: rgba(0, 153, 153, 0.7) !important;
background-color: rgba(0, 0, 0, 0.9) !important;
}
table.dataTable tbody tr:nth-child(2n){
background-color: rgba(0, 153, 153, 0.5) !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
@@ -130,7 +135,7 @@ table.info{
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 153, 153);
background-color: rgba(0, 0, 0);
}
#load img{
@@ -139,4 +144,29 @@ table.info{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
}
.btn-circle.btn-sm {
width: 30px;
height: 30px;
padding: 6px 0px;
border-radius: 15px;
font-size: 8px;
text-align: center;
}
.btn-circle.btn-md {
width: 50px;
height: 50px;
padding: 7px 10px;
border-radius: 25px;
font-size: 10px;
text-align: center;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 12px;
text-align: center;
}