Advertisement
qutzalcoatl

ENOC

Apr 27th, 2014
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6. <!-- THEME BY DATIEL -->
  7.  
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--Default Variables-->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:blog title" content="#000000"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Link" content="#000000"/>
  19.  
  20. <meta name="image:Sidebar Image" content=""/>
  21.  
  22. <meta name="text:Link 1 URL" content="" />
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 2 URL" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:Link 3 URL" content="" />
  27. <meta name="text:Link 3" content="" />
  28. <meta name="text:Link 4 URL" content="" />
  29. <meta name="text:Link 4" content="" />
  30.  
  31.  
  32. <!-- jquery for tooltips-->
  33.  
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  39.  
  40. <script>
  41.  
  42. (function($){
  43.  
  44. $(document).ready(function(){
  45.  
  46. $("a[title]").style_my_tooltips({
  47.  
  48. tip_follows_cursor:true,
  49.  
  50. tip_delay_time:30,
  51.  
  52. tip_fade_speed:300,
  53.  
  54. attribute:"title"
  55.  
  56. });
  57.  
  58. });
  59.  
  60. })(jQuery);
  61.  
  62. </script>
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. <!--CSS customization here. -->
  70.  
  71. <style type="text/css">
  72.  
  73. #s-m-t-tooltip{
  74. position:absolute;
  75. margin-top: 15px;
  76. z-index:9999;
  77. background:{color:background};
  78. }
  79.  
  80.  
  81.  
  82. /*basics*/
  83. blockquote {padding:5px 5px 5px 20px;
  84. border-right:1px dotted #eaeaea;
  85. margin-right:10px;
  86. }
  87.  
  88. body {
  89. background:{color:background};
  90. color:{color:text};
  91. font-family:calibri ;
  92. font-size:11px;
  93. text-align:right;
  94. margin:0;
  95. line-height:16px;}
  96.  
  97.  
  98. a {
  99. color:{color:link};
  100. text-decoration:none;text-transform:uppercase;font-size:9px;
  101. }
  102.  
  103. a:hover {color:black;}
  104.  
  105. img{opacity:1;
  106. border:1px #eaeaea;
  107. text-decoration:none}
  108.  
  109.  
  110. small {
  111. font-size:9px;}
  112.  
  113. big {
  114. font-size:12px;}
  115.  
  116.  
  117. #title {font-size:11px;
  118. line-height:18px;
  119. font-weight:bold;
  120. margin-bottom:10px;
  121. text-transform:uppercase;
  122. text-align:right;
  123. color:{color:blog title};}
  124.  
  125.  
  126. /*sidebar*/
  127.  
  128. #sidebar { text-align:left;
  129. position: fixed;
  130. margin-left:550px;
  131. margin-top:100px;
  132. width:220px;
  133. background: white;
  134. border-bottom:1px dotted #eaeaea;
  135. }
  136.  
  137. #sidebarim {margin-bottom:25px; padding:10px 20px 10px 65px;}
  138.  
  139. #sidebarim img {border:8px solid #fbfbfb;
  140. width:60px;}
  141.  
  142. #blogt {width:200px;font-size:16px;
  143. text-align:center;
  144. letter-spacing:3px;text-transform:lowercase;
  145. color:{color:blog title};font-family:playfair display;text-align:center;}
  146.  
  147. #links {
  148. width:200px;line-height:12px;
  149. margin-left:0px;
  150. margin-top:0px;letter-spacing:3px;
  151. text-transform:uppercase;
  152. position: fixed;
  153. }
  154.  
  155.  
  156. #links a {margin-right:0px;
  157. display:inline-block;margin-top:15px; letter-spacing:2px;font-size:8px;
  158. margin-bottom:0px;font-family:calibri light;background-color:#fbfbfb;padding:4px 4px 4px 4px;color:black;text-align:center;padding:5px;position: center;
  159. }
  160.  
  161.  
  162.  
  163. #description { width:180px;margin-left:20px;margin-right:20px;
  164. margin-top:20px; margin-bottom:20px; font-size:10px;
  165. text-align:justify;font-family:calibri light;
  166. }
  167.  
  168.  
  169. /*pagination*/
  170. #pagination {
  171. margin:50px 0;
  172. text-transform:lowercase;
  173. font-weight:light;
  174. }
  175. #pagination a {
  176. padding:0 15px;text-transform: lowercase;font-size:10px;letter-spacing:2px;
  177. }
  178.  
  179. /*container*/
  180. #con {
  181. left:50%;
  182. margin-left:-250px;
  183. position:absolute;
  184. }
  185.  
  186.  
  187.  
  188. /*posts*/
  189.  
  190. #entries {
  191. margin-top:120px;
  192. width:350px;
  193. }
  194.  
  195.  
  196.  
  197. #posts {
  198. width:350px;
  199. {block:IndexPage}
  200. margin-bottom:175px;
  201. {/block:IndexPage}
  202. {block:PermalinkPage}
  203. margin-bottom:50px;
  204. {/block:PermalinkPage}
  205.  
  206. }
  207. #posts img {border: 1px solid #eaeaea;
  208. max-width:350px;
  209. }
  210.  
  211. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  212. .caption {width:100%;
  213. margin-top:10px;
  214. letter-spacing:1px;
  215. }
  216.  
  217. /*quote*/
  218.  
  219. #titlequote{text-align:right;
  220. font-size:14px;
  221. line-height:18px;
  222. font-weight:bold;
  223. }
  224. #source {letter-spacing:3px;
  225. margin-top:15px;
  226. margin-left:15px;}
  227.  
  228. /*audio*/
  229.  
  230. .player {margin-left:210px;
  231. width:25px;
  232. height:25px;
  233. overflow:hidden;
  234. position:absolute;
  235. background:white;}
  236.  
  237. .audioinfo {
  238. margin-right:150px;
  239. }
  240.  
  241.  
  242. /*asks*/
  243. .q {margin-bottom:10px;
  244. }
  245. .as {
  246. font-weight:bold;}
  247.  
  248. .a {
  249. margin-top:10px;
  250. }
  251.  
  252.  
  253. /*chat*/
  254.  
  255. .chat ol {
  256. padding:0;
  257. list-style:none;
  258. }
  259. .line {padding:5px 0;}
  260.  
  261. .label {font-weight:bold;
  262. }
  263.  
  264.  
  265.  
  266.  
  267.  
  268. /*permalink and notes*/
  269.  
  270. #permalink {
  271. margin-top:15px;
  272. font-size:6px;letter-spacing:2px;
  273. text-transform:lowercase;text-align:CENTER;display:inline-block;margin-top:10px; letter-spacing:3px;
  274. margin-bottom:0px;font-family:calibri light;background-color:#fbfbfb;padding:5px 5px 5px 5px;color:black;
  275. }
  276. #permalink a {margin-right:5px;letter-spacing:2px;
  277. text-transform:lowercase;font-size:8px;text-align:left;
  278. }
  279.  
  280. .tags {{block:IndexPage}
  281. display: none!important;
  282. {/block:IndexPage}
  283. word-break:break-all;
  284. font-size:9px;
  285. }
  286.  
  287. .pagenotes {
  288. {block:IndexPage}
  289. display: none!important;
  290. {/block:IndexPage}
  291. width:350px;
  292. text-align:left;
  293.  
  294. }
  295. .pagenotes img {
  296. display:none!important;}
  297. .pagenotes li {
  298. list-style-type:none;
  299. padding:5px 0px;
  300. text-align:left;
  301. margin:0 0 0 -40px;
  302. }
  303.  
  304.  
  305.  
  306.  
  307. {CustomCSS}
  308.  
  309.  
  310. </style>
  311.  
  312.  
  313.  
  314. </head>
  315.  
  316. <body>
  317.  
  318. <div id="con">
  319.  
  320. <div id="sidebar">
  321. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  322. <i><div id="blogt">{Title}</div></i>
  323. <div id="description">{Description}</div>
  324. <div id="links">
  325. <a href="/">cielo</a>
  326. <a href="/ask">cartas</a>
  327. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  328. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  329. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  330. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  331. </div>
  332.  
  333.  
  334.  
  335.  
  336. </div>
  337.  
  338.  
  339.  
  340.  
  341. <div id="entries">
  342.  
  343. {block:Posts}
  344. <div id="posts">
  345.  
  346.  
  347. {block:Quote}
  348.  
  349.  
  350. <div id="titlequote">“{Quote}”</div>
  351. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  352. {/block:Quote}
  353.  
  354.  
  355.  
  356. {block:Text}
  357.  
  358. {block:Title}
  359. <div id="title">{Title}</div>{/block:Title}
  360. {Body}
  361. {/block:Text}
  362.  
  363. {block:Link}
  364. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  365. {/block:Link}
  366.  
  367. {block:Chat}
  368. {block:Title}
  369. <h1>{Title}</h1>
  370. {/block:Title}
  371. <div class="chat">
  372. <ol>{block:Lines}
  373. <li class="line {Alt}">
  374. {block:Label}
  375. <span class="label">
  376. {Label}</span>
  377. {/block:Label}{Line}</li>
  378. {/block:Lines}
  379. </ol></div>
  380. {/block:Chat}
  381.  
  382. {block:Photo}
  383. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  384. {/block:Photo}
  385.  
  386. {block:Photoset}
  387. {block:Photos}
  388. <img src="{PhotoURL-250}"
  389. width="{PhotoWidth-250}"height="{PhotoHeight-250}" />
  390.  
  391. {block:Caption}
  392. {Caption}
  393. {/block:Caption}
  394.  
  395. {/block:Photos}
  396.  
  397.  
  398. {/block:Photoset}
  399.  
  400. {block:Video}
  401. {Video-250}
  402. {/block:Video}
  403.  
  404. {block:Audio}
  405. <div class="player">{AudioPlayerWhite}</div>
  406. <div class="audioinfo">
  407. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  408. </div>
  409. {/block:Audio}
  410.  
  411. {block:Answer}
  412. <div class="q">
  413. <div class="as">{Asker} said: </div>
  414. {Question}</div>
  415. <div class="a">{Answer}</div>
  416. {/block:Answer}
  417.  
  418. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  419. <p>
  420. {block:Date}
  421. <div id="permalink">
  422. <a href="{Permalink}" >{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">.</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>{/block:ContentSource}{/block:RebloggedFrom}
  423. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  424. </div>
  425. {/block:Date}
  426.  
  427.  
  428.  
  429. </div>
  430.  
  431.  
  432. {block:PostNotes}
  433. <div class="pagenotes">
  434. {PostNotes}
  435. </div>
  436. {/block:PostNotes}
  437.  
  438.  
  439. {/block:Posts}
  440.  
  441. <div id="pagination">
  442. {block:Pagination}
  443. {block:PreviousPage}
  444. <a href="{PreviousPage}">&larr; atras </a>
  445. {/block:PreviousPage}
  446.  
  447.  
  448. {block:NextPage}
  449. <a href="{NextPage}">adelante &rarr;</a>
  450. {/block:NextPage}<a href="http://datiel.tumblr.com/"><font style="text-transform: uppercase;"><strong>theme by datiel </strong></a>
  451. </I></center>
  452. {/block:Pagination}
  453. </div>
  454.  
  455.  
  456. {block:ContentSource}
  457. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  458. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  459. {/block:SourceLogo}
  460. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  461. {/block:ContentSource}
  462.  
  463. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement