Appropriate Onebox style
This commit is contained in:
parent
e453bfa073
commit
30abc6b291
|
@ -1,6 +1,6 @@
|
||||||
GIT
|
GIT
|
||||||
remote: https://github.com/dysania/onebox.git
|
remote: https://github.com/dysania/onebox.git
|
||||||
revision: 1323ec18966b6398acc290ff451e065d1ff2ecb3
|
revision: 0deaf043ae6594a3006d0adcba53ee449cfe08e6
|
||||||
specs:
|
specs:
|
||||||
onebox (1.1.0)
|
onebox (1.1.0)
|
||||||
hexpress (~> 1.2)
|
hexpress (~> 1.2)
|
||||||
|
|
|
@ -14,8 +14,7 @@ a.loading-onebox {
|
||||||
|
|
||||||
|
|
||||||
.onebox-result {
|
.onebox-result {
|
||||||
|
margin-top: 15px;
|
||||||
margin-top: 15px;
|
|
||||||
padding: 12px 25px 12px 12px;
|
padding: 12px 25px 12px 12px;
|
||||||
border-left: 5px solid #bebebe;
|
border-left: 5px solid #bebebe;
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
@ -81,3 +80,59 @@ a.loading-onebox {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin onebox-favicon($class, $image) {
|
||||||
|
&.#{$class} .source {
|
||||||
|
background-image: image-url("favicons/#{$image}.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
aside.onebox {
|
||||||
|
margin-top: 15px;
|
||||||
|
padding: 12px 25px 12px 12px;
|
||||||
|
border-left: 5px solid #bebebe;
|
||||||
|
background: #eee;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
header {
|
||||||
|
a[href] {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include onebox-favicon('stackexchange', 'stackexchange');
|
||||||
|
@include onebox-favicon('twitterstatus', 'twitter');
|
||||||
|
@include onebox-favicon('wikipedia', 'wikipedia');
|
||||||
|
@include onebox-favicon('githubblob', 'github');
|
||||||
|
|
||||||
|
|
||||||
|
.onebox-body {
|
||||||
|
clear: both;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.17em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[href] {
|
||||||
|
color: #006699;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a[href]:visited {
|
||||||
|
color: #4a6b82;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-height: 80%;
|
||||||
|
max-width: 25%;
|
||||||
|
height: auto;
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue