Created
May 6, 2012 17:28
-
-
Save adardesign/2623408 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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