tonyair
/
silverstripe-simple
mirror of https://github.com/silverstripe/silverstripe-simple
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

BUG: Fixed simple image styling for full-width images. 

The max-width 60% is a nice touch for left-aligned or right-aligned images, but it doesn't suit all images.  I've restricted the styling so that this is only applied to img.left and img.right images, which are the classes assigned by the CMS for left-aligned and right-aligned images.
This commit is contained in:
Sam Minnee 2012-06-29 15:30:32 +12:00
parent f9e2128e14
commit a9c64c423e
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/layout.css
View File

@ -56,13 +56,20 @@ a.btn:hover {
background: #d80000;
color: #fff;
}
.content img {
.content img.left, .content img.right {
border: 5px solid #d7d7d7;
max-width: 60%;
height: auto;
float: left;
margin: 6px 20px 10px 0;
}
.content img.left {
float: left;
margin: 6px 20px 10px 0;
}
content img.right {
float: right;
margin: 6px 0 10px 20px;
}
.content ul {
margin: 20px 0 20px 30px
}