lolJ O N A S !

Css Petpages

Pastel-ish

<style>

body{
	background-color: #5db3fc;
	overflow: hidden;
}

#bord{
	height: 60px;
	width: 100%;
	background-color: #ff8045;
	border-bottom: 60px solid #ee601e;
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 40%;
	left: 0px;
}

.table{
	background-color: #f3f3f3;
	border-top: 1px solid #3a74a5;
	border-bottom: 1px solid #3a74a5;
	border-left: 1px solid #3a74a5;
	margin: 5px;
	padding: 5px;
	font-family: tahoma;
	font-size: 11px;
	color: #000;
}

#container{
	top: 20%;
	left: 150px;
	position: absolute;
}

#alli{
	position: absolute;
	height: 450px;
	width: 350px;
	top: 0px;
	left: 0px;
	overflow: auto;
}

#n1{
	position: absolute;
	top: 5px;
	left: 366px;
	height: 25px;
}

#n2{
	position: absolute;
	top: 120px;
	left: 366px;
}

#n3{
	position: absolute;
	top: 235px;
	left: 366px;
}

#n4{
	position: absolute;
	top: 350px;
	left: 366px;
}

a.n1{
	background-color: #ff8045;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #3a74a5;
	display: block;
	border-right: 10px solid #3a74a5;
}

a.n1:hover{
	background-color: #3a74a5;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #ff8045;
	display: block;
	border-right: 10px solid #ff8045;
	width: 80px;
}

a.n2{
	background-color: #ee601e;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #62a2d9;
	display: block;
	border-right: 10px solid #62a2d9;
}

a.n2:hover{
	background-color: #62a2d9;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #ee601e;
	display: block;
	border-right: 10px solid #ee601e;
	width: 80px;
}

a.n3{
	background-color: #5db3fc;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #ff8045;
	display: block;
	border-right: 10px solid #ff8045;
}

a.n3:hover{
	background-color: #ff8045;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #5db3fc;
	display: block;
	border-right: 10px solid #5db3fc;
	width: 80px;
}

a.n4{
	background-color: #ff8045;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #3a74a5;
	display: block;
	border-right: 10px solid #3a74a5;
}

a.n4:hover{
	background-color: #3a74a5;
	text-align: center;
	text-decoration: none;
	font-family: arial;
	font-style: italic;
	font-size: 100px;
	color: #ff8045;
	display: block;
	border-right: 10px solid #ff8045;
	width: 80px;
}

h1{
	font-family: arial;
	font-size: 20px;
	color: #3a74a5;
	border-bottom: 2px solid #ff8045;
	font-style: italic;
	letter-spacing: -2px;
	margin-top: 0px;
}

b{
	font-weight: bold;
	color: #ee601e;
}

i{
	font-weight: italic;
	color: #3a74a5;
}

u{
	font-weight: underline;
	color: #5db3fc;
	border-bottom: 2px dashed #ff8045;
}

a{
	text-decoration: none;
	color: #3a74a5;
}

a:hover{
	text-decoration: none;
	color: #ee601e;
}

</style>

<div id="container">
<div id="alli" class="table">
<h1>Header #1</h1>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>

<h1>Header #2</h1>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>
Hello. This is just some random text. You don't have to read it, but you can if you want to burn 5 minutes of your life. Just a little reminder, <b>this is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. Oh yeah, please keep the credit on. If you don't, I will unleash my super flying monkeys on your head...oh yeah, I went there. 0.o....<br><br>

<h1>Credit</h1>
This awesome layout was provided by <a href="http://www.neopets.com/~loljonas_designs">Alli at loljonas.net</a>. No sticky fingers please.
<br><br>

</div>

Blue and Orange Stripes

<style>

body{
	background-color: #5db3fc;
	overflow: hidden;
}

#bord{
	height: 60px;
	width: 100%;
	background-color: #ff8045;
	border-bottom: 60px solid #ee601e;
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 40%;
	left: 0px;
}

#container{
	top: 20%;
	left: 150px;
	position: absolute;
}

#alli{
	position: absolute;
	height: 450px;
	width: 350px;
	top: 0px;
	left: 0px;
	overflow: auto;
}

#n1{
	position: absolute;
	top: 5px;
	left: 366px;
	height: 25px;
}

#n2{
	position: absolute;
	top: 120px;
	left: 366px;
}

#n3{
	position: absolute;
	top: 235px;
	left: 366px;
}

#n4{
	position: absolute;
	top: 350px;
	left: 366px;
}

h1{
	font-family: arial;
	font-size: 20px;
	color: #3a74a5;
	border-bottom: 2px solid #ff8045;
	font-style: italic;
	letter-spacing: -2px;
	margin-top: 0px;
}

b{
	font-weight: bold;
	color: #ee601e;
}

i{
	font-weight: italic;
	color: #3a74a5;
}

