API tools faq
paste
Advertisement
krystalizingxth

Theme 01

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