www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/038/default/core/css/widgets.css
/* Copyright (c) 2011 Ernesto Mendez <der-design.com> */ /* SEARCH WIDGET */ #secondary .widget.widget_search { } #secondary .widget.widget_search p { margin: 0; } #secondary .widget.widget_search input[type=text] { display: block; width: 233px; padding: 10px 10px; color: #9f9e9a; } #secondary .widget.widget_search:first-child { padding-top: 26px; margin: -26px 0 -23px 0; } #secondary .widget.widget_search input::-webkit-input-placeholder { color: #9f9e9a; } footer .widget.widget_search input::-webkit-input-placeholder { color: #969595; } /* SIDEBAR WIDGETS */ #secondary .widget { margin-top: 50px; } #secondary .widget:first-child { margin-top: 0; } #secondary .widget h2.title { position: relative; display: inline-block; height: 34px; line-height: 34px; font-size: 15px; color: #dad9d4; text-shadow: 0 1px 1px rgba(0,0,0,0.39); width: 255px; background: url(../images/common-bg.jpg) repeat; padding: 0 41px 0 40px; margin: 0 0 24px -40px; letter-spacing: 0; } #secondary .widget h2.title + * { margin-top: 0 !important; } #secondary .widget ul li a { color: #2f2f2f; } .no-js #secondary .widget ul li a:hover { color: #EB5426; } #secondary .widget ul > li { margin-top: 0.5em; } #secondary .widget ul > li:first-child { margin-top: 0; } #secondary .widget h2.title:before { content: "\020"; position: absolute; display: block; width: 10px; height: 8px; bottom: -8px; background: url(../images/bottom-folds.png) no-repeat; } #main[data-align=left] + #secondary .widget h2.title { -webkit-box-shadow: -3px 3px 0 rgba(55,55,55,0.12); -moz-box-shadow: -3px 3px 0 rgba(55,55,55,0.12); box-shadow: -3px 3px 0 rgba(55,55,55,0.12); } #main[data-align=left] + #secondary .widget h2.title:before { right: 0; background-position: center right; } #main[data-align=right] + #secondary .widget h2.title { -webkit-box-shadow: 3px 3px 0 rgba(55,55,55,0.12); -moz-box-shadow: 3px 3px 0 rgba(55,55,55,0.12); box-shadow: 3px 3px 0 rgba(55,55,55,0.12); } #main[data-align=right] + #secondary .widget h2.title:before { left: 0; background-position: center left; } /* RECENT POSTS WIDGET */ #secondary .widget.widget_recent_entries ul li { padding-left: 23px; background: url(../images/post-icon.png) 0 3px no-repeat; } /* RECENT COMMENTS WIGDET */ #secondary .widget.widget_recent_comments ul li { padding-left: 23px; background: url(../images/comment-small.png) 0 3px no-repeat; } /* CALENDAR WIDGET */ .widget.widget_calendar a { font-weight: bold; } .widget.widget_calendar a:hover { text-decoration: underline; } footer .widget table { } footer .widget table th { color: #B8B4B2; border-bottom-color: #565656; } footer .widget table td { border-bottom-color: #565656; } /* FLICKR WIDGET */ .widget.widget_flickr .flickr-gallery { width: 267px; margin-left: -6px; } .widget.widget_flickr .flickr-gallery > .flickr_badge_image { position: relative; width: 77px; height: 77px; float: left; margin: 12px 6px 0; } .widget.widget_flickr .flickr-gallery > .flickr_badge_image:first-child, .widget.widget_flickr .flickr-gallery > .flickr_badge_image:first-child + div, .widget.widget_flickr .flickr-gallery > .flickr_badge_image:first-child + div + div { margin-top: 0; } .widget.widget_flickr .flickr-gallery > .flickr_badge_image img { display: block; border: solid 4px #e7e7e7; width: 69px; height: 69px; } footer .widget.widget_flickr .flickr-gallery .flickr_badge_image { width: 62px; height: 62px; } footer .widget.widget_flickr .flickr-gallery .flickr_badge_image img { width: 54px; height: 54px; border-color: #5d5d5d; } /* PORTFOLIO WIDGET */ .widget.widget_portfolio { } .widget.widget_portfolio article { margin-top: 25px; } .widget.widget_portfolio article:first-child { margin-top: 0; } .widget.widget_portfolio article .frame + * { margin-top: 14px; } .widget.widget_portfolio article hgroup { text-align: center; } .widget.widget_portfolio article hgroup h2 { font-size: 14px; margin: 0 0 5px 0; } .widget.widget_portfolio article hgroup h2 a { color: #3f3f3f; } .widget.widget_portfolio article hgroup h3 { font-family: Georgia,serif; font-size: 12px; font-style: italic; color: #b7b5b5; margin: 0; } footer .widget.widget_portfolio article .frame img { width: 202px; height: auto !important; } footer .widget.widget_portfolio article hgroup h2 { font-size: 12px; } footer .widget.widget_portfolio article hgroup h2 a { color: #F4F0ED; } footer .widget.widget_portfolio article hgroup h3 { font-size: 11px; } /* VIDEO WIDGET */ .widget.video_widget iframe, .widget.video_widget object { display: block; } /* FOOTER WIDGETS */ footer .widget { margin-top: 28px; text-shadow: 0 0 1px rgba(0,0,0,0.1); line-height: 1.4em; } footer .widget:first-child { margin-top: 0; } footer .widget > h2.title:first-child { font-size: 15px; color: #F4F0ED; font-weight: bold; line-height: 1.3em; margin-bottom: 1.2em; } footer .widget > h2.title:first-child + * { margin-top: 0 !important; } footer .widget > h2.title:first-child span { display: inline-block; padding: 0 5px 7px 0; border-bottom: solid 1px #947152; margin-bottom: -1px; } .rgba footer .widget > h2.title:first-child { border-bottom: solid 1px rgba(255,255,255,0.1); } .no-rgba footer .widget > h2.title:first-child { border-bottom: solid 1px #565656; } .widget ul { padding-left: 0; } .widget ul li { list-style: none; margin-top: 0.5em; } .widget ul li:first-child { margin-top: 0; } /* TWITTER WIDGET */ .widget.twitter_widget { } .widget.twitter_widget ul { padding-bottom: 2px; } .widget.twitter_widget ul li { padding: 10px 0 0; margin-top: 10px; border-top: solid 1px; } .widget.twitter_widget ul li:first-child { padding-top: 0; border-top: none; } .widget.twitter_widget ul li small { display: block; font-size: 11px; } .widget.twitter_widget ul li small a { color: #918f8f; } .no-js .widget.twitter_widget ul li small a:hover { color: red; } .widget.twitter_widget a.follow { font-weight: bold; } .rgba .widget.twitter_widget ul li { border-top-color: rgba(255,255,255,0.08); } .no-rgba .widget.twitter_widget ul li { border-top-color: #555; } /* RECENT COMMENTS WIDGET */ .widget_recent_comments ul { } .widget_recent_comments ul li { font-size: 11px; } .widget_recent_comments ul li a { font-size: 13px; margin: 0 0.2em; } .widget_recent_comments ul li a:first-child { margin-left: 0; } footer .widget_recent_comments ul li { font-size: 11px; } footer .widget_recent_comments ul li a { font-size: 12px; }