API tools faq
paste
chandlerbing

Fly Away Theme by There-and-BackAgain

chandlerbing
Jun 30th, 2011
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--Fly Away Theme by There-and-BackAgain
  5. Base codes by Modern-Day-Vintage
  6. please do not remove credits and enjoy the theme!-->
  7.  
  8. <head> <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#FFFFFF" />
  10. <meta name="image:Background" content=""/>
  11. <meta name="color:main" content="#FDE5DD" />
  12. <meta name="color:border" content="#F3CFC6" />
  13. <meta name="color:box" content="#FFF3F3" />
  14. <meta name="color:post date" content="#FDE5DD" />
  15. <meta name="color:title" content="#9C9B9B" />
  16. <meta name="color:text" content="#aaaaaa" />
  17. <meta name="color: link" content="#EBA6A6" />
  18. <meta name="font:body" content="helvetica" />
  19. <meta name="font:title" content="helvetica" />
  20. <meta name="text:font size" content="10px" />
  21. <meta name="image:100pxPortrait" content=""/>
  22. <meta name="color:link hover" content="#F3CFC6"/>
  23. <meta name="color:side" content="#FDE5DD"/>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <style type="text/css">
  31.  
  32. body{color:{color:Text};
  33. background-color: {color:Background};
  34. background-image: url({image:Background});
  35. background-attachment: fixed;
  36. background-repeat: repeat;
  37. background-position: center;
  38. font-family:{font:Body};
  39. font-size:{text:Font Size};
  40. line-height: 12px;
  41. text-align:justify;}
  42.  
  43.  
  44. img{
  45. -webkit-transition: opacity 0.7s linear;
  46. opacity: 0.85;
  47. }
  48. img:hover{
  49. -webkit-transition: opacity 0.7s linear;
  50. opacity: 1;
  51. }
  52. body{
  53. color:{color:text};
  54. background-color:{color:background};
  55. font-family:{font:body};
  56. font-size: {text:font size};
  57. line-height: 13px;
  58. text-align:justify;
  59. }
  60.  
  61. a:link, a:active, a:visited{
  62. color: {color: link};
  63. text-decoration:none;
  64. }
  65. a:hover{
  66. color: {color:link hover};
  67. }
  68.  
  69. a img{border: 0px;}
  70. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 1;}
  71. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  72.  
  73. h1, big{
  74. color:{color:title};
  75. font-family:{font:title};
  76. font-size:20px;
  77. line-height:30px;
  78. letter-spacing:-1px;
  79. font-weight:normal;
  80. text-transform:;
  81. margin:0px;
  82. padding:0px;
  83. text-align:left;
  84. }
  85. h3{
  86. color:{color:title};
  87. font-family:{font:title};
  88. font-size:20px;
  89. line-height:14px;
  90. letter-spacing:-1px;
  91. font-weight:normal;
  92. text-transform:;
  93. margin:0px;
  94. padding:0px;
  95. margin-bottom:-0px;
  96. text-align:left;
  97. }
  98. #main{
  99. height:750px;
  100. margin-top:-5px;
  101. margin-bottom:0px;
  102. margin-left:380px;
  103. width:800px;
  104. padding:1px;
  105. padding-top:12px;
  106. }
  107. #side{
  108. float: right;
  109. position: fixed;
  110. top: 20px;
  111. left: 40px;
  112. background-color: {color:box};
  113. width: 270px;
  114. -moz-border-radius:2px;
  115. -webkit-border-radius:2px;
  116. padding-left:8px;
  117. padding-right:6px;
  118. padding-bottom:12px;
  119. padding-top:3px;
  120. -moz-box-shadow: 0 0 1em {color:main};
  121. -webkit-box-shadow: 0 0 1em {color:main};
  122. box-shadow: 0 0 1em {color:main};
  123. border: 1px solid {color:border};
  124. }
  125.  
  126. #side3{
  127. float: left;
  128. position: fixed;
  129. top: 20px;
  130. left: 1010px;
  131. background-color: {color:box};
  132. width: 270px;
  133. -moz-border-radius:2px;
  134. -webkit-border-radius:2px;
  135. padding-left:8px;
  136. padding-right:6px;
  137. padding-bottom:12px;
  138. padding-top:3px;
  139. -moz-box-shadow: 0 0 1em {color:main};
  140. -webkit-box-shadow: 0 0 1em {color:main};
  141. box-shadow: 0 0 1em {color:main};
  142. border: 1px solid {color:border};
  143. }
  144. #box{
  145. float:left;
  146. {block:IndexPage}
  147. width:270px;
  148. height:235px;
  149. overflow:hidden;
  150. padding:5px;
  151. {/block:IndexPage}
  152. {block:PermalinkPage}
  153. width:500px;
  154. padding:5px;
  155. {/block:PermalinkPage}
  156. background-color:{color:box};
  157. margin:10px;
  158. border:1px solid {color:border};
  159. }
  160. #perma{font-size:9px;
  161. margin-top:0px;
  162. position:absolute;
  163. right:50%;
  164. margin-right:260px;}}
  165. }
  166. #ask{
  167. display:block;
  168. float: left;
  169. width:50px;
  170. overflow:hidden;
  171. word-wrap:break-word;
  172. margin-right:3px;
  173. }
  174. #postdate{
  175. font-family: {font:body};
  176. background-color: {color:post date};
  177. padding:3px;
  178. padding-bottom:5px;
  179. font-size:10px;
  180. text-transform:none;
  181. z-index:2;
  182. }
  183. div.navi a{
  184. text-align: center;
  185. padding:3px 0px;
  186. color: {color:Link};
  187. background-color: {color:main};
  188. border: 1px solid {color:link};
  189. margin-top:2px;
  190. position:relative;
  191. width: 105px;
  192. display: inline-block;
  193. -moz-border-radius: 16px;
  194. -webkit-border-radius: 16px;
  195. margin-bottom: 2px;
  196. }
  197.  
  198. div.navi a:hover{
  199. padding:3px 0;
  200. color: {color:link hover};
  201. background-color: {color:main};
  202. border: 1px solid {color:border};
  203. z-index:2; }
  204. }
  205.  
  206. blockquote{
  207. text-align:left;
  208. padding: 7px;
  209. padding-left:12px;
  210. border-left: 1px solid {color:text};
  211. p{margin-top:3px; margin-bottom:3px;}
  212. blockquote img{display:block; width:100%;}
  213. border-left: 2px solid #8B7B8B;
  214. padding: 0 0 0 15px;
  215. margin-left: 0px;
  216. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  217. a img{border:none;}
  218. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.70;}
  219. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  220. .audio{background-color:#C7C7C7; display:block;}
  221. .user_1 .label, .user_4 .label, .user_7 .label {color:#f4cdc1;}
  222. .user_2 .label, .user_5 .label, .user_8 .label {color:#ecbeb2;}
  223. .user_3 .label, .user_6 .label, .user_9 .label {color:#B4A897; opacity:.75;}
  224. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  225. .notes img{width:10px; position:relative; top:1px;}
  226. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  227. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  228.  
  229. </style>
  230.  
  231. <style type="text/css">{CustomCSS]</style>
  232. </head>
  233.  
  234. <body>
  235. <!-- IMPORTANT -->
  236. <center><font size="15">Name of Your Blog</font></center>
  237. <marquee>Write here a welcome message, a quote, whatever you'd like</marquee>
  238. <div id="side">
  239.  
  240. <center><big><a href="http://modern-day-vintage.tumblr.com"><div align="center"></div></a></big></center>
  241. <center>{block:If100pxPortraitImage}<div id="left"> <img class="roundedtop portrait" width=250px src="{image:100pxPortrait}" /></div><P> {/block:If100pxPortraitImage}</center>
  242. <center><div style="padding-left:6px;">{Description}</div></center>
  243. </center>
  244. </div>
  245. <div id="side3">
  246. <b><i><font color="#E6AA9C"><div style="border-top: 1px dotted #F7CCC2; border-bottom: 1px dotted #F7CCC2;">things i love</font></i></b></div>
  247. <BR>
  248. <center><font size="6">navigation</font></center>
  249. <BR>
  250. <div class="navi"><center>
  251. <a href="http://LINK URL HERE"><font color="#8B7B8B">home</font>
  252. </a>
  253. <a href="http://LINK URL HERE"><font color="#8B7B8B">ask</font>
  254. </a>
  255. <a href="http://LINK URL HERE"><font color="#8B7B8B">archive</font>
  256. </a>
  257. <a href="http://LINK URL HERE"><font color="#8B7B8B">themes</font>
  258. </a></div>
  259. <BR>
  260. <div style="font-size: 40px; font-weight: bold;"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}
  261. {block:PermalinkPagination}
  262. {block:NextPost}<a href="{NextPost}">«</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}"> » </a>{/block:PreviousPost}{/block:PermalinkPagination}
  263. </center></div>
  264. <br>
  265. <center><small>Theme by There-and-BackAgain • Base codes by Modern-Day-Vintage • Best Viewed in Google Chrome</a></small></center>
  266.  
  267. </div>
  268. <div id="side2">
  269. </div>
  270.  
  271. <div id="side3"></div>
  272. <div id="main">
  273. {block:Posts}
  274.  
  275. <div id="box">
  276. <div id="perma"><a href="{Permalink}"></a><span class="tags">{/block:Tags}{/block:HasTags}</span></div>
  277. <div id="postdate">
  278. <center><a href="{Permalink}"><font style="text-transform: lowercase;"><div style="margin-top:-2px;"><i>{DayOfMonth}/{MonthNumber}/{Year} • {NoteCountWithLabel}{/block:NoteCount} • <a href="{ReblogURL}" target="_blank" class="details">reblog</a></i></div></font></a></center>
  279. </div>
  280. {block:Text}{block:Title}<div class="title"><h3><center><br>{Title}</center></h3></div>{/block:Title}
  281. <div style="padding-bottom:3px;">
  282. <center>{Body}</center>
  283. </div>
  284. {/block:Text}
  285.  
  286. {block:Photo}
  287. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="270" height="235"/>{LinkCloseTag}{/block:IndexPage}
  288. {block:PermalinkPage}
  289. <img src="{PhotoURL-270}" alt="{PhotoAlt}" width=270"/>
  290. {/block:PermalinkPage}
  291. {block:Caption}<div style="margin:-5px 0 -10px 0;"><p><center></div>{/block:Caption}
  292. {/block:Photo}
  293.  
  294. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  295.  
  296. {block:Quote}<br>
  297. <h3><div style="font-size:70px; position:absolute; font-family:Georgia;"><div style="position:relative; top:23px;">&#147;</div></div>
  298. <div style="padding-left:32px; margin-top:5px; line-height:18px;">{Quote}</div>&nbsp;</h3>
  299. <div style="padding-left:32px; margin-top:-20px; margin-bottom:9px;">{block:Source}<BR>— <font style="letter-spacing: 1px;"><i>{Source}</i></font>{/block:Source}</div>
  300. {/block:Quote}
  301.  
  302. {block:Link}<a href="{URL}" class="link" {Target}><h3><center><br>{Name}</center>&nbsp;</h3></a>
  303. {/block:Link}
  304.  
  305. {block:Link}{block:Description}<div style="margin-top:-13px;"><center>{Description}</center>{/block:Description}{/block:Link}
  306.  
  307. {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}
  308.  
  309. {block:Audio}
  310. <center><br>{AudioPlayerGrey}</center><center><div style="color:#A7969D;"> ♫ {PlayCount} plays</div></center>{block:Caption}<center>{Caption}</center>{/block:Caption}
  311. {/block:Audio}
  312.  
  313. {block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  314.  
  315. {block:Answer}<br>
  316. <div style="margin-top:2px; margin-bottom:-8px;">
  317. <center>{Asker}: <b>{Question}</b></center>
  318. </div>
  319. <br>
  320. <div style="margin-top:-8px; margin-bottom:-3px;">
  321. <center>{Answer}</center>
  322. </div>
  323. {/block:Answer}
  324.  
  325.  
  326.  
  327. {block:PostNotes}
  328. <br>
  329. <div id="notes">{PostNotes}</div>{/block:PostNotes}<center>{block:ContentSource}
  330. <br><a href="{SourceURL}">
  331. {lang:Source}:
  332. {block:SourceLogo}{PlayCountWithLabel}
  333. <img src="{BlackLogoURL}" width="{LogoWidth}"
  334. height="{LogoHeight}" alt="{SourceTitle}" />
  335. {/block:SourceLogo}
  336. {block:NoSourceLogo}
  337. {SourceLink}
  338. {/block:NoSourceLogo}
  339. </a>
  340. {/block:ContentSource}</center>
  341.  
  342. <center>{block:RebloggedFrom}
  343. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  344. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  345. </center></span></center>
  346. <BR><BR>
  347. </div>
  348.  
  349. {/block:Posts}
  350.  
  351. <BR>
  352. </div>
  353. </body>
  354. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!