libreavous/squelettes/javascript/scrutarijs/perso.css

408 lines
7.3 KiB
CSS

/**
* pour Libre à vous
*/
kbd {
background: #fff;
border-radius: 0;
border: 1px solid #BDDDFE;
box-shadow: inherit;
display: inline-block;
font-size: 14px;
}
input[type="text"], input[type="search"] {
background-color: #edf1f5;
color: #005184;
}
@media screen and (max-width: 500px) {
ul.spip > li {
padding-left: 0;
}
ul.spip > li::before {
left: -1em;
}
}
/*****************************************************
* .scrutari- : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-Mark {
background-color: #ffe9e0;
}
/*****************************************************
* .scrutari-area : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-area-Poweredby {
font-size: 0.8em;
text-align: center;
margin-top: 20px;
padding-bottom: 10px;
}
/*****************************************************
* .scrutari-fiche : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-fiche-Block {
border-bottom: solid 1px #eaeef3;
margin-top: 25px;
}
.scrutari-fiche-Link {
border: 0;
}
.scrutari-fiche-Titre {
font-size: 1.15rem;
}
.scrutari-fiche-Titre .num_emission {
font-size: 1.3rem;
margin-right: 0.5rem;
padding: 0.2rem;
width: inherit;
}
@media screen and (max-width: 500px) {
.scrutari-fiche-Soustitre {
margin-left: 0;
}
}
/*****************************************************
* .scrutari-history : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-history-Block, .scrutari-history-Block.scrutari-history-Active {
background-color: #e6ebf0;
}
.scrutari-history-Block {
display: inline-block;
padding: 2px;
margin-top: 6px;
margin-left: 6px;
}
.scrutari-history-Load, .scrutari-history-Remove {
background-color: transparent;
font-family: 'Lato',sans-serif;
font-weight: 400;
line-height: 1.6;
color: #005184;
text-rendering: geometricPrecision;
}
.scrutari-history-Subsearch {
margin-left: 10px;
}
/*****************************************************
* .scrutari-overlay : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-overlay-Component_header {
border: none;
background-color: rgb(0, 81, 132);
color: #fff;
padding: 1rem 2rem;
font-size: 18px;
}
.scrutari-overlay-Component_content {
padding: 2rem 3rem;
}
.scrutari-overlay-Component_content p {
font-size: 16px;
}
.scrutari-overlay-Component_dialog {
max-width: 800px;
}
.scrutari-overlay-button-Close {
position: absolute;
display: block;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
margin-right: 1.5rem;
margin-top: 1.5rem;
border-radius: 00;
font-size: inherit;
color:#BDDDFE;
background-color: rgb(0, 81, 132);
border:1px solid #BDDDFE;
}
.scrutari-overlay-button-Close:hover {
background-color: #E45817;
border:1px solid #FFF;
color:#FFF;
}
@media screen and (max-width: 500px) {
.scrutari-overlay-Component_content {
padding:1rem;
}
.scrutari-overlay-Component_header {
padding: 1rem;
}
}
/*****************************************************
* .scrutari-pagination : Surcharge de classes Scrutari par défaut
******************************************************/
.scrutari-pagination-Current {
background-color: #648bab;
color: #fff;
}
.scrutari-pagination-TabList {
text-align: center;
font-size: 1.1em;
}
.scrutari-pagination-Tab {
padding-left: 4px;
padding-right: 4px;
border: none;
background-color: transparent;
cursor: pointer;
color: #005184;
}
.scrutari-pagination-Tab:disabled {
cursor: auto;
background-color: #648bab;
color: #fff;
}
/*****************************************************
* .lav- : Classes spécifiques à la version
* pour Libre à vous
******************************************************/
.lav-Filtre {
padding-bottom: 5px;
border-bottom: solid 1px #eaeef3;
}
.lav-FiltreLabel {
display: inline-block;
margin-left: 5px;
}
.lav-Operateur {
color: #acd0f9;
}
.lav-Sequence {
font-size: 2.5em;
margin-bottom: 15px;
}
.lav-TitreResultats {
margin-bottom: 25px;
margin-top: 50px;
}
.lav-Total {
font-size: 0.85em;
}
/*****************************************************
* .lav-details- : Options de recherche
******************************************************/
.lav-details-Container {
border-bottom: solid 1px #eaeef3;
margin-top: 10px;
padding-bottom: 10px;
margin-bottom: 35px;
}
.lav-details-Body {
padding-left: 15px;
margin-top: 10px;
display: grid;
grid-template-columns: max-content;
}
.lav-details-Body p {
border-bottom: solid 1px #eaeef3;
margin: 0;
padding-top: 4px;
padding-bottom: 4px;
}
.lav-details-Body button {
background: transparent;
padding: 0;
margin: 0;
border: none;
}
.lav-details-Body .fas {
color: #acd0f9;
}
.lav-details-Body .fas:hover {
color: #00c4f5;
}
.lav-details-Body p:last-child {
border-bottom: none;
}
.lav-details-Input {
border-color: #bbbcbc;
border-style: solid;
border-width: 1px;
}
.lav-details-Summary {
cursor: pointer;
font-family: 'Metropolis',sans-serif;
font-weight: 700;
}
@media screen and (max-width: 500px) {
.lav-details-Body {
display: block;
}
.lav-details-Input {
overflow: hidden;
}
}
/*****************************************************
* .lav-history- : Historique
******************************************************/
.lav-history-Container {
display: flex;
align-items: baseline;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: solid 1px #eaeef3;
margin-bottom: 5px;
}
.lav-history-List {
flex-grow: 1;
}
.lav-history-Label {
flex-shrink: 0;
}
.lav-history-Clear {
flex-shrink: 0;
}
.lav-history-Clear button {
background-color: transparent;
}
.lav-history-Clear .fas {
color: #acd0f9;
}
.lav-history-Clear .fas:hover {
color: #00c4f5;
}
@media screen and (max-width: 500px) {
.lav-history-Container {
display: block;
}
.lav-history-Clear {
display: block;
text-align: right;
}
}
/*****************************************************
* .lav-input- : Traitement
******************************************************/
.lav-input-Area {
display: grid;
grid-template-columns: 1fr max-content;
column-gap: 30px;
}
.lav-input-Block {
display: flex;
align-items: center;
padding: 5px;
border-color: #bbbcbc;
border-style: solid;
border-width: 1px;
background-color: #edf1f5;
}
.lav-input-Field {
border: none;
flex-grow: 1;
margin-left: 5px
}
.lav-input-Submit {
background: #f7651a;
color: #FFF !important;
font-weight: 700;
}
@media screen and (max-width: 640px) {
.lav-input-Area {
column-gap: 15px;
}
}
@media screen and (max-width: 500px) {
.lav-input-Area {
display: block;
}
.lav-input-Submit {
margin-top: 5px;
}
.lav-input-Field {
overflow: hidden;
}
}