YourIcy

Pepsi

pepsi template updated......made by joq as is the cke template enjoy em both

body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #0A64FF;
background: #CCFFFF url(http://fc06.deviantart.com/fs30/f/2008/161/a/3/PEPSI_CHEROGRAPHY_by_Mongi13.jpg) fixed bottom left repeat-x;
}

.InnerBody {
background: transparent url(http://www.familycourtchronicles.com/philosophy/inquisition/coke_vs_pepsi.jpg) 80% 35px repeat-x; important;
border: 0 !important;

border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

#StatusBox {
margin-top: 240px;
}

/* Settings for links */
a {
color: #0A64FF;
text-decoration: underline !important;
}

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

/* Settings for all images */
a img {
border: 1px solid #0A64FF;
}
/* Settings for dividers */
hr {
background: #155998;
border-color: #0A64FF;
height: 2px;
}
.PhotoBack {
background: #C86464;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #155998;
background-color: #79B4E8;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 0px; /* Safari rounded corners */
-moz-border-radius: 0px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #000;
height: 30px;
font-weight: bold;
text-align: left;
font-size: 14px;
line-height: 30px;
padding: 30px 0px 0px 8px;
background: url(http://www.robesoncountyfair.com/sitebuilder/images/Pepsi_Logo-168x100.jpg) top left;
border: 0px solid #0C3252;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #155998;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #1C1803;
text-align: left;
background-color: #98C7F0;
border: 1px solid #0C3252;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #1C1803;
background: #F0EDD8;
font-size: 12px;
border: 1px solid #4A410C;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #0A64FF;
border: 1px solid #4A410C;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #EDE9D2;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: transparent;
border: none;
-webkit-border-radius:0;
-moz-border-radius: 0;
}
div.FooterStyle {
color: #000;
font-weight: bold;
}
div.FooterStyle a {
color: #000;
}
div.FooterStyle a:hover {
color: #444;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #0C3252;
background: #155998;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #0A64FF;
font-size: 13px;
background: #155998;
border: 2px solid #155998;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #1C1803;
background: #C86464;
border: 2px solid #0C3252;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #0C3252;
border-top: 0;
background-color: #EBE8CB;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #C86464;
border-top: 2px solid #EBE8CB;
}
.Menu a:hover {
background-color: #CDC896;
border-top: 2px solid #0C3252;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #C86464;
font-weight: bold;
background: #98C7F0;
border: 2px solid #0C3252;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #B2D6F5;
background: #155998;
border-left: 2px solid #0C3252;
border-top: 2px solid #0C3252;
border-right: 2px solid #0C3252;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #0C3252;
background: #B2D6F5;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #1C1803;
background: #B2D6F5;
}
/* Sub tabs */
#ContentTabs ul {
background: #B2D6F5;
border-top: 2px solid #0C3252;
}
#ContentTabs ul a {
background: #B2D6F5;
color: #1C1803;
}
#ContentTabs ul a:hover {
background: #B2D6F5; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #155998;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #0C3252;
background: #B2D6F5;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #1C1803;
background: #EAE868;
}

fieldset {
border: 1px solid #0C3252;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #155998;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #EBE8CB;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #1C1803;
text-align: left;
background: #155998;
border: 1px solid #0C3252;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #3E84C5;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #3C89CC;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #E2DCAF;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #1C1803;
background: #EDE9D2;
border: 1px solid #3A3209;
}
.OnPageNum {
font-weight: bold;
background: #CDC896;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

iframe {position:absolute;top:33px;left: 49.5%;width: 450px;height: 38px;}
iframe[height="175px"] {display:none;}}

View Demo

Coke

Coke template updated...much better:P

body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #C86464;
background: #CCFFFF url(http://behance.vo.llnwd.net/profiles/55521/projects/50372/555211196291151.jpg) fixed bottom left repeat-x;
}

.InnerBody {
background: transparent url(http://www.familycourtchronicles.com/philosophy/inquisition/coke_vs_pepsi.jpg) 80% 35px repeat-x; important;
border: 0 !important;

border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

#StatusBox {
margin-top: 240px;
}

/* Settings for links */
a {
color: #0B2C4A;
text-decoration: underline !important;
}

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

/* Settings for all images */
a img {
border: 1px solid #C86464;
}
/* Settings for dividers */
hr {
background: #155998;
border-color: #C86464;
height: 2px;
}
.PhotoBack {
background: #C86464;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #155998;
background-color: #79B4E8;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 0px; /* Safari rounded corners */
-moz-border-radius: 0px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #000;
height: 30px;
font-weight: bold;
text-align: left;
font-size: 14px;
line-height: 30px;
padding: 30px 0px 0px 8px;
background: url(http://www.trimedia.fr/content/News/coke_logo_klein100x100.jpg) top left repeat-x;
border: 0px solid #0C3252;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #155998;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #1C1803;
text-align: left;
background-color: #98C7F0;
border: 1px solid #0C3252;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #1C1803;
background: #F0EDD8;
font-size: 12px;
border: 1px solid #4A410C;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #C86464;
border: 1px solid #4A410C;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #EDE9D2;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: transparent;
border: none;
-webkit-border-radius:0;
-moz-border-radius: 0;
}
div.FooterStyle {
color: #000;
font-weight: bold;
}
div.FooterStyle a {
color: #000;
}
div.FooterStyle a:hover {
color: #444;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #0C3252;
background: #155998;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #C86464;
font-size: 13px;
background: #155998;
border: 2px solid #155998;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #1C1803;
background: #C86464;
border: 2px solid #0C3252;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #0C3252;
border-top: 0;
background-color: #EBE8CB;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #C86464;
border-top: 2px solid #EBE8CB;
}
.Menu a:hover {
background-color: #CDC896;
border-top: 2px solid #0C3252;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #C86464;
font-weight: bold;
background: #98C7F0;
border: 2px solid #0C3252;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #B2D6F5;
background: #155998;
border-left: 2px solid #0C3252;
border-top: 2px solid #0C3252;
border-right: 2px solid #0C3252;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #0C3252;
background: #B2D6F5;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #1C1803;
background: #B2D6F5;
}
/* Sub tabs */
#ContentTabs ul {
background: #B2D6F5;
border-top: 2px solid #0C3252;
}
#ContentTabs ul a {
background: #B2D6F5;
color: #1C1803;
}
#ContentTabs ul a:hover {
background: #B2D6F5; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #155998;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #0C3252;
background: #B2D6F5;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #1C1803;
background: #EAE868;
}

