Discover Top Posts Tagged with #fallout theme

want a cool pipboy themed blog? heres how! credit to omegarogue.

First you need to edit your theme

second you need to edit your HTML

thirdly delete everything there (dont worry you can easily exit without saving if you dont want to lose your theme)

step four: copy and paste the following code into the HTML space:

<!DOCTYPE html> <html>  <meta name="color:Background" content="#000"/> <meta name="color:Main Color" content="#1bff1f"/> <meta name="color:Medium Color" content="#0b8c0c"/> <meta name="color:Dark Color" content="#064506"/> <meta name="image:Sidebar" content="http://static.tumblr.com/9homesr/bBWny16i2/sidebar.png"/> <meta name="image:About" content="http://static.tumblr.com/9homesr/ynfny16i7/about.png"/> <meta name="select:Post Width" content="400px" title="400px"/> <meta name="select:Post Width" content="500px" title="500px"/> <meta name="select:Post Width" content="540px" title="540px"/> <meta name="text:Username" content=""/> <meta name="text:HP" content="365/365"/> <meta name="text:AP" content="110/110"/> <meta name="text:Level" content="48"/> <meta name="text:Level Progress" content="60%"/> <meta name="if:Show Update Tab" content="1" /> <meta name="if:Show FAQ" content="1" /> <meta name="if:Show About" content="1" /> <meta name="if:Show Glow" content="1" />

<head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <script src="http://static.tumblr.com/9homesr/RTEny7d57/jquery-1.11.2.min.js"></script> <link href="http://static.tumblr.com/9homesr/k0Tny7d4i/style.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

/* Scrollbar */ ::-webkit-scrollbar { background:{color:Background}; height:3px; width:10px; } ::-webkit-scrollbar-thumb { background:{color:Main Color}; {block:IfShowGlow}box-shadow:0 0 2px rgba({RGBcolor:Main Color}, 0.3);{/block:IfShowGlow} } ::-webkit-scrollbar-corner { background:{color:Background}; } #about article::-webkit-scrollbar, #message section::-webkit-scrollbar, #links ul::-webkit-scrollbar, #update section::-webkit-scrollbar { background:{color:Dark Color}; }

/* Basics */ body { background:{color:Background}; color:{color:Main Color}; font-family: 'Roboto Condensed', sans-serif; font-size:12px; margin:0; min-width:797px; {block:IfShowGlow}text-shadow: 0 0 2px rgba({RGBcolor:Main Color}, 0.3);{/block:IfShowGlow} } a { color:{color:Main Color}; text-decoration:none; } img { border:none; height:auto; max-width:100%; } blockquote { border-left:2px solid {color:Main Color}; margin:10px 0; padding-left:10px; } h1 { background:{color:Main Color}; {block:IfShowGlow}box-shadow:0 0 2px rgba({RGBcolor:Main Color}, 0.3);{/block:IfShowGlow} color:{color:Background}; font-size:12px; letter-spacing:1px; padding:10px; text-transform:uppercase; } h1 a { color:{color:Background}; display:block; } p { margin: 10px 0; } small { font-size:10px; } pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap: break-word; } hr { border-color:{color:Main Color}; } header, footer, main, aside, section, article { display:block; }

/* Tooltip */ #s-m-t-tooltip { background:{color:Background}; border:1px solid {color:Main Color}; margin:20px 0px 0px 20px; max-width:300px; padding:3px 5px; font-family:consolas; font-size:8px; letter-spacing:1px; text-transform:uppercase; z-index:999999; }

/* Updates */ #overlay { background:{color:Background}; bottom:0; display:none; left:0px; position:fixed; right:0; top:0px; z-index:9999; } #update { border-bottom:1px solid {color:Main Color}; display:none; left:50%; padding-bottom:20px; position:fixed; text-align:center; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:500px; z-index:99999; } #update:before { content:""; background:{color:Main Color}; bottom:0; height:5px; left:0; position:absolute; width:1px; } #update:after { content:""; background:{color:Main Color}; bottom:0; height:5px; position:absolute; right:0; width:1px; } #update p { margin:5px 0; } #update section { margin:0 40px; max-height:400px; overflow:auto; padding:0 5px; } .update-title { font-size:18px; margin-bottom:10px!important; position:relative; text-transform:uppercase; } .update-title:before { content:""; border-left:1px solid {color:Main Color}; border-top:1px solid {color:Main Color}; height:5px; left:0; position:absolute; top:50%; width:100px; } .update-title:after { content:""; border-right:1px solid {color:Main Color}; border-top:1px solid {color:Main Color}; height:5px; position:absolute; right:0; top:50%; width:100px; } .update-button { background:{color:Dark Color}; display:block; font-size:22px; height:28px; left:10px; line-height:28px; position:absolute; text-align:center; top:10px; vertical-align:middle; width:28px; } .close-button { background:{color:Dark Color}; bottom:100%; display:block; font-size:18px; font-weight:bold; height:22px; line-height:22px; position:absolute; right:0; text-align:center; width:22px; }

/* Header */ header { background:{color:Background}; left:0; min-width:740px; padding:0 30px 7px; position:fixed; right:0; top:0; z-index:999; } ul.tabs { border-bottom:1px solid {color:Main Color}; font-size:24px; list-style:none; margin:0; padding:15px 0 0 80px; position:relative; } ul.tabs:after { content:""; background:{color:Main Color}; height:7px; left:0; position:absolute; top:100%; width:1px; } ul.tabs:before { content:""; background:{color:Main Color}; height:7px; position:absolute; right:0; top:100%; width:1px; } ul.tabs li { display:inline-block; font-weight:600; margin-right:15px; position:relative; } ul.tabs li.active::before { content:""; border-left:1px solid {color:Main Color}; border-top:1px solid {color:Main Color}; bottom:0; height:60%; left:0; position:absolute; width:5px; } ul.tabs li.active::after { content:""; border-right:1px solid {color:Main Color}; border-top:1px solid {color:Main Color}; bottom:0; height:60%; position:absolute; right:0; width:5px; } ul.tabs li a { color:{color:Main Color}; display:block; padding:1px 10px; text-transform:uppercase; } ul.tabs li.active a::after { content:""; background:{color:Background}; height:1px; left:1px; position:absolute; right:1px; top:100%; } ul.tabs ul { display:none; left:0; padding:7px 0; position:absolute; top:100%; width:500px; } ul.tabs ul li { display:inline-block; font-weight:normal; text-shadow:none; text-transform:uppercase; } ul.tabs li.active ul { display:block; }

/* Main */ main { margin:80px 15px 45px; padding:0 30px; z-index:9; } #main { margin-left:38%; padding-left:20px; } .tab-content { display:none; } .tab-content:after { content: ""; display: table; clear: both; } .tab-content.active { display:block; animation-name:fade-in; animation-duration:1.0s; } @keyframes fade-in { 0% {opacity:0;} 20% {opacity:0;} 100% {opacity:1;} }

/* Sidebar*/ #sidebar { left:13%; position:fixed; text-align:center; top:170px; width:250px; } #sidebar img { margin-bottom:10px; } #description { line-height:160%; margin:0px auto; padding:5px 10px; text-align:justify; } #description a { border-bottom:1px dotted {color:Main Color}; }

/* Pagination */ #pagination { font-size:16px; margin:0px auto; padding:10px; } #pagination a { padding:0 7px; }

/* Posts */ #main article { line-height:15px; margin-bottom:20px; padding:20px 0; width:{select:Post Width}; } .post a { border-bottom:1px dotted {color:Main Color}; }

/* Asks */ .border { border-left:1px solid {color:Main Color}; border-right:1px solid {color:Main Color}; border-top:1px solid {color:Main Color}; height:5px; margin-bottom:10px; text-align:center; } .border-bottom { border-bottom:1px solid {color:Main Color}; border-left:1px solid {color:Main Color}; border-right:1px solid {color:Main Color}; height:5px; margin-bottom:20px; } .ask { background:{color:Background}; display:inline-block; font-weight:bold; padding:0 20px; position:relative; text-transform:uppercase; top:-10px; } .question { margin:10px; text-align:center; }

