admingit/altocompta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS: improve appareance card and

Browse source 
gestion_title  on small screens
This commit is contained in:
sparkyx 2026-04-10 16:33:54 +02:00
parent 77fc89a7cd
commit 0329aa328f
1 changed files with 44 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

54
html/css/style-classic7.css
View file

@ -1292,8 +1292,6 @@ div.inner_box {
background-color: var(--bg-inner-box); background-color: var(--bg-inner-box);
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-family: 'OpenSansRegular'; font-family: 'OpenSansRegular';
/*! font-family: 'var(--font-button)'; */
/*! padding:2px; */
margin:0px; margin:0px;
overflow:hidden; overflow:hidden;
z-index:3; z-index:3;
@ -1304,8 +1302,8 @@ div.inner_box {
box-shadow: 15px 15px 15px #888; box-shadow: 15px 15px 15px #888;
font-size:100%; font-size:100%;
font-size:1rem; font-size:1rem;
width: 50%; width: 100%;
left:22% ; left:0;
} }
/* SM */ /* SM */
@media (max-width: 576px) { @media (max-width: 576px) {
@ -1316,7 +1314,10 @@ div.inner_box {
} }
div.inner_box div.content,div.inner_box2 div.content { div.inner_box div.content,div.inner_box2 div.content {
padding:2px; padding:2px;
} }
div.inner_box2 {
left:22% ;
}
} }
/* MD */ /* MD */
@media (min-width: 768px) { @media (min-width: 768px) {
@ -1326,8 +1327,8 @@ div.inner_box {
border-radius: 0px; border-radius: 0px;
} }
div.inner_box2 { div.inner_box2 {
width: 75%; width: 95%;
left:5% ; left:2% ;
border-radius: 0px; border-radius: 0px;
} }
} }
@ -1357,7 +1358,7 @@ div.inner_box {
border-radius: 7px; border-radius: 7px;
} }
div.inner_box2{ div.inner_box2{
width: 50%; width: min(70%,80rem);;
left: 20%; left: 20%;
padding-bottom: 10px; padding-bottom: 10px;
border-radius: 7px; border-radius: 7px;
@ -2769,6 +2770,29 @@ td.selectedmenu {
/* /*
* Name of the tiers in GESTION * 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 { #gestion_title {
float:right; float:right;
margin-right: 5%; margin-right: 5%;
@ -2776,8 +2800,18 @@ td.selectedmenu {
font-variant: small-caps; font-variant: small-caps;
padding: 13px 20px 13px 20px; padding: 13px 20px 13px 20px;
margin-top:20px; margin-top:20px;
background-color:#141d77; background-color:#dee4eb;
color:#FE8300; 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 * Style for the Inplace Edit element