fieldset {
border: 1px solid #0C3252;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #155998;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #EBE8CB;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #1C1803;
text-align: left;
background: #155998;
border: 1px solid #0C3252;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #3E84C5;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #3C89CC;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #E2DCAF;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #1C1803;
background: #EDE9D2;
border: 1px solid #3A3209;
}
.OnPageNum {
font-weight: bold;
background: #CDC896;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

iframe {position:absolute;top:33px;left: 49.5%;width: 450px;height: 38px;}
iframe[height="175px"] {display:none;}

View Demo

Super Mario 3 Theme

Super Mario theme, enjoy.

body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #1C1803;
background: #CCFFFF url(http://img529.imageshack.us/img529/889/bodybg.jpg) fixed bottom left repeat-x;
}

.InnerBody {
background: transparent url(http://www.ugo.com/a/top11-videogame-powerups/images/marioleaf.jpg) 80% 35px no-repeat !important;
border: 0 !important;

border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

#StatusBox {
margin-top: 240px;
}

/* Settings for links */
a {
color: #0A2C4A;
text-decoration: underline !important;
}

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

/* Settings for all images */
a img {
border: 1px solid #1C1803;
}
/* Settings for dividers */
hr {
background: #155998;
border-color: #0C3252;
height: 2px;
}
.PhotoBack {
background: #F4F3EB;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #155998;
background-color: #79B4E8;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 0px; /* Safari rounded corners */
-moz-border-radius: 0px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #000;
height: 30px;
font-weight: bold;
text-align: left;
font-size: 14px;
line-height: 30px;
padding: 30px 0px 0px 8px;
background: url(http://img39.imageshack.us/img39/1507/bricki.jpg) top left repeat-x;
border: 0px solid #0C3252;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #155998;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #1C1803;
text-align: left;
background-color: #98C7F0;
border: 1px solid #0C3252;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #1C1803;
background: #F0EDD8;
font-size: 12px;
border: 1px solid #4A410C;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #E2DCAF;
border: 1px solid #4A410C;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #EDE9D2;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: transparent;
border: none;
-webkit-border-radius:0;
-moz-border-radius: 0;
}
div.FooterStyle {
color: #000;
font-weight: bold;
}
div.FooterStyle a {
color: #000;
}
div.FooterStyle a:hover {
color: #444;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #0C3252;
background: #155998;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #F3EEDA;
font-size: 13px;
background: #155998;
border: 2px solid #155998;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #1C1803;
background: #EBE8CB;
border: 2px solid #0C3252;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #0C3252;
border-top: 0;
background-color: #EBE8CB;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #1C1803;
border-top: 2px solid #EBE8CB;
}
.Menu a:hover {
background-color: #CDC896;
border-top: 2px solid #0C3252;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #F3EEDA;
font-weight: bold;
background: #98C7F0;
border: 2px solid #0C3252;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #B2D6F5;
background: #155998;
border-left: 2px solid #0C3252;
border-top: 2px solid #0C3252;
border-right: 2px solid #0C3252;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #0C3252;
background: #B2D6F5;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #1C1803;
background: #B2D6F5;
}
/* Sub tabs */
#ContentTabs ul {
background: #B2D6F5;
border-top: 2px solid #0C3252;
}
#ContentTabs ul a {
background: #B2D6F5;
color: #1C1803;
}
#ContentTabs ul a:hover {
background: #B2D6F5; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #155998;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #0C3252;
background: #B2D6F5;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #1C1803;
background: #EAE868;
}

