API tools faq
paste
ponderism

theme: 29, Natalie

ponderism
Dec 7th, 2014
4,795
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.69 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.  
  3. <!-- Natalie theme by conansdoyles
  4. DO NOT: repost/remove credit/claim as your own
  5. Please respect the hard work I put into this
  6. Trust me it was a lot -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head><title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16.  
  17. <meta name="color:Text" content="#838282"/>
  18. <meta name="text:TopTitle" content=""/>
  19. <meta name="color:Link" content="#b8b8b8"/>
  20. <meta name="color:Header" content="#000000"/>
  21. <meta name="image:header" content=""/>
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 1 Text" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:Link 2 Text" content="" />
  27. <meta name="text:Link 3" content="" />
  28. <meta name="text:Link 3 Text" content="" />
  29. <meta name="text:Link 4" content="" />
  30. <meta name="text:Link 4 Text" content="" />
  31. <meta name="text:Link 5" content="" />
  32. <meta name="text:Link 5 Text" content="" />
  33. <meta name="text:Link 6" content="" />
  34. <meta name="text:Link 6 Text" content="" />
  35. <meta name="text:Link 7" content="" />
  36. <meta name="text:Link 7 Text" content="" />
  37. <meta name="text:Link 8" content="" />
  38. <meta name="text:Link 8 Text" content="" />
  39.  
  40.  
  41. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47. @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
  48.  
  49. /* --- SCROLLBAR ---*/
  50.  
  51. ::-webkit-scrollbar {
  52. width: 5px;height: 5px; }
  53. ::-webkit-scrollbar-button:start:decrement,
  54. ::-webkit-scrollbar-button:end:increment {
  55. height: 6px;display: block;background-color: #000;}
  56. ::-webkit-scrollbar-track-piece {
  57. background-color: {color:scrollbarbg};}
  58. ::-webkit-scrollbar-thumb:vertical {
  59. height: 9px;background-color: #000;border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  60.  
  61. body {
  62. background:{color:background};
  63. margin:0px;
  64. color:{color:text};
  65. font-family:'montserrat';
  66. font-size:10px;overflow-x: hidden;
  67. line-height:100%;
  68.  
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. outline:none;
  74. -moz-outline-style:none;
  75. color:{color:link};
  76. -webkit-transition: all 0.7s ease;
  77. -moz-transition: all 0.7s ease;
  78. -o-transition: all 0.7s ease
  79. }
  80.  
  81. img {
  82. border:none;
  83. }
  84.  
  85. blockquote {
  86. padding-left:5px;
  87. border-left:2px solid;
  88. }
  89.  
  90. blockquote blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. h1 {
  96. font-size:12px;
  97. margin-top: 0px;
  98. }
  99.  
  100. a:hover {
  101. opacity:1;
  102. -webkit-transition: all 0.7s ease;
  103. -moz-transition: all 0.7s ease;
  104. -o-transition: all 0.7s ease
  105. }
  106.  
  107. #title {
  108. width: 100%;
  109. background: #000;
  110. padding: 20px;
  111. background: #000;
  112. color: #fff;
  113. font-weight: 700;
  114. }
  115.  
  116. #titlebox {
  117. width: 1000px;
  118. margin-right:auto;
  119. margin-left: auto;
  120. text-align: left;
  121. font-weight: 700;
  122. font-family: 'montserrat';
  123. font-size: 15px;
  124. text-transform: uppercase;
  125. }
  126.  
  127.  
  128. #entries {
  129. width: 500px;
  130. position: absolute;
  131. float: right;
  132. margin-left: 400px;
  133. margin-top:00px;
  134. font-size:10px;
  135. line-height: 150%;
  136. font-family: 'montserrat';
  137. }
  138.  
  139. #post {
  140. width:500px;
  141. padding:20px;
  142. border: 1px solid #eee;
  143. margin-bottom: 50px;
  144. }
  145.  
  146.  
  147. #sidebar {
  148. width: 350px;
  149. margin-left: 0px;
  150. float: left;
  151. text-align:center;
  152. }
  153.  
  154. #sidebarimage {
  155. width: 310px;
  156. padding: 20px;
  157. margin-bottom: 20px;
  158. border: 1px solid #eee;
  159. }
  160.  
  161. #sidebarimage img {
  162. width: 310px;
  163. }
  164.  
  165. .links {
  166. width: 960px;
  167. font-size: 11px;
  168. line-height: 15px;
  169. padding: 20px;
  170. margin-top: -2px;
  171. letter-spacing: 1px;
  172. margin-left: auto;
  173. margin-right: auto;
  174. text-align: right;
  175. background: #000;
  176. text-transform: uppercase;
  177. font-weight: 700;
  178. font-family: montserrat;
  179. }
  180.  
  181. .links a {
  182. margin-left: 10px;
  183. color: #fff;
  184. margin-right: 10px;
  185. }
  186.  
  187. .links a:hover {
  188. }
  189.  
  190.  
  191.  
  192. #box {
  193. margin-left:auto;
  194. margin-bottom: 20px;
  195. margin-right:auto;
  196. }
  197.  
  198. #boxtitle {
  199. font-weight:700;
  200. font-size:13px;
  201. width: 350px;
  202. text-transform: uppercase;
  203. padding: 0px 0px 20px 20px;
  204. text-align: left;
  205. font-family: 'montserrat';
  206. }
  207.  
  208. #boxtext {
  209. line-height:15px;
  210. font-family:'montserrat';
  211. border: 1px solid #eee;
  212. padding: 5px 15px 5px 15px;
  213. text-align:left;
  214. font-size:11px;
  215. }
  216.  
  217. #info {
  218. text-align:left;
  219. width: 520px;
  220. font-family: 'Montserrat';
  221. text-transform:lowercase;
  222. font-size: 12px;
  223. padding: 10px;
  224. margin-left: -20px;
  225. border-top: 1px solid #eee;
  226. margin-top: 10px;
  227. }
  228.  
  229. #chat {
  230. top: 300px;
  231. background: #000;
  232. padding: 0px 0px 0px 30px;
  233. }
  234.  
  235. #tags {
  236. font-family:'Montserrat';
  237. text-transform:lowercase;
  238. font-size:10px;
  239. margin-bottom: -20px;
  240. line-height: 11px;
  241. text-align: left;
  242. padding-bottom: 0px;
  243. }
  244.  
  245. #tags
  246. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  247. -webkit-transition: all 0.6s ease-in-out;
  248. -moz-transition: all 0.6s ease-in-out;
  249. -o-transition: all 0.6s ease-in-out;
  250. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  251.  
  252. #pagination {
  253. font-family: 'arial';
  254. font-weight: bold;
  255. text-align: center;
  256. font-size: 9px;
  257. letter-spacing: 1px;
  258. text-transform: uppercase;
  259. padding-bottom: 20px;
  260. margin-right: auto;
  261. margin-left: auto;
  262. -webkit-transition: all 0.7s ease;
  263. -moz-transition: all 0.7s ease;
  264. -o-transition: all 0.7s ease
  265. }
  266.  
  267. #pagination a:hover {
  268. -webkit-transition: all 0.7s ease;
  269. -moz-transition: all 0.7s ease;
  270. -o-transition: all 0.7s ease
  271. }
  272.  
  273. #credit {
  274. width: 200px;
  275. font-family: arial;
  276. font-size: 11px;
  277. text-align: left;
  278. margin-top: 20px;
  279. border-top: 1px solid #eee;
  280. padding-top: 20px;
  281. opacity: 0;
  282. }
  283.  
  284. #credit a {
  285. }
  286.  
  287. #quote {
  288. text-align: center;
  289. font-weight: bold;
  290. font-size: 15px;
  291. margin-top: -10px;
  292. line-height: 20px;
  293. }
  294.  
  295. .tumblr_audio_player { width: 500px; }
  296.  
  297. #all {
  298. width: 960px;
  299. margin-top: 100px;
  300. margin-right: auto;
  301. margin-left: auto;
  302. }
  303.  
  304. #header {
  305. width:100%;
  306. text-align:center;
  307. margin-left:auto;
  308. margin-right:auto;
  309. height: 450px;
  310. margin-bottom:0px;
  311. }
  312.  
  313. #affiliates {
  314. width: 40px;
  315. border: 1px solid #eee;
  316. padding: 5px;
  317. }
  318.  
  319. #affiliates img {
  320. width: 40px;
  321. }
  322.  
  323. headerimage {
  324. width: 1000px;
  325. height: 450px;
  326. overflow: hidden;
  327. background: #000;
  328. margin-left:auto;
  329. margin-right:auto;
  330. }
  331.  
  332. headerimage img {
  333. width: 800px;
  334. height: 450px;
  335. }
  336.  
  337.  
  338. #members img {
  339. width: 40px;
  340. height: 40px;
  341. border: 1px solid #eee;
  342. padding: 5px;
  343. margin-bottom: 10px;
  344. margin-top: 10px;
  345. }
  346.  
  347. #memberinfo {
  348. margin-top: -55px;
  349. margin-bottom: 15px;
  350. font-size: 9px;
  351. margin-left: 70px;
  352. }
  353.  
  354.  
  355. #projectext {
  356. padding: 10px;
  357. }
  358.  
  359. #projectimage img {
  360. width: 80px;
  361. }
  362.  
  363. {CustomCSS}</style></head><body>
  364.  
  365. <div id="header">
  366. <div id="title">
  367. <div id="titlebox">{text:TopTitle}</div></div>
  368. <div id="headerimage"><img src="{image:header}"></div>
  369. <div class="links">
  370. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  371. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  372. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  373. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  374. <a href="{text:Link 5}">{text:Link 5 Text}</a>
  375. <a href="{text:Link 6}">{text:Link 6 Text}</a>
  376. <a href="{text:Link 7}">{text:Link 7 Text}</a>
  377. <a href="{text:Link 8}">{text:Link 8 Text}</a>
  378. </div>
  379.  
  380.  
  381. </div>
  382.  
  383. <div id="all">
  384.  
  385. <div id="sidebar"> <!-- BEGINNING OF SIDEBAR -->
  386. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  387.  
  388.  
  389. <div id="box">
  390. <div id="boxtitle">About this blog:</div>
  391. <div id="boxtext" style="padding-top: 15px;padding-bottom:15px;">{Description}
  392. </div></div>
  393.  
  394.  
  395. <div id="box">
  396. <div id="boxtitle">Members:</div>
  397.  
  398. <div id="boxtext" style="padding-top:10px;padding-left:19px;padding-right:19px;width:310px;padding-bottom:19px;">
  399. {block:GroupMembers}
  400.  
  401. {block:GroupMember}
  402. <div id="members">
  403. <a href="{GroupMemberURL}" title="{GroupMemberName}">
  404. <img src="{GroupMemberPortraitURL-40}"></a>
  405. <div id="memberinfo">
  406. <b>{GroupMemberName}</b><br>
  407. {GroupMemberTitle}</div></div>
  408. {/block:GroupMember}
  409.  
  410. {/block:GroupMembers}
  411. </div></div>
  412.  
  413.  
  414. <div id="box">
  415. <div id="boxtitle">upcoming projects:</div>
  416. <div id="boxtext"><p>
  417. <div id="projects">
  418.  
  419. <img src="https://33.media.tumblr.com/3b15688dd8d4a91a68cf436419fa2ed7/tumblr_nft29aslZw1t0kzg5o1_400.jpg" style="border:1px solid #eee;width:300px;padding:5px;">
  420. <div id="projectext">Title: The Woman In Red <br>
  421. Role: Lady Seymour Worsley<br>
  422. Released: 2015<br></div>
  423.  
  424. <img src="https://33.media.tumblr.com/3b15688dd8d4a91a68cf436419fa2ed7/tumblr_nft29aslZw1t0kzg5o1_400.jpg" style="border:1px solid #eee;width:300px;padding:5px;">
  425. <div id="projectext">Title: The Forest <br>
  426. Role: -<br>
  427. Released: -<br></div>
  428.  
  429. <img src="https://33.media.tumblr.com/3b15688dd8d4a91a68cf436419fa2ed7/tumblr_nft29aslZw1t0kzg5o1_400.jpg" style="border:1px solid #eee;width:300px;padding:5px;">
  430. <div id="projectext">Title: Patient Zero<br>
  431. Role: -<br>
  432. Released: -<br></div>
  433.  
  434. </div>
  435. </div></div>
  436.  
  437.  
  438.  
  439. <div id="box">
  440. <div id="boxtitle">Affiliates:</div>
  441.  
  442. <div id="boxtext">
  443.  
  444. <p>
  445.  
  446. <a href="/" title="">
  447. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  448. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  449. </a>
  450.  
  451. <a href="/" title="">
  452. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  453. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  454. </a>
  455.  
  456. <a href="/" title="">
  457. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  458. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  459. </a>
  460.  
  461. <a href="/" title="">
  462. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  463. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  464. </a>
  465.  
  466. <a href="/" title="">
  467. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  468. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  469. </a>
  470.  
  471. <a href="/" title="">
  472. <img src="https://38.media.tumblr.com/da8c41efb24c63827e5f83454efcc8ac/tumblr_nft29aslZw1t0kzg5o1_r1_100.jpg"
  473. style="width:36px;height:36px;padding:5px;border:1px solid #eee;margin:1px;">
  474. </a>
  475.  
  476.  
  477.  
  478. </div>
  479.  
  480.  
  481.  
  482.  
  483.  
  484. </div>
  485.  
  486. <div id="box">
  487. <div id="boxtitle">Information:</div>
  488. <div id="boxtext" style="padding-top:15px;padding: 10px">
  489.  
  490. <b>admin</b>: <br>
  491. <b>code by</b>: <a href="http://www.conansdoyles.tumblr.com">conansdoyles</a><br> <!-- DO NOT REMOVE THIS CREDIT. -->
  492. <b>opened</b>: 10th july, 2013<br>
  493. <b>vistors</b>: 13564
  494.  
  495. </div></div>
  496.  
  497.  
  498. <div id="box">
  499. <div id="boxtitle">Disclaimer:</div>
  500. <div id="boxtext">
  501.  
  502. <p>Our site claims no credit for any images posted on this site unless stated otherwise. Images and information on this blog are copyright to their respectful owners.</p>
  503.  
  504. </div></div>
  505.  
  506. <div id="credit">
  507. code by <a href="http://conansdoyles.tumblr.com/"><b>conansdoyles</b></a></div></div>
  508.  
  509. <div id="entries">
  510.  
  511. <!-- END OF THE SIDEBAR -->
  512.  
  513. {block:Posts}<div id="post">
  514.  
  515. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  516.  
  517. {block:Photo}{LinkOpenTag}<img style="width:500px;" src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  518.  
  519. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  520.  
  521. <p align=center>{block:Quote}<div id="quote">{Quote}</div>{/block:Quote}</p>
  522. <p align=center>{block:Source}- {Source}{/block:Source}</p>
  523.  
  524. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  525.  
  526. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<p>{/block:Chat}
  527.  
  528. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  529. {block:Caption}<div class="caption">{Caption}</div>
  530. {/block:Caption}{/block:Audio}
  531.  
  532. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  533.  
  534. {block:Answer}
  535. <table style="width: 500px;padding-bottom:5px;margin-bottom:5px;margin-top: -10px;">
  536. <tr>
  537. <td style="vertical-align:top; padding-left: 10px;"><strong>{Asker} asked:</strong> {Question}</td>
  538. </tr>
  539. </table>
  540. {Answer}
  541. {/block:Answer}
  542.  
  543. <div id="info">
  544. <a href="{Permalink}"><b>{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</b></a>, {NoteCount}.
  545.  
  546.  
  547. {block:HasTags}<div id="tags">filed under: {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  548. {/block:Posts}
  549. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  550. {/block:Posts}
  551.  
  552. {block:Pagination}
  553. <div id="pagination">
  554. {block:PreviousPage}<a href="{PreviousPage}">FORTH</a> -{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">BACK</a>{/block:NextPage}
  555. </div>
  556. {/block:Pagination}
  557.  
  558.  
  559.  
  560.  
  561. </body></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!