templates/css/annuaire-critical-css.html.twig line 1

Open in your IDE?
  1. <style type="text/css">#pagination li a, #pagination li div { padding: 1em 1em 0 } #pagination .previous { bottom: 0; left: 0; top: 0 } #pagination .next svg, #pagination .previous svg { fill: #605757 } #pagination .next.active svg { fill: #354161 } #pagination .next { bottom: 0; right: 0; top: 0 } #pagination svg { margin: 0 1em } .departement-userlist>ul, .departement>ul { max-width: 311px } .userListRow .territoire, .userListRow .thematiques, .userListRow .typeActeur { padding: 21px 24px; width: 100% } .organize { display: flex }@media screen and (max-width:768px) { #pagination .next, #pagination .previous { display: none } }@media screen and (max-width:1229px) { #departement-ul, #departement-userlist-ul { top: 2.8em } #departement-ul li, #departement-userlist-ul li { padding-bottom: unset !important; padding-top: unset !important } } .zi1 { z-index: 1 } .shadow-input { box-shadow: 0 1px 2px rgba(0, 0, 0, .05) } .shadow-button { box-shadow: 0 1px 5px rgba(0, 0, 0, .2) } .breadcrumb { left: 1em; top: 0; z-index: 5 } .breadcrumb .chevron { padding: 5px 7px } .breadcrumb .home-icon { padding-left: 10px }[class*=main-title] { overflow: hidden; position: relative } .small-main-title { min-height: 273px }@media screen and (max-width:480px) { h1 { padding: 0 32px } .small-main-title { margin-bottom: 0; min-height: unset } #search-popin input[name=q] { height: 53px !important; padding: 15px !important } .search-popin-title { font-size: 50px; margin-bottom: 40px } }.bgblue { background: #354161 } .bgorange { background: #ef7d00 } .filters-container .filters-container-header { padding: 12px 40px } #filters-custom { padding: 8px 40px } .filters-container li.thematiques { max-width: 400px; width: 100% } #filters-container { flex-direction: column !important } #filter { border: none; padding: 10px 13px; width: 92px } #filters-close { background-color: unset; border: none } #filters-close img { height: 12px; width: 12px } .filters-container { max-height: 0; overflow: hidden } .filter .ul-dropdown { z-index: 99 }@media screen and (max-width:1229px) { .filter>ul { width: 95% } }@media screen and (max-width:480px) { .team-project-head { padding: 40px 0 } }.diblock { display: inline-block }.cgrey { color: #605757 }.cblack { color: #111827 }.p-1em { padding: 1em } .p8 { padding: 8px } .ptb-1em { padding-bottom: 1em; padding-top: 1em }.mb-1em { margin-bottom: 1em !important } .mb-2em { margin-bottom: 2em !important } .mb-60px { margin-bottom: 60px !important } .ml-1em { margin-left: 1em !important } .mr-1em { margin-right: 1em }.mr-24px { margin-right: 24px } .mt-1em { margin-top: 1em !important } .mt-60px { margin-top: 60px !important } .mlr-1em { margin-left: 1em !important; margin-right: 1em !important } .mtb-1em { margin-bottom: 1em !important; margin-top: 1em !important }#search-popin .ul-dropdown li label, .filters-container li.thematiques label { display: flex; padding-left: 42px; position: relative } #search-popin .ul-dropdown li label .checkmark:after, .filters-container li.thematiques label .checkmark:after { border: solid #fff; border-width: 0 3px 3px 0; height: 10px; left: 6px; top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 4px } .search-button-arrow-icon { filter: brightness(0) invert(1); transform: rotate(180deg) } #search-popin .ul-dropdown input[type=checkbox], .filters-container input[type=checkbox] { height: 0; opacity: 0; position: absolute; width: 0 }#departement-ul, #departement-userlist-ul { background: #fff; display: none; left: .8em; top: 4.8em; z-index: 99999 } .departement-userlist>input, .departement-userlist>ul, .departement>input, .departement>ul { max-width: 311px } #departement-search-results, #departement-userlist-search-results { gap: 1em; max-width: 66%; width: 100% } #departement-search, #departement-userlist-search { border: 1px solid #d2d3d8 } @media screen and (max-width:1229px) { #departement-ul, #departement-userlist-ul { top: 2.8em } #departement-ul li, #departement-userlist-ul li { padding-bottom: unset !important; padding-top: unset !important } #departement-search-results, #departement-userlist-search-results { max-width: 100% } } .userListRow { align-items: center; background: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, .08); display: flex; flex-direction: row; margin-top: 6px; max-width: 1280px; min-height: 82px; width: 100% } .userListRow .dep, .userListRow .name, .userListRow .territoire, .userListRow .thematiques, .userListRow .typeActeur { padding: 21px 24px; width: 100% } .department-userlist span { background: #354161; border-radius: 16px; padding: 2px 8px } .userListRow img { align-items: center; border-radius: 20px; display: flex; height: 40px; justify-content: center; padding: 0; width: 40px } .nav-usr-btn>:first-child, .userListRow .name { align-items: center; display: flex; max-width: 308px } .nav-usr-btn>:nth-child(2), .userListRow .territoire { max-width: 234px } .nav-usr-btn>:nth-child(3), .userListRow .thematiques { max-width: 480px } .nav-usr-btn>:last-child, .userListRow .typeActeur { max-width: 258px } .btn-container { padding: 40px 24px; width: 100% } .organize { align-items: center; background: #fff; border: none; flex-direction: row; gap: 12px } .nav-usr-btn, .organize { display: flex } .annuaire-search-icon { left: 12px; top: 12px } .annuaire-select-container { right: 0; top: 8px } #search { background: #fff; border: unset; max-width: 320px; padding: 10px 0 10px 41px; width: 100% } @media screen and (max-width:969px) { .nav-usr-btn>:last-child, .userListRow .typeActeur { display: none } } @media screen and (max-width:768px) { .nav-usr-btn>:nth-child(3), .userListRow .thematiques { display: none } .annuaire-select-container { padding: 1.5em 0; position: relative; width: 100% } } @media screen and (max-width:480px) { .nav-usr-btn>:nth-child(2), .userListRow .territoire { display: none } }</style>