.blog-clock-container {
font-size: 16px;
box-sizing: border-box;
}
.blog-clock-title {
text-align: center;
margin-bottom: 1px;
font-size: 1.2em;
font-weight: bold;
}
h2.blog-clock-title a, .blog-clock-container h1.blog-clock-time a,
.blog-clock-container h1.blog-clock-time a:hover,
h2.blog-clock-title a:hover {
text-decoration: none !important;
box-shadow: none !important;
border-bottom: none !important;
cursor: default;
}
.blog-clock-container .blog-clock-time {
font-weight: bold;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
font-size: 50px;
margin: 0;
line-height: 1.2;
font-family: 'Share Tech Mono', monospace;
padding: 0;
}
.blog-clock-time .blog-clock-zone {
font-size: 60%;
display: inline-block;
vertical-align: baseline;
opacity: .4;
}
.blog-clock-container {
width: 100%;
border-radius: 3px;
padding: 4%;
background: #eee;
}
.blog-clock-container .blog-clock-title {
margin: 0;
padding: 0;
}
.blog-clock-container p {
font-size: .75em;
margin: .75em 0 0 0;
text-align: center;
color: rgba(0, 0, 0, .75);
padding: 0;
}
.blog-clock-container p a {
color: rgba(0, 0, 0, .75);
}
.clock-left {
float: left;
}
.clock-right {
float: right;
}
.clock-center {
float: none;
margin: auto !important;
}
.content-clock-left {
float: left;
margin-right: 20px;
}
.content-clock-right {
float: right;
margin-left: 20px;
}
.content-clock-center {
float: none;
margin: auto !important;
}