130 lines
1.6 KiB
CSS
130 lines
1.6 KiB
CSS
.h_title {
|
|
font-size: 2.5em;
|
|
color: #444;
|
|
}
|
|
|
|
.home_entry {
|
|
position: relative;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.h_info {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 7em;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.h_body {
|
|
margin-left: 7em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.h_bodyWrapper {
|
|
border: 1px solid #D4D7C9;
|
|
background-color: #FAFAFA;
|
|
color: #777;
|
|
|
|
padding: 1em 1em 2em 1em;
|
|
|
|
min-height: 155px;
|
|
/* Same as image size */
|
|
max-width: 600px;
|
|
}
|
|
|
|
.h_datetime {
|
|
right: 0;
|
|
bottom: 0.95em;
|
|
}
|
|
|
|
.h_auth_com {
|
|
padding-top: 0.5em;
|
|
|
|
font-family: Calibri;
|
|
color: #D4145A;
|
|
}
|
|
|
|
|
|
.h_avatarWrapper {
|
|
display: block;
|
|
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.h_avatar, .a_avatarWrapper {
|
|
width: 80px;
|
|
height: 80px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.h_avatar {
|
|
|
|
border-radius: 80px;
|
|
|
|
background-color: #FAFAFA;
|
|
background-size: 50px 50px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
|
|
-moz-box-shadow: 2px 2px 5px 0 black;
|
|
-webkit-box-shadow: 2px 2px 5px 0 black;
|
|
box-shadow: 2px 2px 5px 0 black;
|
|
}
|
|
|
|
.h_avatar:hover {
|
|
width: 70px;
|
|
height: 70px;
|
|
border-radius: 70px;
|
|
|
|
margin-top: 5px;
|
|
|
|
background-size: 60px 60px;
|
|
}
|
|
|
|
.h_infoWrapper {
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.h_cCount {
|
|
font-family: sans-serif;
|
|
color: cornflowerblue;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.h_title {
|
|
font-size: 2.5em;
|
|
color: #444;
|
|
}
|
|
|
|
.h_title, .h_desc {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.h_read_full {
|
|
position: absolute;
|
|
bottom: 0.5em;
|
|
right: 1.5em;
|
|
|
|
font-size: 0.8em;
|
|
text-align: right;
|
|
padding: 0.5em 0 0.5em 0;
|
|
color: #F15A24;
|
|
}
|
|
|
|
.h_read_full_a {
|
|
color: #F15A24;
|
|
}
|
|
|
|
.h_img {
|
|
width: 100%;
|
|
max-height: 350px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.h_img > img {
|
|
max-width: 100%;
|
|
}
|