fieldset {
border: 1px solid #0C3252;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #155998;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #EBE8CB;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #1C1803;
text-align: left;
background: #155998;
border: 1px solid #0C3252;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #3E84C5;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #3C89CC;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #E2DCAF;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #1C1803;
background: #EDE9D2;
border: 1px solid #3A3209;
}
.OnPageNum {
font-weight: bold;
background: #CDC896;
border: 1px solid #3A3209;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

iframe {position:absolute;top:33px;left: 49.5%;width: 450px;height: 38px;}
iframe[height="175px"] {display:none;}

View Demo

Dark Gray & Red

Dark gray and red colors.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */

/* Settings for the entire page, you may change the ones there or add your own */
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #DEDCBD;
background: #252525;
}
.InnerBody {
background: #320A0A;
border: 2px solid #0C0C0C;
border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

/* Settings for links */
a:link {
color: #E0D622;
text-decoration: none;
}
a:visited {
color: #ABA100;
text-decoration: none;
}
a:hover {
color: #565103;
text-decoration: underline;
}

/* Settings for all images */
a img {
border: 1px solid #C8BE0A;
}
/* Settings for dividers */
hr {
background: #161616;
border-color: #0C0C0C;
height: 2px;
}
.PhotoBack {
background: #F4F3EB;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #0C0C0C;
background-color: #323232;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #887E00;
font-weight: bold;
text-align: left;
font-size: 14px;
padding: 4px 0px 2px 8px;
background: #161616;
border: 2px solid #0C0C0C;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #161616;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #DEDCBD;
text-align: left;
background-color: #303030;
border: 1px solid #0C0C0C;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #C8BE0A;
background: #3D1515;
font-size: 12px;
border: 1px solid #090000;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #1D0000;
border: 1px solid #090000;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #270000;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: #161616;
border: 2px solid #0C0C0C;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
div.FooterStyle {
color: #887E00;
}
div.FooterStyle a {
color: #887E00;
}
div.FooterStyle a:hover {
color: #C8BE0A;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #0C0C0C;
background: #161616;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #887E00;
font-size: 13px;
background: #161616;
border: 2px solid #161616;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #C8BE0A;
background: #180000;
border: 2px solid #0C0C0C;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #0C0C0C;
border-top: 0;
background-color: #180000;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #C8BE0A;
border-top: 2px solid #180000;
}
.Menu a:hover {
background-color: #0E0000;
border-top: 2px solid #0C0C0C;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #887E00;
font-weight: bold;
background: #303030;
border: 2px solid #0C0C0C;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #3A3A3A;
background: #161616;
border-left: 2px solid #0C0C0C;
border-top: 2px solid #0C0C0C;
border-right: 2px solid #0C0C0C;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #0C0C0C;
background: #3A3A3A;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #C8BE0A;
background: #3A3A3A;
}
/* Sub tabs */
#ContentTabs ul {
background: #3A3A3A;
border-top: 2px solid #0C0C0C;
}
#ContentTabs ul a {
background: #3A3A3A;
color: #C8BE0A;
}
#ContentTabs ul a:hover {
background: #3A3A3A; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #161616;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #0C0C0C;
background: #3A3A3A;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #C8BE0A;
background: #EAE868;
}

fieldset {
border: 1px solid #0C0C0C;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #0C0C0C;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #180000;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #C8BE0A;
text-align: left;
background: #161616;
border: 1px solid #0C0C0C;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #252525;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #0C0C0C;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #1D0000;
border: 1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #C8BE0A;
background: #270000;
border: 1px solid #000000;
}
.OnPageNum {
font-weight: bold;
background: #0E0000;
border: 1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

View Demo

Dark Theme

Dark grays with white font.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */

/* Settings for the entire page, you may change the ones there or add your own */
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #C8C8C8;
background: #262626;
}
.InnerBody {
background: #323232;
border: 2px solid #040404;
border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

/* Settings for links */
a:link {
color: #D2D2D2;
text-decoration: none;
}
a:visited {
color: #B9B9B9;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: none;
}

/* Settings for all images */
a img {
border: 1px solid #C8C8C8;
}
/* Settings for dividers */
hr {
background: #101010;
border-color: #040404;
height: 2px;
}
.PhotoBack {
background: #F4F3EB;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #101010;
background-color: #323232;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #969696;
font-weight: bold;
text-align: left;
font-size: 14px;
padding: 4px 0px 2px 8px;
background: #101010;
border: 2px solid #040404;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #101010;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #C8C8C8;
text-align: left;
background-color: #383838;
border: 1px solid #040404;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #C8C8C8;
background: #3E3E3E;
font-size: 12px;
border: 1px solid #0A0A0A;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #1E1E1E;
border: 1px solid #0A0A0A;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #2A2A2A;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: #101010;
border: 2px solid #040404;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
div.FooterStyle {
color: #969696;
}
div.FooterStyle a {
color: #969696;
}
div.FooterStyle a:hover {
color: #C8C8C8;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #040404;
background: #101010;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #969696;
font-size: 13px;
background: #101010;
border: 2px solid #101010;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #C8C8C8;
background: #191919;
border: 2px solid #040404;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #040404;
border-top: 0;
background-color: #191919;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #C8C8C8;
border-top: 2px solid #191919;
}
.Menu a:hover {
background-color: #0F0F0F;
border-top: 2px solid #040404;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #969696;
font-weight: bold;
background: #383838;
border: 2px solid #040404;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #404040;
background: #101010;
border-left: 2px solid #040404;
border-top: 2px solid #040404;
border-right: 2px solid #040404;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #040404;
background: #404040;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #C8C8C8;
background: #404040;
}
/* Sub tabs */
#ContentTabs ul {
background: #404040;
border-top: 2px solid #040404;
}
#ContentTabs ul a {
background: #404040;
color: #C8C8C8;
}
#ContentTabs ul a:hover {
background: #404040; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #101010;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #040404;
background: #404040;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #C8C8C8;
background: #EAE868;
}

