Skip to content

Instantly share code, notes, and snippets.

@adardesign
Created May 6, 2012 17:28
Show Gist options
  • Save adardesign/2623408 to your computer and use it in GitHub Desktop.
Save adardesign/2623408 to your computer and use it in GitHub Desktop.
.featuredArticleWidget {
margin:0 0 20px;
padding:0 0 20px;
overflow:hidden;
border-bottom:1px solid #ccc
}
.featuredArticleWidget h3 {
font-size:16px;
margin-bottom:7px
}
.featuredArticleImageLink {
float:left;
max-width:40%
}
.featuredArticleImage {
max-width:100%
}
.featuredArticleBody {
float:left;
width:50%;
padding-left:5%
}
.featuredArticleBody h5 {
margin:0 0 7px
}
.featuredArticleBody p.catTag {
margin:0 0 4px
}
.featuredArticleBody p.viewCmnts {
float:left;
margin:0 0 4px
}
.featuredArticleBody .content {
clear:both
}
.readMore {
float:left;
padding:3px 14px;
border:1px solid #ccc;
border-radius:5px;
background:#f2f5f6;
background:-moz-linear-gradient(top,#f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f5f6),color-stop(37%,#e3eaed),color-stop(100%,#c8d7dc));
background:-webkit-linear-gradient(top,#f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background:-o-linear-gradient(top,#f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background:-ms-linear-gradient(top,#f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
background:linear-gradient(top,#f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6',endColorstr='#c8d7dc',GradientType=0 )
}
.articlesBeltWidget {
position:relative
}
.articlesBeltContainer .article {
float:left;
width:277px;
margin-right:15px
}
.articlesBeltContainer .articleImgContainer {
float:left;
max-width:28%
}
.articlesBeltContainer .articleImgContainer img {
float:left;
max-width:100%
}
.articleContent {
float:left;
max-width:65%;
padding-left:15px
}
.articleContent h5 {
font-size:12px;
line-height:15px;
margin:0 0 3px;
padding:0
}
.articleContent .content {
margin:0
}
.articlesBeltWidget {
margin-bottom:10px
}
.beltRotateContainer {
overflow:hidden
}
.beltWrapper {
text-align:left;
position:relative;
overflow:hidden
}
.beltRotateContainer .belt {
position:absolute
}
.beltWrapper {
position:relative;
min-height:120px;
margin:0 auto;
width:90%;
min-width:550px
}
.thumbRightArrow,.thumbLeftArrow {
-webkit-transition:all .3s ease;
background-color:#F3F3F3;
height:80px;
width:25px;
top:0;
border-radius:4px
}
.thumbRightArrow:hover,.thumbLeftArrow:hover {
background-color:#e7e7e7
}
.thumbRightArrow:hover:before,.thumbLeftArrow:hover:before {
color:#444
}
.thumbRightArrow {
position:absolute;
right:0
}
.thumbLeftArrow:before,.thumbRightArrow:before {
font-size:20px;
color:#999;
padding:30px 8px 0;
/*special*/
display:inline-block
}
.thumbLeftArrow {
position:absolute;
left:0
}
.thumbLeftArrow:hover:before {
color:#444
}
/*global belt styles*/
a.thumbLeftArrow,a.thumbRightArrow,a.thumbRightArrow:active,a.thumbRightArrow:active {
text-decoration:none;
outline:none
}
.thumbLeftArrow:before {
content:"\276E"
}
.thumbRightArrow:before {
content:"\276F"
}
a.inActive {
opacity:.2;
filter:alpha(opacity = 20);
-webkit-transition:none!important
}
a.inActive:hover {
opacity:.1
}
.ie7 .thumbRightArrow {
background:url(../UIimages/productPageUI.png) no-repeat right 5px;
max-height:30px;
max-width:20px
}
.ie7 .thumbLeftArrow {
background:url(../UIimages/productPageUI.png) no-repeat right -65px;
max-height:30px;
max-width:20px
}
.ie7 .testimonialWidget .thumbRightArrow {
background-position:-284px 0
}
.ie7 .testimonialWidget .thumbLeftArrow {
background-position:-290px -75px
}
/*catagoryNavBlock*/
.catagoryNavBlock {
padding:0;
margin-bottom:15px;
border-color:#ddd;
overflow:hidden
}
.categoryNavSection {
border-bottom:1px solid #fff
}
.categoryNavSection:last-child {
border-bottom:none
}
.categoryNavSection:first-child h2 {
border-radius:7px 7px 0 0
}
.categoryNavSection:last-child h2 {
border-bottom:none;
border-radius:0 0 7px 7px
}
.categoryNavSection h2 {
font-size:15px;
padding:10px 12px;
cursor:pointer;
position:relative;
border-bottom:1px solid #bbb;
text-decoration:none;
font-size:13px;
color:#1B608F;
background:#f5f5f5
}
.categoryNavSection h2:after {
position:absolute;
right:5px;
font-size:38px;
color:#999;
content:"\2304";
font-stretch:expanded
}
.categoryNavSection.open h2:after {
content:"\2303";
font-size:18px;
right:8px
}
.categoryNavSection h2:hover:after {
color:#444
}
.catagoryNav:last-child h2 {
border-bottom:none
}
.categorySectionLinks {
display:none;
padding:15px;
background:#fff;
overflow:hidden;
border-bottom:1px solid #ccc
}
.categoryMainLink {
font-weight:700
}
.categorySectionLinks .catLinks {
display:block;
margin-bottom:5px
}
.categorySectionLinks .catLinks a {
font-size:13px
}
.categorySectionLinks .catLinks a {
color:#1B608F
}
/*social widget*/
.socialWidgetBlock {
border-color:#ccc
}
#socialFollowWidget {
overflow:hidden
}
#socialFollowWidget a {
width:60px;
height:60px;
margin-right:7px;
float:left;
background-image:url(http://ebraun.adorama.com/misc/blog_UiElements.png)
}
#socialFollowWidget a:hover {
background-color:#fff;
opacity:.8
}
#twitterFollow {
background-position:0 -132px
}
#facebookFollow {
background-position:0 -71px
}
#googlePlusFollow {
background-position:0 -191px
}
#pintressFollow {
background-position:0 -314px
}
#socialFollowWidget a#rssFollow {
background-position:0 -252px;
margin-right:0
}
.socialLinks {
display:block;
width:265px;
margin-top:12px;
height:25px
}
.addthis_toolbox {
width:195px!important
}
.addthis_button_facebook_like {
width:80px
}
.addthis_counter {
display:none!important
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment