html, body { height: 100%; min-height: 100%; margin: 1px; padding:0; background: #FFFFFF; font-family: verdana; color: #FFFFFF; font-weight: bold; } h1 { font-weight: 200; font-size: 1.4em; letter-spacing: 2px; } h2 { font-weight: 200; font-size: 1em; letter-spacing: 2px; } #containerbig { margin-left: auto; margin-right: auto; width: 805px; } /* Conversation Post */ #post .conversation ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 1px; } #post .conversation ul li { font-size: 1em; padding: 4px 0px 4px 8px; color: #2F4F4F; margin-bottom: 1px; } #post .conversation ul li span.label { font-weight: bold; } #post .conversation ul li.odd { color: #333333; } #post .conversation ul li.even { color: #003366; } #post { width: 580px; margin-left: auto; margin-right: auto; padding: 10px; font-size: 11px; color: #333333; } #text { padding: 10px; } #text A:link {text-decoration: none; color:#990000;} #text A:visited {text-decoration: none; color:#990000;} #text A:active {text-decoration: none; color:#990000;} #text A:hover {text-decoration: none; color:#000000;} #nav1 { position: relative; top: 100%; vertical-align: top; float: right; background: #FF9900; width: 165px; padding: 10px; font-size: 1.3em; color: #FFFFFF; } #nav2 { position: relative; top: 100%; vertical-align: top; float: right; background: #0066FF; width: 165px; padding: 10px; font-size: 1.3em; color: #FFFFFF; } #nav3 { position: relative; top: 100%; vertical-align: top; float: right; background: #009966; width: 165px; padding: 10px; font-size: 1.3em; color: #FFFFFF; } #nav4 { position: relative; top: 100%; vertical-align: top; float: right; background: #FF3333; width: 165px; padding: 10px; font-size: 1.3em; color: #FFFFFF; } #navbio { position: relative; top: 100%; vertical-align: top; float: right; width: 165px; padding: 10px; font-size: .65em; color: #000000; } #navbio A:link {text-decoration: none; color:#990000;} #navbio A:visited {text-decoration: none; color:#990000;} #navbio A:active {text-decoration: none; color:#990000;} #navbio A:hover {text-decoration: none; color:#000000;} .head { width: 600px; margin-left: auto; margin-right: auto; padding: 5px; font-size: 11px; color: #FFFFFF; } .foot { width: 590px; margin-left: auto; margin-right: auto; padding: 5px; font-size: 11px; color: #FFFFFF; text-align: right; } #container A:hover {text-decoration: none; color:#FFFFFF;} A:link {text-decoration: none; color:#FFFFFF;} A:visited {text-decoration: none; color:#FFFFFF;} A:active {text-decoration: none; color:#FFFFFF;} A:hover {text-decoration: none; color:#333333;} #nav A:hover {text-decoration: none; color:#666666;}
Simple Portfolio is the first tumblr template I’ve created that works independent of hosted files. Simply customize the layout (change the colors, title, and tab names) with my easy form and paste the code into your template.
I designed it with the idea of creating a quick portfolio that organizes your projects or media by catagory. All you have to do is tag each post with the same name as the project or tab that you want it to be filed under. I think it’s ideal in cases where you want to send someone samples of your work but don’t have a website or don’t necessarily want to send them your personal site. I made including the date something was posted optional so you can upload everything in one day but don’t need to let everyone know.
Let me know if you have suggestions or end up using the template. I’m working on including the option to add more tabs into the form, but it can easily be done by peeking at the code.





