Merge pull request #44 from rpwll/css-img-fix

limit width of images in story descriptions to that of the story container
This commit is contained in:
joshua stein 2012-12-20 11:31:33 -08:00
commit 8848ea8a17

View file

@ -195,7 +195,7 @@ div.field_with_errors input:focus {
} }
input:disabled, button:disabled { input:disabled, button:disabled {
background-color: #e9e9e9; background-color: #e9e9e9;
color: gray; color: gray;
} }
@ -368,7 +368,7 @@ div.voters div.score {
div.voters a.upvoter, div.voters a.upvoter,
div.voters a.downvoter { div.voters a.downvoter {
border-color: transparent transparent #bbb transparent; border-color: transparent transparent #bbb transparent;
border-style: solid; border-style: solid;
border-width: 6px; border-width: 6px;
text-decoration: none; text-decoration: none;
@ -532,6 +532,9 @@ div.story_text {
div.story_text p { div.story_text p {
margin: 0.75em 0; margin: 0.75em 0;
} }
div.story_text img {
max-width: 100%;
}
div.comment_text { div.comment_text {
max-width: 700px; max-width: 700px;
@ -1009,8 +1012,8 @@ div#flasher {
z-index: 15; z-index: 15;
height: 1px; height: 1px;
} }
div#flasher div.flash-error, div#flasher div.flash-error,
div#flasher div.flash-notice, div#flasher div.flash-notice,
div#flasher div.flash-success { div#flasher div.flash-success {
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;