/* Move down content because we have a fixed navbar that is 50px tall */ body { padding-top: 50px; padding-bottom: 20px; background: url('../images/Condomini_01.jpeg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* Wrapping element */ /* Set some basic padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; font-size: 0.7em; } /* gestione icone */ .icona { font-size: 2em; } .titolo { font-size: 1.2em; font-weight: bold; } /* Paginazione table */ /*bs4-aspnet-pager*/ .bs4-aspnet-pager a, .bs4-aspnet-pager span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .bs4-aspnet-pager span { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .bs4-aspnet-pager tr > td:first-child > a, .bs4-aspnet-pager tr > td:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .bs4-aspnet-pager tr > td:last-child > a, .bs4-aspnet-pager tr > td:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bs4-aspnet-pager a:hover, .bs4-aspnet-pager span:hover, .bs4-aspnet-pager a:focus, .bs4-aspnet-pager span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .bs4-aspnet-pager td { padding: 0; } /*end bs4-aspnet-pager */ .status-row-text { font-size: 0.5em; } .nav-footer { font-size: 0.4em; } .table th, .table td { padding: 0.10rem; } /* Responsive: Portrait tablets and up */ @media screen and (min-width: 426px) { .jumbotron { margin-top: 20px; } .body-content { padding: 0; font-size: 0.7em; } .navbar-nav { font-size: 0.7em; } .nav-footer { font-size: 0.6em; } .status-row-text { font-size: 0.55em; } .table th, .table td { padding: 0.15rem; } } @media screen and (min-width: 768px) { .jumbotron { margin-top: 20px; } .body-content { padding: 0; font-size: 0.8em; } .navbar-nav, .nav-footer { font-size: 0.8em; } .status-row-text { font-size: 0.6em; } .table th, .table td { padding: 0.20rem; } } @media screen and (min-width: 1024px) { .body-content { padding: 0; font-size: 0.9em; } .navbar-nav, .nav-footer { font-size: 0.9em; } .status-row-text { font-size: 0.7em; } .table th, .table td { padding: 0.25rem; } } @media screen and (min-width: 1366px) { .body-content { padding: 0; font-size: 1.0em; } .navbar-nav, .nav-footer { font-size: 1.0em; } .status-row-text { font-size: 0.8em; } .table th, .table td { padding: 0.30rem; } } @media screen and (min-width: 1440px) { .body-content { padding: 0; font-size: 1.1em; } .navbar-nav, .nav-footer { font-size: 1.1em; } .status-row-text { font-size: 0.9em; } .table th, .table td { padding: 0.35rem; } } @media screen and (min-width: 1920px) { .body-content { padding: 0; font-size: 1.2em; } .navbar-nav, .nav-footer { font-size: 1.2em; } .status-row-text { font-size: 1.0em; } .table th, .table td { padding: 0.40rem; } }