Advertisement
mayourbodiesremain

moodboard (UPDATED FEB 2 14)

Jul 21st, 2012
4,638
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.48 KB | None | 0 0
  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">
  4. <head>
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <!--
  13. For photo, photo set, audio & video posts only
  14. Theme by http://PHANTOMS-INDISCREET.tumblr.com/
  15. DO NOT REMOVE THE CREDIT ICON
  16. -->
  17.  
  18.  
  19. <script type="text/javascript" src="https://dl.dropboxusercontent.com/s/4rb77h3jznj38un/moodboard.js"></script>
  20.  
  21.  
  22.  
  23. <meta name="color:01" content="#fff"/>
  24. <meta name="color:text" content="#333"/>
  25. <meta name="color:links" content="#000"/>
  26. <meta name="color:title" content="#000"/>
  27. <meta name="color:03" content="#F7F3DD"/>
  28. <meta name="color:04" content="#ECEBDC"/>
  29. <meta name="color:black" content="#000"/>
  30.  
  31. <meta name="if:repeat background" content="1"/>
  32. <meta name="if:show archive link" content="1"/>
  33. <meta name="if:scrolling infinite" content="1"/>
  34. <meta name="text:permalink" content="Permalink"/>
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="font:title" content="times new roman, serif"/>
  38.  
  39. <meta name="image:border top" content=""/>
  40. <meta name="image:border bottom" content=""/>
  41. <meta name="image:border left" content=""/>
  42. <meta name="image:border right" content=""/>
  43.  
  44.  
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic' rel='stylesheet' type='text/css'>
  47.  
  48.  
  49. <style type='text/css'>
  50.  
  51. html,body {margin:0px; height:100%;}
  52.  
  53.  
  54. body {
  55. width:100%!important;
  56. padding: 0px;
  57. margin: 0px;
  58. background-attachment:fixed;
  59. background: url('{image:background}');
  60. {block:ifnotrepeatbackground}
  61. background-size:100% 100%;
  62. {/block:ifnotrepeatbackground}
  63. background-color: {color:01};
  64. font-family: 'Istok Web', sans-serif;
  65. font-size:11px;
  66. text-align:justify;
  67. color:{color:text};
  68. overflow-x:hidden;
  69. }
  70.  
  71.  
  72. html {width:100%!important;}
  73.  
  74.  
  75.  
  76. a, a:hover, a:active, a:visited {
  77. color:{color:links};
  78. text-decoration:none;
  79. -webkit-transition: all 0.5s ease-out;
  80. -moz-transition: all 0.5s ease-out;
  81. transition: all 0.5s ease-out;
  82. }
  83.  
  84.  
  85. * {
  86. -webkit-transition: all 0.5s ease-out;
  87. -moz-transition: all 0.5s ease-out;
  88. transition: all 0.5s ease-out;
  89. }
  90.  
  91.  
  92.  
  93.  
  94. #posts {
  95. margin: 0px auto;
  96. padding:0px;
  97. width:100%;
  98. {block:IndexPage}
  99. padding:0px;
  100. {/block:IndexPage}
  101. {block:PermalinkPage}
  102. margin:0px 0px 0px 100px;
  103. {/block:PermalinkPage}
  104.  
  105. {block:IfbordertopImage}
  106. padding-top:10px;
  107. {/block:IfbordertopImage}
  108. }
  109.  
  110. ol.notes {
  111. padding-bottom:100px;
  112. }
  113.  
  114. .entry img {
  115. max-width:115%;
  116. {block:IndexPage}
  117. z-index:2;
  118. {/block:IndexPage}
  119. }
  120.  
  121. .entry iframe {
  122. width:100%;
  123. }
  124.  
  125. .entry {
  126. {block:IndexPage}
  127. width:25%!important;
  128. z-index:2;
  129. margin:-5px;
  130. {/block:IndexPage}
  131. {block:PermalinkPage}
  132. width:500px;
  133. position:relative!important;
  134. margin:150px 0px 0px 100px;
  135. {/block:PermalinkPage}
  136. }
  137.  
  138.  
  139.  
  140. blockquote {
  141. border-left:3px solid #eee;
  142. padding:2px;
  143. }
  144.  
  145.  
  146.  
  147. .audio_player embed {
  148. width:400px!important;
  149. background:#000;
  150. }
  151.  
  152.  
  153.  
  154. #panel {
  155. display:none;
  156. max-width:300px;
  157. background-color: {color:01};
  158. padding:15px;
  159. }
  160.  
  161. #panel a { letter-spacing:2px; color:{color:black}; font-family:{font:title}; padding:10px;}
  162. #panel a:hover {background:{color:black}; color:{color:01};}
  163.  
  164. .click, a.click {
  165. font-size:50px;
  166. font-family:{font:title};
  167. color:{color:title};
  168. text-transform:lowercase;
  169. }
  170.  
  171. #block {position:fixed; z-index:123;
  172. margin:20px;
  173. {block:IfbordertopImage}
  174. padding-top:70px;
  175. padding-left:70px;
  176. {/block:IfbordertopImage}
  177. }
  178.  
  179. p.texto { padding:0px; position:absolute; z-index:123456; }
  180.  
  181.  
  182.  
  183. .footer {
  184. display:block;
  185. margin:50px;
  186. padding-bottom:100px;
  187. text-align:right;
  188. text-align:center;
  189. }
  190.  
  191. .footer a {
  192. color:{color:text};
  193. font-family:{font:title};
  194. font-weight:bold;
  195. font-size:200%;
  196. }
  197.  
  198.  
  199.  
  200.  
  201.  
  202. .top {
  203. background:url('{image:border top}') center top repeat-x;
  204. width:100%;
  205. height:65px;
  206. z-index:12;
  207. position:fixed;
  208. }
  209.  
  210.  
  211.  
  212. .bottom {
  213. background:url('{image:border bottom}') center bottom repeat-x;
  214. width:100%;
  215. height:65px;
  216. bottom:0px;
  217. z-index:12;
  218. position:fixed;
  219. }
  220.  
  221.  
  222. .left {
  223. background:url('{image:border left}') center left repeat-y;
  224. height:100%;
  225. width:65px;
  226. z-index:12;
  227. position:fixed;
  228. }
  229.  
  230. .right {
  231. background:url('{image:border right}') center right repeat-y;
  232. height:100%;
  233. width:65px;
  234. right:0px;
  235. z-index:12;
  236. position:fixed;
  237. }
  238.  
  239.  
  240.  
  241. a #perma{font-size:150%; color:{color:black}; text-transform:uppercase;}
  242. a #perma { text-shadow: 1px 1px 0 {color:black}, 1px 1px 0 #fff;}
  243. a #perma:hover, #perma:hover {color:{color:01};}
  244. #perma {
  245. width:115%;
  246. background:{color:black};
  247. height:45px;
  248. text-align:center;
  249. margin-top:-10px;
  250. padding:15px 0px 0px 0px;
  251. }
  252.  
  253.  
  254.  
  255. .audio_player {width:115%; height:55px; background:#000; text-align:center; margin-top:-10px; position:relative; z-index:123456789;}
  256.  
  257. .audio_player iframe {width:50px;}
  258.  
  259. .photoset img {
  260. margin-top:-10px;
  261. }
  262.  
  263. {CustomCSS}
  264.  
  265.  
  266. </style>
  267.  
  268.  
  269.  
  270. </head>
  271. <body>
  272.  
  273.  
  274. <div class="top" id="top">.</div>
  275. <div class="bottom">.</div>
  276. <div class="left">.</div>
  277. <div class="right">.</div>
  278.  
  279.  
  280. <div id="block">
  281.  
  282. <a href="#" class="click">{title}</a>
  283.  
  284. <div id="panel">
  285. {description}
  286. <center>
  287. <a href="/">{lang:Home}</a>
  288. {block:AskEnabled}
  289. <a href="/ask">{AskLabel}</a>
  290. {/block:AskEnabled}
  291.  
  292. {block:ifShowarchivelink}
  293. <a href="/archive">{lang:Archive}</a>
  294. {/block:ifShowarchivelink}
  295.  
  296. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled}
  297. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
  298. </center>
  299. </div>
  300.  
  301. </div>
  302.  
  303.  
  304.  
  305. <div id="posts"> <!--left2-->
  306. {block:Posts}
  307.  
  308.  
  309.  
  310.  
  311.  
  312. {block:Photo}
  313. <div class="entry">
  314. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  315. {block:IndexPage}<a href="{permalink}" title="{lang:Posted TimeAgo with NoteCount notes} / {photoalt}">
  316. {/block:IndexPage}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></center>{block:IndexPage}</a>
  317. {/block:IndexPage}
  318. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  319. </div>
  320. {/block:Photo}
  321.  
  322.  
  323.  
  324. {block:Photoset}
  325. <div class="entry">
  326. {block:IndexPage}
  327. <div class="photoset">
  328. {block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" rel='{JSPhotosetLayout}'/> {block:Photos}
  329. </div>
  330.  
  331. <a href="{permalink}"> <div id="perma">
  332. {text:permalink}
  333. </div> </a>
  334. {block:indexpage}
  335.  
  336. {block:PermalinkPage}
  337. {Photoset-500}
  338. {/block:PermalinkPage}
  339.  
  340.  
  341. </div>
  342. {/block:Photoset}
  343.  
  344.  
  345.  
  346. {block:Video}
  347. <div class="entry">
  348. {Video-400}
  349.  
  350. {block:indexpage}
  351. <a href="{permalink}"> <div id="perma">
  352. {text:permalink}
  353. </div> </a>
  354. {block:indexpage}
  355.  
  356. </div>
  357. {/block:Video}
  358.  
  359.  
  360.  
  361. {block:Audio}
  362. <div class="entry">
  363. {block:AudioEmbed}
  364. {AudioEmbed-400}
  365. {/block:AudioEmbed}
  366.  
  367.  
  368. {block:AudioPlayer}
  369. {block:AlbumArt}<img src="{AlbumArtURL}" width="115%">{/block:AlbumArt}
  370. {AudioPlayerBlack}
  371. {/block:AudioPlayer}
  372.  
  373. {block:indexpage}
  374. <a href="{permalink}"> <div id="perma">
  375. {text:permalink}
  376. </div> </a>
  377. {block:indexpage}
  378.  
  379. </div>
  380. {/block:Audio}
  381.  
  382.  
  383.  
  384.  
  385. {block:PermalinkPage}
  386. {block:Text}
  387. <div class="entry">
  388. {block:Title}{Title}{/block:Title}
  389. {Body}
  390. </div>
  391. {/block:Text}
  392. {/block:PermalinkPage}
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403. {block:PermalinkPage}
  404.  
  405.  
  406. {block:Caption}{Caption}{/block:Caption}<br><br>
  407. {block:HasTags}<span style="text-transform:uppercase; font-size:80%; letter-spacing:1px;">
  408.  
  409. {lang:Tags}</span>: {block:Tags}<span class="tag"><a href="{TagURL}">#{Tag} </a></span>{/block:Tags}
  410.  
  411. {/block:HasTags}<br>
  412. {block:Date}{lang:Posted on DayOfWeek the DayOfMonthWithSuffix of Month Year at FormattedTime}
  413.  
  414. {block:Date}<br>
  415. {block:RebloggedFrom}
  416. {lang:Originally from ReblogRootName 2}<br>
  417. {lang:Reblogged from ReblogParentName 2}<br>
  418. {/block:RebloggedFrom}
  419. {block:NoteCount} <span style="text-transform:uppercase; font-size:80%;letter-spacing:1px;">
  420.  
  421. {lang:Notes}</span>: {NoteCount}{/block:NoteCount}<br>
  422.  
  423. {/block:PermalinkPage}
  424.  
  425. {block:PostNotes}
  426. {PostNotes}
  427. {/block:PostNotes}
  428.  
  429.  
  430. {/block:Posts}
  431. </div> <!--left2-->
  432.  
  433.  
  434.  
  435.  
  436.  
  437. {block:ifnotscrollinginfinite}
  438.  
  439. <div class="footer">
  440. {block:PreviousPage}
  441. <a href="{PreviousPage}">{lang:Back}</a>&nbsp;&nbsp;
  442. {/block:PreviousPage}
  443. {block:NextPage}
  444. &nbsp;&nbsp;<a href="{NextPage}">{lang:Next}</a>
  445. {/block:NextPage}
  446. </div>
  447.  
  448. {/block:ifnotscrollinginfinite}
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. </div> <!--wrapper-->
  457.  
  458.  
  459.  
  460. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  461.  
  462.  
  463.  
  464. <script src="https://dl.dropboxusercontent.com/s/i69v6ur38aap3xw/moodboard2.js"></script>
  465.  
  466. {block:ifscrollinginfinite}
  467. <script src="https://dl.dropboxusercontent.com/s/wdnm5edd89uj0jy/moodboard3.js"></script>
  468. {/block:ifscrollinginfinite}
  469.  
  470.  
  471.  
  472.  
  473.  
  474. </body>
  475.  
  476.  
  477.  
  478. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement