8
0
Fork 0
mirror of https://gitlab2.federez.net/re2o/re2o synced 2024-11-05 01:16:27 +00:00
re2o/static/css/base.css
Alexandre Iooss 0f7f14c1ea Fix Font Awesome icons
Some icons had their id changed in the Debian version (4.7.0) so their
id need to be updated.

Also the width of an icon in a button was reduced to make it more
compact.
2018-09-27 22:23:45 +02:00

148 lines
2.9 KiB
CSS

/* Footer */
footer {
padding-top: 3rem;
padding-bottom: 3rem;
}
footer p {
margin-bottom: .25rem;
}
/* Move the space between navbar and content in the content */
.navbar { margin-bottom: 0; }
.pt4 { padding-top: 1.5rem!important; }
/* Reserve space for icons and align */
a > i.fa {
display: inline-block;
width: 16px;
text-align: center;
}
/* Reduce the padding for the logo in the navbar-brand so the 32px-high logo
* is centered in the navbar */
.navbar-brand {
padding-top: 9px;
padding-bottom: 9px;
}
/* Display logo and site name side by side and not on top of each other */
.navbar-brand img {
display: initial;
}
/* Make navbar look less Bootstraped */
.navbar-inverse {
border-color: #f9a01b;
}
.navbar-inverse .navbar-brand {
color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
color: #d6d6d6;
}
/* Add right colors for buttons in dropdown in navbar-inverse (else it is light
* gray on white bg and white when hovered */
.navbar-inverse .dropdown-menu .btn-link {
text-decoration: none;
color: #262626;
padding: 0;
}
.navbar-inverse .dropdown-menu .btn-link:hover {
background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
.navbar-inverse .dropdown-menu .btn-link {
color: #9d9d9d;
}
.navbar-inverse .dropdown-menu .btn-link:hover {
color: #fff;
background-color: transparent;
}
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
height: 100%;
overflow: auto;
}
/* Set gray background color */
.sidenav {
background-color: #f1f1f1;
border: 1px solid #e0e0e0;
border-radius: 0 0 5px 5px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
vertical-align: middle;
}
/* Pull sidebars to the bottom */
@media (min-width: 767px) {
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row > [class*='col-'] {
flex-direction: column;
}
}
/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}
.table-responsive {
overflow-y: visible;
}
/* Make modal wider on wide screens */
@media (min-width: 1024px) {
.modal-dialog {
width: 1000px
}
}
/* For tables with long text in cells */
.table.long_text{
table-layout: fixed;
width: 100%;
}
td.long_text{
word-wrap: break-word;
width: 40%;
}
th.long_text{
width: 60%;
}
/* change color of panel heading on hover */
.panel > .profil:hover {
background-image: none;
background-color: #e6e6e6;
color: black;
}
/* add padding under title in profile */
.title-dashboard{
padding-bottom: 30px;
}
/* center the profil boxes */
.dashboard{
text-align: center;
}