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

108 lines
1.8 KiB
CSS
Raw Normal View History

2016-10-22 15:38:21 +00:00
/* Bootstrap overwrites
2016-10-22 14:39:08 +00:00
-------------------------------------------------- */
2016-10-22 15:38:21 +00:00
html, body {
font-size: 14px;
}
2016-10-22 14:39:08 +00:00
td {
2016-10-09 16:47:49 +00:00
word-break: break-all;
}
2016-10-22 14:39:08 +00:00
/* Sticky footer styles
-------------------------------------------------- */
html {
2016-10-09 16:47:49 +00:00
position: relative;
2016-10-22 14:39:08 +00:00
min-height: 100%;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
body {
/* Margin bottom by footer height */
margin-bottom: 80px;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
.footer {
2016-10-09 16:47:49 +00:00
position: absolute;
2016-10-22 14:39:08 +00:00
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
/* Circle Box
-------------------------------------------------- */
2016-10-09 16:47:49 +00:00
2016-10-22 14:39:08 +00:00
.circles{
margin:0px auto;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
.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;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
.circles > div > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
2016-10-22 14:39:08 +00:00
.circles > div > div > div {
display: table;
width: 100%;
height: 100%;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
.circles > div > div > div > div {
display: table-cell;
text-align: center;
vertical-align: middle;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
@media (max-width: 320px)
{
.circles > div {padding: 50%;}
}
2016-10-22 14:39:08 +00:00
@media (min-width: 321px) and (max-width: 800px)
{
.circles > div {padding: 50%;}
}
2016-10-22 14:39:08 +00:00
@media (min-width: 801px)
{
.circles > div {padding: 40%;}
}
2016-10-22 14:39:08 +00:00
/* Overwrites for PHPinfo();
-------------------------------------------------- */
2016-10-09 16:47:49 +00:00
a.navbar-brand {
background-color: transparent !important;
}
2016-10-22 14:39:08 +00:00
a.nav-link {
background-color: transparent !important;
}
img.d-inline-block {
float: none;
2016-10-09 16:47:49 +00:00
}
2016-10-22 14:39:08 +00:00
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;
2016-10-22 15:38:21 +00:00
}