Created
February 16, 2012 03:30
-
-
Save anonymous/1841501 to your computer and use it in GitHub Desktop.
img list
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * img list | |
| */ | |
| ol.slats li { | |
| margin: 0 0 10px 0; | |
| padding: 0 0 10px 0; | |
| border-bottom: 1px solid #eee; | |
| } | |
| ol.slats li:last-child { | |
| margin: 0; | |
| padding: 0; | |
| border-bottom: none; | |
| } | |
| ol.slats li h3 { | |
| font-size: 18px; | |
| font-weight: bold; | |
| line-height: 1.1; | |
| } | |
| ol.slats li h3 a img { | |
| float: left; | |
| margin: 0 10px 0 0; | |
| padding: 4px; | |
| border: 1px solid #eee; | |
| } | |
| ol.slats li h3 a:hover img { | |
| background: #eee; | |
| } | |
| ol.slats li p { | |
| margin: 0 0 0 76px; | |
| font-size: 14px; | |
| line-height: 1.4; | |
| } | |
| ol.slats li p span.meta { | |
| display: block; | |
| font-size: 12px; | |
| color: #999; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- content to be placed inside <body>…</body> --> | |
| <ol class="slats"> | |
| <li class="group"> | |
| <h3> | |
| <a href="#"> | |
| <img src="http://pea.rs/wp-content/themes/pears/images/thumb.png" alt="thumbnail" /> | |
| This is the title | |
| </a> | |
| </h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p> | |
| </li> | |
| <li class="group"> | |
| <h3> | |
| <a href="#"> | |
| <img src="http://pea.rs/wp-content/themes/pears/images/thumb.png" alt="thumbnail" /> | |
| This is the title | |
| </a> | |
| </h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p> | |
| </li> | |
| <li class="group"> | |
| <h3> | |
| <a href="#"> | |
| <img src="http://pea.rs/wp-content/themes/pears/images/thumb.png" alt="thumbnail" /> | |
| This is the title | |
| </a> | |
| </h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <span class="meta">August 10, 2011</span></p> | |
| </li> | |
| </ol> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split","prefixfree":"1","page":"html"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment