element)
.c-text - The actual text body of the comment/reply (a element)
.c-replyButton - All reply s
.c-expandButton - The s to reveal/hide replies (These only show if s_collapsedReplies is set to true in the JS)
#c_pagination - The wrapper for the pagination at the bottom (Only shows if there's more than one page)
.c-paginationButton - Both left and right directional s
#c_leftButton - The left
#c_rightButton - The right
*/
/* Main */
#c_widget {
box-sizing: border-box;
height: 100%;
overflow: auto;
padding: 20px;
background-attachment: fixed;
font-family: 'Akronim-Regular';
font-size: 16px;
color: white;
text-align: center;
}
#c_widget button, #c_widget input[type=submit] {
padding: 4px;
font-family: 'Akronim-Regular';
text-decoration: none;
text-align: center;
text-transform: uppercase;
background-color: #13092D;
color: #B766FF;
border: 1px solid #6E64F5;
}
#c_widget button:hover, #c_widget input[type=submit]:hover {
color: white;
border: 1px solid #B766FF;
}
#c_widget button:disabled, #c_widget input[type=submit]:disabled {opacity: 60%;}
#c_widget button:disabled:hover, #c_widget input[type=submit]:disabled:hover {
color: #B766FF;
border: 1px inset #6E64F5;
}
/* Input section */
#c_inputDiv {
margin-bottom: 15px;
padding: 10px;
background-color: #13092D;
border: 1px solid #6E64F5;
}
#c_widgetTitle {
margin: -10px;
margin-bottom: -5px;
padding: 5px;
text-transform: uppercase;
font-style: none;
font-weight: bold;
text-align: center;
background-color: #13092D;
}
.c-inputWrapper {
display: block;
text-align: right;
}
.c-input {
padding: 4px;
color: black;
border: 2px inset #2D0B52;
outline: none;
}
.c-input:focus {border: 1px solid #B766FF;}
.c-textInput {
width: calc(100% - 10px);
max-width: 900px;
resize: none;
}
#c_submitButton {
display: block;
margin-left: auto;
margin-right: 0;
}
#c_replyingText {
color: white;
text-align: right;
}
/* Comment section */
.c-comment {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #6E64F5;
background-color: #13092D;
}
.c-reply {
display: block;
width: 90%;
margin-bottom: 10px;
margin-left: auto;
margin-right: 0;
padding: 10px;
border: 1px solid #6E64F5;
background-color: #13092D;
}
.c-reply:last-child {margin-bottom: 0;}
.c-replyContainer {
margin: -10px;
margin-top: 10px;
padding: 10px;
background-color: #13092D;
}
.c-name {
display: inline-block;
margin: 0;
margin-right: 10px;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}
.c-site {
text-transform: uppercase;
text-decoration: none;
color: #B766FF;
}
.c-site:hover {color: white;}
.c-timestamp {
float: right;
opacity: 75%;
}
.c-text {
margin: 0;
margin-left: -10px;
margin-right: -10px;
padding: 10px;
font-family: Nunito;
font-size: 14px;
text-align: justify;
color: white;
background-color: #13092D;
}
/* Pagination */
#c_pagination {text-align: center;}
.c-replyButton {
margin-top: 10px;
margin-right: 4px;
}
.c-expandButton {
margin-top: 10px;
margin-left: 4px;
}
.c-paginationButton {
margin-right: 4px;
margin-left: 4px;
}