API tools faq
paste
Advertisement
onzayn

Theme 2

onzayn
Apr 20th, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23.  
  24. <meta name="color:text" content="#999"/>
  25.  
  26. <meta name="color:link" content="#aaa"/>
  27.  
  28. <meta name="color:link hover" content="#ddd"/>
  29.  
  30. <meta name="text:btitle" content="free."/>
  31.  
  32. <meta name="text:link3" content="">
  33.  
  34. <meta name="text:link3 url" content="/">
  35.  
  36. <meta name="text:link4" content="">
  37.  
  38. <meta name="text:link4 url" content="/">
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. body {
  46.  
  47. background:{color:background};
  48.  
  49. margin:0px;
  50.  
  51. color:{color:text};
  52.  
  53. font-size:10px;
  54.  
  55. line-height:140%;
  56.  
  57. }
  58.  
  59.  
  60. a {
  61.  
  62. text-decoration:none;
  63.  
  64. outline:0px;
  65.  
  66. -moz-outline-style:none;
  67.  
  68. color:{color:link};
  69.  
  70. -moz-transition-duration:0.5s;
  71.  
  72. -webkit-transition-duration:0.5s;
  73.  
  74. -o-transition-duration:0.5s;
  75.  
  76. }
  77.  
  78.  
  79.  
  80. a:hover{
  81.  
  82. color:{color:link hover};
  83.  
  84. font-style:none;
  85.  
  86. -moz-transition-duration:0.5s;
  87.  
  88. -webkit-transition-duration:0.5s;
  89.  
  90. -o-transition-duration:0.5s;}
  91.  
  92.  
  93. img {
  94.  
  95. border:0px;
  96.  
  97.  
  98. }
  99.  
  100.  
  101. blockquote {
  102.  
  103. padding-left:5px;
  104.  
  105. border-left:2px solid;
  106.  
  107. }
  108.  
  109.  
  110.  
  111. blockquote blockquote {
  112.  
  113. padding-left:5px;
  114.  
  115. border-left:2px solid;
  116.  
  117. }
  118.  
  119.  
  120. h1 {
  121. font-size:15px;
  122. font-weight:normal;
  123. }
  124.  
  125. h2 {
  126. font-size:23px;
  127. font-weight:normal;
  128. line-height:110%;
  129. }
  130.  
  131. #entries {
  132.  
  133. padding:0px;
  134.  
  135. width:100%;
  136.  
  137. width:500px;
  138.  
  139. margin-left:40%;
  140.  
  141. margin-top:0px;
  142.  
  143. padding:10px;
  144.  
  145. }
  146.  
  147.  
  148.  
  149. #post {
  150.  
  151. max-width:500px;
  152. width:100%;
  153.  
  154.  
  155. }
  156.  
  157.  
  158.  
  159. #post img{
  160.  
  161. max-width:500px;
  162. width:100%;
  163.  
  164.  
  165. }
  166.  
  167.  
  168.  
  169. #sidebar {
  170. width:200px;
  171. position:fixed;
  172. margin-left:145px;
  173. margin-top:350px;
  174. }
  175.  
  176.  
  177.  
  178. #btitle {
  179. font-size:22px;
  180. position:fixed;
  181. color:#000;
  182. font-style:none;
  183. text-align:left;
  184. padding-left:0px;
  185. text-transform:lowercase;
  186. height:40px;
  187. width:60px;
  188. line-height:265%;
  189. margin-top:-36px;
  190. margin-left:24px;
  191. -moz-transition-duration:0.5s;
  192. -webkit-transition-duration:0.5s;
  193. -o-transition-duration:0.5s;
  194. }
  195.  
  196. #btitle:hover {
  197. color: #fff;
  198. -moz-transition-duration:0.7s;
  199. -webkit-transition-duration:0.7s;
  200. -o-transition-duration:0.7s;
  201. }
  202.  
  203.  
  204.  
  205. #description {
  206. width:230px;
  207. font-size:11px;
  208. position:fixed;
  209. padding:4px;
  210. margin-top:10px;
  211. margin-left:22px;
  212. line-height:13px;
  213. text-align:justify;
  214. border-bottom:double #eee;
  215. }
  216.  
  217.  
  218.  
  219. #links {
  220. position:fixed;
  221. margin-left:90px;
  222. margin-top:-17px;
  223. font-size:14px;
  224. font-family: 'Playfair Display SC', serif;
  225. text-transform:none;
  226. text-align:center;
  227. letter-spacing:0px;
  228. line-height:170%;
  229. height:20px;
  230. width:175px;
  231. font-style:none;
  232. -moz-transition-duration:0.8s;
  233. -webkit-transition-duration:0.8s;
  234. -o-transition-duration:0.8s;
  235. }
  236.  
  237. #links a{
  238. color:{color:link};
  239. text-align:center;
  240. width:140px;
  241. line-height:130%;
  242. height:20px;
  243. -moz-transition-duration:0.8s;
  244. -webkit-transition-duration:0.8s;
  245. -o-transition-duration:0.8s;
  246. }
  247.  
  248. #links a:hover{
  249. letter-spacing:0px;
  250. height:20px;
  251. text-align:center;
  252. color:{color:link hover};
  253. -moz-transition-duration:0.8s;
  254. -webkit-transition-duration:0.8s;
  255. -o-transition-duration:0.8s;
  256. }
  257.  
  258.  
  259.  
  260. #sidebarimage{
  261. height:100px;
  262. margin-top:-150px;
  263. margin-left:25px;
  264. position:fixed;
  265. opacity:1;
  266. -moz-transition-duration:0.5s;
  267.  
  268. -webkit-transition-duration:0.5s;
  269.  
  270. -o-transition-duration:0.5s;
  271. }
  272.  
  273.  
  274. #sidebarimage img{
  275. width:230px;
  276. height:130px;
  277. }
  278.  
  279.  
  280.  
  281. #pagination {
  282. font-size:12px;
  283. margin-top:10px;
  284. text-align:center;
  285. margin-left:0px;
  286. -moz-transition-duration:0.5s;
  287. -webkit-transition-duration:0.5s;
  288. -o-transition-duration:0.5s;
  289. }
  290.  
  291.  
  292. #pagination a:hover{
  293. color:{color:link hover};
  294. -moz-transition-duration:0.5s;
  295. -webkit-transition-duration:0.5s;
  296. -o-transition-duration:0.5s;
  297. }
  298.  
  299.  
  300.  
  301. .ask {
  302.  
  303. padding:10px;
  304.  
  305. text-align:left;
  306.  
  307. color:{color:text};
  308.  
  309.  
  310. }
  311.  
  312.  
  313. .ans {
  314.  
  315. text-align:center;
  316.  
  317. padding:10px;
  318.  
  319. color:{color:text};
  320.  
  321. }
  322.  
  323.  
  324.  
  325. .audio {
  326.  
  327. width:500px;
  328.  
  329. padding-bottom:10px;
  330.  
  331. }
  332.  
  333.  
  334.  
  335.  
  336. .playercontainer {
  337.  
  338. text-align:left;
  339.  
  340. padding:0px;
  341.  
  342. width:480px;
  343.  
  344. }
  345.  
  346.  
  347.  
  348. .audioinfo {
  349.  
  350. padding:10px;
  351.  
  352. color:{color:text};
  353.  
  354. }
  355.  
  356.  
  357.  
  358. #postinfo {
  359.  
  360. margin-top:5px;
  361. padding-top:5px;
  362.  
  363. text-transform: none;
  364.  
  365. letter-spacing:0px;
  366.  
  367. text-align: right;
  368.  
  369. font-size:8px;
  370.  
  371. line-height: 10px;
  372.  
  373. color:{color:text};
  374.  
  375.  
  376. }
  377.  
  378.  
  379.  
  380. #postinfo a {
  381.  
  382. color:{color:link};
  383.  
  384. text-align:right;
  385.  
  386. font-style:normal;
  387.  
  388.  
  389. }
  390.  
  391.  
  392.  
  393. #postinfo a:hover {
  394.  
  395. color:{color:link hover};
  396.  
  397. }
  398.  
  399.  
  400.  
  401.  
  402.  
  403. #taggies {
  404.  
  405.  
  406. width:500px;
  407.  
  408. letter-spacing:0px;
  409.  
  410. line-height:130%;
  411.  
  412. font-size:8px;
  413.  
  414. text-align:right;
  415.  
  416. padding:2px;
  417.  
  418. -moz-transition-duration:0.5s;
  419.  
  420. -webkit-transition-duration:0.5s;
  421.  
  422. -o-transition-duration:0.5s;
  423.  
  424. }
  425.  
  426.  
  427.  
  428. #taggies a {
  429.  
  430. color:{color:link};
  431.  
  432. font-size:8px;
  433.  
  434. letter-spacing:0px;
  435.  
  436. padding:1px;
  437.  
  438.  
  439. -moz-transition-duration:0.5s;
  440.  
  441. -webkit-transition-duration:0.5s;
  442.  
  443. -o-transition-duration:0.5s;
  444.  
  445. }
  446.  
  447.  
  448.  
  449. #taggies a:hover {
  450.  
  451. color:{color:link hover};
  452.  
  453. -moz-transition-duration:0.5s;
  454.  
  455. -webkit-transition-duration:0.5s;
  456.  
  457. -o-transition-duration:0.5s;
  458.  
  459. }
  460.  
  461.  
  462.  
  463.  
  464.  
  465. ul.chat, .chat ol, .chat li {
  466.  
  467. list-style:none;
  468.  
  469. margin:0px;
  470.  
  471. padding:2px;
  472.  
  473. }
  474.  
  475.  
  476. .label {
  477.  
  478. text-decoration:none;
  479.  
  480. font-weight:300;
  481.  
  482. background-color:{color:background};
  483.  
  484. margin-right:5px;
  485.  
  486. }
  487.  
  488.  
  489.  
  490.  
  491.  
  492. #notes {
  493. margin-left: 0px;
  494. width: 500px;
  495. font-size: 10px;
  496. }
  497.  
  498.  
  499.  
  500.  
  501. #cred{
  502. font-size:11px;
  503. font-family:baskerville;
  504. }
  505.  
  506. #cred a{
  507. font-size:11px;
  508. font-family:baskerville;
  509. padding-bottom:5px;
  510. padding-top:3px;
  511. padding-left:5px;
  512. padding-right:5px;
  513. color:#000;
  514. background-color:#fff;
  515. border:1px solid #ccc;
  516. -moz-transition-duration:0.5s;
  517.  
  518. -webkit-transition-duration:0.5s;
  519.  
  520. -o-transition-duration:0.5s;
  521. }
  522.  
  523. #cred a:hover{
  524. font-size:11px;
  525. font-family:baskerville;
  526. color:#fff;
  527. background-color:#000;
  528. border:1px solid #000;
  529. -moz-transition-duration:0.5s;
  530.  
  531. -webkit-transition-duration:0.5s;
  532.  
  533. -o-transition-duration:0.5s;
  534. }
  535.  
  536. {CustomCSS}</style>
  537.  
  538.  
  539. </head><body>
  540.  
  541.  
  542.  
  543. <div id="sidebar">
  544.  
  545. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  546.  
  547.  
  548. <div id="btitle"><a title="{title}"href="/">{text:btitle}</a></div>
  549.  
  550. <div id="links">
  551. <a href="/">home</a>
  552. <a href="/faq">mail</a>
  553. <a href="{text:link3 url}">{text:link3}</a>
  554. <a href="{text:link4 url}">{text:link4}</a>
  555.  
  556. </div>
  557.  
  558. <div id="description">{Description}
  559.  
  560. <div id="pagination">
  561. {block:Pagination}{block:PreviousPage}
  562. <a href="{PreviousPage}">back </a> {/block:PreviousPage}
  563. {block:NextPage} <a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}
  564. </div></div>
  565.  
  566. </div>
  567.  
  568.  
  569.  
  570. <div id="entries">
  571.  
  572.  
  573. {block:Posts}<div id="post"><br><br><br>
  574.  
  575.  
  576.  
  577. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  578.  
  579.  
  580.  
  581. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  582.  
  583.  
  584.  
  585. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  586.  
  587. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  588.  
  589.  
  590.  
  591. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  592.  
  593.  
  594.  
  595. {block:Photoset}<center>{Photoset-500}</center>
  596.  
  597. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  598.  
  599.  
  600.  
  601. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  602.  
  603.  
  604.  
  605. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  606.  
  607.  
  608.  
  609. {block:Answer}<div class="ask">{Asker} inquired: </br>{Question}</div><div class="ans">{Answer}</div>{/block:answer}
  610.  
  611.  
  612.  
  613. {block:Audio}<div class="audio">
  614.  
  615. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  616.  
  617. {/block:ExternalAudio}<b>Listened:</b> {PlayCount} times</div>
  618.  
  619. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  620.  
  621. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  622.  
  623.  
  624.  
  625.  
  626.  
  627. <div id="postinfo">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  628.  
  629. {block:ContentSource}& <a href="{SourceURL}" title="{ReblogRootName}">credit</a>{/block:ContentSource}{/block:RebloggedFrom}
  630.  
  631. {block:HasTags}<div id="taggies">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  632.  
  633. {block:PostNotes}
  634. <div id="notes">{PostNotes}</div>
  635. {/block:PostNotes}
  636.  
  637. {/block:Posts}
  638.  
  639. {/block:Posts}</div></div></div>
  640.  
  641.  
  642.  
  643.  
  644. </div>
  645.  
  646. </div>
  647.  
  648. </div>
  649.  
  650. </body>
  651.  
  652. <div id="cred" style="position:fixed; bottom:10px; right:10px;">
  653. <font size="1"><i><a href="http://onzayn.tumblr.com">ON</a></i></font>
  654.  
  655. </div>
  656.  
  657.  
  658.  
  659.  
  660. </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!