CSS cleanup, remove prefixes
This commit is contained in:
parent
adb1f3f53c
commit
420a306833
|
@ -28,8 +28,6 @@ body {
|
|||
top: 50%;
|
||||
left: 50%;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
width: 1440px;
|
||||
height: 1080px;
|
||||
|
@ -58,10 +56,7 @@ body {
|
|||
padding: 6px 0 6px 6px;
|
||||
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
|
||||
background-color: #001668;
|
||||
background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);
|
||||
}
|
||||
|
||||
#info-slides-header,
|
||||
|
@ -85,11 +80,8 @@ body {
|
|||
#info-slides-header .hscroller {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
transform: scale(1.2, 1);
|
||||
transform-origin: left center;
|
||||
top: 50%;
|
||||
-webkit-transform: scale(1.1, 1) translateY(-50%);
|
||||
-ms-transform: scale(1.1, 1) translateY(-50%);
|
||||
transform: scale(1.1, 1) translateY(-50%);
|
||||
}
|
||||
|
||||
|
@ -125,20 +117,14 @@ body {
|
|||
flex-direction: column;
|
||||
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
|
||||
background-color: #001668;
|
||||
background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);
|
||||
}
|
||||
|
||||
#radar-1 {
|
||||
flex: 1;
|
||||
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
|
||||
background-color: #001668;
|
||||
background: -moz-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: -webkit-linear-gradient(-45deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
background: linear-gradient(135deg, rgba(0, 22, 104, 1) 0%, rgba(0, 13, 40, 1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#000d28', GradientType=1);
|
||||
}
|
||||
|
||||
.info-slide {
|
||||
|
@ -164,8 +150,6 @@ body {
|
|||
.info-slide .info-subheader span {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
|
@ -179,7 +163,7 @@ body {
|
|||
|
||||
.city-info-slide {
|
||||
position: relative;
|
||||
background: transparent url('../images/bluebuildings.jpg') no-repeat bottom;
|
||||
background: transparent url("/images/bluebuildings.jpg") no-repeat bottom;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
@ -209,7 +193,7 @@ body {
|
|||
}
|
||||
|
||||
.city-info-slide .yellow {
|
||||
background-image: url(../images/yellow-curve.svg);
|
||||
background-image: url("/images/yellow-curve.svg");
|
||||
filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.75));
|
||||
}
|
||||
|
||||
|
@ -231,7 +215,7 @@ body {
|
|||
}
|
||||
|
||||
.city-info-slide .blue {
|
||||
background-image: url(../images/blue-curve.svg);
|
||||
background-image: url("/images/blue-curve.svg");
|
||||
background-size: 200% 100%;
|
||||
width: 22%;
|
||||
height: 120%;
|
||||
|
@ -242,8 +226,7 @@ body {
|
|||
}
|
||||
|
||||
.city-info-slide .white {
|
||||
background-image: url(../images/white-curve.svg);
|
||||
background-image: url(../images/white-curve.svg);
|
||||
background-image: url("/images/white-curve.svg");
|
||||
background-size: 200% 100%;
|
||||
background-position: 100% 0;
|
||||
width: 22%;
|
||||
|
@ -440,10 +423,7 @@ body {
|
|||
.forecast-tile {
|
||||
position: relative;
|
||||
background: #5681BE;
|
||||
background: -moz-linear-gradient(left, #5783CC 0%, #C4D9FF 100%);
|
||||
background: -webkit-linear-gradient(left, #5783CC 0%, #C4D9FF 100%);
|
||||
background: linear-gradient(to right, #5783CC 0%, #C4D9FF 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5783cc', endColorstr='#c4d9ff', GradientType=1);
|
||||
}
|
||||
|
||||
.forecast-tile:last-child {
|
||||
|
@ -471,19 +451,13 @@ body {
|
|||
}
|
||||
|
||||
.forecast-tile.daily .header {
|
||||
background: -moz-linear-gradient(left, #001668 0%, #4564C4 100%);
|
||||
background: -webkit-linear-gradient(left, #001668 0%, #4564C4 100%);
|
||||
background: linear-gradient(to right, #001668 0%, #4564C4 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001668', endColorstr='#4564c4', GradientType=1);
|
||||
background-color: #001668;
|
||||
}
|
||||
|
||||
.forecast-tile.daily.weekend .header {
|
||||
color: #001668;
|
||||
background: -moz-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%);
|
||||
background: -webkit-linear-gradient(left, #8CAAEA 0%, #C4D9FF 100%);
|
||||
background: linear-gradient(to right, #8CAAEA 0%, #C4D9FF 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8caaea', endColorstr='#c4d9ff', GradientType=1);
|
||||
background-color: #8CAAEA;
|
||||
}
|
||||
|
||||
|
@ -564,10 +538,7 @@ body {
|
|||
flex: 1;
|
||||
position: relative;
|
||||
bottom: 7%;
|
||||
background: -moz-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%);
|
||||
background: -webkit-linear-gradient(left, #656565 0%, #FCFCFC 50%, #656565 100%);
|
||||
background: linear-gradient(to right, #656565 0%, #FCFCFC 50%, #656565 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#656565', GradientType=1);
|
||||
background-color: #656565;
|
||||
}
|
||||
|
||||
|
@ -580,10 +551,7 @@ body {
|
|||
bottom: 0;
|
||||
z-index: 0;
|
||||
color: white;
|
||||
background: -moz-linear-gradient(left, #4B411E 0%, #AE9B57 100%);
|
||||
background: -webkit-linear-gradient(left, #4B411E 0%, #AE9B57 100%);
|
||||
background: linear-gradient(to right, #4B411E 0%, #AE9B57 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b411e', endColorstr='#ae9b57', GradientType=1);
|
||||
background-color: #4B411E;
|
||||
}
|
||||
|
||||
|
|
|
@ -8,16 +8,18 @@
|
|||
top: 10%;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
.frost-pane {
|
||||
color: #fff;
|
||||
font-family:"Zemestro Std";
|
||||
color: #FFFFFF;
|
||||
font-family: "Zemestro Std";
|
||||
font-size: 32px;
|
||||
text-shadow:#000 2px 2px 4px;
|
||||
text-shadow: #000000 2px 2px 4px;
|
||||
min-height: 100%;
|
||||
background: rgba(18,75,238,0.7);
|
||||
background: rgba(18, 75, 238, 0.7);
|
||||
z-index: 388686;
|
||||
flex:1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.city-info .frost-pane:first-of-type {
|
||||
width: 55%;
|
||||
margin-right: 0.8%;
|
||||
|
@ -30,7 +32,7 @@
|
|||
}
|
||||
|
||||
.frost-pane .labels {
|
||||
color: #d8c422;
|
||||
color: #D8C422;
|
||||
left: 9%;
|
||||
}
|
||||
|
||||
|
@ -53,6 +55,7 @@
|
|||
width: 70%;
|
||||
height: 40%;
|
||||
}
|
||||
|
||||
.city-info .frost-pane .temp {
|
||||
font-size: 76px;
|
||||
margin-top: 20%;
|
||||
|
@ -65,9 +68,10 @@
|
|||
}
|
||||
|
||||
.frost-pane .title {
|
||||
color: #d8c422;
|
||||
color: #D8C422;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.frost-pane .content {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
@ -75,6 +79,7 @@
|
|||
.info-slide-content.forecast .frost-pane {
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.info-slide-content.forecast .content {
|
||||
height: 400px;
|
||||
max-height: 400px;
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue