API tools faq
paste
Advertisement
mayacolucci

RUNAWAYS

mayacolucci
Jun 21st, 2015
1,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. Theme 5 http://lukesos.tumblr.com/
  7. DON'T REMOVE THE CREDITS!
  8.  
  9. --->
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#444444"/>
  19. <meta name="color:Headline" content="#444444"/>
  20. <meta name="color:Link" content="#444444"/>
  21. <meta name="color:Scrollbar" content="#d7d6d6"/>
  22. <meta name="color:Link Hover" content="#cccccc"/>
  23.  
  24.  
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27. <meta name="text:Link 1 URL" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 URL" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 URL" content="" />
  32. <meta name="text:Link 3" content="" />
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37. ::-webkit-scrollbar {background-color:#ffffff; height:8px; width:7px}
  38. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  39. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px}
  40.  
  41.  
  42.  
  43. blockquote {
  44. padding-left:15px;
  45. margin:0px 10px 0px 5px;
  46. border-left:1px solid #f4f4f4;
  47. max-width:400px!important;
  48. }
  49.  
  50. body {
  51. background:{color:background};
  52. color:{color:text};
  53. font-family:helvetica;
  54. font-size:11px;
  55. margin:0;
  56. line-height:16px;
  57. }
  58.  
  59. a {
  60. color:{color:link};
  61. text-decoration:none;
  62. -moz-transition-duration:0.4s;
  63. -webkit-transition-duration:0.4s;
  64. -o-transition-duration:0.4s;
  65. }
  66.  
  67. a:hover {
  68. color:{color:link hover};
  69. text-decoration:none;
  70. -moz-transition-duration:0.4s;
  71. -webkit-transition-duration:0.4s;
  72. -o-transition-duration:0.4s;
  73. }
  74.  
  75. img {
  76. opacity:1;
  77. border:none;
  78. text-decoration:none
  79. }
  80.  
  81. small {
  82. font-size:9px;}
  83.  
  84. big {
  85. font-size:12px;}
  86.  
  87. #title {
  88. font-size:12px;
  89. font-weight:bold;
  90. line-height:20px;
  91. margin-bottom:10px;
  92. color:{color:headline};
  93. text-align:left;
  94. width:400px;
  95. text-transform:uppercase;
  96. }
  97.  
  98. #sidebar {
  99. text-align:left;
  100. position:fixed;
  101. margin-left:-70px;
  102. margin-top:150px;
  103. width:150px;
  104. }
  105.  
  106. #sidebarim {
  107. margin-bottom:18px;
  108. }
  109.  
  110. #sidebarim img {
  111. width:150px;
  112. }
  113.  
  114. #links {
  115. width:250px;
  116. margin-top:20px;
  117. }
  118.  
  119. #links a {
  120. padding:5px 20px 10px 20px;
  121. display:block;
  122. width:150px;
  123. word-spacing:10px;
  124. font-family:arial;
  125. font-size:10px;
  126. text-transform:uppercase;
  127. }
  128.  
  129. #links a:hover {
  130. margin-left:10px;
  131. -webkit-transition:all 0.5s;
  132. -moz-transition:all 0.5s;
  133. -ms-transition:all 0.5s;
  134. -o-transition:all 0.5s;
  135. transition:all 0.5s;
  136. }
  137.  
  138. #description {
  139. margin-top:8px;
  140. text-align:left;
  141.  
  142. }
  143.  
  144. #pagination {
  145. margin-top:10px;
  146. margin-left:-2px;
  147. font-size:14px;
  148. padding:10px;
  149. text-align: center;
  150. }
  151.  
  152. #pagination a {
  153. font-family:helvetica;
  154. margin-left:5px;
  155. margin-right:8px;
  156. }
  157.  
  158. #con {
  159. left:50%;
  160. margin-left:-270px;
  161. margin-top:-30px;
  162. position:absolute;
  163. }
  164.  
  165. #entries {
  166. margin-top:100px;
  167. margin-left:200px;
  168. margin-bottom:10px;
  169. width:400px;
  170. }
  171.  
  172. #blogt {
  173. color:{color:text};
  174. display:inline-block;
  175. margin-top:-10px;
  176. font-family:arial;
  177. font-weight:bold;
  178. font-size:12px;
  179. text-transform:uppercase;
  180. }
  181.  
  182. #blogt a:hover {
  183. color:{color:linkhover};
  184. }
  185.  
  186.  
  187. #posts {
  188. width:400px;
  189. {block:IndexPage}
  190. margin-bottom:65px;
  191. {/block:IndexPage}
  192. {block:PermalinkPage}
  193. margin-bottom:50px;
  194. {/block:PermalinkPage}
  195. }
  196.  
  197. #posts img {
  198. max-width:400px;
  199. }
  200.  
  201. #posts img, #posts li, #posts blockquote {
  202. max-width: 100%;
  203. }
  204.  
  205. .caption {
  206. width:100%;
  207. margin-top:10px;
  208. }
  209.  
  210. #titlequote{
  211. text-align:justify;
  212. margin:0px 15px 15px 15px;
  213. font-size:12px;
  214. line-height:17px;
  215. font-weight:bold;
  216. text-transform:normal;
  217. }
  218.  
  219. #source {
  220. margin:0px 15px 15px 15px;
  221. text-align:left;
  222. line-height:17px;
  223. width:400px;
  224. }
  225.  
  226. #askbox {
  227. height:auto;
  228. min-height:48px;
  229. }
  230.  
  231. .pic {
  232. width:48px;
  233. height:48px;
  234. }
  235.  
  236. .pic img {
  237. width:48px;
  238. height:48px;
  239. float:left;
  240. }
  241.  
  242. .question {
  243. background:transparent;
  244. padding:13px;
  245. font-style:none;
  246. min-height:48px;
  247. margin-left:50px;
  248. margin-top:-63px;
  249. }
  250.  
  251. .asker {
  252. font-weight:bold;
  253. }
  254.  
  255. .answer {
  256. padding-bottom:4px;
  257. }
  258.  
  259. /*audio*/
  260.  
  261. .playerbutton {
  262. position:relative;
  263. width:25px;
  264. height:25px;
  265. overflow:hidden;
  266. }
  267.  
  268. .playerbuttonhug {
  269. position:absolute;
  270. top:-10px;
  271. left:2px;
  272. }
  273.  
  274. .tumblr_audio_player {
  275. height:48px;
  276. width:{select:post width}px;
  277. z-index:1;
  278. }
  279.  
  280. .playerbuttonbg {
  281. position:absolute;
  282. width:30px;
  283. height:30px;
  284. background-color:#fff;
  285. padding:10px;
  286. opacity:0;
  287. margin-top:0px;
  288. margin-left:12px;
  289. -moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;
  290. transition-duration: 0.4s;z-index:1;
  291. }
  292.  
  293. .playerbuttonbg:hover {
  294. opacity:0.8;
  295. -moz-transition-duration: 0.4s;
  296. -o-transition-duration: 0.4s;
  297. -webkit-transition-duration: 0.4s;
  298. transition-duration: 0.4s;
  299. }
  300.  
  301. .trackdetails {
  302. display:inline-block;
  303. margin-left:70px;
  304. font-size:7px;
  305. letter-spacing:1px;
  306. text-transform:uppercase;
  307. padding:5px;margin-top:-3px;
  308. background:transparent;
  309. z-index:1;
  310. }
  311.  
  312. .audioimgwrapper {
  313. position: absolute;
  314. padding:0px;
  315. margin-left:15px;
  316. margin-top: 15px;
  317. overflow: hidden;
  318. width:48px;
  319. height:48px;
  320. z-index:1;}
  321.  
  322. .audioimgwrapper img {
  323. width: 100%;
  324. height: auto;
  325. }
  326.  
  327. .audiowrapper {
  328. position:relative;
  329. display:inline-block;
  330. background:#fafafa;
  331. padding:15px 0px 15px 0px;
  332. width:{select:post width}px;
  333. }
  334.  
  335. /*endaudio*/
  336.  
  337. .chat ol {
  338. padding:0;
  339. list-style:none;
  340. }
  341. .line {padding:5px 0;}
  342.  
  343. .label {font-weight:bold;
  344. }
  345.  
  346. #permalink {
  347. margin-top:7px;
  348. font-size:9px;
  349. padding-left:3px;
  350. color:{color:text};
  351. text-transform:uppercase;
  352. }
  353.  
  354. #permalink a {
  355. margin-right:2px;
  356. }
  357.  
  358. #permalink a:hover {
  359. color:{color:link hover};
  360. }
  361.  
  362. #tags {
  363. margin-left:0px;
  364. font-size:9px;
  365. text-transform:none;
  366. }
  367.  
  368. #tags a {
  369. letter-spacing:0px;
  370. padding:3px;
  371. }
  372.  
  373. #tags a:hover {
  374. color:{color:link hover};
  375. text-decoration:none;
  376. }
  377.  
  378. .pagenotes {
  379. {block:IndexPage}
  380. display: none!important;
  381. {/block:IndexPage}
  382. width:400px;
  383. text-align:left;
  384. }
  385.  
  386. .pagenotes img {
  387. display:none!important;}
  388. .pagenotes li {
  389. list-style-type:none;
  390. padding:5px 0px;
  391. text-align:left;
  392. margin:0 0 0 -40px;
  393. }
  394.  
  395. #credit {
  396. position:fixed;
  397. right:8px;
  398. bottom:5px;
  399. text-transform:uppercase;
  400. font-size:15px;
  401. }
  402.  
  403. #c a:hover {
  404. color:#fff;
  405. }
  406.  
  407. {CustomCSS}
  408.  
  409. </style></head>
  410.  
  411. <body>
  412.  
  413. <div id="con">
  414.  
  415. <div id="sidebar">
  416.  
  417. <div id="sidebarim">
  418. <a href="/"><img src="{image:sidebar}"></a>
  419. </div>
  420. <div id="blogt"><a href="/">{Title}</a></div>
  421. <div id="description">{description}</div>
  422.  
  423. <div id="links">
  424. <a href="/">home</a>
  425. <a href="/ask">message</a>
  426. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  427. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  428. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  429. </div>
  430.  
  431.  
  432. </div>
  433.  
  434.  
  435. <div id="entries"> {block:Posts}
  436.  
  437. <div id="posts">
  438.  
  439.  
  440. {block:Quote}
  441.  
  442.  
  443. <div id="titlequote">{Quote}</div>
  444. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  445. {/block:Quote}
  446.  
  447.  
  448.  
  449. {block:Text}
  450.  
  451. {block:Title}
  452. <div id="title">{Title}</div>{/block:Title}
  453. {Body}
  454. {/block:Text}
  455.  
  456. {block:Link}
  457. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  458. {/block:Link}
  459.  
  460. {block:Chat}
  461. {block:Title}
  462. <div id="title">{Title}</div>
  463. {/block:Title}
  464. <div class="chat">
  465. <ol>{block:Lines}
  466. <li class="line {Alt}">
  467. {block:Label}
  468. <span class="label">
  469. {Label}</span>
  470. {/block:Label}{Line}</li>
  471. {/block:Lines}
  472. </ol></div>
  473. {/block:Chat}
  474.  
  475. {block:Photo}
  476. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. {Photoset-400}
  481. {/block:Photoset}
  482.  
  483. {block:Video}
  484. {Video-400}
  485. {/block:Video}
  486.  
  487. {block:Answer}<div id="asker">{Asker} said → </span>{Question}</div><left>
  488. {Answer}</font>{/block:Answer}
  489.  
  490. {block:Audio}
  491. {block:AudioPlayer}
  492. {block:AlbumArt}
  493. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  494. {/block:AlbumArt}
  495.  
  496. <div class="audiowrapper">
  497. <div class="playerbuttonbg">
  498. <div class="playerbutton">
  499. <div class="playerbuttonhug">
  500. {AudioPlayerWhite}
  501. </div></div></div>
  502.  
  503. <div class="trackdetails">
  504. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}<br>
  505. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}<br>
  506. <b>plays:</b> {FormattedPlayCount}</div></div>
  507. {/block:AudioPlayer}
  508. {/block:Audio}
  509.  
  510. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  511.  
  512. <div style="border-bottom:1px solid #eeeeee;margin-top:15px"></div>
  513.  
  514. {block:Date}<div id="permalink">
  515. <span style="font-weight:bold;"><a href="{Permalink}">
  516. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  517. {/block:Date}
  518. </span>
  519. &nbsp;&nbsp;
  520. <a href="{Permalink}">+{NoteCount}</a>
  521. &nbsp;&nbsp;
  522.  
  523. <a href="{ReblogURL}" target="_blank" class="details">↺</a>
  524.  
  525. <font style="float:right">
  526. {block:RebloggedFrom}
  527. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  528. {block:ContentSource}
  529. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">/ src</a>
  530. {/block:ContentSource}
  531. {/block:RebloggedFrom}
  532. </font style>
  533.  
  534. {block:HasTags}<div id="tags">
  535. {block:Tags}
  536. <a href="{TagUrl}">#{Tag}</a>
  537. {/block:Tags}
  538. </div>{/block:HasTags}
  539.  
  540.  
  541.  
  542. </div>
  543.  
  544. {/block:Date}
  545.  
  546.  
  547.  
  548. </div>
  549.  
  550.  
  551. {block:PostNotes}
  552. <div class="pagenotes">
  553. {PostNotes}
  554. </div>
  555. {/block:PostNotes}
  556.  
  557.  
  558. {/block:Posts}
  559.  
  560. <div id="pagination">
  561. {block:Pagination}
  562. {block:PreviousPage}
  563. <a href="{PreviousPage}" title="" >←</a>
  564. {/block:PreviousPage}
  565.  
  566.  
  567. {block:NextPage}
  568. <a href="{NextPage}" title="" >→</a>
  569. {/block:NextPage}
  570. {/block:Pagination}
  571. </div>
  572.  
  573.  
  574. </div>
  575.  
  576. </div>
  577.  
  578. <div id="credit">
  579. <a href="http://lukesos.tumblr.com/">✚</a>
  580. </div>
  581.  
  582. {block:ContentSource}
  583. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  584. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  585. {/block:SourceLogo}
  586. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  587. {/block:ContentSource}
  588.  
  589. {block:ReblogParentUrl}
  590. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  591. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  592. {/block:SourceLogo}
  593. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  594. {/block:ReblogParentUrl}
  595.  
  596. </body></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!