diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css index a3c93d25..dcf7a212 100644 --- a/sites/all/themes/gui/materiobasetheme/css/styles.css +++ b/sites/all/themes/gui/materiobasetheme/css/styles.css @@ -10735,42 +10735,56 @@ body.home-v2 #center { margin-top: 1em; } /* line 2799, ../scss/styles.scss */ +#home-v2 .field-name-field-liens .field-item { + display: moz-inline-stack; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; + margin: 0 0.5em 0.5em 0; +} +/* line 2800, ../scss/styles.scss */ #home-v2 .field-name-field-liens a { font-weight: 700; + display: moz-inline-stack; + display: inline-block; + vertical-align: top; + zoom: 1; + *display: inline; padding: 0.5em 1em 0.7em; border-radius: 5px; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.8); } -/* line 2807, ../scss/styles.scss */ +/* line 2808, ../scss/styles.scss */ #home-v2 .panel-separator { clear: both; } -/* line 2808, ../scss/styles.scss */ +/* line 2809, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane { overflow: hidden; } -/* line 2811, ../scss/styles.scss */ +/* line 2812, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node { border-radius: 5px; background-clip: padding-box; overflow: hidden; } -/* line 2814, ../scss/styles.scss */ +/* line 2815, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node { position: relative; width: 100%; height: 100%; overflow: hidden; } -/* line 2818, ../scss/styles.scss */ +/* line 2819, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-node .links a { background-color: rgba(255, 255, 255, 0.7); border-radius: 5px; background-clip: padding-box; padding: 15px; } -/* line 2824, ../scss/styles.scss */ +/* line 2825, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video { height: auto; background-color: #f7f8f2; @@ -10778,54 +10792,54 @@ body.home-v2 #center { margin-bottom: 2em; padding-top: 0; } -/* line 2829, ../scss/styles.scss */ +/* line 2830, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { margin: 0 auto; } @media only screen and (max-width: 40em) { - /* line 2829, ../scss/styles.scss */ + /* line 2830, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 320px; height: 180px; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { - /* line 2829, ../scss/styles.scss */ + /* line 2830, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 640px; height: 360px; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { - /* line 2829, ../scss/styles.scss */ + /* line 2830, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 800px; height: 450px; } } @media only screen and (min-width: 90.063em) { - /* line 2829, ../scss/styles.scss */ + /* line 2830, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video { width: 1024px; height: 576px; } } -/* line 2843, ../scss/styles.scss */ +/* line 2844, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe { width: 100%; height: 100%; } -/* line 2849, ../scss/styles.scss */ +/* line 2850, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field { display: none; } -/* line 2853, ../scss/styles.scss */ +/* line 2854, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body { display: none; margin-top: 1em; text-align: center; } -/* line 2857, ../scss/styles.scss */ +/* line 2858, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p { text-align: left; display: moz-inline-stack; @@ -10838,21 +10852,21 @@ body.home-v2 #center { font-size: 0.756em; } @media only screen and (max-width: 40em) { - /* line 2857, ../scss/styles.scss */ + /* line 2858, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p { width: 48%; } } -/* line 2870, ../scss/styles.scss */ +/* line 2871, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 { margin: 2em 0; } -/* line 2872, ../scss/styles.scss */ +/* line 2873, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu { margin: 0px; text-align: center; } -/* line 2875, ../scss/styles.scss */ +/* line 2876, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li { margin: 0 1em 0 0; padding: 0px; @@ -10864,7 +10878,7 @@ body.home-v2 #center { zoom: 1; *display: inline; } -/* line 2878, ../scss/styles.scss */ +/* line 2879, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a { background-color: #4d4d4d; border-radius: 5px; @@ -10876,48 +10890,48 @@ body.home-v2 #center { -webkit-transition: opacity,background-color 0.2s ease-out; transition: opacity,background-color 0.2s ease-out; } -/* line 2890, ../scss/styles.scss */ +/* line 2891, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(1):hover a { background-color: #ff7400; color: #4d4d4d; } -/* line 2894, ../scss/styles.scss */ +/* line 2895, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(2):hover a { background-color: #79e644; color: #4d4d4d; } -/* line 2898, ../scss/styles.scss */ +/* line 2899, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(3):hover a { background-color: #69cdcf; color: #4d4d4d; } -/* line 2902, ../scss/styles.scss */ +/* line 2903, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(4):hover a { background-color: #e6de1c; color: #4d4d4d; } -/* line 2906, ../scss/styles.scss */ +/* line 2907, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(5):hover a { background-color: #d476ae; color: #4d4d4d; } -/* line 2910, ../scss/styles.scss */ +/* line 2911, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(6):hover a { background-color: #772e88; color: #4d4d4d; } -/* line 2914, ../scss/styles.scss */ +/* line 2915, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(7):hover a { background-color: #e62326; color: #4d4d4d; } @media only screen and (max-width: 40em) { - /* line 2870, ../scss/styles.scss */ + /* line 2871, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 { display: none; } } -/* line 2922, ../scss/styles.scss */ +/* line 2923, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -10931,83 +10945,83 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.showroom:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 2930, ../scss/styles.scss */ +/* line 2931, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content { width: 100%; height: 100%; position: relative; } -/* line 2932, ../scss/styles.scss */ +/* line 2933, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node { position: absolute; height: 100%; width: 100%; } -/* line 2933, ../scss/styles.scss */ +/* line 2934, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau { position: absolute; width: 100%; height: 100%; overflow: hidden; } -/* line 2935, ../scss/styles.scss */ +/* line 2936, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img { width: 100%; margin-top: -10%; } -/* line 2937, ../scss/styles.scss */ +/* line 2938, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper { position: relative; z-index: 2; width: 30%; margin: 3em 2em; } -/* line 2943, ../scss/styles.scss */ +/* line 2944, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content { background-color: rgba(255, 255, 255, 0.8); padding: 1em; border-radius: 5px; background-clip: padding-box; } -/* line 2947, ../scss/styles.scss */ +/* line 2948, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 2950, ../scss/styles.scss */ +/* line 2951, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .group-content .field-name-body { margin-top: 0.5em; } @media only screen and (max-width: 40em) { - /* line 2922, ../scss/styles.scss */ + /* line 2923, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom { height: 210px; margin-top: 10px; } - /* line 2960, ../scss/styles.scss */ + /* line 2961, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau { position: absolute; width: 100%; height: 100%; overflow: hidden; } - /* line 2962, ../scss/styles.scss */ + /* line 2963, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img { margin-top: 0; } - /* line 2964, ../scss/styles.scss */ + /* line 2965, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper { width: auto; padding: 2%; margin: 2%; } - /* line 2968, ../scss/styles.scss */ + /* line 2969, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content-wrapper .field-name-body { font-size: 0.756em; margin-top: 0.5em; } } -/* line 2977, ../scss/styles.scss */ +/* line 2978, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.showroom:after { content: url("../img/bulle.png"); -webkit-transform: scale(0.8); @@ -11018,7 +11032,7 @@ body.home-v2 #center { right: -80px; z-index: 10; } -/* line 2986, ../scss/styles.scss */ +/* line 2987, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transition: box-shadow 0.3s ease-out; @@ -11032,11 +11046,11 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.bdd:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } -/* line 2992, ../scss/styles.scss */ +/* line 2993, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .links a { background-color: #e6e6e6; } -/* line 2994, ../scss/styles.scss */ +/* line 2995, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau { display: moz-inline-stack; display: inline-block; @@ -11047,11 +11061,11 @@ body.home-v2 #center { height: 100%; overflow: hidden; } -/* line 2996, ../scss/styles.scss */ +/* line 2997, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img { max-width: 2000px; } -/* line 2999, ../scss/styles.scss */ +/* line 3000, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper { display: moz-inline-stack; display: inline-block; @@ -11064,23 +11078,15 @@ body.home-v2 #center { border-radius: 5px; background-clip: padding-box; } -/* line 3004, ../scss/styles.scss */ +/* line 3005, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-title-field { font-size: 2.1em; font-weight: 300; } -/* line 3007, ../scss/styles.scss */ +/* line 3008, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-body { margin-top: 1em; } -/* line 3011, ../scss/styles.scss */ -#home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens .field-item { - display: moz-inline-stack; - display: inline-block; - vertical-align: top; - zoom: 1; - *display: inline; -} /* line 3012, ../scss/styles.scss */ #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content-wrapper .field-name-field-liens a { background-color: rgba(230, 230, 230, 0.8); diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss index ccf1fc9b..9f53d6b7 100644 --- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss +++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss @@ -2796,8 +2796,9 @@ body.home-v2{ .field-name-field-liens{ margin-top:1em; + .field-item{@include inlineblock(); margin:0 0.5em 0.5em 0; } a{ - font-weight: 700; + font-weight: 700; @include inlineblock(); padding:0.5em 1em 0.7em; @include rounded(5px); background-color: rgba(255,255,255, 0.8); @@ -3008,7 +3009,6 @@ body.home-v2{ margin-top: 1em; } .field-name-field-liens{ - .field-item{@include inlineblock();} a{ background-color: rgba(230,230,230, 0.8); }