Advertisement
Guest User

ruins

a guest
Jun 15th, 2014
2,643
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.94 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com for public use-----DON'T REMOVE CREDIT--->    
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Text" content="#838282"/>
  11. <meta name="color:Link" content="#b8b8b8"/>
  12. <meta name="image:sidebar" content=""/>
  13. <meta name="image:sidebar2" content=""/>
  14. <meta name="image:sidebar3" content=""/>
  15. <meta name="color:firstcolor" content="#b8b8b8"/>
  16. <meta name="color:secondcolor" content="#b8b8b8"/>
  17. <meta name="color:thirdcolor" content="#b8b8b8"/>
  18. <meta name="text:name" content="" />
  19. <meta name="text:age" content="" />
  20. <meta name="text:location" content="" />
  21. <meta name="color:bio color" content="#dadada"/>
  22. <meta name="color:name color" content="#dadada"/>
  23. <meta name="color:age color" content="#dadada"/>
  24.  
  25.  
  26.  
  27.  
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 1 Text" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 2 Text" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 3 Text" content="" />
  34.  
  35.  
  36. <meta name="text:watching" content="" />
  37. <meta name="text:reading" content="" />
  38. <meta name="text:listening" content="" />
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  46.  
  47. ::-webkit-scrollbar {
  48.  
  49. width: 4px;
  50. height: 3px; background: #FAFAFA;
  51. }
  52. ::-webkit-scrollbar-thumb {background-color:#D6D5D5; ;}
  53.  
  54.  
  55. body {
  56. background:{color:background};
  57. margin:0px;
  58. color:{color:text};
  59. font-family:Calibri;
  60. font-size:10px;
  61. line-height:100%;
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. outline:none;
  67. -moz-outline-style:none;
  68. color:{color:link};
  69. }
  70.  
  71. img {
  72. border:none;
  73. }
  74.  
  75. blockquote {
  76. padding-left:5px;
  77. border-left:2px solid;
  78. }
  79.  
  80. blockquote blockquote {
  81. padding-left:5px;
  82. border-left:2px solid;
  83. }
  84.  
  85. h1 {
  86. font-size:15px;
  87. }
  88.  
  89. #entries {
  90.  
  91. padding:10px;
  92. width:500px;
  93. margin-left:530px;
  94. margin-top:40px;
  95. bottom:-40px;
  96. }
  97.  
  98. #post {
  99. width:500px;
  100.  
  101. }
  102.  
  103. #sidebar {
  104. width:250px;
  105. position:Fixed;
  106. margin-left:190px;
  107. margin-top:180px;
  108. }
  109.  
  110. #title {
  111. opacity:0;
  112. font-size:15px;
  113. text-align:center;
  114. margin-bottom:5px;
  115. }
  116.  
  117. #alerts {
  118. margin-top:10px;
  119. position:fixed;
  120. }
  121.  
  122. #alert1 {
  123. opacity:0;
  124. font-family:calibri;
  125. text-transform:uppercase;
  126. font-size:9px;
  127. letter-spacing:1px;
  128. color:{color:firstcolor};
  129. font-weight:bold;
  130. margin-top:-10px;
  131. -webkit-transition: all 0.5s ease-out;
  132. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  133. }
  134.  
  135.  
  136.  
  137. #alert2 {
  138. opacity:0;
  139. font-family:calibri;
  140. text-transform:uppercase;
  141. font-size:9px;
  142. letter-spacing:1px;
  143. color:{color:secondcolor};
  144. margin-left:79px;
  145. font-weight:bold;
  146. margin-top:-10px;
  147. -webkit-transition: all 0.5s ease-out;
  148. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  149. }
  150.  
  151. #alert3 {
  152. opacity:0;
  153. font-family:calibri;
  154. text-transform:uppercase;
  155. font-size:9px;
  156. letter-spacing:1px;
  157. color:{color:thirdcolor};
  158. margin-left:159px;
  159. font-weight:bold;
  160. margin-top:-10px;
  161. -webkit-transition: all 0.5s ease-out;
  162. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  163. }
  164.  
  165. #sidebar:hover #alert1 {
  166. opacity:1;
  167. -webkit-transition: all 0.5s ease-out;
  168. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  169. }
  170. #sidebar:hover #alert2 {
  171. opacity:1;
  172. -webkit-transition: all 0.5s ease-out;
  173. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  174. }
  175. #sidebar:hover #alert3 {
  176. opacity:1;
  177. -webkit-transition: all 0.5s ease-out;
  178. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  179. }
  180.  
  181.  
  182. #sidebarimage {
  183. width 250px;
  184.  
  185. }
  186.  
  187. #sidebarimage img {
  188. width:200px;
  189. margin-top:-19px;
  190. margin-left:20px;
  191.  
  192. }
  193.  
  194.  
  195. #borders {
  196. margin-top:10px;
  197. margin-left:2px;
  198. position:fixed;
  199. }
  200.  
  201. #firstcolor {
  202. z-index:1;
  203. margin-left:-6px;
  204. width:80px;
  205. height:5px;
  206. position:fixed;
  207. background:{color:firstcolor};
  208. ;-webkit-transition: all 0.8s ease-out;
  209. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  210. }
  211.  
  212. #firstcolor:hover {
  213. height:117px;
  214. ;-webkit-transition: all 0.8s ease-out;
  215. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  216. }
  217.  
  218. #secondcolor {
  219. width:80px;
  220. height:5px;
  221. margin-left:74px;
  222. position:fixed;
  223. background:{color:secondcolor};
  224. ;-webkit-transition: all 0.8s ease-out;
  225. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  226. }
  227.  
  228. #secondcolor:hover {
  229. height:180px;
  230. ;-webkit-transition: all 0.8s ease-out;
  231. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  232.  
  233. }
  234.  
  235.  
  236. #thirdcolor {
  237.  
  238. width:80px;
  239. height:5px;
  240. margin-left:154px;
  241. position:fixed;
  242. background:{color:thirdcolor};
  243. }
  244.  
  245. #description {
  246. padding:5px;
  247. text-align:center;
  248. }
  249.  
  250. #bio {
  251.  
  252. font-size:9px;
  253. font-family:helvetica;
  254. word-spacing:2px;
  255. line-height:120%;
  256. color:{color:bio color};
  257. text-align:center;
  258. margin-top:25px;
  259. margin-left:-1px;
  260. width:230px;
  261.  
  262.  
  263. }
  264.  
  265. #links {
  266. opacity:0;
  267. z-index:2;
  268. display:block;
  269. padding: 3px;
  270. font-family:'calibri';
  271. text-align:center;
  272. margin-top:2px;
  273. margin-left:5px;
  274. text-align:center;
  275. text-transform:uppercase;
  276. word-spacing:2px;
  277. position:fixed;
  278. padding-bottom:7px;
  279. ;-webkit-transition: all 0.8s ease-out;
  280. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  281. }
  282.  
  283. #firstcolor:hover #links {
  284. opacity:1;
  285. ;-webkit-transition: all 0.8s ease-out;
  286. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  287. }
  288.  
  289. #links a {
  290.  
  291. margin-top:3px;
  292. display:block;
  293. width:55px;
  294. font-weight:bold;
  295. border:2px solid #fff;
  296. padding:2px;
  297. color:#fff;
  298. font-size: 9px;
  299. ;-webkit-transition: all 0.8s ease-out;
  300. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  301. }
  302.  
  303. #links a:hover {
  304. background:#fff;
  305. color:{color:firstcolor};
  306. ;-webkit-transition: all 0.8s ease-out;
  307. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  308. }
  309.  
  310.  
  311. #updates {
  312.  
  313. padding:3px;
  314. height:117px;
  315. z-index:2;
  316. color:#fff;
  317. font-family:helvetica;
  318. font-size:9px;
  319. text-align:left;
  320. opacity:0;
  321. ;-webkit-transition: all 0.8s ease-out;
  322. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  323. }
  324.  
  325.  
  326. #secondcolor:hover #updates {
  327. opacity:1;
  328. ;-webkit-transition: all 0.8s ease-out;
  329. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  330.  
  331. }
  332.  
  333. #pagination {
  334.  
  335. background-color:{color:background};
  336. z-index:10000;
  337. padding-top:10px;
  338. padding-bottom:10px;
  339. width:500px;
  340. font-size:10px;
  341. color:{color:bio color};
  342. text-align:center;
  343. bottom:-1px;
  344. margin-left:350px;
  345. position:fixed;
  346. font-family:baskerville
  347. letter-spacing:0px;
  348. ;-webkit-transition: all 0.8s ease-out;
  349. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  350.  
  351. }
  352.  
  353.  
  354. #pagination:first-letter {
  355. background:{color:firstcolor};
  356. padding-left:4px;
  357. padding-right:4px;
  358. padding-top:2px;
  359. padding-bottom:2px;
  360. color:#fff;
  361. }
  362.  
  363. #pagination a:hover {
  364. ;-webkit-transition: all 0.8s ease-out;
  365. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  366.  
  367. text-decoration:underline;
  368. }
  369.  
  370. #info {
  371. text-align:center;
  372. margin-top:10px;
  373. text-transform:uppercase;
  374. font-size:9px;
  375. font-style:none;
  376. border-top:1px solid #eee;
  377. }
  378.  
  379. #tags {
  380. margin-top:8px;
  381. text-align:right;
  382. text-transform:lowercase;
  383. font-size:8px;
  384. font-style:normal;
  385. letter-spacing:0px;
  386. font-family:cambria;
  387. opacity: 0;
  388. -webkit-transition: all 0.6s ease-in-out;
  389. -moz-transition: all 0.6s ease-in-out;
  390. -o-transition: all 0.6s ease-in-out;
  391. -ms-transition: all 0.6s ease-in-out;
  392. transition: all 0.6s ease-in-out;
  393. }
  394.  
  395.  
  396. #tags a {
  397. padding:3px;
  398. background-color:#eee;
  399. display:inline;
  400. text-align:left;
  401. -webkit-transition: all 0.5s ease-in-out;
  402. -moz-transition: all 0.5s ease-in-out;
  403. transition: all 0.5s ease-in-out;
  404. }
  405.  
  406. #post:hover #tags {
  407. opacity:1;
  408. -webkit-transition: all 0.5s ease-in-out;
  409. -moz-transition: all 0.5s ease-in-out;
  410. transition: all 0.5s ease-in-out;
  411. }
  412.  
  413.  
  414. #asker {
  415. float:left;
  416. margin-right:5px;
  417. }
  418.  
  419. {CustomCSS}</style></head><body>
  420.  
  421. <div id="sidebar">
  422.  
  423.  
  424.  
  425. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  426.  
  427. <div id="alerts">
  428. <div id="alert1">links</div>
  429. <div id="alert2">updates</div>
  430. <div id="alert3">credit</div>
  431. </div>
  432.  
  433. <div id="borders">
  434.  
  435. <div id="firstcolor"></a>
  436.  
  437. <div id="links">
  438. <a href="">home</a>
  439. <a href="/ask">ask</a>
  440. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  441. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  442. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  443. </div>
  444. </div>
  445.  
  446. <div id="secondcolor">
  447. <div id="updates">
  448. <updates style="font-size:13px;font-family:arial;letter-spacing:-1px;font-weight:bold;border-bottom:0px solid#fff;padding-bottom:1px;">watching:</updates>
  449. {text:watching}
  450. <p>
  451. <updates style="font-size:13px;font-family:arial;letter-spacing:-1px;font-weight:bold;border-bottom:0px solid#fff;padding-bottom:1px;">reading:</updates>
  452. {text:reading}
  453. <p>
  454. <updates style="font-size:13px;font-family:arial;letter-spacing:-1px;font-weight:bold;border-bottom:0px solid#fff;padding-bottom:1px;">listening:</updates>
  455. {text:listening}
  456. </div>
  457. </div>
  458.  
  459. <a href="http://slutjensen.tumblr.com"><div id="thirdcolor"></div></a>
  460.  
  461. </div>
  462.  
  463.  
  464.  
  465. <div id="bio">
  466.  
  467. <description style="font-family:arial;font-weight:bold;letter-spacing:-1px;color:{color:firstcolor};font-size:15px;word-spacing:0px;">+ {text:name},</description>
  468. <description style="font-family:arial;font-weight:bold;letter-spacing:-1px;color:{color:secondcolor};font-size:12px;">{text:age},</description>
  469. <description style="font-family:arial;font-weight:bold;letter-spacing:-1px;color:{color:thirdcolor};font-size:15px;word-spacing:-1px;">{text:location} ;</description>
  470.  
  471. {Description}
  472.  
  473. </div>
  474.  
  475.  
  476.  
  477. {block:Pagination}<div id="pagination">
  478. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  479. {block:JumpPagination length="10"}
  480. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  481. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  482. {/block:JumpPagination}
  483. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  484. </div>{/block:Pagination}
  485. </div>
  486.  
  487. </div>
  488.  
  489. <div id="entries">{block:Posts}
  490. {block:ContentSource}
  491. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  492. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  493. {/block:SourceLogo}
  494. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  495. {/block:ContentSource}
  496.  
  497. <div id="post">
  498.  
  499. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  500.  
  501. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  502.  
  503. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  504.  
  505. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  506.  
  507. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  508.  
  509. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  510.  
  511. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  512.  
  513. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  514.  
  515. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  516.  
  517. <div id="info">
  518. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  519. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  520. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  521. <div id="tags">
  522. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  523.  
  524. </div>
  525. {block:PostNotes}{PostNotes}{/block:PostNotes}
  526. {/block:Posts}</div>
  527.  
  528. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement