API tools faq
paste
Advertisement
EllenMaty

Azhack Tumblr Theme

EllenMaty
Feb 16th, 2014
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.73 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. <!----------------------------------------
  4. Base Code #1 by Incedo
  5. http://incedothemes.tumblr.com
  6. *Tips @ http://incedothemes.tumblr.com/basecodes
  7. *Please do not remove this credit
  8. and please credit me in your faq
  9. *DO NOT REDISTRIBUTE without proper credit
  10. Updated 1/1/14
  11. ------------------------------------------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'>
  18. <!---font-family: 'Geo', sans-serif;--->
  19. <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
  20. <!---font-family: 'Bitter', serif;--->
  21. <link href='http://fonts.googleapis.com/css?family=Rosario' rel='stylesheet' type='text/css'>
  22. <!---font-family: 'Rosario', sans-serif;--->
  23.  
  24. <title>{Title}</title>
  25.  
  26. <!Meta-tags go here>
  27. <meta name="image:Sidebar" content="http://i59.tinypic.com/2mx1geo.jpg"/>
  28. <meta name="image:Background Image" content=""/>
  29.  
  30. <meta name="color:Background" content="#fafafa" />
  31. <meta name="color:Sidebar Background" content="#242424" />
  32. <meta name="color:Sidebar Links" content="#242424" />
  33. <meta name="color:Sidebar Links Hover" content="#7e7e7e" />
  34. <meta name="color:Sidebar Text" content="#b3b3b3" />
  35. <meta name="color:Text" content="#242424" />
  36. <meta name="color:Title" content="#242424" />
  37. <meta name="color:Links" content="#7e7e7e" />
  38. <meta name="color:Links Hover" content="#000" />
  39. <meta name="color:Title" content="#242424" />
  40. <meta name="color:Post Div" content="#e1e1e1" />
  41. <meta name="color:Post Background" content="#e0e0e0" />
  42. <meta name="color:Tooltip 1" content="#242424" />
  43. <meta name="color:Tooltip 2" content="#ddd" />
  44.  
  45. <meta name="color:Oneout Bg" content="#ddd" />
  46. <meta name="color:Oneout Links Bg" content="#242424" />
  47. <meta name="color:Oneout Links Bg Hover" content="#ccc" />
  48. <meta name="color:Oneout Links" content="#ccc" />
  49. <meta name="color:Oneout Links Hover" content="#f4f4f4" />
  50.  
  51. <meta name="if:infinite scroll" content="1"/>
  52. <meta name="if:Post Div" content="1"/>
  53. <meta name="if:Post Background" content="1"/>
  54. <meta name="if:Captions" content="0"/>
  55. <meta name="if:Show Ask" content="1"/>
  56. <meta name="if:Show Archive" content="1"/>
  57. <meta name="if:Show Side Links" content="0"/>
  58.  
  59. <meta name="text:Hover Text" content="HOVER"/>
  60.  
  61. <meta name="text:Link 1 URL" content="/"/>
  62. <meta name="text:Link 1 Title" content="Title"/>
  63. <meta name="text:Link 2 URL" content="/"/>
  64. <meta name="text:Link 2 Title" content="Title"/>
  65. <meta name="text:Link 3 URL" content="/"/>
  66. <meta name="text:Link 3 Title" content="Title"/>
  67. <meta name="text:Link 4 URL" content="/"/>
  68. <meta name="text:Link 4 Title" content="Title"/>
  69. <meta name="text:Oneout Text" content="Escreva aqui sua carta de boas vindas."/>
  70.  
  71. <!Leave this stuff alone>
  72. <link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/web-symbols" rel="stylesheet" type="text/css"/>
  73. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  74. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  75. <link rel="shortcut icon" href="{Favicon}"/>
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  77.  
  78. <!CSS starts here>
  79. <style type="text/css">
  80.  
  81. ::-moz-selection
  82. {color: {color:Tooltip 1};
  83. background: {color:Tooltip 2};}
  84. ::selection
  85. {color: {color:Tooltip 1};
  86. background: {color:Tooltip 2};}
  87.  
  88. ::-webkit-scrollbar
  89. {width: 6px; height: 6px;}
  90. ::-webkit-scrollbar-track-piece
  91. {background-color: {color:Tooltip 1}; }
  92. ::-webkit-scrollbar-thumb:vertical
  93. {height: 6px; background-color: {color:Tooltip 2}; }
  94. ::-webkit-scrollbar-thumb:horizontal
  95. {width: 6px; background-color: {color:Tooltip 2}; }
  96.  
  97. body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  98.  
  99. body a {
  100. color:{color:Links};
  101. text-decoration: none;
  102. -webkit-transition: all 0.5s ease-out;
  103. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  104.  
  105. }
  106.  
  107. a, a:hover{cursor:url(http://i.imgur.com/IepP2.jpg), auto;}
  108.  
  109. body a:hover {
  110. color:{color:Links Hover};
  111. -webkit-transition: all 0.5s ease-out;
  112. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  113.  
  114. }
  115.  
  116. body {
  117. background-color:{color:background};
  118. color:{color:text};
  119. font-family: 'Rosario', sans-serif;
  120. font-size:11px;
  121. background-image: url({image:Background Image});
  122. background-repeat: repeat;
  123. background-attachment: fixed;
  124. }
  125.  
  126. #wrapper {
  127. width:650px;
  128. margin-left:auto;
  129. margin-right:auto;}
  130.  
  131. #sidebar {
  132. top:50%;
  133. width:200px;
  134. position:fixed;}
  135.  
  136. .sidebox {
  137. background-color: {color:Sidebar Background};
  138. color: {color:Sidebar Text};
  139. padding: 10px;
  140. text-align: justify;
  141. width: 170px;
  142. }
  143.  
  144. .sidebox a {
  145. color: {color:Sidebar Text};
  146. border-bottom: 1px solid {color:Sidebar Text};
  147. }
  148.  
  149. .sidebox a:hover {
  150. color: {color:Sidebar Text};
  151.  
  152. }
  153.  
  154. .sidelinks {
  155. width: 190px;
  156. margin-top: 3px;
  157. text-align: right;
  158. }
  159.  
  160. .sidelinks a {
  161. margin-left: 5px;
  162. color: {color:Sidebar Links};
  163. font-family: 'Bitter', serif;
  164. font-weight: bold;
  165. }
  166.  
  167. .sidelinks a:hover {
  168. color: {color:Sidebar Links Hover};
  169. }
  170.  
  171. #title {
  172. font-family: 'Geo', sans-serif;
  173. color: {color:Title};
  174. font-size: 25px;}
  175.  
  176. #title a {
  177. color: {color:Title};
  178. }
  179.  
  180. #title a:hover {
  181. color: {color:Links};
  182. }
  183.  
  184. .tittlest {
  185. font-family: 'Geo', sans-serif;
  186. color: {color:Title};
  187. font-size: 23px;
  188. }
  189.  
  190. .tittlest a {
  191. color: {color:Title};
  192. }
  193.  
  194. .tittlest a:hover {
  195. color: {color:Links};
  196. }
  197.  
  198. #entries {
  199. margin-left: 250px;
  200. width:430px;}
  201.  
  202. #posts {
  203. overflow:hidden;
  204. margin:5px;
  205. {block:IfPostBackground}
  206. background-color: {color:Post Background};
  207. {/block:IfPostBackground}
  208. {block:IfNotPostBackground}
  209. background-color: transparent;
  210. {/block:IfNotPostBackground}
  211. padding: 10px;}
  212.  
  213. {block:IfPostDiv}
  214. .div {
  215. width: 80%;
  216. height: 1px;
  217. background-color: {color:Post Div};
  218. }
  219. {/block:IfPostDiv}
  220.  
  221. {block:IfNotPostDiv}
  222. .dive {
  223. width: 80%;
  224. height: 1px;
  225. background-color: transparent;
  226. }
  227. {/block:IfNotPostDiv}
  228.  
  229. blockquote {
  230. border-left: 1px solid {color:Links};
  231. padding-left: 10px;
  232. margin-left: 5px;
  233. }
  234.  
  235. .onee {
  236. opacity: 0.8;
  237. cursor:url(http://i.imgur.com/IepP2.jpg), auto;
  238. -webkit-transition: all .3s ease;
  239. -moz-transition: all .3s ease;
  240. -o-transition: all .3s ease;
  241. transition: all .3s ease;
  242. }
  243.  
  244. .onee:hover {
  245. opacity: 1.0;
  246. cursor:url(http://i.imgur.com/IepP2.jpg), auto;
  247. -webkit-transition: all .3s ease;
  248. -moz-transition: all .3s ease;
  249. -o-transition: all .3s ease;
  250. transition: all .3s ease;
  251. }
  252.  
  253. #posts img {
  254. opacity: 0.8;
  255. -webkit-transition: all .3s ease;
  256. -moz-transition: all .3s ease;
  257. -o-transition: all .3s ease;
  258. transition: all .3s ease;
  259. }
  260.  
  261. #posts img:hover {
  262. opacity: 1.0;
  263. -webkit-transition: all .3s ease;
  264. -moz-transition: all .3s ease;
  265. -o-transition: all .3s ease;
  266. transition: all .3s ease;
  267. }
  268.  
  269. #posts:hover #permalink {
  270. margin-top: 0px;
  271. margin-left: 415px;
  272. opacity: 1;
  273. }
  274.  
  275. #permalink {
  276. position: absolute;
  277. color: {color:Sidebar Links Hover};
  278. margin-top: 30px;
  279. width: 200px;
  280. max-width: 300px;
  281. height: 80px;
  282. max-height: 300px;
  283. font-size: 13px;
  284. font-family: 'Geo', sans-serif;;
  285. margin-left: 415px;
  286. opacity: 0;
  287. -webkit-transition: all .3s ease;
  288. -moz-transition: all .3s ease;
  289. -o-transition: all .3s ease;
  290. transition: all .3s ease;
  291. }
  292.  
  293. #permalink a {
  294. background-color: {color:Sidebar Background};
  295. color: {color:Sidebar Text};
  296. padding: 4px;
  297. }
  298.  
  299. #permalink a:hover {
  300. background-color: {color:Post Background};
  301. color: {color:Text};
  302. }
  303.  
  304. .ask {margin-top: -14px; padding: 8px; border-top: 1px solid {color:Links}; border-bottom: 1px solid {color:Links};}
  305.  
  306. .asker{
  307. font-family: 'Geo', sans-serif;
  308. font-size: 13px;
  309. color: {color:links};
  310. text-align: left;
  311. }
  312.  
  313. .asker a { background: {color:Sidebar Background}; color: {color:Sidebar text};padding:2px; text-align:center;}
  314.  
  315. .asker a:hover {
  316. background: {color:Links};
  317. color: {color:Post Background}
  318. }
  319. .resposta {font-weight:normal; }
  320.  
  321. /*made by sppice, tutorial at megscoding.tumblr.com*/
  322.  
  323. #oneout {
  324. position:fixed;
  325. left:1px;
  326. text-align:center;
  327. -webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  328. z-index:999; }
  329.  
  330. #oneout_inner {
  331. position:fixed;
  332. width:80px; height:100%;
  333. left:-95px;
  334. top: 0px;
  335. padding:10px;
  336. height: 100%;
  337. background: {color:oneout bg} ; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  338. -webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;
  339. text-align:left;
  340. z-index:999; }
  341.  
  342. #oneout:hover {
  343. left:95px;
  344. z-index:99;}
  345.  
  346. #oneout:hover #oneout_inner {
  347. left:0px;
  348. z-index:999; }
  349.  
  350. .onetitle {
  351. position:absolute;
  352. left:-8px; top: 50px;
  353. padding: 5px;
  354. font-family:arial; font-size:10px;
  355. background-color: {color:oneout bg};
  356. -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
  357. z-index:999; }
  358.  
  359. .poop {
  360. width: 80px;
  361. }
  362.  
  363. .poop a {
  364. background-color: {color:Oneout Links bg};
  365. padding: 5px;
  366. font-size: 10px;
  367. display: block;
  368. position: relative;
  369. text-transform: uppercase;
  370. color: {color:Oneout links};
  371. }
  372.  
  373. .poop a:hover {
  374. background-color: {color:Oneout Links bg hover};
  375. color: {color:Oneout links hover};
  376. }
  377.  
  378. .poopie {
  379. text-align: right;
  380. color: {color:text};
  381. }
  382.  
  383. .creddy {
  384. z-index: 99;
  385. bottom: 15px;
  386. right: 10px;
  387. position: fixed;
  388. text-align: right;
  389. font-size: 10px;
  390. }
  391.  
  392. .creddy a {
  393. color: {color:Post Background};
  394. background-color: {color:Links};
  395. padding: 5px;
  396. }
  397.  
  398. .creddy a:hover {
  399. background-color: {color:Post Background};
  400. color: {color:Links};
  401. }
  402.  
  403. </style>
  404.  
  405. <style type="text/css">{CustomCSS}</style>
  406.  
  407.  
  408. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  409.  
  410. <style>
  411. div#qTip {
  412. padding-top: 2px;
  413. padding-bottom: 2px;
  414. padding: 5px;
  415. display: none;
  416. font-style: none;
  417. position: absolute;
  418. z-index: 1000;
  419. background-color: {color:tooltip 2};
  420. z-index: 9999999;
  421. color: {color:tooltip 1};
  422. }
  423. </style>
  424.  
  425.  
  426. {block:ifinfinitescroll}
  427. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  428. {/block:ifinfinitescroll}
  429.  
  430. </head>
  431.  
  432. <!HTML body starts here>
  433. <body>
  434. {block:IfnotShowSideLinks}
  435. <!-- made by sppice, tutorial at megscoding.tumblr.com -->
  436.  
  437. <div id="oneout"><span class="onetitle">
  438.  
  439. {text:Hover text}
  440.  
  441. </span><div id="oneout_inner">
  442. <center>
  443.  
  444. <img src="{image:sidebar}" width="60px" style="border:10px solid {color:Oneout Links bg}"><br><br>
  445.  
  446. <div class="poopie">{text:Oneout Text}</div><br>
  447.  
  448. <div class="poop">
  449.  
  450. <div style="width: 100%; height: 1px; background-color: transparent; border-top: 1px solid {color:Oneout links bg}"></div><br>
  451.  
  452. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a><br>
  453. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a><br>
  454. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a><br>
  455. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a><br>
  456. {block:ifShowArchive}<a href="/archive">archive</a><br>{/block:ifShowArchive}
  457. {block:ifShowAsk}<a href="/ask">ask</a><br>{/block:ifShowAsk}
  458.  
  459. <div style="width: 100%; height: 1px; background-color: transparent; border-top: 1px solid {color:Oneout links bg}"></div>
  460.  
  461. </div>
  462.  
  463. <br></center></div></div>
  464. {/block:IfnotShowSideLinks}
  465.  
  466. <div id="wrapper">
  467.  
  468. <div id="sidebar">
  469.  
  470. <div id="title"><a href="/">{Title}</a></div>
  471. <div class="sidebox">{Description}<br></div>
  472.  
  473. {block:IfShowSideLinks}
  474. <div class="sidelinks">
  475.  
  476. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">I.</a>
  477. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">II.</a>
  478. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">III.</a>
  479. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">IV.</a>
  480. {block:ifShowArchive}<a href="/archive" title="Archive">V.</a>{/block:ifShowArchive}
  481. {block:ifShowAsk}<a href="/ask" title="Ask-me">VI.</a>{/block:ifShowAsk}
  482.  
  483. </div>
  484. {/block:IfShowSideLinks}
  485.  
  486. </div>
  487.  
  488. <div class = "autopagerize_page_element" >
  489. <div id="entries">
  490.  
  491. <!Post blocks start here>
  492. {block:Posts}
  493. <div id="posts">
  494.  
  495. {block:indexpage}
  496. <div id="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></div>
  497. {/block:indexpage}
  498.  
  499. {block:Text}
  500. {block:Title}<div class="tittlest">{Title}</div>{/block:Title}
  501. {Body}
  502. {/block:Text}
  503.  
  504. {block:Quote}
  505. <div style="font-size: 13px">"{Quote}"</div><br>
  506. <div align="right">— {Source}</div>
  507. {/block:Quote}
  508.  
  509. {block:Link}
  510. <a href="{URL}"><div class="tittlest">{Name} →</div></a>
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. {block:Lines}{block:Label}<font color="{color:Links}">{Label}</font> {/block:Label}{Line}<br>{/block:Lines}
  515. {/block:Chat}
  516.  
  517. {block:Answer}
  518. <div class="asker"><center>
  519. {Asker}<i>whispered:</i>
  520. </div><br></center>
  521. <div class="ask">{Question} </div>
  522.  
  523. <div class="resposta">{Answer}</div><div align="right"><spam class="asker"><i>{title}</i><font color="{color:Sidebar Background}">&nbsp;~&nbsp;{block:Date}{DayOfMonth}, {Month} {Year}{/block:Date}</font></spam></div>
  524. {/block:Answer}
  525.  
  526. {block:Audio}
  527. {AudioPlayer}
  528. {/block:Audio}
  529.  
  530. {block:Video}
  531. {Video-400}
  532. {/block:Video}
  533.  
  534. {block:Photo}
  535. <a href="{permalink}"><img src="{PhotoURL-400}"/></a>
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <div class="onee"><a href="{permalink}">{Photoset-400}</a></div>
  540. {/block:Photoset}
  541.  
  542. {block:ifCaptions}{block:caption}{Caption}{/block:caption}{/block:ifCaptions}
  543.  
  544. {block:permalinkpage}
  545. {block:PostNotes}{PostNotes}{/block:PostNotes}
  546. {/block:PermalinkPage}
  547.  
  548. </div>
  549. {/block:ifPostDiv}<center><div class="div"></div></center>{/block:ifPostDiv}
  550. {/block:ifNotPostDiv}<center><div class="dive"></div></center>{/block:ifNotPostDiv}
  551. {/block:Posts}
  552.  
  553. {block:ifnotinfinitescroll}
  554. <div style="text-align:center">
  555. {block:Pagination}
  556. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  557. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  558. {/block:Pagination}
  559. </div>
  560. {/block:ifnotinfinitescroll}
  561.  
  562. </div>
  563. </div>
  564. </div>
  565.  
  566. </body>
  567. <div class="creddy">theme: <a href="http://thelittledanger.tumblr.com" target="_blank">ELLY</a><br><br>base: <a href="http://incedothemes.tumblr.com" target="_blank">INCEDO</a></div>
  568. </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!