API tools faq
paste
mafercuellardiaz

Theme cocoa

mafercuellardiaz
Dec 2nd, 2013
296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4. <style>
  5.  
  6. </style>
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head><title>{Title}</title><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  19.  
  20.  
  21. <meta name="image:background" content="">
  22. <meta name="image:sidebar" content="http://static.tumblr.com/1cb4c334bd19af35952478aa176dceae/eelllzu/yt8mwgdf7/tumblr_static_tumblr_mqq370g6k81qzmz4co1_500.jpg">
  23.  
  24.  
  25. <meta name="text:Link 1 URL" content="/">
  26. <meta name="text:Link 1" content="Link 1">
  27. <meta name="text:Link 2 URL" content="/">
  28. <meta name="text:Link 2" content="Link 2">
  29. <meta name="text:Link 3 URL" content="/">
  30. <meta name="text:Link 3" content="Link 3">
  31. <meta name="text:Link 4 URL" content="/">
  32. <meta name="text:Link 4" content="">
  33. <meta name="text:title2" content="wonderland">
  34. <meta name="text:title1" content="this is">
  35.  
  36.  
  37. <meta name="color:link" content="#000">
  38. <meta name="color:hover" content="#ffffff">
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45.  
  46. body {
  47. font-family:arial, sans-serif;
  48. font-size:10px;
  49. background-image:url('{image:background}');
  50. background-attachment:fixed;
  51. color:#000000;
  52. background-color:#ffffff;
  53. }
  54.  
  55. a {
  56. text-decoration:none;
  57. outline:none;
  58. -moz-outline-style:none;
  59. color:{color:link};
  60. -webkit-transition:all 0.5s ease-in-out;
  61. -moz-transition:all 0.5s ease-in-out;
  62. -o-transition:all 0.5s ease-in-out;
  63. transition:all 0.5s ease-in-out;}
  64.  
  65. a:hover {
  66. color:{color:hover};
  67. text-decoration:underline;
  68. -webkit-transition:all 0.5s ease-in-out;
  69. -moz-transition:all 0.5s ease-in-out;
  70. -o-transition:all 0.5s ease-in-out;
  71. transition:all 0.5s ease-in-out;}
  72.  
  73.  
  74.  
  75. .sidebar {
  76. position:fixed;
  77. width:400px;
  78. height:100%;
  79. left:0px;
  80. top:-20px;
  81. text-align:center;
  82. color:#000000;
  83. background-color:#ffffff; }
  84.  
  85.  
  86.  
  87. .sidebarimg {
  88. position:relative;
  89. margin-top:20px;}
  90.  
  91. .sidebarimg img {
  92. width:auto;
  93. height:auto; }
  94.  
  95. .links {
  96.  
  97. display:block;
  98. text-align:center;
  99. margin-top:-300px;}
  100.  
  101. .links a {
  102. border-top :4px solid #000;
  103. text-decoration:underline;
  104. display:inline-block;
  105. padding:5px;
  106. width:auto
  107.  
  108. font-family:'calibri';
  109. font-weight:normal;
  110. text-decoration:none;
  111. text-transform:uppercase;
  112. font-size:14px;
  113. color:{color:link};
  114. -webkit-transition:all 0.5s ease-in-out;
  115. -moz-transition:all 0.5s ease-in-out;
  116. -o-transition:all 0.5s ease-in-out;
  117. transition:all 0.5s ease-in-out;}
  118.  
  119. .links a:hover {
  120.  
  121. border-top: 4px solid #fff;
  122. -webkit-transition:all 0.5s ease-in-out;
  123. -moz-transition:all 0.5s ease-in-out;
  124. -o-transition:all 0.5s ease-in-out;
  125. transition:all 0.5s ease-in-out;}
  126.  
  127. .description {
  128. margin-top:-100px;
  129. margin-left:30px;
  130. width:360px;
  131. font-size:15px;
  132. display:block;
  133. max-height:100px;
  134. padding:5px;
  135. margin-top:10px;
  136. text-align:center;
  137. overflow:auto;}
  138.  
  139.  
  140. .pagination {
  141. display:block;
  142. margin-top:20px;
  143. text-align:center;}
  144.  
  145. .pagination a {
  146. display:inline-block;
  147. padding:3px;
  148. width:auto;
  149. font-family:cambria, serif;
  150. font-weight:normal;
  151. text-decoration:none;
  152. text-transform:lowercase;
  153. font-size:10px;
  154. color:{color:link};
  155. -webkit-transition:all 0.5s ease-in-out;
  156. -moz-transition:all 0.5s ease-in-out;
  157. -o-transition:all 0.5s ease-in-out;
  158. transition:all 0.5s ease-in-out;}
  159.  
  160. .pagination a:hover / {
  161. text-decoration:none;
  162. color:#000;
  163. -webkit-transition:all 0.5s ease-in-out;
  164. -moz-transition:all 0.5s ease-in-out;
  165. -o-transition:all 0.5s ease-in-out;
  166. transition:all 0.5s ease-in-out;}
  167.  
  168.  
  169. .posts {
  170.  
  171. width:500px;
  172. margin-left:520px; }
  173.  
  174. .entries {
  175. margin-top:50px;
  176. width:500px
  177. padding:10px;
  178. background-color:#ffffff; }
  179.  
  180. .infoo {
  181. font-family:consolas;
  182. width:500px;
  183. margin-top:-5px;
  184. padding-top:2px;
  185. font-size:8px;
  186. color:{color:link};
  187. text-transform:uppercase;
  188. text-align:left;
  189. -moz-transition-duration:0.5s;
  190. -webkit-transition-duration:0.5s;
  191. -o-transition-duration:0.5s;
  192. }
  193.  
  194. .info a {
  195. color:{color:link};
  196. text-align:center;
  197. letter-spacing:1px;}
  198.  
  199. .info a:hover {
  200. color:{color:hover};
  201. }
  202.  
  203. .source {
  204. width:500px;
  205. padding:1px;
  206. font-size:8px;
  207. margin-top:-10px;
  208. color:#fff;
  209. text-transform:uppercase;
  210. font-style:normal;
  211. letter-spacing:1px;
  212. text-align:right;
  213. -moz-transition-duration:0.5s;
  214. -webkit-transition-duration:0.5s;
  215. -o-transition-duration:0.5s;
  216. }
  217.  
  218. .source a {
  219.  
  220. color:{color:link};
  221. letter-spacing:2px;
  222. padding:4px;
  223. -moz-transition-duration:0.4s;
  224. -webkit-transition-duration:0.4s;
  225. -o-transition-duration:0.4s;
  226. }
  227.  
  228. .source a:hover {
  229. color:{color:hover};
  230. -moz-transition-duration:0.4s;
  231. -webkit-transition-duration:0.4s;
  232. -o-transition-duration:0.4s;}
  233.  
  234.  
  235.  
  236.  
  237. .tags a {
  238. display:inline-block;
  239. margin-right:5px; }
  240.  
  241. .post_title {
  242. display:block;
  243. padding:5px;
  244. text-align:center;
  245. font-size:15px;
  246. font-family:cambria, serif;
  247. text-transform:normal;
  248. font-style:italic;}
  249.  
  250. .text {
  251. display:block;
  252. padding:5px;
  253. text-align:justify; }
  254.  
  255. .photo img {
  256. display:block;
  257. margin-bottom:5px; }
  258.  
  259. .quote {
  260. display:block;
  261. padding:5px;
  262. text-align:left;
  263. font-size:12px;
  264. font-family:cambria, serif;
  265. font-style:italic;
  266. color:#000000;
  267. background-color:#ffffff; }
  268.  
  269.  
  270.  
  271. .chat li {
  272. display:block;
  273. padding:5px;}
  274.  
  275. .audioimg img {
  276. width:100px;
  277. height:100px;}
  278.  
  279. .audioinfo {
  280. color:#04b4ae; }
  281.  
  282. .question {
  283. float:left;
  284. margin-left:10px;
  285. display:block;
  286. padding:5px;
  287. text-align:left;
  288. font-size:12px;
  289. min-height:40px;
  290.  
  291. }
  292.  
  293. .question img {
  294. float:left;
  295. margin-right:5px;
  296. margin-bottom:5px; }
  297.  
  298.  
  299.  
  300. ::-webkit-scrollbar {
  301. height:7px;
  302. width:7px;
  303. background-color:#ffffff; }
  304.  
  305. ::-webkit-scrollbar-thumb {
  306. height:auto;
  307. background-color:#000000; }
  308.  
  309. #cred {
  310. position:fixed;
  311. font-size:15px;
  312. font-weight:normal;
  313. line-height:150%;
  314. letter-spacing:2px;
  315. right:10px;
  316. bottom:10px;
  317. text-transform:uppercase;
  318. text-align:center;
  319. }
  320.  
  321. #cred a {
  322. padding:3px;
  323. color:{color:link};
  324. background-color:#f5f5f5;
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330.  
  331.  
  332. #s-m-t-tooltip {
  333.  
  334. max-width:300px;
  335. padding:3px 4px 5px 4px;
  336. margin:20px 0px 0px 20px;
  337. background-color:#fff;
  338. font-family:cambria;
  339. font-size:8px;
  340. letter-spacing:2px;
  341. text-transform:uppercase;
  342. color:#000;
  343.  
  344. }
  345.  
  346.  
  347. @font-face{font-family:Gruenewald; src: url(http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf);}
  348.  
  349. #title2 {
  350. width:900px;
  351. margin-top:45px;
  352. margin-left:30px;
  353. position:fixed;
  354. color:#fff;
  355. font-family:'Gruenewald';
  356. font-size:70px;
  357. z-index:100;
  358. height:70px;
  359. letter-spacing:1px;
  360.  
  361. text-shadow: 1px 0 .2px #e6e4e4, -1px 0 .2px #bcb5b5;
  362. }
  363. #title3 {
  364. width:900px;
  365. margin-top:10px;
  366. margin-left:10px;
  367. position:fixed;
  368. color:#fff;
  369. font-family:'Gruenewald';
  370. font-size:40px;
  371. z-index:100;
  372. height:70px;
  373. letter-spacing:1px;
  374.  
  375. }
  376.  
  377. </style>
  378.  
  379. </head>
  380.  
  381. <body>
  382. <div id="title2">{text:title2}</div><div id="title3">{text:title1}</div>
  383. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  384. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  385. <script>(function($){$(document).ready(function(){
  386. $("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:400,attribute:"title"});});})(jQuery);
  387. </script>
  388.  
  389.  
  390.  
  391. <div class="sidebar">
  392.  
  393.  
  394. <div class="sidebarimg">
  395. <img src="{image:sidebar}"/>
  396.  
  397. <div class="links">
  398. <a title="refresh" href="/">home</a>
  399. <a title="help?" href="/ask">mail</a>
  400. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1} </a>{/block:ifLink1}
  401. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2} </a> {/block:ifLink2}
  402. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3} </a> {/block:ifLink3}
  403. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  404. </div>
  405. <div class="description">
  406. {Description}
  407. </div>
  408.  
  409. {block:Pagination}
  410. <div class="pagi">
  411. {block:PreviousPage}
  412. <a href="{PreviousPage}">back</a>
  413. {/block:PreviousPage}
  414. ―
  415. {block:NextPage}
  416. <a href="{NextPage}">more</a>
  417. {/block:NextPage}
  418. </div>
  419. {/block:Pagination}
  420.  
  421. </div>
  422. </div></div>
  423.  
  424.  
  425.  
  426.  
  427.  
  428. <div class="posts">
  429.  
  430. {block:Posts}
  431. <div class="entries">
  432. {block:Text}
  433. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  434. <div class="text">{Body}</div>
  435. {/block:Text}{block:Photo} <div class="photo"><center><img src="{PhotoURL-500}"/> </center></div><div class="text">{Caption}</div>
  436.  
  437. {/block:Photo}{block:Photoset} <center><div class="photo">{Photoset-500}</div></center> <div class="text">{Caption}</div>{/block:Photoset}
  438. {block:Quote} <div class="quote">"{Quote}"</div><div class="source">{Source}</div>
  439. {/block:Quote}
  440. {block:Link}
  441. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  442. {block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Chat} {block:Title}<div class="post_title">{Title}</div>{/block:Title} <div class="chat"><ul>
  443. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines} </ul> </div>
  444. {/block:Chat}{block:Audio} <table> <tr> <td>
  445. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt} </td> <td> <div class="audioplayer">{AudioPlayerBlack}</div> <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  446. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  447. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div></td></tr> </table> {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  448.  
  449. {/block:Audio}
  450. {block:Video} <center><div class="photo">{VideoEmbed-500}</div></center> <div class="text">{Caption}</div>
  451.  
  452. {/block:Video}
  453. {block:Answer}
  454. <div class="question"><img src="{AskerPortraitURL-30}"/> {Asker} whispered: {Question}</div>
  455. <div class="text">{Answer}</div>
  456. {/block:Answer}</div>
  457.  
  458. <div class="infoo">
  459. {block:Date}<div id="infoo"> <a title="{TimeAgo}" href="{Permalink}">{Month}&nbsp;{DayOfMonth}</a>
  460. {/block:Date}
  461. <font color=#fad6d6f>♥</font> {NoteCount}</a>
  462.  
  463. {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
  464. {block:HasTags}
  465. <div class="tags">
  466. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  467. {/block:HasTags}
  468. <div class="note">
  469. {block:PostNotes}{PostNotes}{/block:PostNotes}
  470. </div>
  471. </div>
  472. {/block:Posts}
  473.  
  474.  
  475. </div>
  476.  
  477.  
  478.  
  479. <div id="cred"><a title="Niallsdicks" href="http://niallsdicks.tumblr.com/">☯ </a></div>
  480.  
  481.  
  482.  
  483. </div>
  484. </div></div>
  485.  
  486. </div></div></div></div></div></div></div></div></div></div>
  487. </body>
  488.  
  489. </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!