u{
	font-weight: underline;
	color: #5db3fc;
	border-bottom: 2px dashed #ff8045;
}

a{
	text-decoration: none;
	color: #3a74a5;
}

a:hover{
	text-decoration: none;
	color: #ee601e;
}

</style>

<h1>Credit</h1>
This awesome layout was provided by <a href="http://www.neopets.com/~loljonas_designs">Alli at loljonas.net</a>. No sticky fingers please.
<br><br>

</div>

Modern

body{
	background-color:#00041E;
}

.sf {display:none;}

.table{
	background-color:#fff;
   	font-family:tahoma;
   	font-size: 11px;
   	color: #000;
   	border-bottom: 40px solid #94a2a2;
   	border-right:40px solid #94a2a2;
}

#container{
	div-align:center;
	position:absolute;
	top:10px;
	left:20px;
}

#alli{
	width: 550px;
	height:650px;
	overflow:auto;
	position:absolute;
	top:0px;
	left:0px;
}

h1{
	font-family:arial;
	letter-spacing:-2px;
	font-size:30pt;
	color:#94a2a2;
	text-transform:uppercase;
	margin-bottom:-30px;
}

h2{
	font-family:arial;
	letter-spacing:-2px;
	font-size:15pt;
	color:efdfbe;
	text-transform:uppercase;
}

h3{
	font-family:arial;
	letter-spacing:-2px;
	font-size:12pt;
	color:#efdfbe;
	text-transform:uppercase;
	margin-top:-6px;
	margin-bottom:-3px;
}

#n{
	position:absolute;
	left: 400px;
	top:25px;
	text-align:center;

}

a.navi{
	font-family: arial;
	letter-spacing:-3px;
	color:#94a2a2;
	font-size:25pt;
	text-decoration:none;
}

a.navi:hover{
	font-family: arial;
	letter-spacing:-3px;
	color:#efdfbe;
	font-size:25pt;
	text-decoration:none;
}

.textt{
	width:360px;
	height:100px;
	overflow:auto;
	padding:5px;
}

.texttt{
	width:490px;
	height:150px;
	overflow:auto;
	padding:5px;
	padding-bottom:10px;
}

#area1{
	position:absolute;
	top:30px;
	left:0px;
}

b{
	color: #94a2a2;
	font-weight:bold;
}

i{
	color:#232558;
	font-weight:italic;
}

u{
	color:#d7c296;
	font-weight:underline;
	border-bottom: 2px dashed #232558;
}

a{
	color:#94a2a2;
	font-decoration:none;
}

a:hover{
	color:#232558;
	font-decoration:none;
}

</style />

<body>

<div id="container">
<div id="alli">
<div class="table">
<h1>Snazzy header</h1>
<h2>Put some awesome text here</h2>

<div class="textt">
<h3>Header #1</h3>
Hello, thanks for using my css. Please keep the credit on at all times. <b>This is bold</b>, <i>this is italics</i>, <u>this is underline</u>, and <a href="/">this is a link</a>. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!
</div>
<br>
<div class="texttt">
<h3>Header #2</h3>
Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!
</div>
<br>
<div class="texttt">
<h3>Header #2</h3>
Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!Hello, thanks for using my css. Please keep the credit on at all times. You can add as much content as you like in this and the other text boxes. They just keep scrolling and scrolling and scrolling on forever!!!! Blah, blah, blah, I'm running out of random stupid stuff to type about, so please replace this when you use the css, unless you want to look like a babbling idiot too. I'm just typing to see it I got to coding right, so I am very sorry if I have wasted 30 second of your life, if you read all of this. Just please keep the credit on, and everything will be ok!!!!
</div>
<br>

<div id="n">
<a href="/myaccount.phtml" class="navi">Account</a>
<br>
<a href="/petcentral.phtml" class="navi">Central</a>
<br>
<a href="/games/arcade.phtml" class="navi">Play</a>
<br>
<a href="/neoboards/index.html" class="navi">Chat</a>
<br>
<a href="/~loljonas_designs" class="navi">Credit</a>
</div>

</div>
</div>
</div>

Gray/Black Music themed

