@import "common/foundation/variables"; @import "common/foundation/mixins"; a.loading-onebox { background: { image: image-url("spinner_96.gif"); position: 0; size: 20px; height: 25px; repeat: no-repeat; }; padding-left: 25px; } .onebox-result { margin-top: 15px; padding: 12px 25px 12px 12px; border-left: 5px solid #bebebe; background: #eee; font-size: 14px; > .source { margin-bottom: 12px; margin-right: 10px; display: block; color: $black; position: relative; height: 20px; .info { a { color: black; text-decoration: none; padding-right: 10px; } position: absolute; font-size: 14px; img.favicon { margin-right: 3px; } } } .onebox-result-body { padding-top: 5px; img { max-width: 100px; max-height: 80%; float: left; margin-right: 10px; } h3, h4 { margin: 0px !important; } img.thumbnail { max-width: 25%; height: auto; } code { max-height: 400px; } .metrics { clear: both; padding-bottom: 25px; .metric { display: inline-block; padding-left: 33px; float: left; } } } } // RottenTomatoes Onebox .onebox-result { .onebox-result-body { img.verdict { float: none; margin-right: 7px; } img.popcorn { float: none; margin-left: 20px; margin-right: 5px; } } }