API tools faq
paste
Advertisement
LeviathanThemes

A Length Of Rope

LeviathanThemes
Dec 5th, 2012
669
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Descripton}
  10. <link rel="shortcut icon" href="{Favicon}" />
  11.  
  12. <!----
  13.  
  14. THEME #003 - "A LENGTH OF ROPE" - BY LEVIATHAN
  15.  
  16.  
  17. PLEASE:
  18. - DO NOT STEAL
  19. - DO NOT USE AS A BASE
  20. - DO NOT REMOVE THE THEME CREDIT
  21.  
  22.  
  23. IF ANY PROBLEMS ARISE, FEEL FREE TO MESSAGE ME AT LEVIATHAN.TUMBLR.COM
  24.  
  25.  
  26. THANKS AND ENJOY c:
  27.  
  28. --->
  29.  
  30. <!-- DEFAULT VARIABLES -->
  31.  
  32. <meta name="color:background" content="#F7F7F7"/>
  33. <meta name="color:link" content="#848E8E"/>
  34. <meta name="color:link hover" content="#BDC9C9"/>
  35. <meta name="text:title" content="freedom is a length of rope"/>
  36. <meta name="text:link1" content="link 1"/>
  37. <meta name="text:link1 url" content=" "/>
  38. <meta name="text:link2" content="link 2"/>
  39. <meta name="text:link2 url" content=" "/>
  40. <meta name="text:link3" content="link 3"/>
  41. <meta name="text:link3 url" content=" "/>
  42. <meta name="text:link4" content="link 4"/>
  43. <meta name="text:link4 url" content=" "/>
  44.  
  45. <!-- END DEFAULT VARIABLES -->
  46.  
  47. <style type="text/css">
  48.  
  49. @import url(http://fonts.googleapis.com/css?family=Share:400,700);
  50. @import url(http://fonts.googleapis.com/css?family=Kristi);
  51.  
  52. iframe#tumblr_controls {
  53. right:3px !important;
  54. position: fixed !important;
  55. -webkit-transition: opacity 0.7s linear;
  56. opacity: 0.2;
  57. -webkit-transition: all 0.8s ease-out;
  58. -moz-transition: all 0.8s ease-out;
  59. transition: all 0.8s ease-out;
  60. }
  61.  
  62. body {
  63. background-color:{color:background};
  64. }
  65.  
  66. hr {
  67. border: 0;
  68. height: 0;
  69. border-top: 1px solid rgba(0, 0, 0, 0.1);
  70. border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  71. }
  72.  
  73. blockquote {
  74. margin:5px 10px;
  75. padding:5px;
  76. border-left:solid 3px #f8f8f8;
  77. }
  78.  
  79. blockquote p {
  80. margin:1px 0px;
  81. padding:0px;
  82. }
  83.  
  84. blockquote img {
  85. max-width:450px;
  86. }
  87.  
  88.  
  89. #outside {
  90. margin-left:100px;
  91. margin-bottom:70px;
  92. }
  93.  
  94. #posts {
  95. opacity:.8;
  96. width:500px;
  97. font-size:11px;
  98. font-family:cambria;
  99. padding:10px;
  100. background-color:white;
  101. margin-top:20px;
  102. color:#999999;
  103. border:solid #eee 1px;
  104. box-shadow:0px 0px 5px #eee;
  105. -webkit-transition: all 0.6s ease-in-out;
  106. -moz-transition: all 0.6s ease-in-out;
  107. -o-transition: all 0.6s ease-in-out;
  108. -ms-transition: all 0.6s ease-in-out;
  109. transition: all 0.6s ease-in-out;
  110. }
  111.  
  112. a, a:visited, a:active {
  113. text-decoration:none;
  114. color:{color:link};
  115. }
  116.  
  117. a:hover {
  118. color:{color:link hover};
  119. }
  120.  
  121. #music {
  122. margin-top:0px;
  123. }
  124.  
  125. #info {
  126. font-family:share;
  127. text-transform:uppercase;
  128. font-weight:normal;
  129. }
  130.  
  131. #posts:hover {
  132. -webkit-transition: all 0.6s ease-in-out;
  133. -moz-transition: all 0.6s ease-in-out;
  134. -o-transition: all 0.6s ease-in-out;
  135. -ms-transition: all 0.6s ease-in-out;
  136. transition: all 0.6s ease-in-out;
  137. }
  138.  
  139. #tags {
  140. width:510px;
  141. font-family:cambria;
  142. font-size:10px;
  143. padding:5px;
  144. margin-top:-30px;
  145. opacity:0;
  146. border:solid transparent 1px;
  147. text-align:center;
  148. -webkit-transition: all 0.6s ease-in-out;
  149. -moz-transition: all 0.6s ease-in-out;
  150. -o-transition: all 0.6s ease-in-out;
  151. -ms-transition: all 0.6s ease-in-out;
  152. transition: all 0.6s ease-in-out;
  153. }
  154.  
  155. #poasts:hover #tags {
  156. margin-top:0px;
  157. opacity:1;
  158. -webkit-transition: all 0.6s ease-in-out;
  159. -moz-transition: all 0.6s ease-in-out;
  160. -o-transition: all 0.6s ease-in-out;
  161. -ms-transition: all 0.6s ease-in-out;
  162. transition: all 0.6s ease-in-out;
  163. }
  164.  
  165. #poasts {
  166. width:510px;
  167. }
  168.  
  169. #posts img {
  170. max-width:500px;
  171. }
  172.  
  173. #note img {
  174. width:10px;
  175. position:relative;
  176. top:1px;
  177. }
  178.  
  179. ol#note, #note li {
  180. width:490px;
  181. list-style:none;
  182. margin:0px 0 -1px 5px;
  183. padding:0px;
  184. }
  185.  
  186. #note {
  187. width:500px;
  188. font-size:9px;
  189. font-family:calibri;
  190. margin-top:40px;
  191. margin-bottom:20px;
  192. color:#ababab;
  193. }
  194.  
  195. #next {
  196. position:fixed;
  197. left:720px;
  198. top:310px;
  199. font-family:calibri;
  200. text-align:center;
  201. width:100px;
  202. height:40px;
  203. font-size:30px;
  204. -webkit-transition: all 0.6s ease-in-out;
  205. -moz-transition: all 0.6s ease-in-out;
  206. -o-transition: all 0.6s ease-in-out;
  207. -ms-transition: all 0.6s ease-in-out;
  208. transition: all 0.6s ease-in-out;
  209. }
  210.  
  211.  
  212. #side:hover #next {
  213. position:fixed;
  214. top:370px;
  215. -webkit-transition: all 0.6s ease-in-out;
  216. -moz-transition: all 0.6s ease-in-out;
  217. -o-transition: all 0.6s ease-in-out;
  218. -ms-transition: all 0.6s ease-in-out;
  219. transition: all 0.6s ease-in-out;
  220. }
  221.  
  222. #question {
  223. padding:40px;
  224. text-align:center;
  225. }
  226.  
  227. #asker {
  228. font-size:14px;
  229. text-transform:uppercase;
  230. font-family:Share;
  231. }
  232.  
  233. #pic {
  234. margin-top:-25px;
  235. }
  236.  
  237. #from {
  238. text-align:right;
  239. font-family:cambria;
  240. text-transform:lowercase;
  241. font-size:14px;
  242. }
  243.  
  244. #link {
  245. font-family:cambria;
  246. font-size:20px;
  247. text-transform:lowercase;
  248. }
  249.  
  250. #side {
  251. position:fixed;
  252. left:700px;
  253. top:220px;
  254. width:140px;
  255. background-color:transparent;
  256. font-family:cambria;
  257. font-size:10px;
  258. color:#ababab;
  259. padding:5px;
  260. text-align:center;
  261. }
  262.  
  263. #side img {
  264. max-width:70px;
  265. float:left;
  266. opacity:.9;
  267. }
  268.  
  269. #linkz {
  270. position:absolute;
  271. right:-43px;
  272. top:70px;
  273. width:100px;
  274. margin-top:-60px;
  275. }
  276.  
  277. #linkz a {
  278. display:block;
  279. border:solid #eee 1px;
  280. width:50px;
  281. margin-bottom:4px;
  282. background-color:white;
  283. }
  284.  
  285. #top img {
  286. padding:5px;
  287. border:solid 1px #eee;
  288. background-color:white;
  289. }
  290.  
  291. #aboutz {
  292. opacity:0;
  293. margin-top:70px;
  294. margin-left:5px;
  295. width:120px;
  296. background-color:white;
  297. border:solid #eee 1px;
  298. padding:10px 5px;
  299. line-height:10px;
  300. -webkit-transition: all 0.6s ease-in-out;
  301. -moz-transition: all 0.6s ease-in-out;
  302. -o-transition: all 0.6s ease-in-out;
  303. -ms-transition: all 0.6s ease-in-out;
  304. transition: all 0.6s ease-in-out;
  305. }
  306.  
  307. #side:hover #aboutz {
  308. opacity:1;
  309. margin-top:90px;
  310. -webkit-transition: all 0.6s ease-in-out;
  311. -moz-transition: all 0.6s ease-in-out;
  312. -o-transition: all 0.6s ease-in-out;
  313. -ms-transition: all 0.6s ease-in-out;
  314. transition: all 0.6s ease-in-out;
  315. }
  316.  
  317. #free {
  318. position:fixed;
  319. left:710px;
  320. top:185px;
  321. width:200px;
  322. font-family:kristi;
  323. font-size:20px;
  324. transform: rotate(-4deg);
  325. -webkit-transform: rotate(-4deg);
  326. -moz-transform: rotate(-4deg)
  327. }
  328.  
  329. #credit {
  330. position:fixed;
  331. right:15px;
  332. bottom:15px;
  333. font-family:calibri;
  334. font-size:11px;
  335. }
  336.  
  337. ::selection {
  338. background: #BDC9C9;
  339. color: #ffffff;
  340. }
  341.  
  342. ::-moz-selection {
  343. background: #BDC9C9;
  344. color: #ffffff;
  345. }
  346.  
  347.  
  348. </style>
  349.  
  350. </head>
  351.  
  352. <body>
  353.  
  354. <div id="free">
  355. <a href="/">
  356. {text:title}
  357. </a>
  358. </div>
  359.  
  360. <!--begin main stuff -->
  361.  
  362.  
  363.  
  364. <div id="side">
  365.  
  366. <div id="top">
  367. <img src="{PortraitURL-96}">
  368.  
  369. </div>
  370.  
  371.  
  372. <span id="linkz"><a href="{text:link1 url}">{text:link1}</a>
  373. <a href="{text:link2 url}">{text:link2}</a>
  374. <a href="{text:link3 url}">{text:link3}</a>
  375. <a href="{text:link4 url}">{text:link4}</a></span>
  376. <div id="aboutz">
  377. {description}
  378.  
  379. </div>
  380.  
  381.  
  382. <div id="next">
  383. {block:Pagination}
  384. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}">+</a>
  386. {/block:NextPage}
  387. {/block:Pagination}
  388. </div>
  389.  
  390. </div>
  391.  
  392.  
  393.  
  394. <div id="outside">
  395.  
  396. {block:Posts}
  397.  
  398. <div id="poasts">
  399.  
  400. <div id="posts">
  401.  
  402. {block:Text}
  403. {block:Title}<h1>{Title}</h1>{/block:Title}
  404. {Body}
  405. {/block:Text}
  406.  
  407. {block:Photo}
  408. <img src="{PhotoURL-500}" />
  409. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  410. {/block:Photo}
  411.  
  412. {block:Photoset}
  413. {Photoset-500}
  414. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  415. {/block:Photoset}
  416.  
  417. {block:Quote}<div id="quote">
  418. {Quote}</div>
  419. <div id="from">
  420. {block:Source}- {Source}{/block:Source}</div>
  421. {/block:Quote}
  422.  
  423. {block:Link}
  424. <div id="link"><a href="{URL}" target="{Target}">{Name}</a></div>
  425. {block:Description}{Description}{/block:Description}
  426. {/block:Link}
  427.  
  428. {block:Chat}
  429. {block:Title}<h1>{Title}</h1>{/block:Title}
  430. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  431. {/block:Chat}
  432.  
  433. {block:Audio}<div id="music">{AudioPlayerWhite}</div>
  434. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  435. {/block:Audio}
  436.  
  437. {block:Video}
  438. {Video-500}
  439. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  440. {/block:Video}
  441.  
  442. {block:Answer}<div id="question"><div id="asker">{Asker} asked:</div>{Question}<br><br>
  443. <div id="ask"><hr><div id="pic"><img src="{AskerPortraitURL-40}"></div></div></div>
  444. {Answer}
  445. {/block:Answer}
  446.  
  447. </div>
  448.  
  449.  
  450.  
  451. <div id="tags">
  452.  
  453.  
  454. <div id="info">{block:RebloggedFrom}<a href="{ReblogParentURL}">via </a>- {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©</a> - {/block:ContentSource}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} - <a href="{ReblogURL}">reblog</a></div>
  455.  
  456. {block:Tags}
  457. <a href="{TagURL}">#{Tag} </a>
  458. {/block:Tags}
  459.  
  460. </div>
  461.  
  462. </div>
  463.  
  464.  
  465.  
  466. {block:PermalinkPage}
  467. {block:PostNotes}
  468. <div id="note">{PostNotes}</div>
  469. {/block:PostNotes}
  470. {block:PermalinkPage}
  471. {/block:Posts}
  472.  
  473. </div>
  474.  
  475.  
  476. <div id="credit"><a href="http://leviathan.tumblr.com/">THEME CREDIT</a>
  477. </div>
  478.  
  479. <!-- end main stuff -->
  480. </body>
  481. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!