body{background-color:#dbdbdb;background-image:url(http://www.loljonas.net/images/csspetpages/graycssbackground.png); background-repeat:repeat;}

.table{background-color:#000; border-top:1px dashed #dbdbdb;border-bottom:1px dashed #dbdbdb; border-left:1px dashed #dbdbdb;border-right:1px dashed #dbdbdb; font-size:7.5pt; font-family:tahoma; color:#999;}

#jonas{position:absolute; div-align:left; left:10px;top: 15px; width:470px;}

#mainpic{position:absolute; left:80px;}

b{
font-weight: bold;
font-family: tahoma;
text-transform: uppercase;
color: #333;}

u{
color: #666;
border-bottom: 2px #999 dashed;
text-decoration: #none;}

i{
color: #999;}

a:link,a:active,a:visited{
color: #fff;
font-family: verdana;}

a:hover{
cursor:help;
color: black;}

h3
{
background-color: #666;
height:22px;
font-size:24px;
color:#000;
font-family:georgia;
text-align:right;
font-style:italic;
margin:0px;
letter-spacing:-3px;
border-left: 5px #666 solid;
font-transform:lowercase;}

h2
{
background-color: transparent;
line-height:15px;
font-size:16px;
color:#999;
font-family:georgia;
text-align:left;
font-style:italic;
margin:0px;
border-left: 5px #666 solid;
font-transform:lowercase;}

</style />

<div id=jonas>
<div class=table>
<center>
<div id=mainpic>
<img src=http://www.loljonas.net/images/csspetpages/graycssmainimage.png>
</div>
</center>
<br>
<br>
<br>
<br><br>
<br>
<br>
<br><br>
<br>
<br>
<br>
<br>
<br>
<h3>Welcome</h3>
<h2>to your new petpage</h2>
<br>
<br>
Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=neopets.com/>this is a link</a>.
<br>
<br>

<h2>Credit</h2>
Layout by <a href=/~lolJONAS_designs>Alli @ lolJONAS! Designs</a>
</div>
</div>
<br>
<br>

light green with Jonas Brothers icons

body{background-color:#BCEE68;}

.table{background-color:#fff; border-top:3px solid #ff0099; border-bottom:3px solid #ff0099; border-right:3px solid #ff0099; border-left:3px solid #ff0099; font-size:7.5pt; font-family:tahoma; color:#000;}

#jonas{position:absolute; div-align:center; left:350px;top: 30px; width:460px;}

b{
font-weight: bold;
font-family: tahoma;
text-transform: uppercase;
color: #ff2952;}

u{
color: #00dce3;
border-bottom: 2px #00dce3 dashed;
text-decoration: #none;}

i{
color: #808080;}

a:link,a:active,a:visited{
color: #404040;
font-family: verdana;}

a:hover{
cursor:help;
color: white;}

h3{
background-color: #BCEE68;
color: #00dce3;
font-family: georgia;
font-size: 20pt;
text-transform: lowercase;
text-align: center;
line-height: 10pt;
font-weight:none;
letter-spacing: -1px;
border-left: 5px #00dce3 solid;}

h2{
background-color: #00dce3;
color:#BCEE68;
font-family: georgia;
font-size: 10pt;
text-transform: lowercase;
text-align: center;
line-height: 5pt;
font-weight:none;
letter-spacing: -1px;
border-left: 5px #00dce3 solid;}

</style />

<br>
<br>
<h3>Welcome</h3>
Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.
<h2>Credit</h2>
Layout by <a href=http://www.neopets.com/~lolJONAS_designs>Alli @ lolJONAS! Designs</a>
</div>
</div>
<br>
<br>

Light Blue

body{background-color:#CCCCFF;}

.table{background-color:#fff; border-top:3px solid #c6f; border-bottom:3px solid #c6f; border-right:3px solid #c6f; border-left:3px solid #c6f; font-size:7.5pt; font-family:tahoma; color:#000;}

#jonas{position:absolute; div-align:center; left:350px;top: 30px; width:460px;}

b{
font-weight: bold;
font-family: tahoma;
text-transform: uppercase;
color: #CCCCFF;}

u{
color: #39f;
border-bottom: 2px #CCCCFF dashed;
text-decoration: #none;}

i{
color: #9cf;}

a:link,a:active,a:visited{
color: #CCCCFF;
font-family: verdana;}

a:hover{
cursor:help;
color: white;}

h3{
background-color: #CCCCFF;
color: #39f;
font-family: georgia;
font-size: 20pt;
text-transform: lowercase;
text-align: center;
line-height: 10pt;
font-weight:none;
letter-spacing: -1px;
border-left: 5px #9cf solid;}

h2{
background-color: #00dce3;
color:#39f;
font-family: georgia;
font-size: 10pt;
text-transform: lowercase;
text-align: center;
line-height: 5pt;
font-weight:none;
letter-spacing: -1px;
border-left: 5px #CCCCFF solid;}

</style />

<br>
<br>
<h3>Welcome</h3>
Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.Hi guys! Thanks for using lolJONAS! Designs! You can put all your awesome text here, and <b>this is bold</b>, <i>this is italics</i>, <u>this is underlined</u>, and <a href=”/”>this is a link</a>.
<h2>Credit</h2>
Layout by <a href=http://www.neopets.com/~lolJONAS_designs>Alli @ lolJONAS! Designs</a>
</div>
</div>
<br>
<br>

Navigation

Stats

Contact Me

Css Petpages

Pastel-ish

Blue and Orange Stripes

Modern

Gray/Black Music themed

light green with Jonas Brothers icons

Light Blue