CountdownClock.css: Difference between revisions
From GRAY RAVENS
Content added Content deleted
(experimenting on making a x.css page that may be possible to import.) |
m (→top: Indexed page) |
||
Line 54: | Line 54: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
__INDEX__ |
Latest revision as of 16:51, 6 June 2022
.countdown-clock {
width : 30rem; height : 15rem; background : url(""); background-size: cover; background-repeat: no-repeat; color : white; display : grid; grid-template-rows: 1fr 2fr; font-family: "roboto condensed";
} .countdown-clock .update-name {
font-size: 2rem; text-align: center; background : rgba(26, 26, 26, 0.267); padding : 1rem 0; margin : 0 auto; width : 100%;
} .countdown-clock .time-field {
display : flex;
} .countdown-clock .countdown-time {
margin-left : auto; margin-right : 3rem; margin-top : 2rem; display : flex;
} .countdown-clock .arrival-time {
margin : 0; padding : 0.3rem; font-size: 0.8rem; background :rgba(1, 1, 1, 0.2)
} .countdown-clock .fields {
padding : 0 0.2rem; margin : auto 0; flex : auto; flex-direction: row; background : rgba(1, 1, 1, 0.6); color : white; padding : 0 0.3rem;
} .countdown-clock .values {
flex : auto; font-size: 2.5rem; margin : 0; text-align: center;
} .countdown-clock .subtitle {
font-size: 0.9rem; flex : auto; margin : 0; text-align: center;
}