mirror of
https://github.com/phpbb/phpbb.git
synced 2025-04-05 00:13:29 +02:00
[ticket/15404] autoprefix browser compatability
PHPBB3-15404
This commit is contained in:
Michael Miday
parent
3dc1cde5c6
commit
83079a89c7
@ -16,9 +16,9 @@
|
||||
padding: 2px 8px;
|
||||
cursor: pointer;
|
||||
touch-action: manipulation;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
|
||||
@ -97,14 +97,12 @@ th a:hover {
|
||||
.headerbar,
|
||||
.forumbg {
|
||||
background-color: #13a4ec;
|
||||
background-image: -webkit-linear-gradient(top, #80d5ff 0%, #0077b3 2px, #13a4ec 92px, #13a4ec 100%);
|
||||
background-image: linear-gradient(to bottom, #80d5ff 0%, #0077b3 2px, #13a4ec 92px, #13a4ec 100%);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.forabg {
|
||||
background-color: #0077b3;
|
||||
background-image: -webkit-linear-gradient(top, #80d5ff 0%, #13a4ec 2px, #0077b3 92px, #0077b3 100%);
|
||||
background-image: linear-gradient(to bottom, #80d5ff 0%, #13a4ec 2px, #0077b3 92px, #0077b3 100%);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
@ -317,7 +315,7 @@ p.post-notice {
|
||||
/* colours and backgrounds for content.css */
|
||||
ul.forums {
|
||||
background-color: #edf4f7;
|
||||
background-image: -webkit-linear-gradient(top, #b8d3e0 0%, #edf4f7 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d3e0), to(#edf4f7));
|
||||
background-image: linear-gradient(to bottom, #b8d3e0 0%, #edf4f7 100%);
|
||||
}
|
||||
|
||||
@ -591,16 +589,17 @@ dd.profile-warnings {
|
||||
/* colours and backgrounds for buttons.css */
|
||||
.button {
|
||||
background-color: #e0e0e0;
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
|
||||
background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
|
||||
border-color: #bdbdbd;
|
||||
-webkit-box-shadow: 0 0 0 1px #ffffff inset;
|
||||
box-shadow: 0 0 0 1px #ffffff inset;
|
||||
color: #d41142;
|
||||
}
|
||||
|
||||
.button:hover,
|
||||
.button:focus {
|
||||
background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #ffffff 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff));
|
||||
background-image: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);
|
||||
border-color: #0077b3;
|
||||
text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px -1px 0 rgba(189, 40, 77, 0.2);
|
||||
@ -615,6 +614,7 @@ dd.profile-warnings {
|
||||
.button-form,
|
||||
.button-form-bold {
|
||||
border-color: #757575;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #212121;
|
||||
}
|
||||
@ -663,6 +663,7 @@ dd.profile-warnings {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
border-color: #bdbdbd;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
@ -696,6 +697,7 @@ dd.profile-warnings {
|
||||
}
|
||||
|
||||
.search-header {
|
||||
-webkit-box-shadow: 0 0 10px #0077b3;
|
||||
box-shadow: 0 0 10px #0077b3;
|
||||
}
|
||||
|
||||
@ -822,9 +824,10 @@ ul.cplist {
|
||||
.tabs .activetab > a,
|
||||
.tabs .activetab > a:hover {
|
||||
background-color: #c9dee8;
|
||||
background-image: -webkit-linear-gradient(top, #e6f7ff 0%, #c9dee8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
|
||||
background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
|
||||
border-color: #c9dee8;
|
||||
-webkit-box-shadow: 0 1px 1px #e6f7ff inset;
|
||||
box-shadow: 0 1px 1px #e6f7ff inset;
|
||||
color: #212121;
|
||||
}
|
||||
@ -845,14 +848,14 @@ ul.cplist {
|
||||
/* link styles for the sub-section links */
|
||||
.navigation a {
|
||||
background: #c0d3dd;
|
||||
background-image: -webkit-linear-gradient(left, #aab9c0 50%, #c0d3dd 100%);
|
||||
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #aab9c0), to(#c0d3dd));
|
||||
background-image: linear-gradient(to right, #aab9c0 50%, #c0d3dd 100%);
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.rtl .navigation a {
|
||||
background: #afc5cf;
|
||||
background-image: -webkit-linear-gradient(left, #c0d3dd 50%, #aab9c0 100%);
|
||||
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #c0d3dd), to(#aab9c0));
|
||||
background-image: linear-gradient(to right, #c0d3dd 50%, #aab9c0 100%);
|
||||
}
|
||||
|
||||
@ -1020,6 +1023,28 @@ input.disabled {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
@-webkit-keyframes colors {
|
||||
0% {
|
||||
stroke: #4285f4;
|
||||
}
|
||||
|
||||
25% {
|
||||
stroke: #de3e35;
|
||||
}
|
||||
|
||||
50% {
|
||||
stroke: #f7c223;
|
||||
}
|
||||
|
||||
75% {
|
||||
stroke: #1b9a59;
|
||||
}
|
||||
|
||||
100% {
|
||||
stroke: #4285f4;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes colors {
|
||||
0% {
|
||||
stroke: #4285f4;
|
||||
@ -1068,7 +1093,7 @@ input.disabled {
|
||||
|
||||
.dropdown-extended .header {
|
||||
background-color: #e6f7ff;
|
||||
background-image: -webkit-linear-gradient(top, #e6f7ff 0%, #c9dee8 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
|
||||
background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
|
||||
}
|
||||
|
||||
@ -1087,10 +1112,12 @@ input.disabled {
|
||||
.dropdown .dropdown-contents {
|
||||
background: #ffffff;
|
||||
border-color: #bdbdbd;
|
||||
-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.dropdown-up .dropdown-contents {
|
||||
-webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
|
||||
@ -1046,39 +1046,76 @@ fieldset.fields1 dl.pmlist dd.recipients {
|
||||
}
|
||||
|
||||
.spinner {
|
||||
-webkit-animation: rotator 1s linear infinite;
|
||||
animation: rotator 1s linear infinite;
|
||||
}
|
||||
|
||||
/* stylelint-disable no-unknown-animations */
|
||||
.spinner-path {
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
-webkit-animation: dash 1s ease-in-out infinite, colors 4s ease-in-out infinite;
|
||||
animation: dash 1s ease-in-out infinite, colors 4s ease-in-out infinite;
|
||||
stroke-dasharray: 187;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
/* stylelint-enable no-unknown-animations */
|
||||
|
||||
@keyframes rotator {
|
||||
@-webkit-keyframes rotator {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotator {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes dash {
|
||||
0% {
|
||||
stroke-dashoffset: 187;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
stroke-dashoffset: 46.75;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(450deg);
|
||||
transform: rotate(450deg);
|
||||
stroke-dashoffset: 187;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dash {
|
||||
0% {
|
||||
stroke-dashoffset: 187;
|
||||
}
|
||||
|
||||
50% {
|
||||
-webkit-transform: rotate(135deg);
|
||||
transform: rotate(135deg);
|
||||
stroke-dashoffset: 46.75;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(450deg);
|
||||
transform: rotate(450deg);
|
||||
stroke-dashoffset: 187;
|
||||
}
|
||||
|
||||
@ -69,6 +69,7 @@ ul.topiclist.two-columns dt .list-inner {
|
||||
|
||||
ul.topiclist dd {
|
||||
border-left: 1px solid transparent;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 0;
|
||||
}
|
||||
@ -130,6 +131,7 @@ li.header dt .list-inner {
|
||||
}
|
||||
|
||||
li.header dd {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding-left: 1px;
|
||||
}
|
||||
@ -303,6 +305,7 @@ dd.option {
|
||||
}
|
||||
|
||||
.postbody img.postimage {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
}
|
||||
@ -562,6 +565,7 @@ blockquote .codebox {
|
||||
border: 1px dashed transparent;
|
||||
float: left;
|
||||
clear: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
@ -641,6 +645,7 @@ dl.file dd {
|
||||
|
||||
dl.thumbnail img {
|
||||
border: 1px solid transparent;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@ -84,7 +84,6 @@ fieldset dd {
|
||||
margin-left: 41%;
|
||||
}
|
||||
|
||||
|
||||
fieldset.fields1 div {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
@ -270,6 +269,7 @@ fieldset.submit-buttons input {
|
||||
max-width: 100%;
|
||||
height: 270px;
|
||||
resize: vertical;
|
||||
-webkit-transition: all 0.5s ease, height 1ms linear;
|
||||
transition: all 0.5s ease, height 1ms linear;
|
||||
}
|
||||
|
||||
@ -361,6 +361,7 @@ input.disabled {
|
||||
border-right-width: 0;
|
||||
border-radius: 4px 0 0 4px;
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 24px;
|
||||
padding: 3px;
|
||||
|
||||
@ -45,6 +45,7 @@ th a:hover {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
display: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
@ -421,6 +421,7 @@
|
||||
textarea,
|
||||
dd textarea,
|
||||
.message-box textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user