API tools faq
paste
Advertisement
tylerhhoechlin

theme #3 illumié

tylerhhoechlin
Mar 2nd, 2014
320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. <head><title>{Title}</title>
  2.  
  3. <link rel="shortcut icon" href="{Favicon}">
  4.  
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8.  
  9. <!--
  10. Theme #3 Illumié by HarryStyhells
  11. Do not steal or take any parts of this code.
  12. If you do, I will find you and will kill you.
  13. -->
  14.  
  15. <!--default variables-->
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:text" content="#77717e"/>
  18. <meta name="color:link" content="#1d7c8a"/>
  19. <meta name="color:border" content="#eeeeee"/>
  20.  
  21. <meta name="text:Title" content="title" />
  22.  
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 1 Text" content="" />
  25. <meta name="text:Link 1 Title" content="title" />
  26.  
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 2 Text" content="" />
  29. <meta name="text:Link 2 Title" content="title" />
  30.  
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 3 Text" content="" />
  33. <meta name="text:Link 3 Title" content="title" />
  34.  
  35. <!-- jquery for tooltips-->
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  37. </script>
  38.  
  39. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js">
  40. </script>
  41.  
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:30,
  48. tip_fade_speed:300,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <!--pop-up menu shit-->
  56. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  57. </script>
  58.  
  59. <!--CSS customization starts right here-->
  60. <style type="text/css">
  61.  
  62. iframe#tumblr_controls {
  63. white-space:nowrap;
  64. -webkit-filter:invert(100%);
  65. -moz-filter:invert(100%);
  66. -o-filter:invert(100%);
  67. -ms-filter:invert(100%);
  68. filter:invert(100%);
  69. opacity:.50;
  70. transition-duration: 0.6s;
  71. -moz-transition-duration: 0.6s;
  72. -webkit-transition-duration: 0.6s;
  73. -o-transition-duration: 0.6s;
  74. }
  75.  
  76. ::selection {
  77. background-color:{color:background};
  78. color:{color:link};
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. height:auto;
  83. border:1px solid;
  84. border-color:{color:text};
  85. background-color:{color:text};
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. height:9px;
  90. width:5px;
  91. background-color:{color:background};
  92. }
  93.  
  94. #s-m-t-tooltip{
  95. position:absolute;
  96. margin-top:15px;
  97. z-index:9999;
  98. font-family:'arial';
  99. font-size:9px;
  100. padding:5px;
  101. color:{color:background};
  102. font-weight:bold;
  103. background-color:{color:link};
  104. }
  105.  
  106. sub, small {
  107. font-family:'arial';
  108. font-size:7px;
  109. letter-spacing:1px;
  110. text-transform:uppercase;
  111. color:{color:text};
  112. font-weight:none;
  113. }
  114.  
  115. blockquote {
  116. border-left:2px solid;
  117. border-color:{color:border};
  118. padding-left:10px;
  119. }
  120.  
  121. body {
  122. background:{color:background};
  123. padding:0px;
  124. font-family:'arial';
  125. font-size:9px;
  126. color:{color:text};
  127. }
  128.  
  129. a {
  130. text-decoration:none;
  131. color:{color:link};
  132. transition-duration: 0.6s;
  133. -moz-transition-duration: 0.6s;
  134. -webkit-transition-duration: 0.6s;
  135. -o-transition-duration: 0.6s;
  136. }
  137.  
  138. a:hover {
  139. color:{color:text};
  140. transition-duration: 0.6s;
  141. -moz-transition-duration: 0.6s;
  142. -webkit-transition-duration: 0.6s;
  143. -o-transition-duration: 0.6s;
  144. }
  145.  
  146. h1 {
  147. color:{color:text};
  148. text-align:center;
  149. text-transform:uppercase;
  150. font-size:11px;
  151. font-weight:none;
  152. text-decoration:underline;
  153. letter-spacing:1px;
  154. padding:5px;
  155. }
  156.  
  157. #entries {
  158. width:400px;
  159. margin-left:402px;
  160. padding-bottom:20px;
  161. }
  162.  
  163. .posts {
  164. width:400px;
  165. padding:30px;
  166. }
  167.  
  168. #sidebar {
  169. position:fixed;
  170. margin:200px 0px 0px 240px;
  171. }
  172.  
  173. .title {
  174. font-family:'arial';
  175. font-size:9px;
  176. text-transform:lowercase;
  177. width:120px;
  178. line-height:0px;
  179. color:{color:bold};
  180. text-align:center;
  181. margin:-10px 0px 0px 0px;
  182. position:fixed;
  183. border-bottom:1px solid;
  184. border-color:{color:border};
  185. cursor:help;
  186. }
  187.  
  188. .description {
  189. font-family:'arial';
  190. font-size:10px;
  191. width:140px;
  192. height:auto;
  193. margin:95px 0px 0px -10px;
  194. text-align:center;
  195. }
  196.  
  197. .description a {
  198. color:{color:text};
  199. }
  200.  
  201. .links {
  202. position:fixed;
  203. font-family:'arial';
  204. font-size:9px;
  205. font-weight:bold;
  206. height:50px;
  207. padding:10px;
  208. margin:0px 0px 0px -10px;
  209. text-align:center;
  210. line-height:10px;
  211. }
  212.  
  213. .links a {
  214. width:115px;
  215. margin-top:-5px;
  216. padding:3px;
  217. display:block;
  218. background-color:#f5f5f5;
  219. color:{color:link};
  220. }
  221.  
  222. .links a:hover {
  223. color:{color:background};
  224. box-shadow:inset 122px 0px {color:text};
  225. -webkit-box-shadow:inset 122px 0px {color:text};
  226. }
  227.  
  228. /*this is the pop-up ask customizations*/
  229. #fade {
  230. display:none;
  231. background:{color:text};
  232. position:fixed;
  233. left:0px;
  234. top:0px;
  235. width:100%;
  236. height:100%;
  237. opacity:.60;
  238. z-index: 9999;
  239. }
  240.  
  241. .popup_block {
  242. display:none;
  243. background:{color:background};
  244. padding:20px;
  245. float:left;
  246. position:fixed;
  247. top:50%;
  248. left:50%;
  249. z-index:99999;
  250. }
  251.  
  252. img.btn_close {
  253. float:right;
  254. margin:-55px -55px 0px 0px;
  255. }
  256.  
  257. *html #fade {
  258. position:absolute;
  259. }
  260.  
  261. *html .popup_block {
  262. position:absolute;
  263. }
  264. /*customizations end right here*/
  265.  
  266. .pagination {
  267. margin:20px 0px 0px 0px;
  268. border-top:1px solid;
  269. border-bottom:1px solid;
  270. border-color:{color:border};
  271. text-align:center;
  272. width:110px;
  273. padding:5px;
  274. }
  275.  
  276. .pagination a {
  277. letter-spacing:5px;
  278. }
  279.  
  280. .information {
  281. font-size:9px;
  282. margin-top:10px;
  283. width:400px;
  284. text-transform:none;
  285. }
  286.  
  287. .information a {
  288. color:{color:link};
  289. }
  290.  
  291. .information a:hover {
  292. color:{color:text};
  293. }
  294.  
  295. .tags {
  296. font-size:9px;
  297. width:400px;
  298. line-height:100%;
  299. text-transform:lowercase;
  300. }
  301.  
  302. .tags a {
  303. color:{color:link};
  304. }
  305.  
  306. .tags a:hover {
  307. color:{color:text};
  308. }
  309.  
  310. .notes {
  311. width:400px;
  312. line-height:150%;
  313. }
  314.  
  315. .notes a {
  316. color:{color:link};
  317. font-size:9px;
  318. font-family:'arial';
  319. margin-top:-5px;
  320. }
  321.  
  322. .notes a:hover {
  323. color:{color:text};
  324. }
  325.  
  326. ol.notes, .notes li {
  327. list-style:lower-roman;
  328. width:400px;
  329. padding-left:20px;
  330. margin:0px 0px 0px 20px;
  331. padding:15px;
  332. }
  333.  
  334. ol.notes li.note img.avatar {
  335. display:none;
  336. }
  337.  
  338. .audiopost {
  339. width:400px;
  340. height:30px;
  341. }
  342.  
  343. .track {
  344. font-size:8px;
  345. text-transform:uppercase;
  346. letter-spacing:1px;
  347. }
  348.  
  349. .player {
  350. opacity:0.50;
  351. display:block;
  352. position:absolute;
  353. background:white;
  354. }
  355.  
  356. .audioplayer {
  357. overflow:hidden;
  358. width:210px;
  359. height:35px;
  360. }
  361.  
  362. .audioinfo {
  363. width:400px;
  364. line-height:10px;
  365. font-family:'arial';
  366. font-size:8px;
  367. text-transform:uppercase;
  368. text-align:left;
  369. letter-spacing:1px;
  370. color:{color:text};
  371. }
  372.  
  373. .asker {
  374. text-align:left;
  375. text-transform:uppercase;
  376. letter-spacing:1px;
  377. font-size:8px;
  378. text-decoration:underline;
  379. }
  380.  
  381. .ask {
  382. padding-left:20px;
  383. background-color:#f5f5f5;
  384. padding:15px;
  385. text-align:center;
  386. }
  387.  
  388. .answer {
  389. text-align:right;
  390. }
  391.  
  392. .quotesource {
  393. text-align:right;
  394. }
  395.  
  396. .credit {
  397. bottom:10px;
  398. right:10px;
  399. font-size:8px;
  400. letter-spacing:1px;
  401. position:fixed;
  402. }
  403.  
  404. .credit a {
  405. padding:3px;
  406. background-color:{color:text};
  407. color:{color:background};
  408. }
  409.  
  410. .credit a:hover {
  411. color:{color:link};
  412. background-color:{color:background};
  413. }
  414.  
  415. {CustomCSS}
  416.  
  417. </style>
  418.  
  419. <!--this is just the stuff for the pop-up window, DON'T TOUCH IT-->
  420. <script>
  421. $(document).ready(function() {
  422. //
  423. //When you click on a link with class of poplight and the href starts with a #
  424. $('a.poplight[href^=#]').click(function() {
  425. var popID = $(this).attr('rel'); //Get Popup Name
  426. var popURL = $(this).attr('href'); //Get Popup href to define size
  427. //Pull Query & Variables from href URL
  428. var query= popURL.split('?');
  429. var dim= query[1].split('&');
  430. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  431. //Fade in the Popup and add close button
  432. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  433.  
  434.  
  435. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  436. var popMargTop = ($('#' + popID).height() + 80) / 2;
  437. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  438. //Apply Margin to Popup
  439. $('#' + popID).css({
  440. 'margin-top' : -popMargTop,
  441. 'margin-left' : -popMargLeft
  442. });
  443. //Fade in Background
  444. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  445. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  446. return false;
  447. });
  448. //Close Popups and Fade Layer
  449. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  450. $('#fade , .popup_block').fadeOut(function() {
  451. $('#fade, a.close').remove(); //fade them both out
  452. });
  453. return false;
  454. });
  455. });
  456. </script>
  457. <!--it ends right here-->
  458.  
  459. </head>
  460.  
  461. <body>
  462.  
  463. <div id="sidebar">
  464. <a href="/"><div class="title"><b>{text:Title}</b></div></a>
  465.  
  466. <div class="links">
  467. <a title="askbox" href="#?w=500"
  468. rel="ask" class="poplight">message</a><br>
  469. <a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Text}</a><br>
  470. <a href="{text:Link 2}" title="{text:Link 2 Title}">{text:Link 2 Text}</a><br>
  471. <a href="{text:Link 3}" title="{text:Link 3 Title}">{text:Link 3 Text}</a>
  472. </div>
  473.  
  474. <div class="description">{Description}</div>
  475.  
  476. <div class="pagination">
  477. {block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
  478. {block:JumpPagination length="5"}{block:CurrentPage}{PageNumber}</a>
  479. {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  480. <a href="{NextPage}"> →</a>{/block:NextPage}</div>{/block:IndexPage}</div></div>
  481.  
  482. <!--this is where the askbox pop-up is-->
  483. <div id="ask" class="popup_block">
  484.  
  485. <center>put your stuff like a faq or something you want here, if you don't want anything here then just leave it blank!<br><br>
  486.  
  487. <iframe frameborder="0"
  488. height="190"
  489. id="ask_form"
  490. scrolling="no"
  491. src="http://www.tumblr.com/ask_form/YOUR URL RIGHT HERE.tumblr.com"
  492. width="100%">
  493. </iframe>
  494.  
  495. </div>
  496. <!--this is where it ends-->
  497.  
  498. <div id="entries">{block:Posts}<div class="posts">
  499.  
  500. {block:Text}
  501. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  502. {/block:Text}
  503.  
  504. {block:Photo}
  505. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}
  506. {Caption}{/block:Caption}
  507. {/block:Photo}
  508.  
  509. {block:Photoset}
  510. {Photoset-400}{block:Caption}{Caption}{/block:Caption}
  511. {/block:Photoset}
  512.  
  513. {block:Quote}
  514. <h2>"{Quote}"</h2>
  515. {block:Source}<br><br>
  516. <div class="quotesource"> — {Source}</div>
  517. {/block:Source}
  518. {/block:Quote}
  519.  
  520. {block:Link}
  521. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}
  522. {Description}{/block:Description}
  523. {/block:Link}
  524.  
  525. {block:Chat}
  526. {block:Title}{Title}{/block:Title}{block:Lines}{block:Label}
  527. <b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}
  528. {/block:Chat}
  529.  
  530. {block:Audio}
  531. <div class="track">{block:TrackName}<b>track</b>: {TrackName}{/block:TrackName}
  532. </div><br>
  533.  
  534. <div class="audiopost">
  535. <div class="player">
  536. <div class="audioplayer">{AudioPlayerGrey}
  537. </div></div></div>
  538.  
  539. <div class="audioinfo">
  540. {block:Artist}
  541. <br><b>producer</b>: {Artist}
  542. {/block:Artist}
  543.  
  544. <br><b>played</b>: {FormattedPlayCount} times</div>
  545.  
  546. {block:Caption}
  547. <br>{Caption}
  548. {/block:Caption}
  549. {/block:Audio}
  550.  
  551. {block:Video}
  552. {Video-400}{block:Caption}{Caption}{/block:Caption}
  553. {/block:Video}
  554.  
  555. {block:Answer}
  556. <div class="asker"><b>{Asker}</b>:<br><br></div>
  557. <div class="ask">{Question}</div>
  558. <div class="answer">{Answer}</div>
  559. {/block:Answer}
  560.  
  561. <div class="information">{Month}, {DayOfMonth}{DayOfMonthSuffix}, {Year} —
  562. <a href="{Permalink}"><b>{NoteCountWithLabel}</b></a>
  563.  
  564. {block:PermalinkPage}
  565. {block:ContentSource}
  566. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  567. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  568. {/block:SourceLogo}
  569. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  570. {/block:ContentSource}
  571.  
  572. {block:RebloggedFrom}
  573. <br><b>information</b>: <a href="{ReblogParentURL}" title="{ReblogParentName}"><u>reblogged</u></a>{block:ContentSource} & <a href="{ReblogRootURL}" title="{ReblogRootName}"><u>source</u></a>{/block:ContentSource}
  574. {/block:RebloggedFrom}
  575. {/block:PermalinkPage}
  576. </div>
  577. </a>
  578.  
  579. <div class="tags"><b>filed upon</b>:
  580. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  581. </div>
  582.  
  583. {block:PostNotes}
  584. {PostNotes}
  585. {/block:PostNotes}
  586. </div>
  587.  
  588. <div class="credit">
  589. <a title="made by harrystyhells"
  590. href="http://harrystyhells.tumblr.com/">HS</a>
  591. </div>
  592.  
  593. </body></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!