|
@@ -999,6 +999,16 @@ table {
|
|
|
.slick-arrow.slick-hidden {
|
|
|
display: none; }
|
|
|
|
|
|
+@media (min-width: 48rem) {
|
|
|
+ :root {
|
|
|
+ font-size: calc(1rem + ((1vw - .48rem) * 1.389));
|
|
|
+ /* .48rem = viewportWidthMinimum /100 */
|
|
|
+ /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }
|
|
|
+
|
|
|
+@media (min-width: 120em) {
|
|
|
+ :root {
|
|
|
+ font-size: 2rem; } }
|
|
|
+
|
|
|
@font-face {
|
|
|
font-family: 'duke';
|
|
|
src: url("../fonts/Duke_Fill.otf") format("opentype");
|
|
@@ -1140,17 +1150,199 @@ table {
|
|
|
|
|
|
body {
|
|
|
font-family: "trueno";
|
|
|
+ font-size: 0.6rem;
|
|
|
font-weight: 300;
|
|
|
line-height: 1.5; }
|
|
|
|
|
|
+main h2 {
|
|
|
+ text-transform: uppercase;
|
|
|
+ font-family: 'duke';
|
|
|
+ font-size: 2.3rem; }
|
|
|
+
|
|
|
+a {
|
|
|
+ color: inherit; }
|
|
|
+
|
|
|
+iframe {
|
|
|
+ display: none; }
|
|
|
+
|
|
|
/*pages*/
|
|
|
-#header-top-right {
|
|
|
- background: yellow; }
|
|
|
- #header-top-right .views-row {
|
|
|
+#header-top {
|
|
|
+ height: 3rem; }
|
|
|
+
|
|
|
+.header_top_left_container {
|
|
|
+ height: 100%; }
|
|
|
+ .header_top_left_container > div:first-child {
|
|
|
+ height: 100%; }
|
|
|
+ .header_top_left_container a[rel~='home'] {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ color: transparent;
|
|
|
+ background: left/contain no-repeat url(../images/popsu-home-logo.png); }
|
|
|
+
|
|
|
+.header_top_middle_container {
|
|
|
+ height: 100%; }
|
|
|
+ .header_top_middle_container .views-element-container {
|
|
|
+ height: 100%; }
|
|
|
+ .header_top_middle_container .views-element-container > div:first-child {
|
|
|
+ height: 100%; }
|
|
|
+ .header_top_middle_container .views-element-container > div:first-child > div:first-child {
|
|
|
+ height: 100%;
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(3, 1fr);
|
|
|
+ align-items: center; }
|
|
|
+ .header_top_middle_container .views-row {
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ width: auto; }
|
|
|
+ .header_top_middle_container .views-row a {
|
|
|
+ text-transform: uppercase;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 600; }
|
|
|
+ .header_top_middle_container .views-row .views-field-title {
|
|
|
+ display: inline-block;
|
|
|
+ width: auto;
|
|
|
+ padding: .2rem .5rem; }
|
|
|
+ .header_top_middle_container .popsu-node-3 .views-field-title {
|
|
|
+ color: blue; }
|
|
|
+ .header_top_middle_container .popsu-node-3 .views-field-title:hover {
|
|
|
+ background: blue;
|
|
|
+ color: white; }
|
|
|
+ .header_top_middle_container .popsu-node-5 .views-field-title {
|
|
|
+ color: wheat; }
|
|
|
+ .header_top_middle_container .popsu-node-5 .views-field-title:hover {
|
|
|
+ background: wheat;
|
|
|
+ color: white; }
|
|
|
+ .header_top_middle_container .popsu-node-7 .views-field-title {
|
|
|
+ color: red; }
|
|
|
+ .header_top_middle_container .popsu-node-7 .views-field-title:hover {
|
|
|
+ background: red;
|
|
|
+ color: white; }
|
|
|
+
|
|
|
+.close-block, .open-block {
|
|
|
+ cursor: pointer; }
|
|
|
+ .close-block span, .open-block span {
|
|
|
+ display: block;
|
|
|
+ width: 33px;
|
|
|
+ height: 2px;
|
|
|
+ position: relative;
|
|
|
+ background: black;
|
|
|
+ border-radius: 3px;
|
|
|
+ z-index: 1; }
|
|
|
+
|
|
|
+.close-block {
|
|
|
+ padding-top: 1rem; }
|
|
|
+ .close-block span {
|
|
|
+ transform-origin: center; }
|
|
|
+ .close-block > div > span:first-child {
|
|
|
+ transform: translateY(57%) rotate(45deg); }
|
|
|
+ .close-block > div > span:nth-child(2) {
|
|
|
+ transform: rotate(-45deg); }
|
|
|
+
|
|
|
+.open-block {
|
|
|
+ height: 100%;
|
|
|
+ display: grid;
|
|
|
+ align-items: center; }
|
|
|
+ .open-block span {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ transform-origin: 4px 0px; }
|
|
|
+
|
|
|
+#header-top-right .header_top_right_container {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ background: white;
|
|
|
+ display: none;
|
|
|
+ grid-template-columns: 10% 25% 25% 30% 10%;
|
|
|
+ padding: 1rem 0;
|
|
|
+ z-index: 100;
|
|
|
+ line-height: 2; }
|
|
|
+ #header-top-right .header_top_right_container nav {
|
|
|
+ grid-column-start: 2; }
|
|
|
+ #header-top-right .header_top_right_container a {
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 400; }
|
|
|
+ #header-top-right .header_top_right_container a:hover {
|
|
|
+ text-decoration: underline; }
|
|
|
+ #header-top-right .header_top_right_container h2 {
|
|
|
+ font-weight: 100;
|
|
|
+ margin-bottom: .3rem; }
|
|
|
+ #header-top-right .header_top_right_container .is-active {
|
|
|
+ font-weight: 800; }
|
|
|
+ #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {
|
|
|
+ width: 100%; }
|
|
|
+
|
|
|
+#footer-bottom {
|
|
|
+ padding: 2rem 0; }
|
|
|
+ #footer-bottom * {
|
|
|
+ word-wrap: break-word; }
|
|
|
+ #footer-bottom h2 {
|
|
|
+ font-weight: 500; }
|
|
|
+ #footer-bottom .footer_bottom_left_container {
|
|
|
+ height: 100%; }
|
|
|
+ #footer-bottom .footer_bottom_left_container div {
|
|
|
+ height: 100%; }
|
|
|
+ #footer-bottom .footer_bottom_left_container p {
|
|
|
+ height: 100%;
|
|
|
+ display: grid; }
|
|
|
+ #footer-bottom .logo-gouv {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ color: transparent;
|
|
|
+ font-size: 0;
|
|
|
+ background: left/contain no-repeat url(../images/gouv.svg); }
|
|
|
+ #footer-bottom .logo-puca {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ color: transparent;
|
|
|
+ font-size: 0;
|
|
|
+ background: left/contain no-repeat url(../images/puca.svg); }
|
|
|
+ #footer-bottom #block-pieddepage ul {
|
|
|
+ line-height: 2; }
|
|
|
+ #footer-bottom #block-pieddepage ul li a {
|
|
|
+ text-transform: uppercase;
|
|
|
+ text-decoration: none;
|
|
|
+ font-weight: 400; }
|
|
|
+ #footer-bottom #block-pieddepage ul li a:hover {
|
|
|
+ text-decoration: underline; }
|
|
|
+ #footer-bottom .footer_bottom_right_container > div > div p {
|
|
|
display: inline-block; }
|
|
|
+ #footer-bottom .footer_bottom_right_container > div > div p a {
|
|
|
+ min-width: 2rem;
|
|
|
+ min-height: 2rem; }
|
|
|
+ #footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ color: transparent;
|
|
|
+ background: left/contain no-repeat url(../images/tw.svg); }
|
|
|
+ #footer-bottom .footer_bottom_right_container > div > div p a[href*='linkedin'] {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ color: transparent;
|
|
|
+ background: left/contain no-repeat url(../images/ln.svg); }
|
|
|
+ #footer-bottom .footer_bottom_right_container > div > div p a[href*='youtube'] {
|
|
|
+ height: 100%;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ color: transparent;
|
|
|
+ background: left/contain no-repeat url(../images/yt.svg); }
|
|
|
|
|
|
.about {
|
|
|
background: lightblue;
|
|
|
text-align: center; }
|
|
|
|
|
|
+article h2 {
|
|
|
+ font-family: "trueno";
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 0.8rem;
|
|
|
+ text-transform: inherit; }
|
|
|
+
|
|
|
+article h3, article h4, article h5, article h6 {
|
|
|
+ font-family: "trueno";
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 0.8rem; }
|
|
|
+
|
|
|
/*# sourceMappingURL=styles.css.map */
|