titanium

welcome to titanium, a site dedicated to clean and minimalistic css premades. titanium has been updated to include stand alone css resources and backgrounds for use around the site.

whether you use these layouts as they are or as a template, you must keep a credit link back to this page.

user lookups

one;
<style> #userneohome, #habitarium, #ncmall, #userneopets .contentModuleHeaderAlt { display: none; } b, a:link, a:active, a:visited { font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #666 !important; text-decoration: none; } body, p, td, table, tr, .medText, #header { font-size: 7pt; font-family: verdana; color: #888; cursor: crosshair; line-height: 9.5pt; text-transform: lowercase; } .contentModuleContent, .contentModule, .contentModuleTable { border: none; } #userinfo table, hr { visibility: hidden; } #userinfo td { visibility: visible; } #content { width: 800px !important; margin-left: 100px; } blockquote { text-align: justify; text-transform: lowercase; margin: 0px; width: 400px; } .contentModuleHeader, .contentModuleHeaderAlt { background: #fff; font-weight: normal; color: #777; border: 0px; text-align: center; margin: 0px; font-family: tahoma; font-size: 12pt; } ul.dropdown, #userneopets td { border: 1px solid #ccc; background: url("http://i49.tinypic.com/adi6aa.jpg"); } #userneopets td td { border: none; background: none; } #userneopets td { width: 800px !important; padding: 10px; } #usertrophies { width: 800px; } #usertrophies table table table table td { width: 45px; height: 45px !important; display: inline-block !important; overflow: hidden !important; padding: 0px; } #usertrophies b, #usertrophies td { font-size: 1px !important; color: #f1f1f1 !important; line-height: 1px !important; } #usertrophies img { width: 45px; height: 45px; margin: 0px; } </style> <blockquote> text here</blockquote> <a href="/~Atlas">css</a>

two;
<style> #ncmall, .brand-mamabar, #userneohome, #habitarium, .contentModuleHeader, .contentModuleHeaderAlt, #usershop img { display: none; } #usercollections { margin-left: -500px !important; width: 88px !important; height: 90px !important; overflow: hidden; } #usershop { height: 50px !important; overflow: hidden; width: 500px !important; margin-top: 300px !important; margin-left: -500px !important; } #userneopets { margin-top: -245px !important; } #content { width: 500px !important; margin-left: 250px; } #userinfo { height: 155px !important; overflow: hidden; } #userinfo, #userneopets, #usertrophies { width: 500px !important; } #userinfo table, hr { visibility: hidden; } #userinfo td { visibility: visible; } .contentModuleContent, .contentModule, .contentModuleTable { border: none; } b, a:link, a:active, a:visited, .activePetInfo td { font-size: 7pt !important; font-weight: normal; text-transform: lowercase; color: #666 !important; } body, p, td, table, tr, .medText { font-size: 7pt !important; font-family: tahoma !important; text-transform: lowercase; color: #888; cursor: crosshair; } #userinfo td { text-align: right !important; } #userneopets img { margin-left: -50px; margin-top: -25px; } #userneopets a { display: block; overflow: hidden; width: 50px; height: 100px; } #userinfo .contentModuleContent { background-image: url("http://images.neopets.com/games/kadoatery/trophy2.gif"); background-repeat: no-repeat; background-position: top right; } #userinfo .medText img { visibility: hidden; } #userinfo .medText table table img { visibility: visible; } ul.dropdown, #userneopets td { border: 1px solid #ccc; background: url("http://i49.tinypic.com/adi6aa.jpg"); } #userneopets td td { background: none; border: none; } blockquote { text-align: justify; } #usertrophies table table table table td { width: 45px; height: 45px !important; display: inline-block !important; overflow: hidden !important; padding: 0px; } #usertrophies b, #usertrophies td { font-size: 1px !important; color: #f1f1f1 !important; line-height: 1px !important; } #usertrophies img { width: 45px; height: 45px; margin: 0px; } </style> <blockquote> text here</blockquote> <a href="/~Atlas">css</a>

three;
<style> ul.dropdown, #userneopets td { border: 1px solid #ccc; } #userinfo .contentModuleContent { background-image: url("http://images.neopets.com/games/kadoatery/trophy2.gif"); background-repeat: no-repeat; background-position: top right; } body, .content, .main, table, .medText { font-family: tahoma; font-size: 7pt; line-height: 6pt; color: #999; cursor: s-resize; text-transform: lowercase; } b, a:link b, a:link, a:hover, a:active, a { font-size: 7pt; text-transform: lowercase; color: #777 !important; font-weight: normal; } #userinfo .medText img, #userinfo table, hr { visibility: hidden; } #userinfo .medText table table img, #userinfo td { visibility: visible; } #userinfo { width: 390px; margin-left: 410px; height: 130px !important; overflow: hidden; } #userinfo a img { width: 20px; height: auto; margin-top: -80px !important; } #userneopets img { margin-left: -50px; } #userneopets a { display: block; overflow: hidden; width: 55px; } #userneopets a:hover { display: block; width: 150px; } #userneopets img:hover { margin-left: 0px; } #ncmall, .brand-mamabar, #userneohome, #habitarium, .contentModuleHeader, .contentModuleHeaderAlt, #usershop img { display: none; } .contentModuleContent, .contentModule, .contentModuleTable { border: none; } #usercollections { width: 200px; margin-top: 130px !important; margin-left: -390px !important; height: 80px !important; overflow: hidden; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; } #usershop td, #usercollections td, #userneopets td, ul.dropdown { background: url("http://i49.tinypic.com/adi6aa.jpg"); } #userneopets td td { background: none; border: none; } #usershop { width: 190px; margin-top: 130px !important; margin-left: -190px !important; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; height: 80px !important; } #userneopets { width: 400px !important; margin-top: -222px !important; } #content { width: 800px !important; margin-left: 100px; } blockquote { width: 400px; text-align: justify; } #usertrophies { width: 790px; } #usertrophies table table table table td { width: 45px; height: 45px !important; display: inline-block !important; overflow: hidden !important; padding: 0px; } #usertrophies b, #usertrophies td { font-size: 1px !important; color: #f1f1f1 !important; line-height: 1px !important; } #usertrophies img { width: 45px; height: 45px; margin: 0px; } </style> <blockquote> text here</blockquote> <a href="/~Atlas">css</a>

four;
<style> ul.dropdown, #userneopets { border: 1px solid #ccc !important; } #userneopets { padding: 10px; } #usercollections { width: 230px; margin-top: 160px !important; margin-left: -440px !important; height: 80px !important; overflow: hidden; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; } #usershop td, #usercollections td, ul.dropdown, #userneopets { background: url("http://i49.tinypic.com/adi6aa.jpg"); } #usershop { width: 220px; margin-top: 160px !important; margin-left: -210px !important; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; height: 80px !important; } #ncmall, .brand-mamabar, #userneohome, #habitarium, .contentModuleHeader, .contentModuleHeaderAlt, #usershop img { display: none !important; } #userneopets img { margin-top: -45px; } #userneopets a { display: block; overflow: hidden; height: 42px; } #userneopets a:hover { display: block; height: 150px; } #userneopets img:hover { margin: auto; } #userneopets td { display: inline; } #content { margin-left: 200px; width: 600px !important; } #userneopets, #userneopets b, #userneopets td { width: 150px !important; margin-top: -250px; } #userinfo { width: 440px; overflow: hidden; margin-left: 180px; height: 160px !important; background: none; } #userinfo a img { margin-top: -50px !important; height: 30px; width: auto; } b, a:link, a:active, a:visited { font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #666 !important; text-decoration: none; } body, p, td, table, tr, .medText, #header { font-size: 7pt; font-family: verdana; color: #888; cursor: crosshair; line-height: 9.5pt; text-transform: lowercase; } .contentModuleContent, .contentModule, .contentModuleTable { border: none; } #userinfo table, hr, #userinfo .medText img { visibility: hidden; } #userinfo td, #userinfo .medText table table img { visibility: visible; } #userinfo .contentModuleContent { background-image: url("http://images.neopets.com/games/kadoatery/trophy2.gif"); background-repeat: no-repeat; background-position: top right; } #userinfo td { text-align: right !important; } blockquote { width: 400px; text-align: justify; } #usertrophies { width: 600px; } #usertrophies table table table table td { width: 45px; height: 45px !important; display: inline-block !important; overflow: hidden !important; padding: 0px; } #usertrophies b, #usertrophies td, #userneopets, #userneopets b, #userneopets td { font-size: 1px !important; color: #f1f1f1 !important; line-height: 1px !important; } #usertrophies img { width: 45px; height: 45px; margin: 0px; } </style> <blockquote> text here</blockquote> <a href="/~Atlas">css</a>

five;
<style> #userneohome, #habitarium, #ncmall, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } body, .content, .main, table, .medText { font-family: verdana; font-size: 7pt; line-height: 10pt; color: #555; cursor: crosshair; text-transform: lowercase; } b, a:link b, a:link, a:hover, a:active, .kk, a { font-size: 7pt; text-transform: lowercase; color: #333 !important; cursor: crosshair !important; font-weight: normal; } .contentModuleContent, .contentModule, .contentModuleTable { border: none; } #userinfo table, hr { visibility: hidden; } #userinfo td { visibility: visible; } #content { width: 700px !important; margin-left: 150px; } ul.dropdown { border: 1px solid #ccc; background: url("http://i43.tinypic.com/2aj5ij7.jpg"); font-weight: normal !important; } #userneopets, #userinfo, #usertrophies { width: 700px !important; } #usercollections { margin-top: 435px; margin-left: -700px; overflow: hidden; width: 700px; } #usershop { margin-left: -705px; margin-top: 400px; width: 700px; } #usershop, #usercollections, #usertrophies { height: 20px !important; overflow: auto; } #userneopets img { border: 1px solid #ccc; padding: 5px; } #userneopets { margin-top: -320px !important; } #userinfo a img { display: none; } #userinfo { height: 130px !important; overflow: hidden !important; } .aa img { padding: 5px; } </style> <blockquote> text <br><br><a href="/~Atlas">css</a> </blockquote>

pet lookups

<style> ul.dropdown { border: 1px solid #ccc; background: url("http://i49.tinypic.com/adi6aa.jpg"); } span { color: #888 !important; } .contentModuleContent img { float: left; } .sidebarModule { border: 1px solid #ccc; } .sidebarTable, .sidebar td, .contentModuleContent td, .contentModule table { border: none !important; } .contentModuleContent table img, .contentModuleHeaderAlt, #ban { display: none; } .contentModuleContent div img { display: inline; } #CustomNeopetView { width: 350px; height: 350px; } .sidebarHeader, .contentModuleHeader { display: none; } .contentModule { border: 0px; margin: 5px; padding: 10px; } .contentModuleTable { border: 0px; } .activePetInfo td, a, a:active, a:link, a:visited, b { font-size: 7pt; font-family: tahoma; color: #666 !important; text-transform: lowercase; font-weight: normal !important; } body, p, td, table, tr, u, .medText { font-size: 7pt; font-family: tahoma; color: #666 !important; text-transform: lowercase; line-height: 7pt !important; } a:hover, a:hover b { color: #555 !important; } .sidebar { border: 10px solid #fff; margin-right: 50px !important; background: url("http://i49.tinypic.com/adi6aa.jpg"); } #main { border: 1px solid #ddd; margin-top: 50px; margin-bottom: 50px; } body { background: url("http://i49.tinypic.com/adi6aa.jpg"); } #content { width: 990px; } blockquote { text-align: justify; text-transform: none; width: 400px; } .contentModuleHeader table { display: none; } u { text-decoration: none; font-weight: bold; } </style> <div align="center"> <blockquote> text </blockquote> <br><br><a href="/~Atlas">css</a> </div>

shop & gallery layouts

<style> #main { border: 1px solid #ddd; margin-top: 50px; margin-bottom: 50px; } #ban { display: none; } body { background: url("http://i49.tinypic.com/adi6aa.jpg"); } .content div imgsrchttpimages.neopets.comnew_shopkeeperst_2257.gif { float: left !important; margin-left: 50px; padding: 10px; } .tablestyle tr td, .textcolor { color: #fff; font-size: 1pt; line-height: 1pt; } ul.dropdown { border: 1px solid #ddd; background: url("http://i49.tinypic.com/adi6aa.jpg"); } h1 { font-size: 12pt; font-family: georgia; font-style: italic; font-weight: normal; margin-top: -20px; } h2 { font-size: 7pt; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #444; } .aa { padding: 4px; border: 1px solid #ccc; background: url("http://i49.tinypic.com/adi6aa.jpg"); text-align: justify; } body { background: #f1f1f1; } .tablestyle td img { margin-bottom: 10px; } .tablestyle td td { text-align: justify; } .tablestyle table { width: 750px; } hr { display: none; } .sidebarModule { border: 1px solid #ddd; } .sidebarTable, .sidebar td, .contentModuleContent td, .contentModule table { border: none !important; } .sidebarHeader, .contentModuleHeaderAlt { display: none; } .contentModule { border: 0px; margin: 5px; padding: 10px; } .contentModuleTable { border: 0px; } .sidebar { border: 10px solid #fff; margin-right: 10px; background: url("http://i49.tinypic.com/adi6aa.jpg"); } body, .content, .main, table, .medText, .tablestyle tr td b { font-family: tahoma; font-size: 7pt; line-height: 10pt; color: #999; cursor: s-resize; text-transform: lowercase; } b, a:link b, a:link, a:hover, a:active, .kk, a, .sidebar td { font-size: 7pt; text-transform: lowercase; color: #777 !important; font-weight: normal; } </style> <div class="aa"> so come down from your mountain <br> and stand where we've been <br> you know our breathe is weak <br> and our bodies thin </div>
to get your gallery keeper to float to the left you need to edit this piece of coding:
.content div img[src="http://images.neopets.com/new_shopkeepers/t_2257.gif"]{float: left !important; margin-left: 50px; padding: 10px;}
just replace the current image url with your own gallery keepers image (you cannot just pick a image, it must be the image you have set as your gallery keeper.

background resources

la-de-da coming soon

css resources

la-de-da coming soon