57 lines
		
	
	
		
			848 B
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
		
		
			
		
	
	
			57 lines
		
	
	
		
			848 B
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| 
								 | 
							
								// Media objects
							 | 
						||
| 
								 | 
							
								// Source: http://stubbornella.org/content/?p=497
							 | 
						||
| 
								 | 
							
								// --------------------------------------------------
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Common styles
							 | 
						||
| 
								 | 
							
								// -------------------------
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Clear the floats
							 | 
						||
| 
								 | 
							
								.media,
							 | 
						||
| 
								 | 
							
								.media-body {
							 | 
						||
| 
								 | 
							
								  overflow: hidden;
							 | 
						||
| 
								 | 
							
								  zoom: 1;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Proper spacing between instances of .media
							 | 
						||
| 
								 | 
							
								.media,
							 | 
						||
| 
								 | 
							
								.media .media {
							 | 
						||
| 
								 | 
							
								  margin-top: 15px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								.media:first-child {
							 | 
						||
| 
								 | 
							
								  margin-top: 0;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// For images and videos, set to block
							 | 
						||
| 
								 | 
							
								.media-object {
							 | 
						||
| 
								 | 
							
								  display: block;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Reset margins on headings for tighter default spacing
							 | 
						||
| 
								 | 
							
								.media-heading {
							 | 
						||
| 
								 | 
							
								  margin: 0 0 5px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Media image alignment
							 | 
						||
| 
								 | 
							
								// -------------------------
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.media {
							 | 
						||
| 
								 | 
							
								  > .pull-left {
							 | 
						||
| 
								 | 
							
								    margin-right: 10px;
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								  > .pull-right {
							 | 
						||
| 
								 | 
							
								    margin-left: 10px;
							 | 
						||
| 
								 | 
							
								  }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Media list variation
							 | 
						||
| 
								 | 
							
								// -------------------------
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								// Undo default ul/ol styles
							 | 
						||
| 
								 | 
							
								.media-list {
							 | 
						||
| 
								 | 
							
								  padding-left: 0;
							 | 
						||
| 
								 | 
							
								  list-style: none;
							 | 
						||
| 
								 | 
							
								}
							 |