CSS: improve appareance card and
gestion_title on small screens
This commit is contained in:
parent
77fc89a7cd
commit
0329aa328f
1 changed files with 44 additions and 10 deletions
|
|
@ -1292,8 +1292,6 @@ div.inner_box {
|
|||
background-color: var(--bg-inner-box);
|
||||
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
|
||||
font-family: 'OpenSansRegular';
|
||||
/*! font-family: 'var(--font-button)'; */
|
||||
/*! padding:2px; */
|
||||
margin:0px;
|
||||
overflow:hidden;
|
||||
z-index:3;
|
||||
|
|
@ -1304,8 +1302,8 @@ div.inner_box {
|
|||
box-shadow: 15px 15px 15px #888;
|
||||
font-size:100%;
|
||||
font-size:1rem;
|
||||
width: 50%;
|
||||
left:22% ;
|
||||
width: 100%;
|
||||
left:0;
|
||||
}
|
||||
/* SM */
|
||||
@media (max-width: 576px) {
|
||||
|
|
@ -1316,7 +1314,10 @@ div.inner_box {
|
|||
}
|
||||
div.inner_box div.content,div.inner_box2 div.content {
|
||||
padding:2px;
|
||||
}
|
||||
}
|
||||
div.inner_box2 {
|
||||
left:22% ;
|
||||
}
|
||||
}
|
||||
/* MD */
|
||||
@media (min-width: 768px) {
|
||||
|
|
@ -1326,8 +1327,8 @@ div.inner_box {
|
|||
border-radius: 0px;
|
||||
}
|
||||
div.inner_box2 {
|
||||
width: 75%;
|
||||
left:5% ;
|
||||
width: 95%;
|
||||
left:2% ;
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1357,7 +1358,7 @@ div.inner_box {
|
|||
border-radius: 7px;
|
||||
}
|
||||
div.inner_box2{
|
||||
width: 50%;
|
||||
width: min(70%,80rem);;
|
||||
left: 20%;
|
||||
padding-bottom: 10px;
|
||||
border-radius: 7px;
|
||||
|
|
@ -2769,6 +2770,29 @@ td.selectedmenu {
|
|||
/*
|
||||
* Name of the tiers in GESTION
|
||||
*/
|
||||
#gestion_title {
|
||||
|
||||
font-variant: small-caps;
|
||||
color:navy;
|
||||
font-size: max(150%,1.5rem) !important;
|
||||
font-variant:regular;
|
||||
background-color:transparent;
|
||||
}
|
||||
/* SM */
|
||||
@media (min-width: 576px) {
|
||||
|
||||
|
||||
}
|
||||
/* MD */
|
||||
@media (min-width: 768px) {
|
||||
|
||||
}
|
||||
/* LG */
|
||||
@media (min-width: 992px) {
|
||||
|
||||
}
|
||||
/* XL */
|
||||
@media (min-width: 1200px) {
|
||||
#gestion_title {
|
||||
float:right;
|
||||
margin-right: 5%;
|
||||
|
|
@ -2776,8 +2800,18 @@ td.selectedmenu {
|
|||
font-variant: small-caps;
|
||||
padding: 13px 20px 13px 20px;
|
||||
margin-top:20px;
|
||||
background-color:#141d77;
|
||||
color:#FE8300;
|
||||
background-color:#dee4eb;
|
||||
color:navy;
|
||||
font-size: max(150%,1.5rem) !important;
|
||||
border-color: navy;
|
||||
border-style: double;
|
||||
font-style:normal;
|
||||
border-color: #879ed4;
|
||||
border-style: solid;
|
||||
font-style:normal;
|
||||
border-radius:5px;
|
||||
border-width:1px;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* Style for the Inplace Edit element
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue