Discourse/wp-discourse
2
0
Fork 0
mirror of https://github.com/discourse/wp-discourse.git synced 2025-10-03 08:59:21 +08:00
Code Packages Activity Actions

Add onebox.css file

Browse source
This commit is contained in:
scossar 2018-03-02 16:03:46 -08:00
parent 966d91a6e4
commit 0023c01762
1 changed files with 113 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

113
css/onebox.css Normal file
View file

@ -0,0 +1,113 @@
/* Optional CSS for fixing oneboxes and quotes. */

aside.onebox {
border: 5px solid #e9e9e9;
margin-bottom: 1em;
padding: 12px 25px 12px 12px;
font-size: 1em;
}

aside.onebox .site-icon {
width: 16px;
height: 16px;
margin-right: 3px;
}

aside.onebox .onebox-body .onebox-avatar {
max-height: none;
max-width: none;
height: 60px;
width: 60px;
margin-right: 10px;
float: left;
}

.aspect-image {
max-width: 20%;
min-height: 60px;
max-height: 170px;
height: auto;
width: auto;
margin-right: 10px;
float: left;
clear: both;
}

.aspect-image:after {
content: "";
display: table;
clear: both;
}

aside.onebox .onebox-body img {
width: 100%;
height: auto;
}

aside.onebox header a[href] {
color: #919191;
text-decoration: none;
}

aside.onebox .onebox-body h3, aside.onebox .onebox-body h4 {
font-size: 1em;
max-width: calc(80% - 10px);
margin: 0 0 10px 0;
float: left;
clear: none;
padding-top: 0;
}

aside.onebox .onebox-body a[href] {
color: #08c;
text-decoration: none;
}

aside.onebox .onebox-body p {
float: left;
max-width: calc(80% - 20px);
clear: none;
}

article.onebox-body:after {
content: "";
display: table;
clear: both;
}

/* Quotes */
.comment-body .quote .title {
border-left: 5px solid #e9e9e9;
background-color: #f9f9f9;
color: #646464;
padding: 12px 12px 1px 12px;
}

.comment-body .quote blockquote {
border-left: 5px solid #e9e9e9;
background-color: #f9f9f9;
font-size: 1em;
padding: 12px 12px 12px 12px;
margin-left: 0;
clear: both;
}

.comment-body aside.quote .title .avatar {
margin-right: 7px;
}

.comment-body .quote .title a {
color: #08c;
}

.comment-body .quote .title a .badge-category {
color: #222;
}

span.badge-category-bg {
width: 9px;
height: 9px;
display: inline-block;
margin-right: 5px;
margin-left: 5px;
}