API tools faq
paste
Advertisement
colinfirth

corsicana

colinfirth
Jul 11th, 2014
7,234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "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.  
  5. <!------------------------
  6. corsicana theme by mayahansens.tumblr.com
  7. do not copy, claim as your own, use as a base, or remove credit.
  8. be chill.
  9. ------------------------>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <!-- default variables -->
  15.  
  16. <meta name="color:background" content="#ffffff">
  17. <meta name="color:title" content ="#111111">
  18. <meta name="color:bodytext" content="#111111">
  19. <meta name="color:tagslink" content="#333333">
  20. <meta name="color:tagslinkhover" content="#aaaaaa">
  21. <meta name="color:link" content="#b8b8b8">
  22. <meta name="color:linkhover" content="#f2f2f2">
  23. <meta name="color:highlight" content="#f6f6f4">
  24.  
  25.  
  26.  
  27. <meta name="text:link 1 url" content="" />
  28. <meta name="text:link 1 title" content="" />
  29. <meta name="text:link 2 url" content="" />
  30. <meta name="text:link 2 title" content="" />
  31. <meta name="text:link 3 url" content="" />
  32. <meta name="text:link 3 title" content="" />
  33. <meta name="text:link 4 url" content="" />
  34. <meta name="text:link 4 title" content="" />
  35.  
  36.  
  37.  
  38. <script type="text/javascript" src="http://laura-schmal.de/data/tumblr/lightbox/js/jquery-1.7.2.min.js"></script>
  39.  
  40. <!-- tooltip script -->
  41. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:200,
  48. tip_fade_speed:300
  49. }
  50. );
  51. });
  52. })(jQuery);
  53. </script>
  54. <!-- CSS -->
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar {width:6px; height: 6px; background:#fff;}
  59. ::-webkit-scrollbar-corner { background: #111;}
  60. ::-webkit-scrollbar-thumb:vertical {background: #111;}
  61. ::-webkit-scrollbar-thumb:horizontal {background: #111;}
  62.  
  63.  
  64. #s-m-t-tooltip {
  65. z-index:999;
  66. max-width:300px;
  67. margin:15px 0px 0px 15px;
  68. text-transform: lowercase;
  69. font-family: helvetica;
  70. font-size: 9px;
  71. color:#333;
  72. background: {color:highlight};
  73. border: 1px double #eee;
  74. padding:5px;
  75. }
  76.  
  77. body {
  78. margin:0px;
  79. padding:0px;
  80. width:auto;
  81. font-size: 9px;
  82. color:{color:bodytext};
  83. background:{color:background};
  84. }
  85.  
  86. #entry {
  87. padding-top: 25px;
  88. line-height: 150%;
  89. margin: auto;
  90. position: absolute;
  91. width: 500px;
  92. font-family: helvetica;
  93. font-size: 9px;
  94. }
  95.  
  96. .post {
  97. margin-top: 25px;
  98. margin-left: 50px;
  99. float:center;
  100. overflow:hidden;
  101. text-align:justify;
  102. padding-top: 25px;
  103. padding-bottom: 50px;
  104. width:500px;
  105. overflow:hidden;
  106. padding-right: 5px;
  107. }
  108.  
  109. .post img {
  110. width: 100%;
  111. }
  112.  
  113. iframe.photoset {
  114. width:500px;
  115. }
  116.  
  117. #container {
  118. position:absolute;
  119. left:50%;
  120. margin-left:-120px;
  121. }
  122.  
  123. a {
  124. text-decoration:none;
  125. color:{color:link};
  126. -webkit-transition: all 0.5s ease-in-out;
  127. -moz-transition: all 0.5s ease-in-out;
  128. -o-transition: all 0.5s ease-in-out;
  129. -ms-transition: all 0.5s ease-in-out;
  130. transition: all 0.5s ease-in-out;
  131. }
  132. a:hover {
  133. color:{color:linkhover};
  134. }
  135.  
  136. .caption {
  137. width:470px;
  138. text-align:justify;
  139. margin-top: 20px;
  140. margin-bottom: 2px;
  141. font-family: helvetica;
  142. display:block;
  143. background:#fff;
  144. padding: 10px 15px 10px 15px;
  145.  
  146. }
  147. .caption img {
  148. max-width:100%;
  149. }
  150.  
  151. blockquote {
  152. padding-left:20px;
  153. border-left:1px solid #aaa;
  154. }
  155.  
  156.  
  157.  
  158. /* sidebar, title, and description in sidebar */
  159.  
  160. #sidebar {
  161. position:fixed;
  162. padding-right: 30px;
  163. text-align:left;
  164. width: 275px;
  165. margin-top: 215px;
  166. z-index:1;
  167. margin-left:-360px;
  168. }
  169.  
  170.  
  171. #sidelinks {
  172. font-family: helvetica;
  173. font-size: 9px;
  174. letter-spacing: 1px;
  175. text-transform: lowercase;
  176. font-weight: 100;
  177. width: 275px;
  178. text-align: right;
  179. padding-top: 45px;
  180. padding-bottom: 5px;
  181. }
  182.  
  183. #sidelinks a {
  184. margin-left: 11px;
  185. margin-right: 4px;
  186. color: {color:bodytext};
  187. }
  188.  
  189. #sidelinks a:hover {
  190. -webkit-transition:all 0.3s;
  191. -moz-transition:all 0.3s;
  192. -ms-transition:all 0.3s;
  193. -o-transition:all 0.3s;
  194. transition:all 0.3s;
  195. color: {color:linkhover};}
  196.  
  197. #title {
  198. color:{color:title};
  199. text-align: right;
  200. margin-top: 2px;
  201. margin-bottom: 20px;
  202. text-transform: uppercase;
  203. font-weight: 300;
  204. font-size: 16px;
  205. line-height:125%;
  206. font-family: helvetica;
  207. letter-spacing: 2px;
  208.  
  209. }
  210.  
  211. #title a {
  212. color: {color:title};
  213. }
  214.  
  215. .description {
  216. width: 275px;
  217. text-align:justify;
  218. text-transform: lowercase;
  219. margin-left:0px;
  220. padding:0px;
  221. font-family: helvetica;
  222. font-size: 9px;
  223. margin-bottom:-50px;
  224. padding-bottom:25px;
  225. line-height: 155%;
  226. }
  227.  
  228.  
  229.  
  230. /* tags and tags section, permalink on post */
  231.  
  232. #permalinkpage {
  233. width:492px;
  234. margin-bottom:2px;
  235. margin-top:15px;
  236. margin-left:1px;
  237. font-size: 9px;
  238. font-weight: 300;
  239. text-transform: lowercase;
  240. text-align:center;
  241. padding:5px;
  242. }
  243.  
  244. #permalinkpage a {
  245. margin-top:10px;
  246. color:{color:link};
  247. }
  248.  
  249. #permalinkpage a:hover {
  250. color:{color:link hover};
  251. }
  252.  
  253. #tagssection {
  254. font-size: 9px;
  255. text-transform: lowercase;
  256. font-weight: 300;
  257. width:450px;
  258. text-align:justify;
  259. margin-top: 20px;
  260. display:block;
  261. background:{color:highlight};
  262. padding: 19px 25px 16px 25px;
  263. border-top: 1px solid #e6e6e6;
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. -o-transition: all 0.5s ease-in-out;
  267. -ms-transition: all 0.5s ease-in-out;
  268. transition: all 0.5s ease-in-out;
  269.  
  270. }
  271.  
  272. #tagssection a {
  273. color:{color:tagslink};
  274. }
  275.  
  276. #tagssection a:hover {
  277. color:{color:tagslinkhover};
  278. }
  279.  
  280. #tags {
  281. font-size: 9px;
  282. text-transform: lowercase;
  283. font-weight: 300;
  284. margin-top: 3px;
  285. margin-bottom: 2px;
  286. color:{color:tagslink};
  287. }
  288. #tags a {
  289. color:{color:tagslink};
  290. }
  291. #tags a:hover {
  292. color:{color:tagslinkhover};
  293. }
  294.  
  295.  
  296.  
  297. /* post titles, quotes and sources */
  298.  
  299. h1 {
  300. text-transform: uppercase;
  301. font-weight: 300;
  302. font-size: 16px;
  303. line-height:125%;
  304. font-family: helvetica;
  305. letter-spacing: 2px;
  306. padding-left:0px;
  307. color:{color:title};
  308. }
  309. h1 a {
  310. color:{color:title};
  311. }
  312.  
  313. .quote {
  314. font-style: lowercase;
  315. text-align:justify;
  316. padding-right:5px;
  317. padding-left:5px;
  318. padding-bottom:3px;
  319. }
  320.  
  321. #source {
  322. text-align:right;
  323. font-style: lowercase;
  324. font-size: 9px;
  325. padding-top: 5px;
  326. }
  327.  
  328.  
  329.  
  330. /* audio post set up and text */
  331.  
  332. .audio-post {
  333. text-align: left;
  334. padding-bottom: 10px;
  335.  
  336. }
  337.  
  338. .audiob {
  339. background: #fff;
  340. height:35px;
  341. text-transform: lowercase;
  342. line-height:15px;
  343. font-size: 9px;
  344. text-align:right;
  345. padding:10px;
  346. }
  347.  
  348.  
  349.  
  350. /* navigation links at bottom */
  351.  
  352. #pagination {
  353. width: 500px;
  354. margin-bottom: 50px;
  355. margin-left: 50px;
  356. text-transform: lowercase;
  357. text-align:center;
  358. font-weight: 300;
  359. font-size: 9px;
  360. }
  361.  
  362. #pagination a {
  363. padding:0 15px;
  364. color:{color:title};
  365. }
  366. #pagination a:hover {
  367. color:{color:link hover};
  368. }
  369.  
  370.  
  371.  
  372. /* asks, senders, and message layout */
  373.  
  374. #ask {
  375. margin-right:5px;
  376. font-size: 9px;
  377. font-weight: 300;
  378. text-transform: lowercase;
  379. padding: 20px 25px 20px 25px;
  380. background-color: {color:highlight};
  381. margin-bottom:20px;
  382. }
  383.  
  384. #asker {
  385. text-align:right;
  386. margin-right:5px;
  387. font-size: 9px;
  388. font-weight: 300;
  389. text-transform: lowercase;
  390. background-color: {color:highlight};
  391. }
  392.  
  393. #asker a {
  394. border-bottom: 1px solid {color:link};
  395. color:{color:bodytext};
  396. }
  397.  
  398. #question {
  399. text-transform: lowercase;
  400. font-weight: lighter;
  401. letter-spacing: 0px;
  402. }
  403.  
  404.  
  405.  
  406. /* notes and note layout on permalink page */
  407.  
  408. ol.notes {
  409. padding-left:5px;
  410. margin-bottom: 10px;
  411. width:500px;
  412. list-style-type:lower-roman;
  413. text-align:justify;
  414. }
  415.  
  416. ol.notes li.note{
  417. border-bottom: 1px solid {color:highlight};
  418. padding:2%;
  419. }
  420.  
  421. ol.notes li.note img.avatar{
  422. width:0px;
  423. height:0px;
  424. }
  425.  
  426.  
  427.  
  428. /* credit */
  429.  
  430. #credit a {
  431. position:fixed;
  432. bottom:8px;
  433. right:8px;
  434. font-family:helvetica;
  435. font-size: 9px;
  436. color:#777;
  437. text-transform:uppercase;
  438. background-color: {color:highlight};
  439. padding:6px;
  440. letter-spacing:1px;
  441. border:1px solid #f3f3f3;
  442. }
  443.  
  444. #credit a:hover {
  445. background-color:#f3f3f3;
  446. color:#555;
  447. border:1px solid #ececec;
  448. }
  449.  
  450.  
  451. </style></head><body>
  452.  
  453.  
  454. <div id="container">
  455. <div id="sidebar"><div id="title"><a href="/">{title}</a></div>
  456. <div class="description">{Description}</div>
  457.  
  458. <div id="sidelinks">
  459. {block:iflink1url}<a href="{text:link 1 url}" title="{text:link 1 title}">i</a>{/block:iflink1url}
  460. {block:iflink2url}<a href="{text:link 2 url}" title="{text:link 2 title}">ii</a>{/block:iflink2url}
  461. {block:iflink3url}<a href="{text:link 3 url}" title="{text:link 3 title}">iii</a>{/block:iflink3url}
  462. {block:iflink4url}<a href="{text:link 4 url}" title="{text:link 4 title}">iv</a>{/block:iflink4url}
  463. </div>
  464. </div>
  465.  
  466.  
  467.  
  468. <div id="entry">
  469. {block:Posts}
  470. <div class="post">
  471.  
  472.  
  473. {block:Text}
  474. {block:Title}<h1>{Title}</h1>{/block:Title}
  475. {Body}
  476. {/block:Text}
  477.  
  478.  
  479. {block:Photo}
  480. <div style="margin-bottom:5px;"><center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center></div>
  481. {block:Caption}
  482. <span class="caption">{Caption}</span>
  483. {/block:Caption}
  484. {/block:Photo}
  485.  
  486.  
  487. {block:Photoset}
  488. <div style="margin-bottom:5px;">{Photoset-500}</div>
  489. {block:Caption}
  490. <span class="caption">{Caption}</span>
  491. {/block:Caption}
  492. {/block:Photoset}
  493.  
  494.  
  495. {block:Quote}
  496. <div class="quote">{Quote}</div>
  497. {block:Source}
  498. <div id="source">{Source}</div>
  499. {/block:Source}
  500. {/block:Quote}
  501.  
  502.  
  503. {block:Link}
  504. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  505. {block:Description}
  506. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  507. {/block:Description}
  508. {/block:Link}
  509.  
  510.  
  511. {block:Chat}
  512. {block:Title}<h1>{Title}</h1>{/block:Title}
  513. {block:Lines}
  514. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  515. {/block:Lines}
  516. {/block:Chat}
  517.  
  518.  
  519. {block:AudioPlayer}
  520. <div class="audio-post">
  521. <div style="width:inherit;padding: 15px 0px 15px 4px;background:#ffffff; width:30px; overflow:hidden; position:absolute;">
  522. {AudioPlayerwhite}
  523. </div><div class="audiob">{block:TrackName}
  524. <font style="margin-right: -10px;
  525. text-transform: uppercase;
  526. font-weight: 300;
  527. font-size: 16px;
  528. line-height:125%;
  529. font-family: helvetica;
  530. letter-spacing: 2px;">{TrackName}</font>
  531. {/block:TrackName}
  532. {block:Artist}
  533. <br/>
  534. <span style="padding-right: 10px;">{Artist}</span>
  535. {/block:Artist}
  536. </div></div>
  537. {/block:AudioPlayer}
  538.  
  539.  
  540. {block:Video}
  541. {Video-500}
  542. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  543. {/block:Video}
  544.  
  545.  
  546. {block:Answer}
  547. <div id="ask"><font style="font-size: 9px; text-transform: lowercase; font-weight: normal; letter-spacing: 0px;"> {Question}</font> <div id="asker"><font style="font-size: 9px;">from {Asker}</font></div></div>
  548. <div class="answer" style="margin-left:5px;">{Answer}</div>
  549. {/block:Answer}
  550.  
  551.  
  552. {block:date}<div id="tagssection"><a href="{Permalink}" title="{Month} {Day} {Year}">{timeago} @ {12Hour}:{Minutes} {AmPm}</a>&nbsp;&nbsp;&nbsp;{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}</span><br><div id="tags">{block:HasTags}tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div>{/block:date}
  553.  
  554.  
  555. {block:PermalinkPage}
  556. <div id="permalinkpage"><font style="text-transform:lowercase;"><br>{block:ContentSource}(<a href="{SourceURL}">by</a>){/block:ContentSource} {block:RebloggedFrom} &nbsp; (<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}</a></font><br>
  557. {/block:PermalinkPage}
  558.  
  559. </div>
  560. {/block:Posts}
  561.  
  562.  
  563. {block:Pagination}
  564. <div id="pagination">
  565. {block:PreviousPage}
  566. <a href="{PreviousPage}">&larr; back </a>
  567. {/block:PreviousPage}
  568.  
  569. {block:NextPage}
  570. <a href="{NextPage}">next &rarr;</a>
  571. {/block:NextPage}
  572. </div>
  573. {/block:Pagination}
  574.  
  575. {block:PermalinkPage}
  576. {block:PostNotes}
  577. <div id="notes">{PostNotes}</div>
  578. {/block:PostNotes}
  579. {/block:permalinkpage}
  580. </div></div>
  581.  
  582.  
  583. <div id="credit">
  584. <a href="http://mayahansens.tumblr.com/">©</a>
  585. </div>
  586.  
  587. </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!