remove -webkit CSS vendor prefixes

pull/2029/merge
Thibault Duplessis 2016-07-16 11:03:48 +02:00
parent 5db59f8487
commit bdf13fce06
12 changed files with 12 additions and 64 deletions

View File

@ -134,7 +134,6 @@ div.eval_gauge {
}
div.eval_gauge.reverse {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
}
div.eval_gauge::after {
content: '';

View File

@ -572,7 +572,6 @@ body.coords_2 .is3d square[data-coord-x]::after {
.is3d #promotion_choice piece {
transform: scale(0.7);
-webkit-transform: scale(0.7);
left: -18%;
bottom: -40%;
}

View File

@ -117,13 +117,11 @@ piece {
bottom: 0;
left: 0;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
z-index: 2;
/* no less than 2 */
}
.mini_board piece {
transform: none;
-webkit-transform: none;
z-index: initial;
}
.lichess_board.blindfold piece,
@ -384,7 +382,6 @@ div.lichess_overboard {
top: 50%;
left: 56px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
padding: 15px 0 22px 0;
font-size: 14px;
line-height: 1.8em;
@ -445,7 +442,6 @@ div.dont_touch {
.lichess_board_wrap .variant_reminder.gone {
opacity: 0;
transform: translateY(-100px);
-webkit-transform: translateY(-100px);
}
#promotion_choice {
position: absolute;
@ -469,7 +465,6 @@ div.dont_touch {
.is2d #promotion_choice piece {
transition: 0.2s;
transform: scale(0.8);
-webkit-transform: scale(0.8);
}
#promotion_choice square:hover {
box-shadow: inset 0 0 48px 8px #d85000;
@ -477,7 +472,6 @@ div.dont_touch {
}
.is2d #promotion_choice square:hover piece {
transform: none;
-webkit-transform: none;
}
div.table_wrap {
flex: 0 1 auto;
@ -819,17 +813,14 @@ div.control.icons .button {
div.control.icons .takeback-yes span:before {
display: inline-block;
transform: translateY(1px);
-webkit-transform: translateY(1px);
}
div.control.icons .draw-yes span:before {
display: inline-block;
transform: translateY(-1px) rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
div.control.icons .resign span:before {
display: inline-block;
transform: translateY(1px);
-webkit-transform: translateY(1px);
}
div.control.icons .resign_confirm {
display: inline-block;

View File

@ -722,14 +722,12 @@ div.side_box .game_infos .bookmark {
background: radial-gradient(ellipse at center, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 25%, rgba(238, 238, 238, 0) 100%);
opacity: 0;
transform: translate(0, -20px);
-webkit-transform: translate(0, -20px);
transition: transform 0.3s;
z-index: 10;
/* to go over the board */
}
div.side_box .game_infos:hover .bookmark {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
opacity: 1;
}
div.side_box .game_infos .setup {
@ -878,7 +876,6 @@ body.fpmenu #fpmenu {
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#fpmenu .body {
@ -1007,7 +1004,7 @@ body.fpmenu #fpmenu {
font-size: 12px;
opacity: 0.8;
transition: opacity 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#fpmenu .footer:hover {
opacity: 1;
@ -1027,7 +1024,6 @@ body.fpmenu #fpmenu {
#fpmenu .inner {
top: 0;
transform: none;
-webkit-transform: none;
width: auto;
}
#fpmenu .body {
@ -2181,7 +2177,6 @@ textarea.copyable {
}
.hint--bottom:hover:after,
.hint--bottom:hover:before {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.hint--top:before {
@ -2197,7 +2192,6 @@ textarea.copyable {
}
.hint--top:hover:after,
.hint--top:hover:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--top-left:before {
@ -2213,7 +2207,6 @@ textarea.copyable {
}
.hint--top-left:hover:after,
.hint--top-left:hover:before {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--bottom-left:before {
@ -2229,7 +2222,6 @@ textarea.copyable {
}
.hint--bottom-left:hover:after,
.hint--bottom-left:hover:before {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.hint--left:before {
@ -2246,7 +2238,6 @@ textarea.copyable {
}
.hint--left:hover:after,
.hint--left:hover:before {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.continue_with {
@ -2274,7 +2265,6 @@ textarea.copyable {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
padding: 20px;
border-radius: 3px;
box-shadow: 0 0 95px 25px rgba(0, 0, 0, 0.8);
@ -2309,7 +2299,6 @@ div.lichess_overboard .close:hover {
}
.fire_trophy span {
transform: scale(0.35);
-webkit-transform: scale(0.35);
color: rgba(0, 0, 0, 0.6);
font-size: 150px;
display: block;
@ -2401,7 +2390,6 @@ input.cmn-toggle-round:checked + label:after {
background: #eee;
border-left: 1.5px solid #aaa;
border-bottom: 1px solid #aaa;
-webkit-transform: skew(45deg) rotate(-45deg);
transform: skew(45deg) rotate(-45deg);
}
.content_box .pull-quote p:after,

View File

@ -124,7 +124,6 @@ form.color .color_3 i {
box-shadow: 0 0 10px #fff;
border-radius: 3px;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
cursor: pointer;
}
#trainer.init .score {
@ -136,7 +135,6 @@ form.color .color_3 i {
box-shadow: 0 0 1px #fff;
border-radius: 100px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
#trainer.wrong .progress_bar,
#trainer.wrong strong.score {

View File

@ -274,21 +274,19 @@ body.dark #hooks_wrap {
text-shadow: 0 0 3px #fff;
opacity: 0.7;
transition: 0.5s;
-webkit-transform: scale(1);
transform: scale(1);
}
#hooks_wrap .hooks_chart .plot.rated {
opacity: 0.9;
color: #d59120!important;
}
#hooks_wrap .hooks_chart .plot.new {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
opacity: 0;
}
#hooks_wrap .hooks_chart .plot:hover {
z-index: 2;
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
#hook {

View File

@ -90,7 +90,6 @@
opacity: 0.6;
font-size: 1rem;
font-weight: normal;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
}
.material.form .form-group.no-label {
@ -109,7 +108,6 @@
bottom: -0.0625rem;
position: absolute;
background: #3893E8;
-webkit-transition: left 0.28s ease, width 0.28s ease;
transition: left 0.28s ease, width 0.28s ease;
z-index: 2;
}
@ -123,7 +121,6 @@
border-color: transparent;
line-height: 1.9;
width: 100%;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
box-shadow: none;
}
@ -208,15 +205,11 @@ body.dark .material.form .form-group select option {
margin: 0.25rem;
width: 1rem;
height: 1rem;
-webkit-transition: -webkit-transform 0.28s ease;
transition: -webkit-transform 0.28s ease;
transition: transform 0.28s ease;
transition: transform 0.28s ease, -webkit-transform 0.28s ease;
border-radius: 50%;
border: 0.125rem solid currentColor;
}
.material.form .radio .helper::after {
-webkit-transform: scale(0);
transform: scale(0);
background-color: #3893E8;
border-color: #3893E8;
@ -225,7 +218,6 @@ body.dark .material.form .form-group select option {
color: #3893E8;
}
.material.form .radio input:checked ~ .helper::after {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.material.form .radio input:checked ~ .helper::before {
@ -246,7 +238,6 @@ body.dark .material.form .form-group select option {
z-index: 0;
border: 0.125rem solid currentColor;
border-radius: 0.0625rem;
-webkit-transition: border-color 0.28s ease;
transition: border-color 0.28s ease;
}
.material.form .checkbox .helper::before, .checkbox .helper::after {
@ -255,25 +246,21 @@ body.dark .material.form .form-group select option {
width: 0.2rem;
background-color: #3893E8;
display: block;
-webkit-transform-origin: left top;
transform-origin: left top;
border-radius: 0.25rem;
content: '';
-webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
transition: opacity 0.28s ease, height 0s linear 0.28s;
opacity: 0;
}
.material.form .checkbox .helper::before {
top: 0.65rem;
left: 0.38rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
box-shadow: 0 0 0 0.0625rem #fff;
}
.material.form .checkbox .helper::after {
top: 0.3rem;
left: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.material.form .checkbox label:hover .helper {
@ -284,7 +271,6 @@ body.dark .material.form .form-group select option {
}
.material.form .checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
opacity: 1;
-webkit-transition: height 0.28s ease;
transition: height 0.28s ease;
}
.material.form .checkbox input:checked ~ .helper::after {
@ -292,7 +278,6 @@ body.dark .material.form .form-group select option {
}
.material.form .checkbox input:checked ~ .helper::before {
height: 1.2rem;
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}

View File

@ -80,17 +80,21 @@ table.all .thanks {
line-height: 2em;
}
.motivation .moto,
.motivation .one_time_active {
margin: 30px 0 60px 0;
padding: 30px 0;
.motivation .banner {
margin-bottom: 60px;
background: #759900;
color: #fff;
text-align: center;
font-size: 1.3em;
height: 160px;
display: flex;
align-items: center;
}
.motivation .moto h2,
.motivation .one_time_active h2 {
.motivation .banner > i {
font-size: 80px;
margin: 0 20px;
}
.motivation .banner h2 {
font-size: 1.5em;
margin-bottom: 0.5em;
display: block;

View File

@ -194,7 +194,6 @@ div.side_box .game_infos {
}
#simul_list table.slist .header:hover {
transform: translateX(3px);
-webkit-transform: translateX(3px);
}
#simul_list table.slist .header a {
padding: 1em;

View File

@ -763,7 +763,6 @@ ol.scheduled_tournaments li.marathon {
}
#tournament_list table.slist .header:hover {
transform: translateX(3px);
-webkit-transform: translateX(3px);
}
#tournament_list table.slist .header a {
padding: 1em;

View File

@ -31,7 +31,6 @@ div.user_show .fire_trophy.marathonTopHundred {
}
div.user_show .fire_trophy span {
transform: scale(0.35) translate(-103px, -3px);
-webkit-transform: scale(0.35) translate(-103px, -3px);
margin-top: -63px!important;
margin-right: -50px;
opacity: 0.9;
@ -40,15 +39,12 @@ div.user_show .fire_trophy span {
div.user_show .fire_trophy span:hover {
opacity: 1;
transform: scale(0.35) translate(-103px, -10px);
-webkit-transform: scale(0.35) translate(-103px, -10px);
}
div.user_show .fire_trophy.marathonTopTen span {
transform: scale(0.3) translate(-112px, 14px);
-webkit-transform: scale(0.3) translate(-112px, 14px);
}
div.user_show .fire_trophy.marathonTopTen span:hover {
transform: scale(0.3) translate(-112px, 6px);
-webkit-transform: scale(0.3) translate(-112px, 6px);
}
div.user_show .fire_trophy.marathonTopFifty span,
div.user_show .fire_trophy.marathonTopHundred span {
@ -66,30 +62,24 @@ div.user_show .trophy.icon3d:hover {
}
div.user_show .fire_trophy.marathonTopFifty span {
transform: scale(0.25) translate(-112px, 36px);
-webkit-transform: scale(0.25) translate(-112px, 36px);
text-shadow: 0 0 20px #ffae34, 0 0 25px #ec760c, 0 0 30px #cd4606;
}
div.user_show .fire_trophy.marathonTopFifty span:hover {
transform: scale(0.25) translate(-112px, 28px);
-webkit-transform: scale(0.25) translate(-112px, 28px);
}
div.user_show .fire_trophy.marathonTopHundred span {
transform: scale(0.2) translate(-112px, 90px);
-webkit-transform: scale(0.2) translate(-112px, 90px);
text-shadow: none;
color: #cd4606;
}
div.user_show .fire_trophy.marathonTopHundred span:hover {
transform: scale(0.2) translate(-112px, 60px);
-webkit-transform: scale(0.2) translate(-112px, 60px);
}
div.user_show .fire_trophy.marathonSurvivor span {
transform: scale(0.3) translate(-112px, 14px);
-webkit-transform: scale(0.3) translate(-112px, 14px);
}
div.user_show .fire_trophy.marathonSurvivor span:hover {
transform: scale(0.3) translate(-112px, 6px);
-webkit-transform: scale(0.3) translate(-112px, 6px);
}
div.user_show .fire_trophy.bongcloudWarrior span {
filter: hue-rotate(70deg);
@ -516,7 +506,6 @@ div.user_show .results .aggregate {
text-align: center;
margin-left: -20px;
width: 50px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
div.user_show .reportCard .mark {

View File

@ -34,7 +34,6 @@
}
#tournament_list table.slist .header:hover {
transform: translateX(3px);
-webkit-transform: translateX(3px);
}
#tournament_list table.slist .header a {
padding: 1em;