195 lines
6.5 KiB
CSS
195 lines
6.5 KiB
CSS
|
/**
|
||
|
|
* -------------------
|
||
|
|
* # Comments
|
||
|
|
* -------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
.upstudy-comments-area .upstudy-comment-form textarea {
|
||
|
|
height: 180px;
|
||
|
|
display: grid;
|
||
|
|
padding: 17px 30px;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area label {
|
||
|
|
font-weight: 600;
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area p.comment-form-cookies-consent {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area p.comment-form-cookies-consent input[type="checkbox"] {
|
||
|
|
margin-top: 4px;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area p.comment-form-cookies-consent label {
|
||
|
|
padding-left: 15px;
|
||
|
|
font-weight: 400;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.post-password-form input[type=password] {
|
||
|
|
background: #f4f4f4;
|
||
|
|
border: 0;
|
||
|
|
height: inherit;
|
||
|
|
margin-right: 5px;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
.post-password-form input[type=submit], .upstudy-comments-area .upstudy-comment-btn {
|
||
|
|
color: #ffffff;
|
||
|
|
padding: 15px 35px;
|
||
|
|
border-radius: 5px;
|
||
|
|
line-height: 1;
|
||
|
|
font-weight: 500;
|
||
|
|
background: var(--upstudy-primary-color);
|
||
|
|
font-family: var(--upstudy-font-secondary);
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.post-password-form input[type=submit]:hover, .upstudy-comments-area .upstudy-comment-btn:hover {
|
||
|
|
background: var(--upstudy-color-secondary);
|
||
|
|
}
|
||
|
|
.learn-press-form .form-fields .form-field input[type=text], .learn-press-form .form-fields .form-field input[type=email], .learn-press-form .form-fields .form-field input[type=number], .learn-press-form .form-fields .form-field input[type=password], .learn-press-form .form-fields .form-field input[type=url], .learn-press-form .form-fields .form-field textarea, .comments-area .upstudy-comment-form input[type=text], .comments-area .upstudy-comment-form input[type=email], .comments-area .upstudy-comment-form input[type=url], .comments-area .upstudy-comment-form textarea#comment {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
background: var(--upstudy-color-white);
|
||
|
|
border: 0;
|
||
|
|
font-family: var(--upstudy-font-primary);
|
||
|
|
font-weight: 400;
|
||
|
|
border: 1px solid #e7e7e7;
|
||
|
|
border-radius: 5px;
|
||
|
|
transition: 0.3s;
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area .upstudy-row {
|
||
|
|
margin-bottom: 0px !important;
|
||
|
|
}
|
||
|
|
.upstudy-comments-area .upstudy-row>* {
|
||
|
|
margin-bottom: 0px !important;
|
||
|
|
}
|
||
|
|
.filter-widget.widget-search input[type="text"]:focus, .widget.widget_product_search input[type="search"]:focus, .upstudy-search-box .search-form input:focus, .learn-press-form .form-fields .form-field input[type=text]:focus, .learn-press-form .form-fields .form-field input[type=email]:focus, .learn-press-form .form-fields .form-field input[type=number]:focus, .learn-press-form .form-fields .form-field input[type=password]:focus, .learn-press-form .form-fields .form-field input[type=url]:focus, .learn-press-form .form-fields .form-field textarea:focus, .comments-area .upstudy-comment-form input[type=text]:focus, .comments-area .upstudy-comment-form input[type=email]:focus, .comments-area .upstudy-comment-form input[type=url]:focus, .comments-area .upstudy-comment-form textarea#comment:focus {
|
||
|
|
border-color: var(--upstudy-primary-color);
|
||
|
|
}
|
||
|
|
.learn-press-form .form-fields .form-field input[type=text], .learn-press-form .form-fields .form-field input[type=email], .learn-press-form .form-fields .form-field input[type=number], .learn-press-form .form-fields .form-field input[type=password], .learn-press-form .form-fields .form-field input[type=url], .comments-area .upstudy-comment-form input[type=text], .comments-area .upstudy-comment-form input[type=email], .comments-area .upstudy-comment-form input[type=url] {
|
||
|
|
height: 50px;
|
||
|
|
padding: 0 30px !important;
|
||
|
|
}
|
||
|
|
.comments-area .upstudy-comment-form p.form-submit {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
ol.upstudy-comment-list {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
-ms-word-wrap: break-word;
|
||
|
|
word-wrap: break-word;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
ol.upstudy-comment-list li {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list article.upstudy-single-comment {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .upstudy-comment-each-item {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: start;
|
||
|
|
-webkit-box-align: start;
|
||
|
|
align-items: flex-start;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list>.upstudy-comment-item:first-child {
|
||
|
|
margin-top: 0;
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list>.upstudy-comment-item {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
padding-bottom: 30px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list>.upstudy-comment-item:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list>.upstudy-comment-item.parent .upstudy-comment-item {
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list>.upstudy-comment-item:not(:last-child) {
|
||
|
|
border-bottom: 1px solid var(--upstudy-color-border);
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .upstudy-comment-avatar {
|
||
|
|
min-width: 80px;
|
||
|
|
width: 80px;
|
||
|
|
margin-right: 30px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .upstudy-comment-avatar a {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .upstudy-comment-avatar img {
|
||
|
|
border-radius: 100px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.upstudy-comment-item .upstudy-media-body {
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
.upstudy-comment-item h4.upstudy-media-heading {
|
||
|
|
margin: 0 0 2px;
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1.45;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
.upstudy-comment-item h4.upstudy-media-heading a {
|
||
|
|
font-family: var(--upstudy-font-secondary);
|
||
|
|
}
|
||
|
|
.upstudy-comment-header {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-header span.comment-metadata {
|
||
|
|
display: flex;
|
||
|
|
justify-content: end;
|
||
|
|
margin-top: -30px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-header span.comment-metadata time {
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: 15px;
|
||
|
|
color: var(--upstudy-color-meta);
|
||
|
|
}
|
||
|
|
.upstudy-comment-header span.comment-metadata .comment-edit-link {
|
||
|
|
margin-left: 20px;
|
||
|
|
color: var(--upstudy-heading-color);
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.upstudy-comment-header span.comment-metadata .comment-edit-link:hover {
|
||
|
|
opacity: .75;
|
||
|
|
}
|
||
|
|
.upstudy-comment-bottom-part .comment-reply-link {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
font-family: var(--upstudy-font-secondary);
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0.05em;
|
||
|
|
text-transform: uppercase;
|
||
|
|
color: var(--upstudy-primary-color);
|
||
|
|
}
|
||
|
|
.upstudy-comment-bottom-part .comment-reply-link i {
|
||
|
|
margin-right: 6px;
|
||
|
|
font-size: 16px;
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .comment-content {
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list .comment-content p:last-child {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.upstudy-comment-bottom-part .edit-link {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list table a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.upstudy-comment-list li>ol.children {
|
||
|
|
margin-left: 30px;
|
||
|
|
list-style: none;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|