fieldset {
border: 1px solid #040404;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #101010;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #191919;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #C8C8C8;
text-align: left;
background: #101010;
border: 1px solid #040404;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #262626;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #3C89CC;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #1E1E1E;
border: 1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #C8C8C8;
background: #2A2A2A;
border: 1px solid #000000;
}
.OnPageNum {
font-weight: bold;
background: #0F0F0F;
border: 1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

View Demo

Light Theme

Light grays with black font.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */

/* Settings for the entire page, you may change the ones there or add your own */
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #0A0A0A;
background: #E9E9E9;
}
.InnerBody {
background: #F5F5F5;
border: 2px solid #C7C7C7;
border-top: 0;
-webkit-border-bottom-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-moz-border-radius-bottomright: 16px;
}

/* Settings for links */
a:link {
color: #141414;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #C3C3C3;
text-decoration: none;
}

/* Settings for all images */
a img {
border: 1px solid #0A0A0A;
}
/* Settings for dividers */
hr {
background: #D3D3D3;
border-color: #C7C7C7;
height: 2px;
}
.PhotoBack {
background: #F4F3EB;
border: 1px solid #1F4D77;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.PhotoBack:hover {
background: #E1DDC0;
border-color: #756821;
}

/* Settings for each of the content boxes */
.ContentBox {
border: 2px solid #D3D3D3;
background-color: #F5F5F5;
padding: 5px 5px 3px 5px;
text-align: left;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #000000;
font-weight: bold;
text-align: left;
font-size: 14px;
padding: 4px 0px 2px 8px;
background: #D3D3D3;
border: 2px solid #C7C7C7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ContentBox div.Footer, .UnderFooter {
padding: 4px 4px 0 6px;
font-size: 75%;
text-align: left;
border-top: 1px dashed #D3D3D3;
}
span.MessageTitle {
font-size: 85%;
text-align: left;
font-style: italic;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #0A0A0A;
text-align: left;
background-color: #FBFBFB;
border: 1px solid #C7C7C7;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.UnderContent
{
padding: 0 4px 4px 6px;
vertical-align: top;
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}
#StatusBox {
}
#AboutBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #0A0A0A;
background: #FFFFFF;
font-size: 12px;
border: 1px solid #CDCDCD;
padding: 2px 2px 3px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
textarea {
padding-left: 5px;
}
input {
padding-left: 5px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
font-weight: bold;
background: #E1E1E1;
border: 1px solid #CDCDCD;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
background: #EDEDED;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
background-color: #D3D3D3;
border: 2px solid #C7C7C7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
div.FooterStyle {
color: #000000;
}
div.FooterStyle a {
color: #000000;
}
div.FooterStyle a:hover {
color: #0A0A0A;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #C7C7C7;
background: #D3D3D3;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #000000;
font-size: 13px;
background: #D3D3D3;
border: 2px solid #D3D3D3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.MenuStyle ul li a:hover {
color: #0A0A0A;
background: #DCDCDC;
border: 2px solid #C7C7C7;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.Menu {
border: 2px solid #C7C7C7;
border-top: 0;
background-color: #DCDCDC;
font-weight: bold;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.Menu hr {
display: none;
}
.Menu a {
color: #0A0A0A;
border-top: 2px solid #DCDCDC;
}
.Menu a:hover {
background-color: #D2D2D2;
border-top: 2px solid #C7C7C7;
}

/* Settings for the commands menu at the top of the page */
.PageCommandsBox {
color: #000000;
font-weight: bold;
background: #FBFBFB;
border: 2px solid #C7C7C7;
border-top: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #FFFFFF;
background: #D3D3D3;
border-left: 2px solid #C7C7C7;
border-top: 2px solid #C7C7C7;
border-right: 2px solid #C7C7C7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #C7C7C7;
background: #FFFFFF;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #0A0A0A;
background: #FFFFFF;
}
/* Sub tabs */
#ContentTabs ul {
background: #FFFFFF;
border-top: 2px solid #C7C7C7;
}
#ContentTabs ul a {
background: #FFFFFF;
color: #0A0A0A;
}
#ContentTabs ul a:hover {
background: #FFFFFF; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #D3D3D3;
}
.ContentTabsBox {
}
.ContentTabsInfo {
border: 2px solid #C7C7C7;
background: #FFFFFF;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}

#ReturnLink a {
}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #0A0A0A;
background: #EAE868;
}