/* Audio */ .audio { height:75px; position:relative; } .audio p { margin:0; } .album-art { float:left; height:75px; width:75px; } .album-art img { width:100%; } .music-info { display:table-cell; height:75px; letter-spacing:1px; padding:0 10px; vertical-align:middle; } .play-button { background:black; left:0; opacity:0.4; padding:24px; position:absolute; top:0; z-index:99; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .play-button:hover { opacity:0.9; } .tumblr_audio_player { height:27px; overflow: hidden; width: 27px; }

/* Chat */ .chat { color:{color:Background}; list-style:none; margin:0; padding:0; } .chat li { background:{color:Main Color}; {block:IfShowGlow}box-shadow:0 0 2px rgba({RGBcolor:Main Color}, 0.3);{/block:IfShowGlow} list-style:none; margin-bottom:2px; padding:5px; } .chat span { font-weight:bold; padding-right:1px; }

/* Photos */ .photo img { width:100%; } .photo a, .photo-slideshow a { border:none!important; }

/* Quote */ .quote { font-size: 14px; font-weight:bold; }

/* Video */ .video iframe, .caption iframe, .text iframe, .replies iframe { width:100%; } .tumblr_video_container { width:auto!important; height:auto!important; }

/* Post Info */ .post-info { font-size:10px; font-weight:bold; margin:20px 0 1px; } .post-info ul { float:right; margin:0; padding-left:10px; } .post-info li { background:{color:Dark Color}; float:left; height:16px; list-style:none; margin-left:3px; padding:4px 6px; text-align:center; } .post-info li a { display:block; } .permalink { background:{color:Dark Color}; display:inline-block; height:16px; margin-right:3px; padding:4px 6px; text-align:center; } .reblog-button, .like-button { padding:4px!important; width:16px; } .reblog-button svg path, .like-button svg path { fill:{color:Main Color}; } .like-button { position:relative; } .like-button .like_button { position:absolute; top:4px; opacity:0; } .like-button .like_button.liked { opacity:1; }

/* Tags */ .tags { font-size:10px; margin-top:10px; text-align:center; text-transform:uppercase; } .tags a { display:inline-block; margin-right:5px; padding:0 2px; }

/* Page Notes */ ol.notes { font-size:10px; letter-spacing:0px; list-style:none; margin:25px 0px; padding:0px; } ol.notes a { border-bottom:1px dotted {color:Main Color}; } ol.notes li.note { background:{color:Dark Color}; padding:5px 10px; margin:2px 0; } ol.notes li.note img.avatar { display:none; } ol.notes li.note blockquote a { border:none; }

/* Footer */ footer { background:{color:Background}; bottom:0; font-size:16px; left:0; min-width:740px; padding:0 30px; position:fixed; right:0; z-index:999; } ul.stats { border-spacing:5px; display:table; font-weight:bold; list-style:none; margin:0; padding-left:0; white-space:nowrap; width:100%; } ul.stats li { background:{color:Dark Color}; border-spacing:0px; display:table-cell; padding:5px; vertical-align:middle; } .w25 { width:25%; } .w50 { width:50%; } .level-text { display:table-cell; padding-right:10px; } .level-container { display:table-cell; width:100%; } .level { border:1px solid {color:Main Color}; {block:IfShowGlow}box-shadow:0 0 2px rgba({RGBcolor:Main Color}, 0.3), inset 0 0 2px rgba(255, 255, 255, 0.3);{/block:IfShowGlow} height:10px; margin-right:5px; overflow:hidden; } .prog { background:{color:Main Color}; height:10px; width:{text:Level Progress}; }

/* Ask Page */ #message { margin:0 auto; padding-top:12px; width:700px; } #message h1 { margin-top:0; } #message article { float:left; margin-right:5px; width:342.5px; } #message article section { height:404px; overflow:auto; padding-right:5px; } #message article section p:first-child { margin-top:0; } #message aside { overflow:hidden; } .faq-question, .faq-answer { padding:0 20px; position:relative; } .faq-question { background:{color:Dark Color}; font-weight:bold; padding-bottom:5px; padding-top:5px; } .faq-question:before { content:"Q:"; left:5px; position:absolute; } .faq-answer:before { content:"A:"; left:5px; position:absolute; }

/* About Page */ #about { margin:0 auto; width:700px; } #about aside { overflow:hidden; text-align:center; } #about aside img { margin-bottom:10px; } #about aside p { background:{color:Dark Color}; margin:2px 0; padding:5px; text-align:left; } #about article { float:left; margin-right:10px; max-height:450px; overflow:auto; padding-right:10px; width:500px; } #about article a { border-bottom:1px dotted {color:Main Color}; }

/* Nav Page */ #links { margin:0 auto; padding-top:10px; width:700px; } ul#tag-category { float:left; font-weight:bold; height:450px; letter-spacing:1px; list-style:none; margin:0 5px 0 0; overflow:auto; padding:0 5px 0 0; text-transform:uppercase; width:342.5px; } ul#tag-category li { color:{color:Main Color}; cursor:pointer; display:block; margin:2px 0px; padding:6px 10px 6px 20px; } ul#tag-category li:hover, ul#tag-category li.active { background:{color:Main Color}; color:{color:Background}; } ul#tag-links { height:450px; letter-spacing:1px; list-style:none; margin:0; overflow:auto; padding:0 5px 0 0; text-transform:uppercase; } ul#tag-links a { background:{color:Dark Color}; color:{color:Main Color}; display:block; margin:2px 0; padding:6px 10px; } ul#tag-links li { display:none; } ul#tag-links li.active { display:block; }

/* Credit */ #credit { bottom:7px; font-family:arial; font-size:12px; font-weight:bold; position:fixed; right:5px; z-index:9999; } #credit a { background:{color:Background}; border-radius:50%; display:block; height:24px; line-height:24px; text-align:center; width:24px; } #credit a:hover { color:white; }

@media only screen and (max-width: 999px){ #main { margin-left:40%; padding:0; } #main article { width:100%; } #sidebar { left:6%; max-width:250px; min-width:240px; width:30%; } ul.tabs { font-size:20px; } } {CustomCSS} </style> </head> <body> {block:IfShowUpdateTab}<div id="update"> <a href="#" class="close-button">X</a> <p class="update-title">Updates</p> <section>  <p>Updates go here</p> <h1>Currently Playing</h1> <p>Fallout 4</p> <p>Game 2</p> <p>Game 3</p> <h1>Currently Watching</h1> <p>Show 1</p> <p>Show 2</p> <p>Show 3</p> <h1>Currently Reading</h1> <p>Book 1</p> <p>Book 2</p> <p>Book 3</p>  </section> </div>{/block:IfShowUpdateTab} <header> <ul class="tabs"> {block:IfShowUpdateTab}<a href="#update" class="update-button" title="Updates"><i class="fa fa-cog"></i></a>{/block:IfShowUpdateTab} <li class="active"><a href="#main">{Title}</a> <ul> <li style="color:{color:Main Color}">Status</li> <li style="color:{color:Medium Color}">Special</li> <li style="color:{color:Dark Color}">Perks</li> </ul> </li> <li><a href="#message">Ask</a></li> {block:IfShowAbout}<li><a href="#about">About</a></li>{/block:IfShowAbout} <li><a href="#links">Nav</a></li> <li><a href="/">Refresh</a></li> </ul> </header> <main> <section id="main" class="tab-content active"> <aside id="sidebar"> <img src="{image:Sidebar}"> <div id="description">{Description}</div> {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-caret-left"></i></a>{/block:PreviousPage} {CurrentPage} {block:NextPage}<a href="{NextPage}"><i class="fa fa-caret-right"></i></a>{/block:NextPage}</div>{/block:Pagination} </aside> {block:Posts}<article> <section class="post"> {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text} {block:Quote}<div class="quote"><q>{Quote}</q></div>{block:Source}<div>— {Source}</div>{/block:Source}{/block:Quote} {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<ul class="chat">{block:Lines}<li>{block:Label}<span>{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat} {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video} {block:Photo}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo} {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset} {block:Link}<h1><a href="{URL}" {Target}><i class="fa fa-link"></i> {Name}</a></h1>{block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link} {block:AudioPlayer}<div class="audio"> <div class="album-art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="play-button">{AudioPlayerBlack}</div><div class="music-info">{block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}{block:Artist}<p>{Artist}</p>{/block:Artist}{block:PlayCount}<p>{PlayCountWithLabel}<p>{/block:PlayCount}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:AudioPlayer} {block:Answer}<div class="border"><div class="ask">{Asker} asked</div></div><div class="question">{Question}</div><div class="border-bottom"></div>{block:Answerer}<div class="border"><div class="ask">{Answerer} replied</div></div><div class="question">{Answer}</div><div class="border-bottom"></div>{/block:Answerer}<div class="replies">{Replies}</div>{/block:Answer} </section> <section> {block:Date}<div class="post-info"><a class="permalink" href="{Permalink}" title="permalink">{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year} at {12HourWithZero}:{Minutes}{AmPm}</a>{block:NoteCount}<a class="permalink" href="{Permalink}" title="permalink">{NoteCountWithLabel}</a>{/block:NoteCount}<ul>{block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a></li> <li><a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a></li>{/block:RebloggedFrom}<li title="reblog" class="reblog-button">{ReblogButton size="16"}</li><li title="like" class="like-button"><svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>{LikeButton size="16"}</li></ul></div>{/block:Date} {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags} {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage} {block:ContentSource}{/block:ContentSource}  </section> </article>{/block:Posts} </section> <section id="message" class="tab-content"> {block:IfShowFAQ}<article> <h1 style="margin-right:5px">FAQ</h1>  <section> <p class="faq-question">Lorem ipsum dolor sit amet.</p> <p class="faq-answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p> <p class="faq-question">Lorem ipsum dolor sit amet.</p> <p class="faq-answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p> <p class="faq-question">Lorem ipsum dolor sit amet.</p> <p class="faq-answer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p> </section>  </article>{/block:IfShowFAQ} <aside> <h1>{AskLabel}</h1> <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe> </aside> </section> {block:IfShowAbout}<section id="about" class="tab-content"> <article>  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</p> <ul> <li>Lorem ipsum dolor sit amet.</li> <li>Consectetuer adipiscing elit.</li> <li>Nam at tortor quis ipsum tempor aliquet.</li> </ul> <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.</p> <p>Donec placerat mauris commodo dolor. Nulla tincidunt. Nulla vitae augue.</p> <p>Suspendisse ac pede. Cras tincidunt pretium felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque porttitor mi id felis. Maecenas nec augue. Praesent a quam pretium leo congue accumsan.</p>  </article> <aside> <img src="{image:About}">  <p>Name:</p> <p>Age:</p> <p>Location:</p>  </aside> </section>{/block:IfShowAbout} <section id="links" class="tab-content"> <ul id='tag-category'>  <li class="active">Links</li> <li>Games</li> <li>Movies</li> <li>TV Shows</li> <li>Category</li>  </ul> <ul id="tag-links"> <li class="active">  <a href="http://example.com">Link</a> <a href="http://example.com">Link</a> <a href="http://example.com">Link</a> <a href="http://example.com">Link</a> <a href="http://example.com">Link</a> <a href="http://example.com">Link</a>  </li> <li>  <a href="/tagged/tag">Fallout</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a>  </li> <li>  <a href="/tagged/tag">Movie Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a>  </li> <li>  <a href="/tagged/tag">TV Show Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a>  </li> <li>  <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a> <a href="/tagged/tag">Tag</a>  </li> </ul> </section> </main> <footer> <ul class="stats"> <li class="w25">HP {text:HP}</li> <li class="w50"><div class="level-text">LEVEL {text:Level}</div><div class="level-container"><div class="level"><div class="prog"></div></div></div></li> <li class="w25" style="text-align:right">AP {text:AP}</li> </ul> </footer> <div id="credit"><a href="http://omegarogue.tumblr.com" target="_blank">Ω</a></div>

#fallout theme #fallout #Pip-Boy #tumblr theme #fallout fandom #fallout 3 #fallout new vegas #fallout 4 #bethesda