Widget CSS for WordPress

/*=====================================
Widget CSS
=======================================*/
.widget-area ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-area .widget {
border: 1px solid #f1f2f7;
margin-bottom: 40px;
border-radius: 5px;
padding: 0px 5px;
}
.widget-area h2 {
font-size: 20px;
background: #fff;
padding: 7px 5px;
margin: 0;
}
.widget-area a {
font-size: 16px;
color: #212327;
font-weight: 600;
}
.widget-area li {
padding: 5px 7px;
border-bottom: 1px solid #e8e8f0;
}
.widget-area li:last-of-type {
border: 0;
}
.widget h2 {
font-size: 20px;
color: #555;
font-weight: 700;
}
.widget select {
width: 100%;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 2;
}
.widget a {
color: #555;
}
.widget {
margin-bottom: 50px;
}
.widget_calendar,
.widget_tag_cloud,
.widget_search {
border: 0px!important;
}
.widget ul ul {
padding-left: 10px;
}
.widget ul ul ul {
padding-left: 5px;
}
.widget table {
width: 100%;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.widget table th,
.widget table td {
padding: 5px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.widget table th {
background: #ddd;
}
.widget.widget_rss li {
margin-bottom: 30px;
}
.widget.widget_rss .rssSummary {
font-size: 95%;
padding-top: 10px;
}
.widget.widget_rss cite {
padding-top: 10px;
display: inline-block;
font-weight: 700;
}
.widget.widget_rss .rsswidget {
font-size: 110%;
}
.widget.widget_rss .rss-date {
font-size: 80%;
}
.widget a:hover {
color: #000;
}

Comment template CSS for WordPress

/*=====================================
Comment Template CSS
========================================*/
.comments-area {
margin-top: 40px;
}
.comments-area h2.comments-title {
font-size: 25px;
margin-bottom: 20px;
}
.comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.comment-meta {
margin-bottom: 20px;
}
.comment-meta a {
color: #333;
}
.comment-meta img {}
.comment-author.vcard {
position: relative;
padding-left: 50px;
}
.comment-author.vcard img {
position: absolute;
left: 0;
top: 5px;
}
.comment-metadata {
margin-left: 50px;
}
.comments-area table {
border-left: 1px solid #dddd;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.comments-area table td,
.comments-area table th {
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px;
}
.comments-area th {
background: #278cc1;
color: #fff;
}
.comments-area dd {
margin-bottom: 15px;
}
.comments-area .comments-content ul,
.comments-area .comments-content ol {
padding-left: 15px;
}
.comments-area .comment-content ul,
.comments-area .comment-content ol {
padding-left: 15px;
}
.comment-reply-link {
background: #1e71f9;
display: inline-block;
padding: 5px 20px;
color: #fff;
border-radius: 5px;
}
.comment-list li.comment {
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.comment-metadata {
font-size: 80%;
}
.comment-reply-link {
margin-top: 10px;
}
.comment-list li ol.children {
padding-left: 50px;
margin: 0;
list-style: none;
margin-top: 25px;
}
.comment-list li ol.children ol.children {
padding-left: 20px;
}
.comment-list li.comment:last-child {
border-bottom: 0px solid;
padding-bottom: 0;
margin-bottom: 0;
}
.comment-respond {
margin-top: 50px;
}
.comment-notes {
font-size: 90%;
margin-bottom: 40px;
}
.comment-form label {
display: block;
margin-bottom: 10px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
margin-bottom: 20px;
}
.comment-form input[type=submit] {
width: auto;
}