fieldset {
border: 1px solid #C7C7C7;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
legend {
font-weight: bold;
}
.LayoutFieldset {
border: 2px solid #D3D3D3;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.LayoutFieldset legend {
font-weight: bold;
font-size: 150%;
}
.LayoutFieldset .UnderInfoContent {
background: #DCDCDC;
}
.LayoutFieldset fieldset legend {
font-size: 120%;
}

/* Forums */
.ForumListPost {
color: #0A0A0A;
text-align: left;
background: #D3D3D3;
border: 1px solid #C7C7C7;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.ForumListPost:hover {
background: #E9E9E9;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}
.ForumPostContent {
border-left: 1px dashed #3C89CC;
padding-left: 4px;
}

/* Page numbers */
.PageNum {
background: #E1E1E1;
border: 1px solid #C3C3C3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.PageNum:hover {
color: #0A0A0A;
background: #EDEDED;
border: 1px solid #C3C3C3;
}
.OnPageNum {
font-weight: bold;
background: #D2D2D2;
border: 1px solid #C3C3C3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

View Demo

Azure

Uses medium to dark blue and white.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */

/* Settings for the entire page, you may change the ones there or add your own */
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #FFF;
background-color: #000055;
}

/* Settings for links */
a:link {
color: #C4C4C4;
text-decoration: underline;
}
a:visited {
color: #c2cdfe;
text-decoration: underline;
}
a:hover {
color: #EFEFEF
text-decoration: line-through;
}

/* Settings for all images */
a img {
border-top: 2px inset #141f81;
border-bottom: 2px inset #141f81;
border-right: 2px inset #141f81;
border-left: 2px inset #141f81;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}

/* Settings for each of the content boxes */
.ContentBox {
color: #FFF;
border: 2px solid #DDD;
background-color: #0000b3;
padding: 5px;
text-align: left;
-webkit-border-radius: 14px; /* Safari rounded corners */
-moz-border-radius: 14px; /* Firefox rounded corners */
}
.ContentBox div.Title {
color: #BBB;
font-weight: bold;
text-align: left;
font-size: 14px;
padding: 4px 0px 2px 8px;
background: #000055;
border: 2px solid #DDD;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}
.ContentBox div.Footer {
padding: 1px 4px;
font-size: 80%;
text-align: left;
border-top: 1px dashed #DDD;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
color: #DDD;
text-align: left;
background-color: #000082;
border: 2px solid #DDD;
padding: 4px;
margin: 4px 10px 6px 10px;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}

/* Settings for individual content boxes - add custom CSS between the braces */
#InfoBox {
}
#EventsBox {
}
#FavoriteLinksBox {
}
#RSSBox {
}
#FriendsBox {
}
#GroupsBox {
}
#GroupMembersBox {
}
#PhotosBox {
}
#BlogsBox {
}
#PublicMessagesBox {
}
#VideosBox {
}
#QuickListBox {
}
#GeneralInfoBox {
}
#GroupForumsBox {
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
font-family: Times New Roman;
color: #DDD;
background: #000055;
font-size: 12px;
border: 2px solid #DDD;
padding: 2px 2px 3px 2px;
}
input {
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
color: #DDD;
background: #000055;
border: 2px outset #DDD;
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
color: #000055;
background: #DDD;
border: 2px inset #000055;
}

/* Settings for the footer at the bottom of the page */
div.FooterBack {
border: 2px solid #DDD;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
background-color: #000055;
}
div.FooterStyle {
color: #EEE;
}
div.FooterStyle a {
color: #EEE;
}
div.FooterStyle a:hover {
color: #BBB;
}

/* Settings for the top menu bar */
.MenuBack {
border-bottom: 2px solid #DDD;
background: #000055;
}
.MenuStyle ul {

}
.MenuStyle ul li a {
color: #DDD;
font-size: 13px;
background: #000055;
border: 2px solid #000055;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}
.MenuStyle ul li a:hover {
color: #000055;
background: #DDD;
border: 2px solid #DDD;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}
.Menu {
border: 2px solid #DDD;
border-top: 0;
background: #000055;
font-weight: bold;
}
.Menu hr {
display: none;
}
.Menu a {
color: #FFF;
}
.Menu a:hover {
color: #000055;
background-color: #DDD;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #000055;
background: #AAA;
border-left: 2px solid #000082;
border-top: 2px solid #000082;
border-right: 2px solid #000082;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#ContentTabs a:hover {
color: #000082;
background: #CCC;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #000082;
background: #DDD;
}
/* Sub tabs */
#ContentTabs ul {
background: #DDD;
border-top: 2px solid #000082;
border-left: 2px solid #000082;
}
#ContentTabs ul a {
background: #DDD;
color: #000082;
}
#ContentTabs ul a:hover {
background: #DDD; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #DDD;
}
.ContentTabsInfo {
border: 2px solid #000082;
background: #DDD;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}

#ReturnLink a {

}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #DDD;
background: #000;
}
::selection  {
color: #DDD;
background: #000;
}

