adapting colors
This commit is contained in:
parent
0cf6535a65
commit
d65cf55bc7
|
@ -26,7 +26,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
color: #296780;
|
color: #034456;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
width: 140px;
|
width: 140px;
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
top: 465px;
|
top: 465px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #000;
|
color: #034456;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
#timer {
|
#timer {
|
||||||
|
@ -49,7 +49,7 @@
|
||||||
left: 5px;
|
left: 5px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #666;
|
color: #034456;
|
||||||
}
|
}
|
||||||
#slider {
|
#slider {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -63,8 +63,8 @@
|
||||||
left: 0px;
|
left: 0px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: #eee;
|
background: #80a1aa;
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #80a1aa;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
|
@ -81,9 +81,9 @@
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 13px;
|
height: 13px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background: #eee;
|
background: #fff;
|
||||||
color: #888;
|
color: #80a1aa;
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #80a1aa;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
left: 55px;
|
left: 55px;
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
|
@ -93,7 +93,8 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.speed.active {
|
.speed.active {
|
||||||
color: #000;
|
color: #fff;
|
||||||
|
background: #80a1aa;
|
||||||
}
|
}
|
||||||
#sliderWrapper {
|
#sliderWrapper {
|
||||||
width: 853px;
|
width: 853px;
|
||||||
|
@ -103,7 +104,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 95px;
|
left: 95px;
|
||||||
border: 1px solid #aaa;
|
border: 1px solid #80a1aa;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
#sliderInner {
|
#sliderInner {
|
||||||
|
@ -120,15 +121,15 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 537px;
|
left: 537px;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
border-left: 2px solid rgba(0,0,0,0.5);
|
border-left: 2px solid rgba(128,161,170,0.7);
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
.hour {
|
.hour {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
border-left: 2px solid rgba(0,0,0,0.2);
|
border-left: 2px solid rgba(128,161,170,0.4);
|
||||||
color: rgba(0,0,0,0.5);
|
color: rgba(128,161,170,0.8);
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
}
|
}
|
||||||
|
@ -144,13 +145,13 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
color: #888;
|
color: #80a1aa;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding-left: 83px;
|
padding-left: 83px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
.day.b {
|
.day.b {
|
||||||
border-left: 1px solid #888;
|
border-left: 1px solid #80a1aa;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 373 B After Width: | Height: | Size: 3.0 KiB |
Loading…
Reference in New Issue