h3.widget-title { text-shadow: 1px 1px 0 #fff; background-color: lighten($color__light-gray,20%); margin-top: -$small__spacing; margin-left: -$base__spacing; margin-right: -$base__spacing; margin-bottom: $small__spacing; padding: $small__spacing $base__spacing; border: 1px solid #fff; border-bottom: 1px solid $color__gray; } .widget { margin: 0 0 $base__spacing 0; border: 1px solid $color__gray; padding: $small__spacing $base__spacing; background:rgba(255, 255, 255, 0.8); -moz-box-shadow: 0px 2px 2px $color__gray; -webkit-box-shadow: 0px 2px 2px $color__gray; box-shadow: 0px 2px 2px $color__gray; /* Make sure select elements fit in widgets. */ select { max-width: 100%; } ul { margin-top: -$small__spacing; margin-left: 0; margin-right: 0; margin-bottom: -$small__spacing; padding: 0; list-style: none; li { border-bottom: 1px solid $color__gray; margin-top: 0; margin-left: -$base__spacing; margin-right: -$base__spacing; margin-bottom: 0; padding: $small__spacing - 4 $base__spacing; &:last-child { border-bottom: none; } a { display: inline-block; } } ul { margin: 0; padding: 0; border: none; li { border-bottom:none; padding:0 $small__spacing; margin:0px; a { padding-left: $small__spacing; } } } } } .header-widget-region { margin: $base__spacing 0 0 0; display: inline-block; width: 100%; .widget { padding: $small__spacing $base__spacing; } } .footer-widget-region { margin-top: $big__spacing; } //categories and archives .widget_archive, .widget_categories { ul { li { } } } //recent posts .widget_recent_entries { ul { li { } } } //recent comments .widget_recent_comments { ul { li { } } } //calendar .widget_calendar { #wp-calendar { background: rgba(255,255,255,.9); margin-bottom: $small__spacing; th, td { padding: 8px 5px; text-align: center; } } } //tag .widget_tag_cloud { a { font-size: 9pt !important; background:$color__light-gray; margin: 2px 0 2px 2px; padding: 4px 8px; display: inline-block; } } .widget select { max-width: 100%; } //widget icon .widget_archive h3.widget-title:before, .widget_calendar h3.widget-title:before, .widget_categories h3.widget-title:before, .widget_igthemes_recent_posts_widget h3.widget-title:before, .widget_meta h3.widget-title:before, .widget_nav_menu h3.widget-title:before, .widget_recent_comments h3.widget-title:before, .widget_recent_entries h3.widget-title:before, .widget_search h3.widget-title:before, .widget_tag_cloud h3.widget-title:before, .widget_text h3.widget-title:before { font-family: 'simple-line-icons'; margin-right: 5px; } //icons .widget_archive h3.widget-title:before { content: "\e03f"; } .widget_categories h3.widget-title:before { content: "\e039"; } .widget_recent_comments h3.widget-title:before { content: "\e04a"; } .widget_recent_entries h3.widget-title:before { content: "\e085"; } .widget_calendar h3.widget-title:before { content: "\e075"; } .widget_nav_menu h3.widget-title:before { content: "\e08d"; } .widget_tag_cloud h3.widget-title:before { content: "\e055"; } .widget_search h3.widget-title:before { content: "\e090"; } .widget_text h3.widget-title:before { content: "\e060"; } //premim widgets .ig-recent-posts-widget { .post-image { float: left; margin: 0 10px 5px 0; width: 50px; height: auto; } .post-date, .post-excerpt { font-size: .9em; } .post-excerpt { display: block; } } .ig-social-widget { a { display: block; margin: 5px 0; padding: 8px 10px; color:#fff!important; @include border-radius(2px); .text { margin-left: 10px; } &:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } } .facebook { background: #3b5998; border-color: darken(#3b5998,5%); } .twitter { background: #55acee; border-color: darken(#55acee,5%); } .google { background: #dd4b39; border-color: darken(#dd4b39,5%); } .youtube { background: #cd201f; border-color: darken(#cd201f,5%); } .linkedin { background: #007bb5; border-color: darken(#007bb5,5%); } .instagram { background: #e4405f; border-color: darken(#e4405f,5%); } .pinterest { background: #cb2027; border-color: darken(#cb2027,5%); } .tumblr { background: #32506d; border-color: darken(#32506d,5%); } .dribbble { background: #ea4c89; border-color: darken(#ea4c89,5%); } }