157 lines
2.6 KiB
CSS
157 lines
2.6 KiB
CSS
@charset "UTF-8";
|
|
.css_website_mail .has-error {
|
|
border-color: red;
|
|
}
|
|
.css_website_mail .css_nav_month {
|
|
display: none;
|
|
}
|
|
.css_website_mail .css_nav_month:first-of-type {
|
|
display: block;
|
|
}
|
|
|
|
.read_width {
|
|
max-width: 700px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.blog_content a.oe_mail_expand:after {
|
|
content: " →";
|
|
}
|
|
.blog_content a.oe_mail_expand {
|
|
font-weight: bold;
|
|
}
|
|
|
|
p.post-meta {
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
|
|
div#blog_angle_down a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.cover {
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-color: black;
|
|
color: white;
|
|
position: relative;
|
|
}
|
|
.cover .blog_title {
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 20%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.cover .blog_title h1 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cover_footer {
|
|
min-height: 350px;
|
|
height: 65vh;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*Inline Discussion */
|
|
.discussion {
|
|
padding: 5px 10px 10px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
line-height: 16px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
font-family: sans-serif;
|
|
text-align: center;
|
|
z-index: 7;
|
|
}
|
|
.discussion > a {
|
|
opacity: 0;
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 20px;
|
|
height: 17px;
|
|
color: white;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
background: #bbbbbb;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-ms-border-radius: 2px;
|
|
-o-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-webkit-transition: all 0.5s;
|
|
-moz-transition: all 0.5s;
|
|
-o-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
.discussion > a.has-comments {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.discussion-contain:hover .discussion > a {
|
|
opacity: 1;
|
|
}
|
|
|
|
.discussion > a:after {
|
|
border-right: 7px solid transparent;
|
|
border-top: 7px solid #bbbbbb;
|
|
right: 19px;
|
|
top: 22px;
|
|
height: 0;
|
|
width: 0;
|
|
display: block;
|
|
content: " ";
|
|
position: absolute;
|
|
-webkit-transition: all 0.5s;
|
|
-moz-transition: all 0.5s;
|
|
-o-transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
.discussion:hover > a, .discussion.hovered > a {
|
|
opacity: 1;
|
|
background: #57ad68;
|
|
}
|
|
.discussion:hover > a:after, .discussion.hovered > a:after {
|
|
border-top-color: #57ad68;
|
|
}
|
|
|
|
#discussions_wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
#discussions_overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
z-index: 8;
|
|
display: none;
|
|
}
|
|
|
|
.discussion .popover-content {
|
|
max-height: 250px;
|
|
width: 250px;
|
|
overflow: auto;
|
|
font-weight: normal;
|
|
}
|
|
|
|
mark + .popover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.discussion_scroll_post {
|
|
overflow-x: auto;
|
|
}
|