@import "mixins" @import "variables" @import "compass/css3/images" @import "blog/source/*.png" @import "compass/css3/font-face" @import "compass/css3/box-shadow" @import "compass/css3/text-shadow" @import "compass/css3/background-size" @import "compass/css3/opacity" @include all-source-sprites .article-list overflow: hidden float: right background: #ffffff .source-next-arrow margin-left: 5px display: inline-block margin-top: 3px vertical-align: bottom float: left height: 12px width: 12px .article margin-left: -1% span:last-child color: blue font-size: 100px hr:last-child border-color: $grey img float: left max-width: 100% &:last-child > div > a font-size: 13px font-family: Arial .tag, .author, .date font-size: 14px .teaser-article-item margin-bottom: 15px img padding-left: 0.1% img.next width: 12px height: 12px .next display: inline-block float: left .header-block padding-bottom: 8px .source-clock, .source-pencil, .source-iChat display: inline-block vertical-align: middle zoom: 0.50 -moz-transform: scale(0.5) height: 24px width: 24px div margin-right: 12px &:first-of-type > div display: block padding-bottom: 8px a text-decoration: none display: inline span width: 100px height: 12px color: #d2d2d2 display: inline margin-right: 5px .teaser-text min-height: 50px .featured-section background: #000000 center margin-bottom: 30px height: 900px .featured-item //display: block color: #ffffff position: absolute height: 900px width: 100% +background-size(cover) a color: #ffffff h1 margin: 150px 0 20px 0 color: #ffffff font-size: 56px font-weight: 500 line-height: 1.2em .floating-card width: 100% margin: auto text-align: center text-shadow: 0 2px 1px rgba(0,0,0,0.34) p font-size: 24px .two margin-left: 2% .nopadding padding-left: 0px !important padding-right: 0px !important .no-left-padding padding-left: 0px !important