#test {
	border: 1px solid blue;
	width: 100px;
	height: 100px;
	background-image: url(" \
		data:image/svg+xml;utf8, \
		<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='100%'>\
			<text x='0' y='15'>\
				I love SVG!\
			</text>\
		</svg>");
}
/*
#test::after {
	content: "              \a                 \a                \a              \a     \a         \a          \a          \a      \a         \a         \a    \a         \a        \a   \a       ";
	white-space: pre;
}
*/

#mouse_test .frame.f1::before {
	content: "                   \A                     \A                   \A                    \A               \A                    \A                     \A                 \A                     \A               \A               \A                \A             \A         ";
/*
                   
                    
                  
                   
              
                   
                    
                
                    
              
              
               
            
        
*/
}

#mouse_test .frame.f2::before {
	content: "                    \A                     \A                    \A                    \A               \A                    \A                     \A                 \A                    \A                \A              \A                \A             \A         ";
/*
                    
                    
                   
                   
              
                   
                    
                
                   
               
             
               
            
        
*/
}

#mouse_test .frame.f3::before {
	content: "                     \A                     \A                    \A                    \A               \A                    \A                     \A                \A                   \A               \A               \A                \A             \A         ";
/*
                     
                    
                   
                   
              
                   
                    
               
                  
              
              
               
            
        
*/
}

#mouse_test .frame.f4::before {
	content: "                  \A                          \A                          \A                         \A                        \A                   \A                 \A                       \A                    \A                      \A                      \A         ";
/*
                  
                         
                         
                        
                       
                  
                
                      
                   
                     
                     
        
*/
}