tonyair/silverstripe-simple
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-simple synced 2024-10-22 11:05:50 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
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; background: #d80000;
color: #fff; color: #fff;
} }
.content img { .content img.left, .content img.right {
border: 5px solid #d7d7d7; border: 5px solid #d7d7d7;
max-width: 60%; max-width: 60%;
height: auto; 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 { .content ul {
margin: 20px 0 20px 30px margin: 20px 0 20px 30px
} }