Schome logo css

From The SchomEmunity Wiki
Jump to: navigation, search

Just copy and past this into a file called something.html, open it with your favorite browser and play till your hearts content.


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<html>
	<head>
		<style type="text/css">
			/*
			'OU Violet': RGB 133,111,179 Hex #856FB3
			'OU Blue': RGB 0,177,234 Hex #00B1EA
			'OU Orange': RGB 239,104,32 Hex #EF6820
			*/
			
			div.logo_container
			{
				font-family: Verdana, Arial;
				color: rgb(133,111,179);
				width:180px;
			}
			
			div.logo_schome
			{
				font-size: 250%;
				text-align:right;
			}
			
			div.logo_subtitle1
			{
				font-size: 105%;
				text-align:right;
			}
			
			div.logo_subtitle2
			{
				font-size: 105%;
				text-align:right;
			}
			
			b.logo_fancyh
			{
				color: rgb(239,104,32);
			}
		</style>
	</head>
	
	<body>
	
		<div class="logo_container">
			<div class="logo_schome">
				<b>sc</b><b class="logo_fancyh">h</b><b>ome</b>
			</div>
			<div class="logo_subtitle1">
				<b>more than school</b>
			</div>
			<div class="logo_subtitle2">
				<b>more than home</b>
			</div>
		</div>
		
	</body>
</html>