devilbox/.devilbox/www/htdocs/assets/css/custom.css

114 lines
1.9 KiB
CSS

/* Bootstrap overwrites
-------------------------------------------------- */
html, body {
font-size: 14px;
}
td {
word-break: break-word;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 80px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
/* Circle Box
-------------------------------------------------- */
.circles{
margin:0px auto;
}
.circles > div {
overflow:hidden;
float:left;
width:auto;
height:auto;
position: relative;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius: 50%;
background:#eee;
}
.circles > div > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.circles > div > div > div {
display: table;
width: 100%;
height: 100%;
}
.circles > div > div > div > div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media (max-width: 320px)
{
.circles > div {padding: 50%;}
}
@media (min-width: 321px) and (max-width: 800px)
{
.circles > div {padding: 50%;}
}
@media (min-width: 801px)
{
.circles > div {padding: 40%;}
}
/* Overwrites for PHPinfo();
-------------------------------------------------- */
a.navbar-brand {
background-color: transparent !important;
}
a.nav-link {
background-color: transparent !important;
}
img.d-inline-block {
float: none;
}
nav.navbar {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #373a3c;
background-color: #fff;
}
/* mailphp;
-------------------------------------------------- */
tr.subject {
cursor: pointer;
}