@import "foundation/variables"; @import "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 { @include border-radius-all(8px); font-size: 14px; > .source { margin-bottom: 10px; margin-right: 10px; padding: 10px 0; display: block; color: $black; position: relative; border-bottom: 1px solid $inner_border; .info { a { color: black; text-decoration: none; } background-color: $white; padding: 0 10px; position: absolute; font-size: 14px; img.favicon { margin-right: 3px; } } } .onebox-result-body { padding: 5px; font-family: Georgia, Times, "Times New Roman", serif; h3, h4 { margin: 0px !important; } img.thumbnail { width: 25%; height: auto; } code { max-height: 400px; } img { max-width: 30%; max-height: 80%; float: left; margin-right: 10px; } .metrics { clear: both; padding-bottom: 25px; .metric { display: inline-block; padding-left: 33px; float: left; } } } }