Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

Flightless Bird Theme

By: foxybieber on Feb 19th, 2012  |  syntax: None  |  size: 10.86 KB  |  views: 526  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.     theme #4 by carly (foxybieber)
  5. you can remove the credit link in the navigation, but please include it in your faq or somewhere on your page.
  6. -->
  7.  
  8. <html>
  9. <head>
  10.     <!-- DEFAULT VARIABLES -->
  11.     <meta name="color:background" content="#ffffff" />
  12.     <meta name="color:sidebar" content="#ffffff" />
  13.     <meta name="color:entry" content="#ffffff" />
  14.     <meta name="color:text" content="#242222" />
  15.     <meta name="color:link" content="#992e40" />
  16.     <meta name="color:navigation" content="#F7F7F7" />
  17.     <meta name="color:navhover" content="#1a191a" />
  18.     <meta name="color:navi2" content="#D8CFCF" />
  19.     <meta name="color:permalink" content="#FDFDFD" />
  20.  
  21.     <meta name="image:sidebar" content=""/>
  22.  
  23.     <meta name="font:text" content="" />
  24.     <meta name="font:link" content="" />
  25.     <meta name="font:sidebar" content="" />
  26.  
  27.     <meta name="text:Link1" content="/" />
  28.     <meta name="text:Link1 Title" content="link" />
  29.     <meta name="text:Link2" content="/" />
  30.     <meta name="text:Link2 Title" content="link" />
  31.     <meta name="text:Link3" content="/" />
  32.     <meta name="text:Link3 Title" content="links" />
  33.     <meta name="text:Link4" content="/" />
  34.     <meta name="text:Link4 Title" content="link" />
  35.  
  36.     <meta name="text:Link1" content="" />
  37.     <meta name="text:Link1 Title" content="" />
  38.     <meta name="text:Link2" content="" />
  39.     <meta name="text:Link2 Title" content="" />
  40.     <meta name="text:Link3" content="" />
  41.     <meta name="text:Link3 Title" content="" />
  42.     <meta name="text:Link4" content="" />
  43.     <meta name="text:Link4 Title" content="" />
  44.     <meta name="text:Link5" content="" />
  45.     <meta name="text:Link5 Title" content="" />
  46.     <meta name="text:Link6" content="" />
  47.     <meta name="text:Link6 Title" content="" />
  48.  
  49.  
  50.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51.     <title>{Title}
  52.     {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  53.     {block:Description}
  54.     <meta name="description" content="{MetaDescription}" />{/block:Description}
  55.     <link rel="shortcut icon" href="{Favicon}" />
  56.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57.     <style type="text/css">
  58.  
  59. body {
  60.  color:{color:text};
  61.  background-color:{color:background};
  62.  font-family:{font:body};
  63.  font-size:10px;
  64.  line-height:100%;
  65.  text-align:justify;
  66. }
  67.  
  68. a:link, a:active, a:visited{
  69.  color: {color:link};
  70.  text-decoration:none;
  71. }
  72.  
  73. a:hover{
  74. text-shadow: 0px 0px 3px #B39F8C; font-style:italic;
  75.  color:{color:linkhover};
  76.  -webkit-transition: all 0.4s ease-in;
  77.  -moz-transition: all 0.4s ease-in;
  78.  -o-transition: all 0.4s ease-in;
  79.  transition: all 0.4s ease-in;}
  80.  
  81. #entries{
  82.  margin-left: 300px;
  83.  margin-top: -10px;
  84.  padding: 5px;
  85.  width:510px;
  86.  font-style: normal;
  87.  font-family:georgia;
  88. }
  89.  
  90. #entry {
  91.  margin: 0px 0 0px 0;
  92.  width: 500px;
  93.  background-color:{color:sidebar};
  94.  text-align: justify;
  95.  padding: 5px
  96. }
  97.  
  98. #sideimg {  
  99.  margin-top:-2px;
  100.  margin-left: 8px;
  101.  max-width: 246px;
  102. }
  103.  
  104. #sideimg img {
  105.  max-width: 246px;
  106.  height: auto;
  107.  text-align:center;}
  108.  
  109. #title {
  110. text-shadow: 0px 0px 3px #B39F8C; font-style:italic;
  111.  font-size: 16px;
  112.  font-family: georgia;
  113.  letter-spacing: 2px;
  114.  font-style: italic;
  115.  text-align:center;
  116.  font-family: georgia;
  117.  width: 270px;
  118.  margin-bottom: 5px;
  119.  margin-top: 5px;
  120.  color: {color:link};
  121. }
  122.  
  123. #sidebar {
  124.  width:262px;  
  125.  margin-left: 20px;
  126.  margin-right: 20px;
  127.  margin-top:10px;
  128.  position:fixed;
  129.  overflow:hidden;
  130.  background-color: {color:sidebar};  
  131.  padding:5px;}
  132.  
  133. #sidetext {
  134.  font-family:georgia;
  135.  font-size:10px;
  136.  width:245px;
  137.  margin: 5px;
  138.  overflow: auto;
  139.  padding: 5px;
  140. }
  141.  
  142. #pagination {
  143.  font-family:georgia;
  144.  text-align:center;
  145.  font-size: 40px;  
  146.  text-transform:lowercase;
  147. }
  148.  
  149. #icon {margin-right:1990px; margin-top:10px; border: 8px solid; border-color:{color:sidebar}; position:fixed;}
  150.  
  151. #permalink {
  152. display:block;
  153. margin:2px 0px 2px 0px;
  154. padding:2px;
  155. color:{color:text};
  156. font:10px {font:body};
  157. line-height:110%;
  158. text-align:center;
  159. text-transform:none;
  160. background-color:{color:permalink};
  161. letter-spacing:0px;
  162. }
  163.  
  164. #permalink a {color:{color:link};}
  165.  
  166. #permalink a:hover {color:{color:link hover};}
  167.  
  168. #tags {
  169.  margin:2px 0px 2px 0px;
  170.  font-family:georgia;
  171.  font-size:10px;
  172.  text-transform: lowercase;
  173.  color:{color:text};
  174.  letter-spacing: 1px;
  175.  text-align:right;
  176.  padding:2px;
  177.  border-top: 1px dashed; color: {color:text};
  178.  font-style:normal;  
  179. }
  180.  
  181. #sidebar2 {
  182.  position: fixed;
  183.  margin-top: 200px;
  184.  top: -10px;
  185.  left: 840px;
  186.  height: 200px;  
  187.  width: 150px;
  188.  background-color: {color:sidebar};
  189.  padding-top: 35px;
  190.  padding-bottom: 10px;
  191. }
  192.  
  193. #navigation a {
  194.  width: 100px;
  195.  height: 8px;
  196.  font-style: normal;
  197.  font-family: georgia;
  198.  font-size: 9px;
  199.  display:block;
  200.  text-align: center;
  201.  background-color:{color:navigation};
  202.  margin-bottom: -8px;
  203.  margin-left: 20px;
  204.  padding:5px;
  205.  border-bottom: 1px; color: {color:link};
  206.  letter-spacing:0px;
  207.  text-transform:lowercase;
  208.  font-style:italic;
  209. }
  210.  
  211. #nave {background-color: {color:navi2}; text-align: center; font: black; width: 250px; padding: 5px 10px 5px 10px; font-size: 10px; font-family: georgia; letter-spacing: 1px; margin-bottom: 0px; margin-top: -31px; opacity: 0.7;}
  212.  
  213. #nave a {color: black; text-shadow: 0px 0px 3px #B39F8C; font-style:italic; {color:text};}
  214.  
  215.  
  216. #navigation a:hover {
  217.  text-shadow: 0px 0px 3px #B39F8C; font-style:italic;
  218.  color: {color:text};
  219.  font-style:italic;  
  220.  text-align: center;
  221.  letter-spacing: 3px;
  222.  transition: all 0.5s ease-out;
  223.  -o-transition-transition: all 0.5s ease-out;
  224.  -webkit-transition: all 0.5s ease-out;
  225.  -moz-transition: all 0.5s ease-out;
  226. }
  227.  
  228. h1{
  229.  color:{color:link};
  230.  font-family:{font:body};
  231.  font-size:15px;
  232.  line-height:15px;
  233.  letter-spacing:0px;
  234.  font-weight:normal;
  235.  text-transform:lowercase;
  236.  margin:0px;
  237.  padding:0px;
  238.  text-align:left;
  239.  font-style:italic
  240. }
  241.  
  242. h2{
  243.  color:{color:text};
  244.  font-family:{font:body};
  245.  font-size:12px;
  246.  line-height:12px;
  247.  letter-spacing:0px;
  248.  font-weight:normal;
  249.  text-transform:lowercase;
  250.  margin:0px;
  251.  padding:0px;
  252.  margin-bottom:-0px;
  253.  text-align:left;
  254.  font-style:italic
  255. }
  256.  
  257.  
  258. #question {font-size: 10px; background-color:{color:info};  border-top-right-radius:2px; border-top-left-radius:2px; color:{color:text};margin-bottom:0px;
  259. padding: 10px;}
  260.  
  261. #question {
  262.  background-color:{color:background};
  263.  font-size: 11px;
  264.  font-weight: normal;
  265.  font-family: Georgia;
  266.  line-height:110%;
  267.  color: {color:text};  
  268.  padding: 10px;
  269.  position: relative;
  270. }
  271.  
  272.  
  273. blockquote {
  274.  border-left:1px {color:text} solid;
  275.  padding-left:5px;
  276.  margin:0px 2px 0px 10px;
  277. }
  278.  
  279. .postalign{
  280.  text-align:justify;
  281.  padding:3px 7px 0px 7px;
  282. }
  283.  
  284. .question{
  285.  background: {color:background};
  286.  font-size: 10px;
  287.  font-weight:bold;
  288.  color: {color:Font};
  289.  padding: 10px;
  290. }
  291.  
  292. b, strong{color:{color:text}}
  293. z, strong{color:text}
  294. i, em {color:{color:text};}
  295. p{margin-top:5px; margin-bottom:5px}
  296. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  297.  
  298. img a{border:none; width:100%}
  299. .audio{background-color:black; display:block;}
  300.  
  301. .user_1 .label {color:{color:link}; font-weight:bold}
  302. .user_2 .label {color:{color:text}; font-weight:bold}
  303. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  304.  
  305. .notes img{width:10px; position:relative; top:1px;}
  306. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  307. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  308.        
  309. </style>
  310. <style type="text/css">{CustomCSS}</style>
  311. </head>
  312.  
  313. <body>
  314.  
  315. <div id="sidebar">
  316. <center><div id="title">{Title}<a href="/"></br></div></center>
  317. <br><div id="sidebarimg img"><img src="{image:sidebar}"></br></div><br>
  318. <div id="nave"><a href=/>refresh</a> &bull; <a href=/ask>message</a> &bull; <a href=/archive>archive</a> &bull; <a href=http://tumblr.com/dashboard">dash</a></div>
  319. <div id="sidetext">{block:Description}{Description}{/block:Description}</div><br>
  320. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}<br><br><br></div>
  321.  
  322. <div id="icon">
  323. </div>
  324.  
  325. <div id="sidebar2">
  326. <div id="navigation">
  327. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br />{/block:ifLink1}
  328. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br />{/block:ifLink2}
  329. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br />{/block:ifLink3}
  330. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a><br />{/block:ifLink4}
  331. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a><br />{/block:ifLink5}
  332. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br />{/block:ifLink6}
  333. <a href="http://foxybieber.tumblr.com/tagged/themes">theme</a></br></div></div></div>
  334.  
  335. <div id="entries">
  336. <br>{block:Posts}
  337. <div id="entry">
  338. <div id="posts">    
  339. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  340. {block:Text}{Body}{/block:Text}
  341.      
  342. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}
  343. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  344.      
  345. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  346. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  347.      
  348. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  349. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  350.      
  351. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  352.      
  353. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  354.  
  355. {block:Answer}<div><div id="asker"></div><div id="question"><div id="asked">{Asker} said, {Question}</div> </div>{answer}</div>{/block:answer}
  356.  
  357. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br></div>
  358.  
  359. <div id="permalink">
  360. {block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with <a href="{Permalink">{NoteCountwithLabel}</a>{/block:NoteCount}{/block:Date}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} · from <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}<br>{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  361.  
  362. </div>{/block:Posts}
  363. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  364. </div>
  365.  
  366.  
  367. </body>
  368. </html>