fieldset {
border: 2px solid #DDD;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
legend {
font-weight: bold;
}

View Demo

Elixir

Black and white template using gradients and a fancy BG Image.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */
/* Settings for the entire page, you may change the ones there or add your own */
body {
font-family: arial;
font-size: 12px;
color: D2D2D2;
background: #000 url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/IcyBG.png) no-repeat center fixed;
filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml-opacity:0.95;
}
/* Link settings */
a:link
{
text-decoration: underline;
color: #F81228;
}
a:visited
{
text-decoration: underline;
color: #CC0114;
}
a:hover
{
color:  #FF4A4A;
background: transparent;
text-decoration: overline;
}
/* Settings for all images */
a img
{
border-color: #A4A4A4; 
border-style: outset;
}

/* Settings for each of the content boxes */
.ContentBox, .ContentBoxMinimized
{
padding: 0px;
border: 2px inset #3D3D3D;
color: #D2D2D2;
background-color: #3D3D3D;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
.ContentBox div.Title, .ContentBoxMinimized div.Title
{
color: #D2D2D2;
font-weight: bold;
border-bottom: 2px inset #3D3D3D;
padding: 2px 0px 2px 4px;
background: url('http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icytop.png');
text-align: left;
font-size: 14px;
-webkit-border-radius: 8px; /* Safari rounded corners */
-moz-border-radius: 8px; /* Firefox rounded corners */
}
/* Settings for the footers of the content boxes, located at the bottom of the box */
.ContentBox div.Footer {
padding: 1px 4px;
font-size: 9pt;
border-top: 2px inset #3D3D3D;
color: #D2D2D2;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icybottom.png) center
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent {
text-align: left;
color: #D2D2D2;
border: 1px solid #858585;
background: #373737;
padding: 4px;
margin: 4px 10px 4px 10px;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}
.ContentBox div.UnderContent
{
padding: 2px 4px;
vertical-align: top;
}

/* Settings for all inputs, textareas, and options */
input, textarea, select {
color: #E9E9E9;
background: #404040;
font-size: 12px;
border: 2px outset #000;
border-color: #A4A4A4; 
border-style: outset;
-webkit-border-radius: 4px; /* Safari rounded corners */
-moz-border-radius: 4px; /* Firefox rounded corners */
}
textarea {
padding-left: 6px;
}
input {
padding-left: 6px;
margin-bottom: 3px;
margin-right: 3px;
}
input[type="submit"], input[type="reset"] {
color: #E9E9E9;
font-size: 12px;
border: 2px outset #000000;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icytop.png) center;
-webkit-border-radius: 6px; /* Safari rounded corners */
-moz-border-radius: 6px; /* Firefox rounded corners */
}
input[type="submit"]:hover, input[type="reset"]:hover  {
cursor: pointer;
color: #404040;
font-size: 12px;
border: 2px outset #000;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icytop1.png) center
}
/* Settings for the footer at the bottom of the page */
div.FooterBack {
border: 1px solid #D2D2D2;
background-color: #000;
-webkit-border-radius: 8px; /* Safari rounded corners */
-moz-border-radius: 8px; /* Firefox rounded corners */
}
div.FooterStyle {
color: #D2D2D2;
}
div.FooterStyle a {
color: #D2D2D2;
}
div.FooterStyle a:hover {
color: #D2D2D2;
}
/* Settings for the top menu bar */
.MenuBack {
border-bottom: 1px solid #D2D2D2;
background: #111;
}
.MenuStyle ul {
}
.MenuStyle ul li a {
color: #D2D2D2;
border: 1px solid #111;
font-size: 13px;
background: #111;
-webkit-border-radius: 8px; /* Safari rounded corners */
-moz-border-radius: 8px; /* Firefox rounded corners */
}
.MenuStyle ul li a:hover {
color: #111;
background: #EEE;
-webkit-border-radius: 8px; /* Safari rounded corners */
-moz-border-radius: 8px; /* Firefox rounded corners */
}
.Menu {
border-top: 0;
background-color: #111;
font-weight: bold;
}
.Menu hr {
display: none;
}
.Menu a {
color: #D2D2D2;
}
.Menu a:hover {
color: white;
background-color: #212121;
}

/* Settings for the content tabs */
#ContentTabs a {
font-family: arial, helvetica, sans-serif;
color: #666;
background: #000;
border-left: 1px solid #666;
border-top: 1px solid #666;
border-right: 1px solid #666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ContentTabs a:hover {
color: #f2f2f2;
background: #212121;
}
#ContentTabs a:active,
#ContentTabs a.CurrentTab:link,
#ContentTabs a.CurrentTab:visited {
color: #d2d2d2;
background: #222;
}
/* Sub tabs */
#ContentTabs ul {
background: #222;
border-top: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;
}
#ContentTabs ul a {
background: #222;
color: #d2d2d2;
}
#ContentTabs ul a:hover {
background: #222; 
}
#ContentTabs ul a:active,
#ContentTabs ul a.CurrentTab:link,
#ContentTabs ul a.CurrentTab:visited {
color: #d2d2d2;
}
.ContentTabsInfo {
border: 1px solid #d2d2d2;
background: #222;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}

#ReturnLink a {

}

/* Color displayed when you highlight text with your mouse */
::-moz-selection  {
color: #222;
background: #888;
}

fieldset {
border: 1px solid #d2d2d2;
-webkit-border-radius: 12px; /* Safari rounded corners */
-moz-border-radius: 12px; /* Firefox rounded corners */
}
legend {
font-weight: bold;
}

/* Forums */
.ForumListPost {
color: black;
text-align: left;
background: #407EB3;
border: 1px solid #113D62;
padding: 4px 4px 0px 4px;
-webkit-border-radius: 8px; /* Safari rounded corners */
-moz-border-radius: 8px; /* Firefox rounded corners */
}
.ForumListPost:hover {
background: #93C6F3;
}
.ForumIconNormal {
background: url(http://youricy.com/images/forum/Normal.gif);
}
.ForumIconSticky {
background: url(http://youricy.com/images/forum/Sticky.gif);
}
.ForumIconFrozen {
background: url(http://youricy.com/images/forum/Frozen.gif);
}

View Demo

Red & Black

Main colors are red and black, with some grey. Lined Background and shiny titles. :P

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */
/* Settings for the entire page, you may change the ones there or add your own */
/* Made by Howey */

body {
	font-size: 12px;
	color: #FF0000;
	background: #000000 url('http://img132.imageshack.us/img132/8517/aaaaaaaaaaaaaaaaaaaaaabl6.png');
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FF0000
	text-decoration: line-through;
}

a:hover {
	color: #FFFFFF;
	background: #FF0000;
	text-decoration: none;
}

a img {
	border: 1px double #FF0000;
}
.ContentBox, .ContentBoxMinimized {
	padding: 4px;
	border: 2px double #FF0000;
	color: #FF0000;
	background-color: #333333;
}

.ContentBox div.Title, .ContentBoxMinimized div.Title {
	color: #000000;
	font-weight: bold;
	height: 24px;
	border: 0px inset #aaaaaa;
	padding-top: 4px;
	text-align: center; 
	background: #FF0000 url('http://img15.imageshack.us/img15/8280/blasn8.png') repeat-x;
}
.ContentBox div.Content {
	padding: 2px;
}

.ContentBox div.Footer {
	padding: 1px;
	font-size: 9px.
	border: 1px double #FF0000;
}

.UnderInfoContent {
	border: 0px outset #0D7406;
}

input {
	color: #000000;
	background: transparent;
	font-size: 12px;
	border: 0px outset #104105
}

textarea {
	color: #000000;
	background: #FFFFFF url('http://img15.imageshack.us/img15/8280/blasn8.png') repeat-x;
	font-size: 12px;
	border: 0px outset #104105
}

View Demo

Basic Silver

Most of the color is silver, with a lined background.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */
/* Settings for the entire page, you may change the ones there or add your own */
/* Made by Howey */

body {
	font-size: 12px;
	color: black;
	background: #BBBBBB url('http://img12.imageshack.us/img12/9823/asdghfgfgfcb9.png');
}

a:link {
	color: #555555;
	text-decoration: none;
}

a:visited {
	color: #333333
	text-decoration: line-through;
}

a:hover {
	color: #FF0000;
	background: black;
	text-decoration: none;
}

a img {
	border: 1px double #67AD62;
}

.ContentBox, .ContentBoxMinimized {
	padding: 4px;
	border: 2px outset black;
	color: black;
	background-color: #CCCCCC;
}

.ContentBox div.Title, .ContentBoxMinimized div.Title {
	color: black;
	font-weight: bold;
	border: 3px inset #aaaaaa;
	padding: 2px;
	background: #CFCFCF;
}
.ContentBox div.Content {
	padding: 2px;
}

.ContentBox div.Footer {
	padding: 1px;
	font-size: 9px.
	border: 1px double #FF0000;
}

.UnderInfoContent {
	border: 1px outset #0D7406;
}

input, textarea {
	color: white;
	background: #8AAAA7;
	font-size: 12px;
	border: 1px outset #104105
}

View Demo

Clean, Cut, Simple

Easy on the eyes blue background, nice grey boxes, and a lovely green title bar. Have a look. ~Mikau

View Demo

Icy Rose

This is a pretty black and white template with roses, created by Lilith Star! Enjoy :)

/* 
A note on the Images: They will stay in the same place. I don't have any reason to move them. If they are deleted, then Photobucket killed my account(which shouldn't happen because I follow 'e rules
*/

/* Settings for the entire page, you may change the ones there or add your own */
body
{
font-family: arial;
font-size: 12px;
color: D2D2D2;
cursor: crosshair;
background: #000000 url(http://img.photobucket.com/albums/v54/blackdeath8887/rose-1.jpg) no-repeat center fixed;
filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.75; -khtml-opacity:0.85;
}

/* Settings for unvisited links */
a:link
{
text-decoration: underline;
color: #F81228;
}

/* Settings for visited links */
a:visited
{
text-decoration: underline;
color: #CC0114;
}

/* Settings for links being hovered over */
a:hover
{
color:  #FF4A4A;
background: transparent;
text-decoration: overline;
}

/* Settings for all images */
a img
{
border-color: #A4A4A4; 
border-style: outset;
}

/* Settings for each of the content boxes */
.ContentBox, .ContentBoxMinimized
{
padding: 0px;
border: 2px inset #3D3D3D;
color: #D2D2D2;
background-color: #3D3D3D;
}

/* Settings for the title bars on the content boxes, located at the top of the box */
.ContentBox div.Title, .ContentBoxMinimized div.Title
{
color: #D2D2D2;
font-weight: bold;
border-bottom: 2px inset #3D3D3D;
padding: 2px 0px 2px 4px;
background: url(http://img.photobucket.com/albums/v54/blackdeath8887/rosebar-1.png)
}

/* Settings for the content area of the content boxes, located under the title bar */
.ContentBox div.Content
{
padding: 2px 4px;
}

/* Settings for the footers of the content boxes, located at the bottom of the box */
.ContentBox div.Footer
{
padding: 1px 4px;
font-size: 9pt;
border-top: 2px inset #3D3D3D;
color: #D2D2D2;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icybottom.png)
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent
{
color: #D2D2D2;
border: 1px solid #858585;
background: #373737;
}

/* Settings for all inputs, textareas, and options*/
input, textarea
{
color: #E9E9E9;
background: #404040;
font-size: 12px;
border: 2px outset #000000;
}
border-color: #A4A4A4; 
border-style: outset;
}

/* Settings for each of the content boxes */
.ContentBox, .ContentBoxMinimized
{
padding: 0px;
border: 2px inset #3D3D3D;
color: #D2D2D2;
background-color: #3D3D3D;
}

/* Settings for the title bars on the content boxes, located at the top of the box */
.ContentBox div.Title, .ContentBoxMinimized div.Title
{
color: #D2D2D2;
font-weight: bold;
border-bottom: 2px inset #3D3D3D;
padding: 2px 0px 2px 4px;
background: url(http://img.photobucket.com/albums/v54/blackdeath8887/rosebar-1.png)
}

/* Settings for the content area of the content boxes, located under the title bar */
.ContentBox div.Content
{
padding: 2px 4px;
}

/* Settings for the footers of the content boxes, located at the bottom of the box */
.ContentBox div.Footer
{
padding: 1px 4px;
font-size: 9pt;
border-top: 2px inset #3D3D3D;
color: #D2D2D2;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icybottom.png)
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent
{
color: #D2D2D2;
border: 1px solid #858585;
background: #373737;
}

/* Settings for all inputs and options*/
input
{
color: #E9E9E9;
font-size: 12px;
border: 2px outset #000000;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icytop.png)
}

/*Setting for all input and option when hovered over*/
input:hover
{
color: #404040;
font-size: 12px;
border: 2px outset #000000;
background: url(http://i47.photobucket.com/albums/f194/TehDisturbedPuppy/Graphics/Icytop1.png)

}

/* Settings for all textareas*/
textarea
{
color: #E9E9E9;
background: #404040;
font-size: 12px;
border: 2px outset #000000;
}

View Demo

Red and Black

A template that uses different shades of red and black.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */

/* Settings for the entire page, you may change the ones there or add your own */
body
{
font-family: palatino linotype;
font-size: 12px;
color: #444444;
background: black;
}

/* Settings for unvisited links */
a:link
{
color: #ff0000;
text-decoration: none;
}

/* Settings for visited links */
a:visited
{
color: #ff0000;
text-decoration: none;
}

/* Settings for links being hovered over */
a:hover
{
color: red;
background: black;
text-decoration: underline;
}

/* Settings for all images */
a img
{
border: 1px solid #440000;
}

/* Settings for each of the content boxes */
.ContentBox, .ContentBoxMinimized
{
color: black;
padding: 0px;
border: 1px solid black;
background: #333333;
}

/* Settings for the title bars on the content boxes, located at the top of the box */
.ContentBox div.Title, .ContentBoxMinimized div.Title
{
color: black;
font-weight: bold;
border-bottom: 1px solid black;
padding: 2px 0px 2px 4px;
background: #990000;
}

/* Settings for the content area of the content boxes, located under the title bar */
.ContentBox div.Content
{
padding: 2px 4px;
background: #333333;
}

/* Settings for the footers of the content boxes, located at the bottom of the box */
.ContentBox div.Footer
{
padding: 1px 4px;
font-size: 9pt;
border-top: 1px dashed red;
background: #232323;
}

/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent
{
color: black;
background: #444444;
border: 1px solid black;
}

/* Settings for all inputs, textareas, and options*/
input, textarea
{
color: #555555;
background: #440000;
font-size: 12px;
border: 1px solid black;
}

View Demo

Smooth Green

This template uses various shades of green to make a subtle look.

/* Change the style of your page by changing, adding, or removing the settings located between the curly braces of each option below */
/* Settings for the entire page, you may change the ones there or add your own */
body
{
font-size: 12px;
color: #86FA7C;
background: #0C3C08;
}
/* Settings for unvisited links */
a:link
{
color: #3FC603;
text-decoration: underline;
}
/* Settings for visited links */
a:visited
{
color: #309E00;
text-decoration: none;
}
/* Settings for links being hovered over */
a:hover
{
color: #FFFFFF;
background: none;
text-decoration: overline;
}
/* Settings for all images */
a img
{
border: 1px single #67AD62;
}
/* Settings for each of the content boxes */
.ContentBox, .ContentBoxMinimized
{
padding: 1px;
border: 2px solid #6A8568;
color: #84BB80;
background-color: #016D0E;
}
/* Settings for the title bars on the content boxes, located at the top of the box */
.ContentBox div.Title, .ContentBoxMinimized div.Title
{
color: #00820F;
font-weight: bold;
border-bottom: 1px double #23891A;
padding: 2px 0px 2px 4px;
background: #84BB80;
}
/* Settings for the content area of the content boxes, located under the title bar */
.ContentBox div.Content
{
padding: 2px 4px;
}
/* Settings for the footers of the content boxes, located at the bottom of the box */
.ContentBox div.Footer
{
padding: 1px;
font-size: 9px.
border: 1px double #23891A;
color: #84BB80;
background-color: #00820F;
}
/* Settings for the divs inside ContentBoxes such as comments */
.UnderInfoContent
{
color: #108607;
background: #7AAF76;
border: 1px solid #0D7406;
}
/* Settings for all inputs, textareas, and options*/
input, textarea
{
color: #95BA8D;
background: #165E06;
font-size: 12px;
border: 1px outset #104105
}

View Demo