API tools faq
paste
chandlerbing

Surviving theme by There-and-BackAgain

chandlerbing
Jul 17th, 2011
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.14 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. <!--
  5. Surviving theme by There-and-BackAgain
  6. base codes by Modern-Day-Vintage
  7. -->
  8.  
  9. <head>
  10. <img style="position:absolute; opacity: 1.0; width:588px; TOP:28px; LEFT:385px; z-index: 1;" src="http://i54.tinypic.com/29qkxn8.png">
  11. <!-- DEFAULT VARIABLES -->
  12. opacity: 1;
  13. width:680px;
  14. TOP:-10px;
  15. LEFT:670px;
  16.  
  17. opacity: 1;
  18. LEFT:0px;
  19. TOP:0px;
  20.  
  21.  
  22. <meta name="color:background" content="#ffffff" />
  23. <meta name="image:Background" content=""/>
  24. <meta name="color:border" content="#F5E0E0" />
  25. <meta name="color:text" content="#aaaaaa" />
  26. <meta name="color: link" content="#D3C5C8" />
  27. <meta name="font:body" content="helvetica" />
  28. <meta name="font:title" content="helvetica" />
  29. <meta name="text:font size" content="10px" />
  30. <meta name="color:link hover" content="#c29797"/>
  31.  
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37. <style type="text/css">
  38.  
  39. body{color:{color:Text};
  40. background-color: {color:};
  41. background-image: url({image:Background});
  42. background-attachment: fixed;
  43. background-repeat: repeat;
  44. background-position: center;
  45. font-family:{font:Body};
  46. font-size:{text:Font Size};
  47. line-height: 12px;
  48. text-align:left;}
  49.  
  50. img{
  51. -webkit-transition: opacity 0.7s linear;
  52. opacity: 1;
  53. }
  54. img:hover{
  55. -webkit-transition: opacity 0.7s linear;
  56. opacity: 1;
  57.  
  58. }
  59. body{
  60. color:{color:text};
  61. background-color:{color:background};
  62. font-family:{font:body};
  63. font-size: {text:font size};
  64. line-height: 13px;
  65. text-align:justify;
  66. }
  67.  
  68.  
  69. a:link, a:active, a:visited{
  70. color: #D3C5C8;
  71. text-decoration:none;
  72. }
  73. a:hover{
  74. color: {color:link hover};
  75. font-style:italic;
  76. }
  77.  
  78. a img{border: 0px;}
  79. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.9;}
  80. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  81.  
  82. h1, big{
  83. color:#dfc9cb;
  84. font-family:{font:title};
  85. font-size:20px;
  86. line-height:30px;
  87. letter-spacing:-1px;
  88. font-weight:normal;
  89. text-transform:;
  90. margin:0px;
  91. padding:0px;
  92. text-align:left;
  93. }
  94. h3{
  95. color:#dfc9cb;
  96. font-family:{font:title};
  97. font-size:20px;
  98. line-height:14px;
  99. letter-spacing:-1px;
  100. font-weight:normal;
  101. text-transform:;
  102. margin:0px;
  103. padding:0px;
  104. margin-bottom:-0px;
  105. text-align:left;
  106. }
  107. #main{
  108. background-color: #EEDFCC;
  109. margin: auto;
  110. position:absolute;
  111. margin-left:405px;
  112. margin-top:258px;
  113. margin-bottom:-8px;
  114. width:522px;
  115. padding:6px;
  116. padding-top:px;
  117. -moz-border-radius:1px;
  118. -webkit-border-radius:1px;
  119. -moz-box-shadow: 0 0 1em #CDC1C5;
  120. -webkit-box-shadow: 0 0 1em #ffffff;
  121. box-shadow: 0 0 1em #ffffff;
  122. border:1px solid #ffffff;
  123. }
  124.  
  125. iframe#tumblr_controls {
  126. top: 4.25% !important;
  127. margin: -30px 0 0 0;
  128. right: 1px !important;
  129. position: fixed !important;
  130. }
  131. #side{
  132. float: right;
  133. position: absolute;
  134. top: 75px;
  135. left: 405px;
  136. width: 512px;
  137. -moz-border-radius:2px;
  138. -webkit-border-radius:2px;
  139. padding-left:8px;
  140. padding-right:6px;
  141. padding-bottom:12px;
  142. padding-top:3px;
  143. -moz-box-shadow: 0 0 1em {color:};
  144. -webkit-box-shadow: 0 0 1em {color:};
  145. box-shadow: 0 0 1em {color:};
  146. z-index:2;
  147. }
  148. #side2{
  149. float: right;
  150. position: absolute;
  151. top: 385px;
  152. left: 690px;
  153. width: 512px;
  154. -moz-border-radius:2px;
  155. -webkit-border-radius:2px;
  156. padding-left:8px;
  157. padding-right:6px;
  158. padding-bottom:12px;
  159. padding-top:3px;
  160. -moz-box-shadow: 0 0 1em {color:};
  161. -webkit-box-shadow: 0 0 1em {color:};
  162. box-shadow: 0 0 1em {color:};
  163. }
  164. #side3{
  165. float: right;
  166. position: absolute;
  167. margin: auto;
  168. top: 70px;
  169. left: 385px;
  170. background-color: #FFFFFF;
  171. width: 572px;
  172. height: 550%;
  173. -moz-border-radius:2px;
  174. -webkit-border-radius:2px;
  175. padding-left:8px;
  176. padding-right:6px;
  177. padding-bottom:12px;
  178. padding-top:3px;
  179. -moz-box-shadow: 0 0 5em {color:border};
  180. -webkit-box-shadow: 0 0 5em {color:border};
  181. box-shadow: 0 0 1em {color:border};
  182. border-left: 1px solid {color:border};
  183. border-right: 1px solid {color:border};
  184. border-bottom: 1px solid {color:border};
  185. z-index:-1;
  186. }
  187. @font-face {
  188. font-family: "04b03";
  189. src: url('http://static.tumblr.com/5fd89aw/aFUlmf7ca/04b03.ttf');
  190. }
  191. div#titletext{
  192. font-family:days;
  193. font-size: 60px;
  194. padding-bottom:10px;
  195. spacing: 10px;
  196. }
  197. #side4{
  198. float: right;
  199. text-align:center;
  200. position: fixed;
  201. top: -10px;
  202. left: 740px;
  203. width: 440px;
  204. -moz-border-radius:2px;
  205. -webkit-border-radius:2px;
  206. padding-left:8px;
  207. padding-right:6px;
  208. padding-bottom:12px;
  209. padding-top:3px;
  210. -moz-box-shadow: 0 0 1em {color:};
  211. -webkit-box-shadow: 0 0 1em {color:};
  212. box-shadow: 0 0 1em {color:};
  213. }
  214. #box{
  215. overflow:hidden;
  216. padding:2px;
  217. padding-left:5px;
  218. padding-right:5px;
  219. padding-top:5px;
  220. padding-bottom:2px;
  221. -moz-border-radius:10px;
  222. -webkit-border-radius:10px;
  223. }
  224. #perma{font-size:9px;
  225. margin-top:0px;
  226. position:absolute;
  227. right:50%;
  228. margin-right:260px;}}
  229. }
  230. #ask{
  231. display:block;
  232. float: left;
  233. width:50px;
  234. overflow:hidden;
  235. word-wrap:break-word;
  236. margin-right:3px;
  237. }
  238. #audiopic{
  239. background-color:#ffffff;
  240. height:10;
  241. }
  242. #postdate{
  243. font-family: {font:body};
  244. background:;
  245. padding:2px;
  246. font-size:10px;
  247. text-transform:none;
  248. }
  249. div.navi a{
  250. display:block;
  251. padding:3px 0;
  252. margin-top:-1px; position:relative; z-index:1;
  253. }
  254.  
  255. div.navi a:hover{
  256. display:block; padding:3px 0;
  257. background: #FFFFFF}; z-index:2; }
  258. }
  259.  
  260. blockquote{
  261. text-align:left;
  262. padding: 7px;
  263. padding-left:12px;
  264. border-left: 1px solid {color:text};
  265. p{margin-top:3px; margin-bottom:3px;}
  266. blockquote img{display:block; width:100%;}
  267. border-left: 2px solid #616161;
  268. padding: 0 0 0 15px;
  269. margin-left: 0px;
  270. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  271. a img{border:none;}
  272. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.70;}
  273. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  274. .audio{background-color:#C7C7C7; display:block;}
  275. .user_1 .label, .user_4 .label, .user_7 .label {color:#f4cdc1;}
  276. .user_2 .label, .user_5 .label, .user_8 .label {color:#ecbeb2;}
  277. .user_3 .label, .user_6 .label, .user_9 .label {color:#B4A897; opacity:.75;}
  278. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  279. .notes img{width:10px; position:relative; top:1px;}
  280. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  281. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  282.  
  283. </style>
  284.  
  285. <style type="text/css">{CustomCSS}</style>
  286.  
  287. <style type="text/css">{CustomCSS]</style>
  288.  
  289. </head>
  290.  
  291. <body>
  292. <!-- IMPORTANT -->
  293. <div id="side">
  294. <center><font size="2"><SPAN style="letter-spacing:3px"><font size="6" face="Book Antiqua">Name of Your Blog</font> </a><br></SPAN></center>
  295. <table width="512"><tr>
  296. <td align="center">
  297. <center><p><div align="left"><SPAN style="letter-spacing:2px"><div style="width:540px; height:12px; background-color:#EEDFCC; text-align:left; color: #FFFFFF;"><center><SPAN style="letter-spacing:2px"><a href="there-and-backagain.tumblr.com">home</a> ◯ <a href="there-and-backagain.tumblr.com/ask">message</a> ◯ <a href="there-and-backagain.tumblr.com/obsessions">obsessions</a> ◯ <a href="there-and-backagain.tumblr.com/themes">themes</a> ◯ <a href="there-and-backagain.tumblr.com/faq">faq</a> ◯ <a href="there-and-backagain.tumblr.com/favorites">favorites</a></center></div>
  298. </SPAN></center><br><FIELDSET style="width:500px; height: 90px; border: 1px dotted #8B8378; background-color: #EEDFCC;">Write here about you, your blog, your interesses, likes and dislikes.. whatever you want! also share some essencial information about you, so that your followers can know you a bit better like your name, age, gender, where you are from and where you live, some of your beliefs.. these are just some suggestions, write whatever you want!! Some important information about this theme: to edit the description, use control f on your keyboard and search for DESCRIPTION HERE! and edit this part. choose the colors you prefer as well, for the posts, background, main...</FIELDSET></SPAN>
  299. </div></p>
  300. </td></tr></table></center>
  301.  
  302. </div>
  303. <div id="side3"></div>
  304. <div id="side4"><div id="titletext"><font color="dfc9cb"></font></div></div>
  305. <div id="side2">
  306. </SPAN>
  307. </div>
  308. <div id="main">
  309. {block:Posts}
  310.  
  311. <div id="perma"><a href="{Permalink}"></a><span class="tags">{/block:Tags}{/block:HasTags}</span></div>
  312.  
  313. <div id="box">
  314.  
  315. {block:Text}{block:Title}<div class="title"><h3><center>{Title}</center></h3></div>{/block:Title}
  316. <div style="padding-bottom:3px;">
  317. <center>{Body}</center>
  318. </div>
  319. {/block:Text}
  320.  
  321. {block:Photo}
  322. <div style="padding-bottom:1px;">
  323. <div class="media">{LinkOpenTag}<center><a href="{Permalink}"><img src="{PhotoURL-HighRes}" width=500"/></a></center>{LinkCloseTag}</div>
  324. {block:Caption}<div class="copy"><center>{Caption}</center></div>{/block:Caption}
  325. {/block:Photo}
  326.  
  327. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  328.  
  329. {block:Quote}
  330. <h3><div style="font-size:70px; position:absolute; font-family:Georgia;"><div style="position:relative; top:23px;">&#147;</div></div>
  331. <div style="padding-left:32px; margin-top:5px; line-height:18px;">{Quote}</div>&nbsp;</h3>
  332. <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>
  333. {/block:Quote}
  334.  
  335. {block:Link}<a href="{URL}" class="link" {Target}><h3><center>{Name}</center>&nbsp;</h3></a>
  336. {/block:Link}
  337.  
  338. {block:Link}{block:Description}<div style="margin-top:-13px;"><center>{Description}</center>{/block:Description}{/block:Link}
  339.  
  340. {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}
  341.  
  342. {block:Audio}
  343. <div class="audio">
  344. <div class="player"><div id="audiopic"><br><center>{AudioPlayerWhite}<br></center></div></div>
  345. <div class="clear"></div>
  346. </div>
  347. <div class="clear"></div>
  348. <br><center><div style="color:#A7969D;"> ♫ {PlayCount} plays</div></center>
  349. {block:Caption}<div class="copy"><center>{Caption}</center></div>{/block:Caption}
  350. {/block:Audio}
  351.  
  352. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  353.  
  354. {block:Answer}
  355. <div style="margin-top:2px; margin-bottom:-8px;">
  356. <center>{Asker}: <b>{Question}</b></center>
  357. </div>
  358. <br>
  359. <div style="margin-top:-8px; margin-bottom:-3px;">
  360. <center>{Answer}</center>
  361. </div>
  362. {/block:Answer}
  363.  
  364. </div>
  365. <div id="postdate">
  366. <center><a href="{Permalink}"><font style="text-transform: lowercase;"><div style="margin-top:-2px;">{block:NoteCount}<a href="{Permalink}">{NoteCount}{/block:NoteCount} • {month} {DayOfMonth} • <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div></font></center>
  367.  
  368. <p>
  369. <center><SPAN style="letter-spacing:5px"><font size="3" color="#E9D6D8">◯ ◯ ◯ ◯ ◯ ◯ ◯ ◯ ◯ ◯ ◯</font></SPAN></center>
  370. </div>
  371.  
  372.  
  373. <BR>
  374. {/block:Posts}
  375.  
  376. <center>{block:HasTags}
  377. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  378. {block:RebloggedFrom}
  379. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  380. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  381. </center></span></center>
  382.  
  383. {block:PostNotes}
  384. <div id="notes">{PostNotes}</div>{/block:PostNotes}<center>{block:ContentSource}
  385. <br><a href="{SourceURL}">
  386. {lang:Source}:
  387. {block:SourceLogo}{PlayCountWithLabel}
  388. <img src="{BlackLogoURL}" width="{LogoWidth}"
  389. height="{LogoHeight}" alt="{SourceTitle}" />
  390. {/block:SourceLogo}
  391. {block:NoSourceLogo}
  392. {SourceLink}
  393. {/block:NoSourceLogo}
  394. </a>
  395. {/block:ContentSource}</center>
  396.  
  397. <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}
  398. {block:PermalinkPagination}
  399. {block:NextPost}<a href="{NextPost}">«</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}"> » </a>{/block:PreviousPost}{/block:PermalinkPagination}
  400. </center></div>
  401. <BR>
  402. <BR><BR>
  403. </div>
  404. </body>
  405. </html>
Advertisement
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!