/* - ++resource++enslyon.cas_features/enslyon.cas_features.css - */
@media all {
/* https://centre-alain-savary.ens-lyon.fr/CAS/portal_css/++resource++enslyon.cas_features/enslyon.cas_features.css?original=1 */
html{
--main-color:#009de0;
--cas-color:#f1592a;
--local-color:var(--main-color);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.vertical_centered{
display:flex;
align-items:center;
}
.picto-play{
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1);
transform-origin: center center;
width: 110px;
height: 110px;
background: url(++resource++enslyon.cas_features/picto-play_sprites.png) -110px 0px no-repeat;
background-size: auto;
background-size: cover;
opacity: 1;
.simple_img_slot_content:hover &{
background-position:0 0;
}
}
.portaltype-enslyon-cas_features-gridpage.userrole-anonymous{
#plone-document-byline{
display:none;
}
}
#grid_page_grid{
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
}
.grid_slot_big_title{
display: flex;
justify-content: space-between;
align-items: stretch;
font-family:bebas_neueregular, sans-serif;
font-size: 1.8em;
letter-spacing: 0.1em;
font-weight:normal;
color:white;
border:0;
padding:0.3em 0.6em;
margin-bottom: 1em;
}
#content .grid_slot_big_title_link{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1rem;
color:white !important;
&:hover {
color:white !important;
cursor:pointer;
text-decoration: underline;
}
}
#actus_slot_a{
padding-left: 0;
grid-column: 1;
grid-row: 1 / span 2;
display:flex;
flex-direction:column;
background:white;
#content &{
border-color:white;
}
}
#grid_slot_a_img{
position: relative;
background-position: 50% bottom;
background-size: cover;
background-repeat: no-repeat;
flex:0 1 auto;
height:100%;
}
#content #grid_page_grid #grid_slot_a_title{
font-size:1.7rem;
flex:0 1 auto;
color: var(--main-color);
line-height: 1em;
padding: 0;
}
#grid_slot_a_body{
flex:0 1 auto;
padding-bottom:0;
p {
margin-bottom:0;
}
#actus_slot_a:visited &{
color:black;
}
}
.grid_slot_title{
text-transform: uppercase;
font-weight: normal;
padding:0 0 10px 0;
font-size:1.2rem;
letter-spacing: .03em;
#content #grid_page_grid &{
color: var(--main-color);
border:0;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.2em;
}
}
.slot_content_wrapper{
display:flex;
align-items:start;
gap:1em;
}
#content .grid_slot_img_link{
&:link, &:visited{
max-width:40%;
position:relative;
border-bottom:none;
}
}
.grid_slot_img{
display:block;
max-width:100%;
&:hover{
filter:brightness(0.9);
}
}
.grid_slot_tag{
position:absolute;
background:white;
padding:0.2em 0.8em;
right:0;
bottom:0;
text-transform: capitalize;
color:var(--cas-color);
line-height: 1.4em;
.grid_slot_img_link:hover &,
#actus_slot_a:hover &{
color:black;
}
}
.grid_slot_body_wrapper{
flex:1;
align-self:stretch;
display:flex;
flex-direction:column;
justify-content:space-between;
word-break: break-word;
hyphens: auto;
hyphenate-character: "-";
}
.grid_slot_link{
margin-left:auto;
}
#content {
.ife_button{
&:link, &:visited{
color:white;
background:var(--main-color);
padding: 8px 10px;
outline:none;
border:none;
}
&:hover{
background:black;
color:white !important;
}
}
}
#encart_ressource{
background: var(--main-color);
padding: 2em 2em 2em 0;
color: white;
#grid_page_grid & .grid_slot_title{
color:white;
font-family: bebas_neueregular, sans-serif;
text-transform:uppercase;
font-size: 1.8em;
letter-spacing: 0.1em;
}
.grid_slot_border_img_wrapper{
--border-width:0.8em;
display:inline-block;
border: var(--border-width) solid white;
border-radius:var(--border-width);
background:white;
float: left;
margin-right: 2em;
margin-left:2em;
width: 35%;
min-width:calc(200px + var(--border-width));
}
.grid_slot_img{
border-radius: 0 4px 4px 0;
display: block;
max-width: 100%;
width: 100%;
}
.ife_button{
&:link, &:visited{
color:black;
background:white;
}
&:hover{
color:var(--main-color) !important;
}
}
}
#liste_ressources_slot_title{
background:var(--local-color);
}
.simple_img_slot .grid_slot_big_title{
background:var(--local-color);
}
.simple_img_slot_content{
display: block;
position:relative;
#content &:visited{
border:1px solid white;
}
}
.simple_img_slot_img{
display: block;
width: 100%;
}
.simple_img_slot_title{
background:white;
position:absolute;
bottom:0;
left:0;
width:80%;
#content &{
margin:0;
padding:1em 1em 0 0;
font-size: 1.27vw;
}
}
#newsletter-formfield-wrapper{
display:inline-flex;
border:1px solid white;
align-items:stretch;
input {
border:none;
padding:0.8em;
}
.field-wrapper{
display:inline-flex;
align-items:stretch;
}
#newsletter-submit{
margin:0;
border-radius:0;
background:black;
color:white;
}
#newsletter-email-input::placeholder {
color: #797979;
opacity: 1;
}
}
#portal-footer{
font-size:100%;
p{
line-height:1.2em;
}
}
/* */
/* ***************/
.policeEnsXs{
font-size: 1.2rem;
font-family:bebas_neueregular, sans-serif;
letter-spacing: 0.05em;
}
.policeEnsXl{
font-size: 1.8em;
font-family:bebas_neueregular, sans-serif;
letter-spacing: 0.1em;
}
/* ***************/
@media screen and (max-width: 767px){
#grid_page_grid,
.slot_content_wrapper{
display:flex;
flex-direction:column;
}
#content .grid_slot_img_link:link{
max-width:100%;
}
.grid_slot_title{
text-align:center;
}
.grid_slot_link {
margin: 0 auto;
}
}
}