mirror of
https://gitlab2.federez.net/re2o/re2o
synced 2024-09-12 09:13:08 +00:00
![Alexandre Iooss](/assets/img/avatar_default.png)
* Rather than using href="\\host/about/" in page footer, use href="protocol://host/about/" * The old footer uses hacks to be staticly on the bottom. To make it much simpler one solution is to turn it white and use official Bootstrap code. This leads to less CSS to maintain and better cross-browser compatibility. * On re2o about page (/about/) there is some typos such as : * assocations > associations * legitlab > le gitlab * Use Bootstrap navbar-static-top rather than custom CSS. The result is the same, so we should be better using directly Bootstrap CSS.
127 lines
2.5 KiB
CSS
127 lines
2.5 KiB
CSS
/* Footer */
|
|
footer {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
|
|
footer p {
|
|
margin-bottom: .25rem;
|
|
}
|
|
|
|
/* Remove the navbar's default margin-bottom */
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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 and 100% height */
|
|
.sidenav {
|
|
padding-top: 20px;
|
|
background-color: #f1f1f1;
|
|
}
|
|
.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;
|
|
}
|