app/assets/stylesheets/application.css.scss
/*
* This is a manifest file that'll automatically include all the stylesheets available in this directory
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
* the top of the compiled file, but it's generally better to create a new file per style scope.
*= require_self
*= require_tree .
*/
select.date, select.time {
width: 6em;
}
.welcome {
padding: 4em 0 4em;
margin-bottom: 2em;
text-align: center;
background-color: #F4F4F4;
border-radius: 8px;
}
.footer {
margin-top: 45px;
padding: 35px 0 36px;
border-top: 1px solid #E5E5E5;
}
h2 a {
font-weight: normal;
vertical-align: middle;
}
ul.participants {
list-style: none;
margin-left: 0;
max-width: 70%;
li {
display: inline-block;
margin-bottom: 10px;
img {
margin-right: 0.5em;
width: 32px;
height: 32px;
}
}
}
.block_heading {
margin: 1em 0;
}
#comment_body {
display: block;
}
form.new-comment {
.image {
float: left;
width: 32px;
height: 32px;
margin: 0 10px 10px 0;
}
textarea, input {
margin-left: 42px;
}
}
.comment {
margin: 0 0 10px 0;
overflow: hidden;
.body {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.image {
float: left;
width: 32px;
height: 32px;
margin: 0 10px 10px 0;
}
.meta {
color: #888;
font-size: 75%;
}
.name {
color: #222;
font-size: 125%;
font-weight: 900;
}
.meta, .body {
margin-left: 42px;
}
}