discourse/app/assets/stylesheets/embed.css.scss

146 lines
2.2 KiB
SCSS
Raw Normal View History

//= require ./vendor/normalize
//= require ./common/foundation/base
@import "./common/foundation/variables";
@import "./common/foundation/colors";
@import "./common/base/onebox";
article.post {
border-bottom: 1px solid #ddd;
&.deleted {
background-color: #ffe5e5;
}
.quote .title {
border-left: 5px solid darken(scale-color-diff(), 10%);
background-color: scale-color-diff();
padding: 10px 10px 0 12px;
.avatar { margin-right: 7px; }
}
ol, ul {
clear: none;
}
blockquote {
padding: 10px 8px 10px 13px;
margin: 0 0 10px 0;
background-color: scale-color-diff();
border-left: 5px solid darken(scale-color-diff(), 10%);
p {
margin: 0 0 10px 0;
}
p:last-of-type {
margin-bottom:0;
}
}
.post-date {
float: right;
color: #aaa;
font-size: 12px;
margin: 10px 4px 0 0;
}
.author {
padding: 10px 5px;
float: left;
text-align: center;
img {
max-width: 45px;
}
}
h3.username {
font-size: 13px;
margin: 0 0 10px 0;
word-wrap: break-word;
a {
color: #5c5c5c
}
a.staff {
background-color: #ffffc2;
}
a.new-user {
2014-05-14 04:05:24 -04:00
color: scale-color($primary, $lightness: 70%);
}
span.title {
font-weight: normal;
color: #999;
}
}
.cooked {
padding: 10px 0 20px 0;
2014-05-09 16:12:21 -04:00
margin-left: 65px;
2014-03-22 18:05:38 -04:00
word-wrap: break-word;
img {
max-width:100%;
}
p {
margin: 0 0 1em 0;
}
}
}
2014-03-19 17:51:06 -04:00
img.emoji {
width: 20px;
height: 20px;
}
2014-01-03 12:52:24 -05:00
.post-replies {
background-color: #eee;
padding: 5px;
display: inline-block;
}
.in-reply-to {
font-size: 13px;
2014-05-09 16:12:21 -04:00
text-align: center;
2014-05-10 02:20:23 -04:00
margin: 10px 20px 6px 0;
2014-01-03 12:52:24 -05:00
display: inline-block;
2014-05-09 16:12:21 -04:00
float: right;
color: #0088cc;
2014-01-03 12:52:24 -05:00
}
.replies {
font-size: 15px;
color: #999;
}
header.embedded {
padding: 10px 10px 20px 10px;
font-size: 18px;
border-bottom: 1px solid #ddd;
}
footer {
font-size: 18px;
.logo {
margin-right: 10px;
margin-top: 10px;
}
a[href].button {
margin: 10px 0 0 10px;
}
}
.logo {
float: right;
max-height: 30px;
}
a[href].button {
background-color: #eee;
padding: 5px;
display: inline-block;
2014-01-13 10:59:28 -05:00
}