Widget CSS for WordPress

widget-css-for-wp.css

/*=====================================
 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;
}