API tools faq
paste
ikarli

Theme 24 by yousuckniall

ikarli
Apr 20th, 2014
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.54 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  14.  
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  28. <meta name="color:DescriptionText" content="#b8b8b8"/>
  29. <meta name="color:Border" content="#dddddd"/>
  30. <meta name="color:Hover" content="#f2f2f2"/>
  31. <meta name="color:Scrollbar" content="#000000"/>
  32. <meta name="color:ScrollbarBg" content="#ffffff"/>
  33. <meta name="color:Post Links" content="#c0bfbf"/>
  34. <meta name="color:Answer Backg" content="#000000"/>
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="image:Background" content=""/>
  37. <meta name="text:link 1" content="link1"/>
  38. <meta name="text:link1 url" content="/">
  39. <meta name="text:link 2" content="link2"/>
  40. <meta name="text:link2 url" content="/">
  41. <meta name="text:link 3" content="link3"/>
  42. <meta name="text:link3 url" content="/">
  43. <meta name="text:link 4" content="link4"/>
  44. <meta name="text:link4 url" content="/">
  45. <meta name="text:link 5" content="link5"/>
  46. <meta name="text:link5 url" content="/">
  47.  
  48.  
  49. <style type="text/css">
  50. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  51.  
  52.  
  53. div#qTip {
  54. font-size:10px;
  55. opacity:1;
  56. display: none;
  57. text-align:left;
  58. z-index:2;
  59. width:auto;
  60. font-family:consolas;
  61. position:fixed;
  62. text-transform:lowercase;
  63. font-style:italic;
  64. background:#fff;
  65. margin-top:0px;
  66. margin-left:10px;
  67. padding:3px 5px;
  68. color:#aaa;}
  69.  
  70.  
  71.  
  72. @font-face{font-family:Janda Manatee;src:url(http://static.tumblr.com/9wzbixa/paEmj2mm5/jandamanateesolid.ttf);}
  73.  
  74. @ Font-face {
  75. font-family: 'WebSymbolsLigaRegular';
  76. src: url ('WebSymbolsLiga-Regular.eot');
  77. src: url ('WebSymbolsLiga-Regular.eot? # iefix') format ('embedded-opentype'),
  78. url ('WebSymbolsLiga-Regular.woff') format ('woff'),
  79. url ('WebSymbolsLiga-Regular.ttf') format ('truetype'),
  80. url ('WebSymbolsLiga-Regular.svg # WebSymbolsRegular') format ('svg');
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb{background-color: #828283;border: 2px solid #fff;height:auto;}
  84. ::-webkit-scrollbar {height:9px;width:9px;background-color: #828283 ;border: 4px solid #fff;}
  85. ::selection {background: #838382;color: transparent;}
  86. ::-moz-selection {background: #838382;color: transparent;}
  87.  
  88. body {
  89. background:{color:background};
  90. margin:0px;
  91. color:#838382;
  92. font-family:arial bold;
  93. font-size:10px;
  94. line-height:100%;
  95. letter-spacing:0px;
  96. text-align:justify;
  97. background-image:url('{image:Background}');
  98. background-repeat: no repeat;
  99. background-position: bottom right;
  100. background-attachment: fixed;
  101. coverbackground-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  102. }
  103.  
  104.  
  105. a {
  106. text-decoration:none;
  107. outline:none;
  108. -moz-outline-style:none;
  109. color:{color:Post Links};
  110. }
  111.  
  112. img {
  113. border:none;
  114. }
  115.  
  116. blockquote {
  117. padding-left:5px;
  118. border-left:2px solid;
  119. }
  120.  
  121. blockquote blockquote {
  122. padding-left:5px;
  123. border-left:2px solid;
  124. }
  125.  
  126. h1 {
  127. font-size:8px;
  128. letter-spacing:2px;
  129. text-transform:uppercase;
  130. font-family:'CAMBRIA';
  131. font-style:none;
  132. line-height:10px;
  133. text-align:left;
  134. padding:0px;
  135. }
  136.  
  137. a:hover {
  138. color:#000000;
  139. -moz-transition-duration:0.3s;
  140. -webkit-transition-duration:0.3s;
  141. -o-transition-duration:0.3s;
  142. }
  143.  
  144.  
  145. /*ENTRIES*/
  146.  
  147. #entries {
  148. padding:10px;
  149. width:400px;
  150. margin-left:532px;
  151. margin-top:5px;
  152. font-size:10px;
  153. font-family:'arial';
  154. letter-spacing:0px;
  155. }
  156.  
  157. #post {
  158. width:400px;
  159. padding-bottom:10px;
  160. padding:25px;
  161. margin-top:50px;
  162. opacity:1;
  163. background:#fff;
  164.  
  165. }
  166.  
  167. #post:hover {
  168. opacity:1;
  169. -moz-transition-duration:0.3s;
  170. -webkit-transition-duration:0.3s;
  171. -o-transition-duration:0.3s;
  172. }
  173.  
  174. /*SIDEBAR*/
  175.  
  176. #sidebar {
  177. position:fixed;
  178. width:100px;
  179. margin-top:-70px;
  180. margin-left:300px;
  181. }
  182.  
  183. #sidebarimage {
  184. width 130px;
  185. }
  186.  
  187. #sidebarimage img {
  188. width:160px;
  189. margin-top:265px;
  190. padding:10px;
  191. background:white;
  192. margin-left:-90px;
  193. }
  194.  
  195. #sidebarimage img:hover {
  196. -moz-transition-duration:0.6s;
  197. -webkit-transition-duration:0.6s;
  198. -o-transition-duration:0.6s;
  199. }
  200.  
  201. .links {
  202. width:200px;
  203. margin-left:-18px;
  204. }
  205.  
  206. .links a{
  207. color:#605f5f;
  208. position:;
  209. background-color:;
  210. font-size:9px;
  211. letter-spacing:0px;
  212. text-shadow:10px 1px 0px transparent, -10px 1px 0px transparent;
  213. margin-top:3px;
  214. width:;
  215. font-family:arial bold;
  216. font-style:none;
  217. border-bottom:1px solid transparent;
  218. display:inline-block;
  219. margin-bottom:0px;
  220. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  221. }
  222.  
  223.  
  224. .links a:hover {
  225. opacity:1;
  226. color:#605f5f;
  227. font-style:none;
  228. text-shadow:0px 0px 0px #605f5f, 0px 0px 0px #605f5f;
  229. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  230. }
  231.  
  232. #description {
  233. text-align:center;
  234. font-family:'Arial' bold;
  235. width:160px;
  236. background:#fff;
  237. padding:10px;
  238. line-height:140%;
  239. margin-top:-2px;
  240. margin-left:-90px;
  241. font-size:11px;
  242. position:fixed;
  243. text-transform:none;
  244. color:#828283;
  245. }
  246.  
  247. #pagination {
  248. font-style:bold;
  249. width:174px;
  250. padding:3px;
  251. font-family:'arial' bold;
  252. letter-spacing:1px;
  253. font-size:9px;
  254. position:fixed;
  255. text-align:center;
  256. background:#fff;
  257. color:#000;
  258. margin-left:-10px;
  259. margin-top:10px;
  260. text-transform:lowercase;
  261. }
  262.  
  263. #pagination a {
  264. color:#2e2e2e;
  265. }
  266.  
  267.  
  268. /*POST INFO*/
  269.  
  270. .info {
  271. background:#fff;
  272. display:block;
  273. margin-right:-90px;
  274. margin-top:10px;
  275. font-style:italic;
  276. float:right;
  277. font-weight:bold;
  278. border:0px solid #eee;
  279. border-radius:10px;
  280. webkit-border-radius:10px;
  281. moz-border-radius:10px;
  282. height:70px;
  283. width:70px;
  284. opacity:1;
  285. text-transform:uppercase;
  286. text-align:center;
  287. -moz-transition-duration:0.6s;
  288. -webkit-transition-duration:0.6s;
  289. -o-transition-duration:0.6s;
  290. }
  291.  
  292. .info img{
  293. margin-top:6px;
  294. border-radius:1px;
  295. webkit-border-radius:5px;
  296. moz-border-radius:5px;
  297. }
  298.  
  299. #post:hover .info {
  300. opacity:1;
  301. -moz-transition-duration:0.6s;
  302. -webkit-transition-duration:0.6s;
  303. -o-transition-duration:0.6s;
  304. }
  305.  
  306.  
  307. #tags {
  308. margin-right:-100px;
  309. width:80px;
  310. text-align:left;
  311. float:right;
  312. font-family:arial bold;
  313. letter-spacing:0px;
  314. text-transform:lowercase;
  315. font-size:10px;
  316. opacity:0;
  317. margin-top:80px;
  318. -webkit-transition: all 0.4s ease-in-out;
  319. -moz-transition: all 0.4s ease-in-out;
  320. -o-transition: all 0.4s ease-in-out;
  321. }
  322.  
  323. #tags a{
  324. color:{color:Tags};
  325. }
  326.  
  327. #post:hover #tags{
  328. opacity:1;
  329. }
  330.  
  331. /*** ask ***/
  332. #ask {
  333. padding:10px;
  334. text-align:left;
  335. color:#000;
  336. border-bottom:1px solid #838382;
  337. }
  338.  
  339. #ask a {
  340. color:#732584;
  341. }
  342.  
  343.  
  344. #ans {
  345. text-align:left;
  346. padding:10px;
  347. color:#000;
  348. }
  349.  
  350. /*CREDIT*/
  351.  
  352.  
  353. #cred {
  354. position:fixed;
  355. font-size:10px;
  356. font-weight:normal;
  357. font-family:'Pacifico', cursive;
  358. line-height:150%;
  359. letter-spacing:2px;
  360. right:10px;
  361. bottom:10px;
  362. text-transform:auto;
  363. text-align:center;
  364. }
  365.  
  366. #cred a {
  367. padding:3px;
  368. color:#000;
  369. -moz-transition-duration:0.5s;
  370. -webkit-transition-duration:0.5s;
  371. -o-transition-duration:0.5s;
  372. }
  373.  
  374.  
  375.  
  376. {CustomCSS}
  377.  
  378.  
  379.  
  380. /* Effect 18:
  381.  
  382. cross */
  383.  
  384. nav a {
  385. position: relative;
  386. margin: 15px -1px;
  387. outline: none;
  388. color: #fff;
  389. text-decoration: none;
  390. text-transform: lowercase;
  391. letter-spacing: 0px; text-shadow: 0 0 1px rgba(255,255,255,0.3);
  392. font-size: 10px; display:inline-block;
  393. }
  394.  
  395. .cl-effect-18 {
  396. position: relative;
  397. z-index: 1;
  398. display:inline-block;
  399. text-align:center;}
  400.  
  401. .cl-effect-18 a {
  402. display:inline-block;
  403. padding: 0 5px;
  404. -webkit-transition: color 0.3s;
  405. -moz-transition: color 0.3s;
  406. transition: color 0.3s;
  407. }
  408.  
  409. .cl-effect-18 a::before,
  410. .cl-effect-18 a::after {
  411. position: absolute;
  412. width: 100%;
  413. left:0;
  414. top: 50%;
  415. height: 1px;
  416. margin-top: -1px;
  417. background:#828283;
  418. content: '';
  419. z-index: -1;
  420. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  421. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  422. transition: transform 0.3s, opacity 0.3s;
  423. pointer-events: none;
  424. }
  425.  
  426. .cl-effect-18 a::before {
  427. -webkit-transform: translateY(10px);
  428. -moz-transform: translateY(10px);
  429. transform: translateY(10px);
  430. }
  431.  
  432. .cl-effect-18 a::after {
  433. -webkit-transform: translateY(10px);
  434. -moz-transform: translateY(10px);
  435. transform: translateY(10px);
  436. }
  437.  
  438. .cl-effect-18 a:hover,
  439. .cl-effect-18 a:focus {
  440. color: #000;
  441. }
  442.  
  443. .cl-effect-18 a:hover::before,
  444. .cl-effect-18 a:hover::after,
  445. .cl-effect-18 a:focus::before,
  446. .cl-effect-18 a:focus::after {
  447. opacity: 0.7;
  448. }
  449.  
  450. .cl-effect-18 a:hover::before,
  451. .cl-effect-18 a:focus::before {
  452. -webkit-transform: rotate(45deg);
  453. -moz-transform: rotate(45deg);
  454. transform: rotate(45deg);
  455. }
  456.  
  457. .cl-effect-18 a:hover::after,
  458. .cl-effect-18 a:focus::after {
  459. -webkit-transform: rotate(-45deg);
  460. -moz-transform: rotate(-45deg);
  461. transform: rotate(-45deg);
  462. }
  463. </style></head>
  464.  
  465. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  466.  
  467. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  468.  
  469. <script>
  470.  
  471. (function($){
  472.  
  473. $(document).ready(function(){
  474.  
  475. $("a[title]").style_my_tooltips({
  476.  
  477. tip_follows_cursor:true,
  478.  
  479. tip_delay_time:90,
  480.  
  481. tip_fade_speed:600,
  482.  
  483. attribute:"title"
  484.  
  485. });
  486.  
  487. });
  488.  
  489. })(jQuery);
  490.  
  491. </script>
  492.  
  493.  
  494.  
  495.  
  496. <body>
  497.  
  498. <div id="sidebar">
  499.  
  500. <div id="sidebarimage">
  501. <a href="/"><img src="{image:Sidebar}"></a>
  502. </div>
  503.  
  504. <div id="description">{Description}
  505.  
  506. <div class="links"><nav class="cl-effect-18">
  507. <a href="{text:Link1 url}">{text:link 1}</a>
  508. <a href="{text:Link2 url}">{text:link 2}</a>
  509. <a href="{text:Link3 url}">{text:link 3}</a>
  510. <a href="{text:Link4 url}">{text:link 4}</a>
  511. <a href="{text:Link5 url}">{text:link 5}</a>
  512.  
  513. </nav></div>
  514.  
  515.  
  516.  
  517. {block:Pagination}
  518. <div id="pagination">
  519. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  520. —{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}
  521. </div>
  522. {block:Pagination}
  523. </div>
  524.  
  525. </div>
  526.  
  527. </div>
  528.  
  529. <div id="entries">
  530. {block:Posts}
  531. <div id="post">
  532.  
  533. <div class="info">
  534. <br><a href="{Permalink}" title="{12Hour}:{Minutes} {CapitalAmPm}">{ShortMonth} {DayOfMonthWithZero}</a><br><a style="line-height:110%;" href="{Permalink}">{NoteCount}</a><br>{block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" title="{ReblogParentName}"></img></a>{block:ContentSource}&nbsp;<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-24}" title="{ReblogRootName}"></img></a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  535. <br>{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}<br></a> {/block:Tags}</div>{/block:HasTags}
  536.  
  537.  
  538.  
  539. {block:Text}
  540. <h1>{block:Title}{Title}{/block:Title}</h1>
  541. {Body}{/block:Text}
  542.  
  543.  
  544. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center> {LinkCloseTag}
  545. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  546.  
  547. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  548. {/block:Caption}{/block:Photoset}
  549.  
  550. {block:Quote}<h2>"{Quote}"</h2>
  551. {block:Source}<div class="qsource"> —{Source}</div>
  552. {/block:Source}{/block:Quote}
  553.  
  554. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  557.  
  558. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  559. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  560. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  561. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  562. {/block:Audio}<br>
  563.  
  564. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  565.  
  566. {block:Answer}<div id="ask"><big><big><big><big>{Asker}</font></big></big></big></big> <small>asked:</small> "{Question}"</div><div id="ans"><left><small>and I declared:</small></left>{Answer}</div>{/block:answer}
  567. </div>
  568.  
  569. {/block:Posts}
  570. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  571. {/block:Posts}</div></div></div>
  572. <br><br><br><br>
  573.  
  574. <div id="cred">
  575. <a href="http://yousuckniall.tumblr.com/"> ♛</a>
  576. </div>
  577. </div>
  578.  
  579.  
  580.  
  581.  
  582. </body>
  583.  
  584.  
  585.  
  586. </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!