API tools faq
paste
krystalizingxth

Theme 04

krystalizingxth
Jan 3rd, 2015
3,118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--- Theme made by redlight-themes;
  9. DON'T REMOVE THE CREDIT. Thanks! --->
  10.  
  11. <meta name="image:Sidebar" content=""/>
  12. <meta name="image:Background" content=""/>
  13. <meta name="color:Background" content="#FBFBFB"/>
  14. <meta name="color:Sidebar" content="#F5F5F5"/>
  15. <meta name="color:Text" content="#545454"/>
  16. <meta name="color:Link" content="#735C7B"/>
  17. <meta name="color:Link Hover" content="#B8B8B8"/>
  18. <meta name="color:Posts" content="#F5F5F5"/>
  19. <meta name="color:Question Background" content="#F0F0F0"/>
  20.  
  21. <meta name="text:Title" content="Sidebar Title"/>
  22. <meta name="text:Hover01" content="Hover01"/>
  23. <meta name="text:Hover02" content="Hover02"/>
  24. <meta name="text:Hover03" content="Hover03"/>
  25. <meta name="text:Hover04" content="Hover04"/>
  26. <meta name="text:Hover05" content="Hover05"/>
  27. <meta name="text:Link01 Title" content="Link01 Title">
  28. <meta name="text:Link01 URL" content="Link01 URL">
  29. <meta name="text:Link02 Title" content="Link02 Title">
  30. <meta name="text:Link02 URL" content="Link02 URL">
  31. <meta name="text:Link03 Title" content="Link03 Title">
  32. <meta name="text:Link03 URL" content="Link03 URL">
  33. <meta name="text:Link04 Title" content="Link04 Title">
  34. <meta name="text:Link04 URL" content="Link04 URL">
  35. <meta name="text:Link05 Title" content="Link05 Title">
  36. <meta name="text:Link05 URL" content="Link05 URL">
  37. <meta name="text:Tweet Hover" content="Tweet Hover" />
  38. <meta name="text:Tweet URL" content="Tweet URL" />
  39. <meta name="text:Instagram Hover" content="Instagram Hover" />
  40. <meta name="text:Instagram URL" content="Instagram URL" />
  41. <meta name="text:Soundcloud Hover" content="Soundcloud Hover" />
  42. <meta name="text:Soundcloud URL" content="Soundcloud URL" />
  43. <meta name="text:AIM" content="AIM" />
  44. <meta name="text:mp3" content="" />
  45.  
  46. <style type="text/css">
  47.  
  48. @font-face {font-family: 'noodle';
  49. src: url('https://dl.dropboxusercontent.com/s/5eqjfok2i3zvz1c/big_noodle_titling.ttf')}
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. height:auto;
  53. background-color: {color:Link};
  54. }
  55. ::-webkit-scrollbar {
  56. height:9px;
  57. width:5px;
  58. background-color: {color:Link};
  59. border:3px solid {color:Background};
  60. }
  61.  
  62.  
  63. body {
  64. background:{color:background};
  65. background-image:url("{image:Background}");
  66. background-repeat:no-repeat;
  67. background-attachment:fixed;
  68. background-position:right bottom;
  69. margin:0px;
  70. color:{color:text};
  71. font-family:trebuchet ms, sans-serif;
  72. font-size:10px;
  73. line-height:100%;
  74. text-align:justify;
  75. }
  76.  
  77. a:link, a:active, a:visited {
  78. color: {color:Link};
  79. text-decoration: none;
  80. -webkit-transition: all .3s ease-in-out;
  81. -moz-transition: all .3s ease-in-out;
  82. -o-transition: all .3s ease-in-out;
  83. }
  84.  
  85. a:hover {
  86. color: {color:Link Hover};
  87. -webkit-transition: all .3s ease-in-out;
  88. -moz-transition: all .3s ease-in-out;
  89. -o-transition: all .3s ease-in-out;
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:1px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:1px;
  103. border-left:2px solid;
  104. }
  105.  
  106. h1 {
  107. color:{color:Link};
  108. font-family:calibri;
  109. font-size:15px;
  110. text-transform:uppercase;
  111. letter-spacing:1px;
  112. text-shadow:1px 1px 1px #000000;
  113. }
  114.  
  115. #entries {
  116. padding:10px;
  117. width:400px;
  118. margin-left:420px;
  119. margin-top:50px;
  120. }
  121.  
  122. #post {
  123. background-color:{color:Posts};
  124. width:400px;
  125. padding:20px;
  126. padding-bottom:10px;
  127. margin-top:20px;
  128. }
  129.  
  130. #post a {
  131. font-family:calibri;
  132. text-transform:uppercase;
  133. font-size:9px;
  134. letter-spacing:1px;
  135. }
  136.  
  137. #post img {
  138. opacity: 0.75; filter:alpha(opacity=75);
  139. -moz-opacity: 0.9;
  140. -khtml-opacity: 0.9;
  141. -webkit-transition: all 0.5s ease;
  142. -moz-transition: all 0.5s ease;
  143. -o-transition: all 0.5s ease;
  144. }
  145.  
  146. #post img:hover {
  147. opacity: 1; filter:alpha(opacity=100);
  148. -moz-opacity: 1;
  149. -khtml-opacity: 1;
  150. }
  151.  
  152. iframe {
  153. opacity: 0.75;
  154. filter:alpha(opacity=75);
  155. -moz-opacity: 0.9;
  156. -khtml-opacity: 0.9;
  157. -webkit-transition: all 0.5s ease;
  158. -moz-transition: all 0.5s ease;
  159. -o-transition: all 0.5s ease;
  160. }
  161.  
  162. iframe:hover {
  163. opacity: 1;
  164. filter:alpha(opacity=100);
  165. -moz-opacity: 1;
  166. -khtml-opacity: 1;
  167. }
  168.  
  169. #sidebar {
  170. width:300px;
  171. position:fixed;
  172. margin-left:50px;
  173. margin-top:250px;
  174. }
  175.  
  176. #title {
  177. font-family:'noodle';
  178. font-size:20px;
  179. line-height:10px;
  180. text-align:right;
  181. margin-bottom:5px;
  182. text-shadow:3px 3px 3px #000000;
  183. position:relative;
  184. }
  185.  
  186. #title a:hover {
  187. color:{color:Link Hover};
  188. }
  189.  
  190. #description {
  191. background:{color:Sidebar};
  192. width:150px;
  193. height:50px;
  194. margin-top:-100px;
  195. padding:5px;
  196. text-align:justify;
  197. text-transform:uppercase;
  198. font-family:calibri;
  199. font-size:8px;
  200. line-height:90%;
  201. text-shadow:1px 1px 1px #000000;
  202. }
  203.  
  204. #sidebarimage {
  205. margin-left:165px;
  206. width:125px;
  207. height:100px;
  208. }
  209.  
  210. #sidebarimage img {
  211. width:125px;
  212. height:100px;
  213. padding:5px;
  214. background-color:{color:Sidebar};
  215. }
  216.  
  217. #links {
  218. position:fixed;
  219. width:150px;
  220. height:auto;
  221. margin-top:-5px;
  222. padding:5px;
  223. text-align:center;
  224. }
  225.  
  226. #links img {
  227. width:20px;
  228. height:20px;
  229. -webkit-filter: grayscale(1);
  230. opacity:0.50;
  231. }
  232.  
  233. .links {
  234. width:25px;
  235. height:25px;
  236. margin-top:5px;
  237. margin-right:5px;
  238. display:inline-block;
  239. text-align:center;
  240. font-family:calibri;
  241. font-size:8px;
  242. color:#747474;
  243. letter-spacing:1px;
  244. text-transform:uppercase;
  245. }
  246.  
  247. #mplayer {
  248. background:{color:Sidebar};
  249. margin-top:5px;
  250. width:90px;
  251. height:20px;
  252. text-align:center;
  253. }
  254.  
  255. #hovers {
  256. background:{color:Sidebar};
  257. margin-left:95px;
  258. margin-top:-20px;
  259. width:55px;
  260. height:10px;
  261. padding:5px;
  262. text-align:center;
  263. font-size:15px;
  264. letter-spacing:-2px;
  265. text-shadow:1px 1px 1px #000000;
  266. }
  267.  
  268. #hovers a {
  269. color:{color:Link};
  270. }
  271.  
  272. #hovers a:hover {
  273. color: {color:Link Hover};
  274. -webkit-transition: all .3s ease-in-out;
  275. -moz-transition: all .3s ease-in-out;
  276. -o-transition: all .3s ease-in-out;
  277. }
  278.  
  279. #links2 {
  280. margin-top:5px;
  281. margin-bottom:5px;
  282. width:300px;
  283. text-transform:uppercase;
  284. text-align:right;
  285. font-family:calibri;
  286. font-size:9px;
  287. line-height:90%;
  288. color:{color:Link};
  289. }
  290.  
  291. #pagination {
  292. font-size:8px;
  293. font-family:calibri;
  294. letter-spacing:1px;
  295. text-transform:uppercase;
  296. text-align:right;
  297. margin-top:25px;
  298. }
  299.  
  300. #info, #info a {
  301. font-family:calibri;
  302. color:{color:Link};
  303. font-size:8px;
  304. letter-spacing:1px;
  305. text-align:right;
  306. text-transform:uppercase;
  307. margin-top:10px;
  308. }
  309.  
  310. #ask {
  311. background:{color:Question Background};
  312. padding:5px;
  313. min-height:24px;
  314. text-transform:uppercase;
  315. font-family:calibri;
  316. font-size:8px;
  317. letter-spacing:1px;
  318. }
  319.  
  320. #quote {
  321. font-family:georgia;
  322. font-size:20px;
  323. text-transform:lowercase;
  324. font-weight: normal;
  325. line-height:15px;
  326. color:{color:Link};
  327. text-shadow:1px 1px 1px #000000;
  328. }
  329.  
  330. #quotesource {
  331. text-transform:uppercase;
  332. font-family:calibri;
  333. font-size:8px;
  334. letter-spacing:1px;
  335. }
  336.  
  337. .cover {position: relative; z-index: 1; width:400px;}
  338.  
  339. .playbutton {
  340. width: 20px;
  341. height: 30px;
  342. overflow: hidden;
  343. position: relative;
  344. z-index: 1000;
  345. margin: 15px 24px 13px 16px;}
  346.  
  347. .playbox {
  348. background-color: #000;
  349. position: absolute;
  350. z-index: 1000;
  351. margin-top: 170px;
  352. margin-left: 170px;
  353. opacity: 0.5;
  354. -webkit-border-radius: 100px;
  355. -moz-border-radius: 100px;
  356. border-radius: 100px;
  357. }
  358.  
  359. #cr {
  360. position:fixed;
  361. bottom:10px;
  362. right:10px;
  363. display:inline-block;
  364. background-color:{color:Sidebar};
  365. color:{color:Link};
  366. padding:5px;
  367. text-align:center;
  368. font-family:calibri;
  369. font-size:8px;
  370. letter-spacing:1px;
  371. }
  372.  
  373. #s-m-t-tooltip{
  374. max-width:250px;
  375. margin-top:10px;
  376. margin-left:15px;
  377. z-index:9999999;
  378. background-color:{color:Sidebar};
  379. color:{color:Text};
  380. font-family:calibri;
  381. font-size:8px;
  382. letter-spacing:1px;
  383. text-transform:uppercase;
  384. text-align:center;
  385. line-height:14px;
  386. padding:3px;
  387. border-left:2px solid {color:Link};
  388. }
  389.  
  390. {CustomCSS}</style></head>
  391.  
  392. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  393. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  394. <script>
  395. (function($){
  396. $(document).ready(function(){
  397. $("[title],a[title],img[title]").style_my_tooltips({
  398. tip_follows_cursor:true,
  399. tip_delay_time:100,
  400. tip_fade_speed:300,
  401. attribute:"title"
  402. });
  403. });
  404. })(jQuery);
  405. </script>
  406. </head>
  407.  
  408. <body>
  409.  
  410. <div id="sidebar">
  411.  
  412. <div id="title"><a href="/">{text:Title}</a></div>
  413.  
  414. <div id="links2">
  415. <a title="{text:Link01 Title}" href="{text:Link01 URL}">001</a>&nbsp;
  416. <a title="{text:Link02 Title}" href="{text:Link02 URL}">002</a>&nbsp;
  417. <a title="{text:Link03 Title}" href="{text:Link03 URL}">003</a>&nbsp;
  418. <a title="{text:Link04 Title}" href="{text:Link04 URL}">004</a>&nbsp;
  419. <a title="{text:Link05 Title}" href="{text:Link05 URL}">005</a>
  420. </div>
  421.  
  422. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  423.  
  424. <div id="description">{Description}</div>
  425.  
  426. <div id="mplayer">
  427. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="90" height="20">
  428. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  429. <param name="bgcolor" value="#272727" />
  430. <param name="FlashVars" value="mp3={text:mp3}&amp;width=90&amp;height=20&amp;autoplay=0&amp;loop=1&amp;showslider=0&amp;buttonwidth=22&amp;sliderheight=5&amp;bgcolor=272727&amp;bgcolor1=272727&amp;bgcolor2=272727&amp;slidercolor1=0a0a0a&amp;sliderovercolor=272727&amp;buttoncolor=dfdfdf&amp;buttonovercolor=484848&amp;showlist=0" />
  431. </object>
  432. </div>
  433.  
  434. <div id="hovers">
  435. <a title="{text:Hover01}">●</a> <a title="{text:Hover02}">●</a> <a title="{text:Hover03}">●</a> <a title="{text:Hover04}">●</a> <a title="{text:Hover05}">●</a>
  436. </div>
  437.  
  438. <div id="links">
  439. <a class="links" title="{text:Tweet Hover}" class=body_con href="{text:Tweet URL}"><img src="http://i.imgur.com/uW362fR.png"></a>
  440. <a class="links" title="{text:Instagram Hover}" class=body_con href="{text:Instagram URL}"><img src="http://i.imgur.com/e8mCGgm.png"></a>
  441. <a class="links" title="{text:Soundcloud Hover}" class=body_con href="{text:Soundcloud URL}"><img src="http://i.imgur.com/tv8QiAO.png"></a>
  442. <a class="links" title="{text:AIM}"><img src="http://i.imgur.com/OYJxPDc.png"></a>
  443. </div>
  444.  
  445. <div id="pagination">
  446. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &middot;{/block:PreviousPage}
  447. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  448. </div>
  449.  
  450. </div>
  451. </div>
  452.  
  453.  
  454.  
  455. <div id="entries">{block:Posts}<div id="post">
  456.  
  457. {block:ContentSource}<!-- {SourceURL}
  458. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  459. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  460. {/block:ContentSource}
  461.  
  462. {block:Text}<h1>{block:Title}<b>{Title}</b>{/block:Title}</h1>{Body}{/block:Text}
  463.  
  464. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  465.  
  466. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  467.  
  468. {block:Quote}<div id="quote">{Quote}</div>{block:Source} <br><div id="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  469.  
  470. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  471.  
  472. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  473.  
  474. {block:Audio}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  475. {block:AlbumArt}
  476. <img src="{AlbumArtURL}" class="cover">
  477. {/block:AlbumArt}{/block:Audio}
  478.  
  479. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  480.  
  481. {block:Answer}<div id="ask">{Asker} asked:<br>{Question}</div><br>{Answer}{/block:Answer}
  482.  
  483. <div id="info">
  484. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}&middot; <a href="{Permalink}">
  485. {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} &middot; <a href="{ReblogParentURL}"
  486. title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  487.  
  488. <div id="cr"><a href="http://redlight-themes.tumblr.com">cr</a></div>
  489.  
  490. </div>
  491. {block:PostNotes}{PostNotes}{/block:PostNotes}
  492. {/block:Posts}</div>
  493.  
  494. </body></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!