From b5f3769416c752c05511a5e4ec28e8dfd35d9017 Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Tue, 2 Jan 2018 12:02:43 +0100 Subject: [PATCH] new browser prefix ?? --- .../gui/materiobasetheme/css/styles.css | 277 +++++++++++++++++- 1 file changed, 271 insertions(+), 6 deletions(-) diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css index 3aad434c..2c874894 100644 --- a/sites/all/themes/gui/materiobasetheme/css/styles.css +++ b/sites/all/themes/gui/materiobasetheme/css/styles.css @@ -175,6 +175,7 @@ figure { * Address differences between Firefox and other browsers. */ hr { + -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } @@ -281,6 +282,7 @@ input { */ input[type="checkbox"], input[type="radio"] { + -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; @@ -302,6 +304,7 @@ input[type="number"]::-webkit-outer-spin-button { input[type="search"] { -webkit-appearance: textfield; /* 1 */ + -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } @@ -406,6 +409,7 @@ html, body { *, *:before, *:after { + -webkit-box-sizing: border-box; box-sizing: border-box; } html, @@ -854,6 +858,7 @@ blockquote p { background: transparent !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ + -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, @@ -938,6 +943,7 @@ blockquote p { position: absolute; left: 50%; top: 50%; + -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-height: 100%; max-width: 100%; } @@ -1036,6 +1042,7 @@ blockquote p { max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; + -webkit-box-shadow: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { @@ -1092,6 +1099,7 @@ button, .button { background-color: #008CBA; border-color: #007095; color: #FFFFFF; + -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; } @@ -1168,6 +1176,7 @@ button, .button { background-color: #008CBA; border-color: #007095; color: #FFFFFF; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -1181,6 +1190,7 @@ button, .button { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -1194,6 +1204,7 @@ button, .button { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -1207,6 +1218,7 @@ button, .button { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -1220,6 +1232,7 @@ button, .button { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -1233,6 +1246,7 @@ button, .button { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; + -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } @@ -2592,8 +2606,10 @@ $retina: ( ); */ * { + -webkit-box-sizing: content-box; box-sizing: content-box; } *:before, *:after { + -webkit-box-sizing: content-box; box-sizing: content-box; } body { @@ -2637,6 +2653,7 @@ a { #container { margin: 0 auto; position: relative; + -webkit-transition: padding-top 0.5s ease-out, 1s, ease-out; transition: padding-top 0.5s ease-out, 1s, ease-out; } /** NIVEAU 2 */ @@ -2861,6 +2878,7 @@ body.node-type-publication #footer { visibility: visible; } .csstransitions .op-visible { opacity: 1; + -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .op-hidden { @@ -2869,8 +2887,10 @@ body.node-type-publication #footer { margin-top: -100000px; } .csstransition .op-hidden { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .op-hidden > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } /** colomnized() */ @@ -3020,6 +3040,7 @@ body.node-type-publication #footer { right: 0; margin: 0; height: 0; + -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } #header #header-blocks #block-user-login form#user-login-form > div { padding: 5px; @@ -3027,6 +3048,7 @@ body.node-type-publication #footer { background-color: #e6e6e6; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #header #header-blocks #block-user-login form#user-login-form .form-item { margin: 0; @@ -3054,10 +3076,12 @@ body.node-type-publication #footer { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:hover, #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #header #header-blocks #block-user-login form#user-login-form div.newpass { @@ -3117,6 +3141,7 @@ body.node-type-publication #footer { margin: 0 0 0 -5px; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } .ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists { background: #FFF; } @@ -3131,6 +3156,7 @@ body.node-type-publication #footer { width: 200px; height: 0; overflow: hidden; + -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview { white-space: nowrap; @@ -3148,8 +3174,10 @@ body.node-type-publication #footer { margin-top: -100000px; } .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists { padding-bottom: 5px; } @@ -3217,6 +3245,7 @@ body.node-type-publication #footer { #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li { height: 0; overflow: hidden; + -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a { display: block; @@ -3261,6 +3290,7 @@ body.node-type-publication #footer { #header #header-blocks #block-locale-language li { height: 0; overflow: hidden; + -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } #header #header-blocks #block-locale-language li a { display: inline-block; @@ -3271,6 +3301,7 @@ body.node-type-publication #footer { color: #fff; text-transform: uppercase; background-color: #808080; + -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } #header #header-blocks #block-locale-language li a:hover { background-color: #1A1A1A; } @@ -3323,6 +3354,7 @@ body.home-v2 #main { #highlighted { border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); padding: 0.5em; position: relative; } @@ -3556,7 +3588,9 @@ body.home-v2 #main { margin-bottom: 10px; font-size: 10px; background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); + -webkit-transition: bottom 0.1s ease-out; transition: bottom 0.1s ease-out; } #block-materio-user-user-register #edit-mail-check.error, #block-materio-user-user-createaccount #edit-mail-check.error { background-color: #f3968d; @@ -3593,10 +3627,12 @@ body.home-v2 #main { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #block-materio-user-user-register #user-register-form .form-submit:hover, #block-materio-user-user-register #user-register-form .form-submit:focus, #block-materio-user-user-createaccount #user-register-form .form-submit:hover, #block-materio-user-user-createaccount #user-register-form .form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #block-materio-user-user-register #user-register-form .form-submit:active, #block-materio-user-user-createaccount #user-register-form .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #block-materio-user-user-register #user-register-form .form-submit[disabled], #block-materio-user-user-createaccount #user-register-form .form-submit[disabled] { @@ -3608,10 +3644,12 @@ body.home-v2 #main { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #block-materio-user-user-register #user-login .form-submit:hover, #block-materio-user-user-register #user-login .form-submit:focus, #block-materio-user-user-createaccount #user-login .form-submit:hover, #block-materio-user-user-createaccount #user-login .form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #block-materio-user-user-register #user-login .form-submit:active, #block-materio-user-user-createaccount #user-login .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #block-materio-user-user-register #edit-simplenews, #block-materio-user-user-createaccount #edit-simplenews { @@ -3635,12 +3673,14 @@ body.home-v2 #main { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } #block-materio-user-user-register a.join:hover, #block-materio-user-user-register a.join:focus, #block-materio-user-user-createaccount a.join:hover, #block-materio-user-user-createaccount a.join:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #block-materio-user-user-register a.join:active, #block-materio-user-user-createaccount a.join:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 40em) { @@ -3660,6 +3700,7 @@ body.home-v2 #main { padding: 5px; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); } .modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield, .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield { display: none; } @@ -3704,6 +3745,7 @@ body.home-v2 #main { color: #000; margin-left: 0.5em; opacity: 0; + -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } #content-top #block-materio-flag-materio-flag-mybookmarks h2 i:before, #content-top #block-materio-flag-materio-flag-mylists h2 i:before { font-size: 14px; } @@ -3745,12 +3787,21 @@ body.home-v2 #main { background-clip: padding-box; background-color: #fff; margin: 4px; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } #tool-bar .btn-group:hover, #tool-bar .btn-group:focus { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); } #tool-bar .btn-group:active { + -webkit-transition: -webkit-box-shadow 0s ease-out; + transition: -webkit-box-shadow 0s ease-out; transition: box-shadow 0s ease-out; + transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #tool-bar #block-materio-page-title-materio-page-title { margin: 0 10px 0 0; } @@ -3768,8 +3819,10 @@ body.home-v2 #main { margin-top: -100000px; } .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } #tool-bar #block-materio-page-title-materio-page-title a.edit-list i { margin: 0 0 0 5px; } @@ -3777,6 +3830,7 @@ body.home-v2 #main { visibility: visible; } .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list { opacity: 1; + -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } @media only screen and (max-width: 40em) { #tool-bar #block-materio-page-title-materio-page-title { @@ -3818,13 +3872,22 @@ body.home-v2 #main { background-color: #fff; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; text-align: right; } #tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover, #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); } #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active { + -webkit-transition: -webkit-box-shadow 0s ease-out; + transition: -webkit-box-shadow 0s ease-out; transition: box-shadow 0s ease-out; + transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #tool-bar #block-materio-search-api-materio-search-api-search > .inner h4.form-title { padding: 0.2em 0 0.1em 0.2em; @@ -3848,6 +3911,7 @@ body.home-v2 #main { cursor: pointer; border-radius: 5px 5px 0 0; padding: 0.1em 0.5em; + -webkit-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; } #tool-bar #block-materio-search-api-materio-search-api-search.tabed .searchform-tabs h4.active { border: 1px solid #ccc; @@ -4023,9 +4087,11 @@ body.home-v2 #main { #content { padding: 1em; + -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } #content.faded { opacity: 0.5; + -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #content .materiobase-results, #content .materiobase-actuality, #content .materio-flags-list { padding: 0 0 30px 0; @@ -4114,12 +4180,14 @@ article.search-performance a.button { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.search-performance a.button:hover, article.search-performance a.button:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.search-performance a.button:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @@ -4136,8 +4204,12 @@ article.search-performance.view-mode-cardsmall { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } article.search-performance.view-mode-cardmedium { width: 210px; @@ -4152,8 +4224,12 @@ article.search-performance.view-mode-cardmedium { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } article.search-performance.view-mode-cardmedium .inner { padding: 4em 1em 0; } @@ -4170,8 +4246,12 @@ article.search-performance.view-mode-cardbig { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; display: block; margin: 0 auto; } @@ -4188,8 +4268,12 @@ article.search-performance.view-mode-cardfull { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; display: block; margin: 0 auto; } article.search-performance.view-mode-cardfull .inner { @@ -4215,18 +4299,24 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; margin: 3px; } article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side { border-radius: 5px; background-clip: padding-box; overflow: hidden; } article.node-materiau.vm-bookmark.focused, article.node-breve.vm-bookmark.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.just-added { opacity: 0; } article.node-materiau.vm-bookmark.associated, article.node-breve.vm-bookmark.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-bookmark.associated.just-added { margin-left: -50px; @@ -4237,6 +4327,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { left: 0; z-index: 999; } article.node-materiau.vm-bookmark.removed, article.node-breve.vm-bookmark.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -4281,6 +4372,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark nav.nav ul li { padding: 0; @@ -4289,6 +4381,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } article.node-materiau.vm-bookmark nav.nav ul li a, article.node-breve.vm-bookmark nav.nav ul li a { display: block; } @@ -4310,6 +4403,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { padding-left: 2px; } article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -4356,6 +4450,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } article.node-materiau.vm-bookmark .side.oops p, article.node-materiau.vm-bookmark .side .upgrade p, article.node-breve.vm-bookmark .side.oops p, article.node-breve.vm-bookmark .side .upgrade p { @@ -4374,12 +4469,14 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.node-materiau.vm-bookmark .side.oops p a:hover, article.node-materiau.vm-bookmark .side.oops p a:focus, article.node-materiau.vm-bookmark .side .upgrade p a:hover, article.node-materiau.vm-bookmark .side .upgrade p a:focus, article.node-breve.vm-bookmark .side.oops p a:hover, article.node-breve.vm-bookmark .side.oops p a:focus, article.node-breve.vm-bookmark .side .upgrade p a:hover, article.node-breve.vm-bookmark .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.node-materiau.vm-bookmark .side.oops p a:active, article.node-materiau.vm-bookmark .side .upgrade p a:active, article.node-breve.vm-bookmark .side.oops p a:active, article.node-breve.vm-bookmark .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header { @@ -4418,17 +4515,23 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side { border-radius: 5px; background-clip: padding-box; overflow: hidden; } article.node-materiau.vm-cardsmall.focused, article.node-breve.vm-cardsmall.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.just-added { opacity: 0; } article.node-materiau.vm-cardsmall.associated, article.node-breve.vm-cardsmall.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-cardsmall.associated.just-added { margin-left: -100px; @@ -4439,6 +4542,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { left: 0; z-index: 999; } article.node-materiau.vm-cardsmall.removed, article.node-breve.vm-cardsmall.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -4483,6 +4587,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmall nav.nav ul li { padding: 0; @@ -4491,6 +4596,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } article.node-materiau.vm-cardsmall nav.nav ul li a, article.node-breve.vm-cardsmall nav.nav ul li a { display: block; } @@ -4512,6 +4618,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { padding-left: 2px; } article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -4558,6 +4665,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } article.node-materiau.vm-cardsmall .side.oops p, article.node-materiau.vm-cardsmall .side .upgrade p, article.node-breve.vm-cardsmall .side.oops p, article.node-breve.vm-cardsmall .side .upgrade p { @@ -4576,12 +4684,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.node-materiau.vm-cardsmall .side.oops p a:hover, article.node-materiau.vm-cardsmall .side.oops p a:focus, article.node-materiau.vm-cardsmall .side .upgrade p a:hover, article.node-materiau.vm-cardsmall .side .upgrade p a:focus, article.node-breve.vm-cardsmall .side.oops p a:hover, article.node-breve.vm-cardsmall .side.oops p a:focus, article.node-breve.vm-cardsmall .side .upgrade p a:hover, article.node-breve.vm-cardsmall .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.node-materiau.vm-cardsmall .side.oops p a:active, article.node-materiau.vm-cardsmall .side .upgrade p a:active, article.node-breve.vm-cardsmall .side.oops p a:active, article.node-breve.vm-cardsmall .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header { @@ -4627,8 +4737,10 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { margin-top: -100000px; } .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow { visibility: hidden; } @@ -4636,8 +4748,10 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall { margin-top: -100000px; } .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } /* @@ -4682,17 +4796,23 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side { border-radius: 5px; background-clip: padding-box; overflow: hidden; } article.node-materiau.vm-cardmedium.focused, article.node-breve.vm-cardmedium.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium.just-added { opacity: 0; } article.node-materiau.vm-cardmedium.associated, article.node-breve.vm-cardmedium.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm-cardmedium.associated.just-added { margin-left: -210px; @@ -4703,6 +4823,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { left: 0; z-index: 999; } article.node-materiau.vm-cardmedium.removed, article.node-breve.vm-cardmedium.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -4747,6 +4868,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmedium nav.nav ul li { padding: 0; @@ -4755,6 +4877,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } article.node-materiau.vm-cardmedium nav.nav ul li a, article.node-breve.vm-cardmedium nav.nav ul li a { display: block; } @@ -4776,6 +4899,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { padding-left: 2px; } article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -4822,6 +4946,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } article.node-materiau.vm-cardmedium .side.oops p, article.node-materiau.vm-cardmedium .side .upgrade p, article.node-breve.vm-cardmedium .side.oops p, article.node-breve.vm-cardmedium .side .upgrade p { @@ -4840,12 +4965,14 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.node-materiau.vm-cardmedium .side.oops p a:hover, article.node-materiau.vm-cardmedium .side.oops p a:focus, article.node-materiau.vm-cardmedium .side .upgrade p a:hover, article.node-materiau.vm-cardmedium .side .upgrade p a:focus, article.node-breve.vm-cardmedium .side.oops p a:hover, article.node-breve.vm-cardmedium .side.oops p a:focus, article.node-breve.vm-cardmedium .side .upgrade p a:hover, article.node-breve.vm-cardmedium .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.node-materiau.vm-cardmedium .side.oops p a:active, article.node-materiau.vm-cardmedium .side .upgrade p a:active, article.node-breve.vm-cardmedium .side.oops p a:active, article.node-breve.vm-cardmedium .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side { @@ -4870,6 +4997,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { line-height: 1; background-color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 4px rgba(255, 255, 255, 0.4); + -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; border-radius: 0 0 4px 4px; background-clip: padding-box; @@ -4898,6 +5026,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { color: #fff; background-color: rgba(0, 0, 0, 0.7); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); + -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } article.node-materiau.vm-cardmedium.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium.node-breve .group-header .field-name-field-authored-on { font-size: 12px; @@ -4925,6 +5054,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { padding: 5px; } article.node-materiau.vm-cardmedium .field-name-field-description.columnized, article.node-materiau.vm-cardmedium .field-name-body.columnized, article.node-breve.vm-cardmedium .field-name-field-description.columnized, article.node-breve.vm-cardmedium .field-name-body.columnized { padding: 0; + -webkit-transition: margin-left 0.3s ease-out; transition: margin-left 0.3s ease-out; } article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardmedium .field-name-body.columnized .column > *, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-breve.vm-cardmedium .field-name-body.columnized .column > * { padding: 5px; } @@ -4958,6 +5088,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { padding: 5px; } article.node-materiau.vm-cardmedium .column-wrapper.columnized, article.node-breve.vm-cardmedium .column-wrapper.columnized { padding: 0; + -webkit-transition: margin-left 0.3s ease-out; transition: margin-left 0.3s ease-out; } article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *, article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * { padding: 5px; } @@ -5002,8 +5133,10 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { margin-top: -100000px; } .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow { visibility: hidden; } @@ -5011,8 +5144,10 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium { margin-top: -100000px; } .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow { opacity: 0; + -webkit-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * { + -webkit-transition: margin-top 0s 0.3s; transition: margin-top 0s 0.3s; } .ie8 article.node-materiau.vm-cardmedium nav.nav, .ie8 article.node-breve.vm-cardmedium nav.nav { background: #FFF; } @@ -5038,17 +5173,23 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - transition: box-shadow 0.3s ease-out; } + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; } article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side { border-radius: 5px; background-clip: padding-box; overflow: hidden; } article.node-materiau.vm-cardbig.focused, article.node-breve.vm-cardbig.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-added { opacity: 0; } article.node-materiau.vm-cardbig.associated, article.node-breve.vm-cardbig.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-cardbig.associated.just-added { margin-left: -425px; @@ -5059,6 +5200,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { left: 0; z-index: 999; } article.node-materiau.vm-cardbig.removed, article.node-breve.vm-cardbig.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -5103,6 +5245,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig nav.nav ul li { padding: 0; @@ -5111,6 +5254,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } article.node-materiau.vm-cardbig nav.nav ul li a, article.node-breve.vm-cardbig nav.nav ul li a { display: block; } @@ -5132,6 +5276,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { padding-left: 2px; } article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -5178,6 +5323,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p { @@ -5196,12 +5342,14 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.node-materiau.vm-cardbig .side.oops p a:hover, article.node-materiau.vm-cardbig .side.oops p a:focus, article.node-materiau.vm-cardbig .side .upgrade p a:hover, article.node-materiau.vm-cardbig .side .upgrade p a:focus, article.node-breve.vm-cardbig .side.oops p a:hover, article.node-breve.vm-cardbig .side.oops p a:focus, article.node-breve.vm-cardbig .side .upgrade p a:hover, article.node-breve.vm-cardbig .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.node-materiau.vm-cardbig .side.oops p a:active, article.node-materiau.vm-cardbig .side .upgrade p a:active, article.node-breve.vm-cardbig .side.oops p a:active, article.node-breve.vm-cardbig .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardbig .side, article.node-breve.vm-cardbig .side { @@ -5232,6 +5380,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { line-height: 1.1; background-color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 4px rgba(255, 255, 255, 0.4); + -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } article.node-materiau.vm-cardbig .group-header .field-name-title-field, article.node-breve.vm-cardbig .group-header .field-name-title-field { font-weight: 700; } @@ -5258,6 +5407,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { color: #fff; background-color: rgba(0, 0, 0, 0.7); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); + -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } article.node-materiau.vm-cardbig.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig.node-breve .group-header .field-name-field-authored-on { font-size: 12px; @@ -5285,6 +5435,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { padding: 10px; } article.node-materiau.vm-cardbig .field-name-field-description.columnized, article.node-materiau.vm-cardbig .field-name-body.columnized, article.node-breve.vm-cardbig .field-name-field-description.columnized, article.node-breve.vm-cardbig .field-name-body.columnized { padding: 0; + -webkit-transition: margin-left 0.3s ease-out; transition: margin-left 0.3s ease-out; } article.node-materiau.vm-cardbig .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardbig .field-name-body.columnized .column > *, article.node-breve.vm-cardbig .field-name-field-description.columnized .column > *, article.node-breve.vm-cardbig .field-name-body.columnized .column > * { padding: 10px; } @@ -5316,6 +5467,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { padding: 10px; } article.node-materiau.vm-cardbig .column-wrapper.columnized, article.node-breve.vm-cardbig .column-wrapper.columnized { padding: 0; + -webkit-transition: margin-left 0.3s ease-out; transition: margin-left 0.3s ease-out; } article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *, article.node-breve.vm-cardbig .column-wrapper.columnized .column > * { padding: 10px; } @@ -5362,7 +5514,9 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig { border: 2px solid #eee; background-color: #eee; color: #fff; + -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; + -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } article.node-materiau.vm-cardbig:hover .side.oops p a, article.node-materiau.vm-cardbig:hover .side .upgrade p a, article.node-breve.vm-cardbig:hover .side.oops p a, article.node-breve.vm-cardbig:hover .side .upgrade p a { border: 2px solid #69CDCF; @@ -5389,18 +5543,24 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; font-size: 0px; } article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side { border-radius: 5px; background-clip: padding-box; overflow: hidden; } article.node-materiau.vm-cardfull.focused, article.node-breve.vm-cardfull.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.just-added { opacity: 0; } article.node-materiau.vm-cardfull.associated, article.node-breve.vm-cardfull.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-cardfull.associated.just-added { margin-left: -850px; @@ -5411,6 +5571,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { left: 0; z-index: 999; } article.node-materiau.vm-cardfull.removed, article.node-breve.vm-cardfull.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -5455,6 +5616,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull nav.nav ul li { padding: 0; @@ -5463,6 +5625,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } article.node-materiau.vm-cardfull nav.nav ul li a, article.node-breve.vm-cardfull nav.nav ul li a { display: block; } @@ -5484,6 +5647,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { padding-left: 2px; } article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -5530,6 +5694,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p { @@ -5548,12 +5713,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } article.node-materiau.vm-cardfull .side.oops p a:hover, article.node-materiau.vm-cardfull .side.oops p a:focus, article.node-materiau.vm-cardfull .side .upgrade p a:hover, article.node-materiau.vm-cardfull .side .upgrade p a:focus, article.node-breve.vm-cardfull .side.oops p a:hover, article.node-breve.vm-cardfull .side.oops p a:focus, article.node-breve.vm-cardfull .side .upgrade p a:hover, article.node-breve.vm-cardfull .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } article.node-materiau.vm-cardfull .side.oops p a:active, article.node-materiau.vm-cardfull .side .upgrade p a:active, article.node-breve.vm-cardfull .side.oops p a:active, article.node-breve.vm-cardfull .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav { @@ -5603,6 +5770,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { color: #fff; background-color: rgba(0, 0, 0, 0.7); text-shadow: 0 0 4px rgba(0, 0, 0, 0.4); + -webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on { font-weight: 500; } @@ -5665,7 +5833,9 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { border: 2px solid #eee; background-color: #eee; color: #fff; + -webkit-transition: border 0.3s ease-out; transition: border 0.3s ease-out; + -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } article.node-materiau.vm-cardfull:hover .side.oops p a, article.node-materiau.vm-cardfull:hover .side .upgrade p a, article.node-breve.vm-cardfull:hover .side.oops p a, article.node-breve.vm-cardfull:hover .side .upgrade p a { border: 2px solid #69CDCF; @@ -5694,8 +5864,12 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; width: 1024px; padding: 1em; } .print-node-materiau > div.side { @@ -5703,10 +5877,12 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-clip: padding-box; overflow: hidden; } .print-node-materiau.focused { + -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); } .print-node-materiau.just-added { opacity: 0; } .print-node-materiau.associated { + -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } .print-node-materiau.associated.just-added { margin-left: -850px; @@ -5717,6 +5893,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { left: 0; z-index: 999; } .print-node-materiau.removed { + -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; width: 0; padding-left: 0; @@ -5761,6 +5938,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { display: block; border-radius: 3px; background-clip: padding-box; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); } .print-node-materiau nav.nav ul li { padding: 0; @@ -5769,6 +5947,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { display: block; height: 0; overflow: hidden; + -webkit-transition: height 0.2s ease-out; transition: height 0.2s ease-out; } .print-node-materiau nav.nav ul li a { display: block; } @@ -5790,6 +5969,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { padding-left: 2px; } .print-node-materiau nav.nav ul.flag-lists-entity-links li a { color: #a6a6a6; + -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .print-node-materiau nav.nav ul.flag-lists-entity-links li a:hover, .print-node-materiau nav.nav ul.flag-lists-entity-links li a.unflag-action { color: #000; @@ -5836,6 +6016,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { font-size: 12px; padding-top: 4em; margin-top: -4.5em; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em); position: relative; } .print-node-materiau .side.oops p, .print-node-materiau .side .upgrade p { @@ -5854,12 +6035,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } .print-node-materiau .side.oops p a:hover, .print-node-materiau .side.oops p a:focus, .print-node-materiau .side .upgrade p a:hover, .print-node-materiau .side .upgrade p a:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } .print-node-materiau .side.oops p a:active, .print-node-materiau .side .upgrade p a:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } } @@ -6054,6 +6237,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #008CBA; border-color: #007095; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #modal form input.form-submit:hover, #modal form input.form-submit:focus { background-color: #007095; } @@ -6079,6 +6263,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus { background-color: #368a55; } @@ -6104,6 +6289,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus { background-color: #368a55; } @@ -6129,6 +6315,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus { background-color: #cf2a0e; } @@ -6154,6 +6341,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus { background-color: #b9b9b9; } @@ -6238,8 +6426,10 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-clip: padding-box; font-size: 12px; font-weight: 500; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #tooltip.op-visible { + -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } /* @@ -6316,6 +6506,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #008CBA; border-color: #007095; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus { background-color: #007095; } @@ -6341,6 +6532,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus { background-color: #368a55; } @@ -6366,6 +6558,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus { background-color: #368a55; } @@ -6391,6 +6584,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus { background-color: #cf2a0e; } @@ -6416,6 +6610,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; + -webkit-transition: background-color, 300ms, ease-out; transition: background-color, 300ms, ease-out; } #block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus { background-color: #b9b9b9; } @@ -6747,6 +6942,7 @@ body.page-node-11187 .node-11187 .field-name-body { background-color: #fff; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); overflow: hidden; } .ie8 body.page-node-11187 .node-11187 .field-name-body div.column, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto { @@ -6814,12 +7010,14 @@ body.page-node-11187 .node-11187 .field-name-body { font-weight: 900; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; } body.page-node-11187 .node-11187 .field-name-body div.column .get-link span { font-size: 20px; } body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover, body.page-node-11187 .node-11187 .field-name-body div.column .get-link:focus { text-shadow: 0 0 3px white; } body.page-node-11187 .node-11187 .field-name-body div.column .get-link:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } body.page-node-11187 .node-11187 .field-name-body div.column-demi h2 { @@ -6977,6 +7175,7 @@ body.page-node-11187 .node-11187 .field-name-body { vertical-align: middle; margin: 0; } #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) { background-color: #69CDCF; } @@ -7044,10 +7243,12 @@ body.page-node-11187 .node-11187 .field-name-body { margin-bottom: 9px; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #webform-client-form-11186 .form-actions .form-submit:hover, #webform-client-form-11186 .form-actions .form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #webform-client-form-11186 .form-actions .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #webform-client-form-11186 #webform-component-column-right--news-letters > label { @@ -7123,6 +7324,7 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; @@ -7130,6 +7332,7 @@ body.page-node-11187 .node-11187 .field-name-body { #uc-cart-view-form .form-actions .form-submit:hover, #uc-cart-view-form .form-actions .form-submit:focus { text-shadow: 0 0 3px white; } #uc-cart-view-form .form-actions .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } #uc-cart-view-form .form-actions .form-submit#edit-checkout--2 { @@ -7143,11 +7346,13 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; border-color: #69CDCF; background-color: #69CDCF; @@ -7155,11 +7360,13 @@ body.page-node-11187 .node-11187 .field-name-body { #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus { text-shadow: 0 0 3px white; } #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @@ -7330,6 +7537,7 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; @@ -7337,6 +7545,7 @@ body.page-node-11187 .node-11187 .field-name-body { #uc-cart-checkout-form #edit-actions .form-submit:hover, #uc-cart-checkout-form #edit-actions .form-submit:focus { text-shadow: 0 0 3px white; } #uc-cart-checkout-form #edit-actions .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } #uc-cart-checkout-form #edit-actions .form-submit#edit-continue { @@ -7350,11 +7559,13 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; border-color: #69CDCF; background-color: #69CDCF; @@ -7362,11 +7573,13 @@ body.page-node-11187 .node-11187 .field-name-body { #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus { text-shadow: 0 0 3px white; } #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @@ -7446,6 +7659,7 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; @@ -7453,6 +7667,7 @@ body.page-node-11187 .node-11187 .field-name-body { .page-cart-checkout-review input.form-submit:hover, .page-cart-checkout-review input.form-submit:focus { text-shadow: 0 0 3px white; } .page-cart-checkout-review input.form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } .page-cart-checkout-review input.form-submit#edit-submit { @@ -7466,11 +7681,13 @@ body.page-node-11187 .node-11187 .field-name-body { color: #4D4D4D; cursor: pointer; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); + -webkit-transition: text-shadow 0.3s ease-out; transition: text-shadow 0.3s ease-out; text-align: center; text-decoration: none; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; border-color: #69CDCF; background-color: #69CDCF; @@ -7478,11 +7695,13 @@ body.page-node-11187 .node-11187 .field-name-body { .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus { text-shadow: 0 0 3px white; } .page-cart-checkout-review input.form-submit#edit-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); } .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } .page-cart-checkout-review input.form-submit#edit-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @@ -7497,6 +7716,7 @@ body.page-node-11187 .node-11187 .field-name-body { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); max-width: 850px; font-size: 14px; @@ -7750,15 +7970,18 @@ body.home-v2 #center { color: #f7f4ed; font-size: 18px; font-weight: 500; + -webkit-transition: opacity,background-color 0.2s ease-out; transition: opacity,background-color 0.2s ease-out; } #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"], #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"] { background-color: #e6de1c; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:focus, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:active, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register { @@ -7831,7 +8054,9 @@ body.home-v2 #center { margin-bottom: 10px; font-size: 10px; background-color: #fff; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); + -webkit-transition: bottom 0.1s ease-out; transition: bottom 0.1s ease-out; } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.error { background-color: #f3968d; @@ -7868,10 +8093,12 @@ body.home-v2 #center { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit[disabled] { @@ -7883,10 +8110,12 @@ body.home-v2 #center { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-simplenews { @@ -7909,12 +8138,14 @@ body.home-v2 #center { color: #fff; cursor: pointer; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-transition: text-shadow 0.2s ease-out; transition: text-shadow 0.2s ease-out; text-align: center; text-decoration: none; } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:focus { text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:active { + -webkit-transition: text-shadow 0s ease-out; transition: text-shadow 0s ease-out; text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 40em) { @@ -7928,13 +8159,18 @@ body.home-v2 #center { color: #b94a48; font-size: 12px; } #home-v2 > .panel-panel > div > .panel-pane.showroom { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; height: 450px; margin-top: 15px; background-color: #fff; position: relative; } #home-v2 > .panel-panel > div > .panel-pane.showroom:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content { width: 100%; @@ -7969,6 +8205,7 @@ body.home-v2 #center { margin-top: 0.5em; } #home-v2 > .panel-panel > div > .panel-pane.showroom:after { content: url("../img/bulle.png"); + -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; bottom: -120px; @@ -7992,13 +8229,18 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.showroom:after { opacity: 0.4; } } #home-v2 > .panel-panel > div > .panel-pane.bdd { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; height: 450px; margin-top: 30px; background-color: #FFF; position: relative; } #home-v2 > .panel-panel > div > .panel-pane.bdd:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #home-v2 > .panel-panel > div > .panel-pane.bdd .links a { background-color: #e6e6e6; } @@ -8032,6 +8274,7 @@ body.home-v2 #center { background-color: rgba(230, 230, 230, 0.8); } #home-v2 > .panel-panel > div > .panel-pane.bdd:after { content: url("../img/boule.png"); + -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; bottom: -50px; @@ -8055,14 +8298,19 @@ body.home-v2 #center { opacity: 0.6; z-index: 0; } } #home-v2 > .panel-panel > div > .panel-pane.formations { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; position: relative; height: 300px; margin-top: 30px; background-color: #000; color: #FFF; } #home-v2 > .panel-panel > div > .panel-pane.formations:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #home-v2 > .panel-panel > div > .panel-pane.formations a { color: #FFF; } @@ -8091,12 +8339,17 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.formations { height: auto; } } #home-v2 > .panel-panel > div > .panel-pane.services { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; background-color: #FFF; height: 300px; margin-top: 30px; } #home-v2 > .panel-panel > div > .panel-pane.services:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #home-v2 > .panel-panel > div > .panel-pane.services .node { padding: 0 30% 0 0; @@ -8125,8 +8378,12 @@ body.home-v2 #center { #home-v2 > .panel-panel > div > .panel-pane.services { height: auto; } } #home-v2 > .panel-panel > div > .panel-pane.publication { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; position: relative; margin-top: 30px; padding: 1em; @@ -8134,6 +8391,7 @@ body.home-v2 #center { border-radius: 10px; background-clip: padding-box; } #home-v2 > .panel-panel > div > .panel-pane.publication:hover { + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 { color: #fff; } @@ -8242,8 +8500,12 @@ body.home-v2 #center { border-radius: 5px; background-clip: padding-box; background-color: #FFF; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + -webkit-transition: -webkit-box-shadow 0.3s ease-out; + transition: -webkit-box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; + transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; overflow: hidden; position: relative; margin: 7px; } @@ -8365,6 +8627,7 @@ div.messages { padding: 10px; border-radius: 5px; background-clip: padding-box; + -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); } #better-messages-wrapper #better-messages-default div.messages { padding: 9px; @@ -8432,6 +8695,7 @@ a:hover { outline: 0; } i { + -webkit-transition: color 0.3s; transition: color 0.3s; } i:hover { color: #606060; @@ -8441,6 +8705,7 @@ i { #colorbox { border-radius: 2px; background-clip: padding-box; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } #colorbox #cboxLoadedContent { background-color: #fff; }