Advertisement
Guest User

Updated Code for Sunkissed Theme

a guest
Apr 3rd, 2013
1,472
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.35 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4.  
  5.  
  6.  
  7. <!--
  8. Sunkissed Theme by specialcharmxo (http://specialcharmxo.tumblr.com)
  9. PLEASE DO NOT REMOVE ANY CREDITS OR ELSE I WILL REPORT YOU.
  10.  
  11. Features:
  12.  
  13. > Sidebar w/ background
  14. > Custom Fonts
  15. > Customized Scrollbar
  16. > Sidebar photo enabled
  17. > Infinite Scroll (Make sure you put 15 posts per page)
  18.  
  19. Message me if you use this!
  20. -->
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <head>
  25.  
  26.  
  27.  
  28.  
  29. <meta name="color:Body font" content="#000000"/>
  30. <meta name="color:Background" content="#fff"/>
  31. <meta name="color:Content" content="#ffffff"/>
  32. <meta name="image:Background image" content=""/>
  33. <meta name="image:Sidebar photo" content="http://25.media.tumblr.com/e0d8788d1c00e5dd8a216febf2f2b47e/tumblr_mfju56htxU1ruzeuro1_500.png"/>
  34. <meta name="image:sidebar background" content="http://24.media.tumblr.com/d8ad06c8374cc1672bd4e597d2cb5ea1/tumblr_mgmzj9E27Z1rwe56eo1_500.jpg" />
  35. <meta name="if:Show links" content="1"/>
  36. <meta name="if:Show sidebar photo" content="1"/>
  37.  
  38. <meta name="if:Show blog title" content="1"/>
  39. <meta name="color:Links" content="#c9a38b"/>
  40. <meta name="color:Link hover" content="#888888"/>
  41.  
  42. <meta name="text:Link 1 URL" content="" />
  43. <meta name="text:Link 1 title" content="Link 1" />
  44. <meta name="text:Link 2 URL" content="" />
  45. <meta name="text:Link 2 title" content="Link 2" />
  46. <meta name="text:Link 3 URL" content="" />
  47. <meta name="text:Link 3 title" content="Link 3" />
  48.  
  49.  
  50.  
  51. <title>{title}</title>
  52.  
  53. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Actor|Schoolbell|Neucha|Antic|Gloria+Hallelujah|Palatino+Linotype|Indie+Flower|Lekton|Megrim' rel='stylesheet' type='text/css'>
  60.  
  61. <link rel="shortcut icon" href="{Favicon}">{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><link rel="stylesheet" type="text/css"href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  62.  
  63.  
  64. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71. @import url(http://fonts.googleapis.com/css?family=Open+Sans);
  72.  
  73. body {
  74. color: {color:Body font};
  75. background-color:{color:Background};
  76. background-image: url({image:Background image});
  77. background-attachment: fixed;
  78. background-repeat: repeat;
  79. line-height: 110%;
  80. font-size: 12px;
  81. font-family: share;
  82. }
  83.  
  84.  
  85.  
  86. a {
  87. -webkit-transition: color 0.3s ease-out;
  88. -moz-transition: color 0.3s ease-out;
  89. transition: color 0.3s ease-out;
  90. color:{color:Links};
  91. text-decoration: none;
  92. }
  93.  
  94. a:link, a:active, a:visited {
  95. color:{color:Links};
  96. text-decoration: none;
  97. -webkit-transition: color 0.3s ease-out;
  98. -moz-transition: color 0.3s ease-out;
  99. transition: color 0.3s ease-out;
  100. }
  101.  
  102. a:hover {
  103. color:{color:Link hover};
  104. text-decoration: none;
  105. {block:ifShadowlinkhover}
  106. text-shadow: 0 0 3px #888;
  107. {/block:ifShadowlinkhover}
  108. -webkit-transition: all 0.3s ease-out;
  109. -moz-transition: all 0.3s ease-out;
  110. transition: all 0.3s ease-out;
  111. }
  112.  
  113.  
  114.  
  115.  
  116.  
  117. ::-webkit-scrollbar-thumb:vertical {
  118. background-color:{color:Links};
  119. height:auto;
  120. border:1px solid #888;
  121. -webkit-border-radius:6px;
  122. }
  123.  
  124.  
  125. ::-webkit-scrollbar-thumb:horizontal {
  126. background-color:{color:Links};
  127. height:6px;border:1px solid #888;
  128. -webkit-border-radius:6px;
  129. }
  130.  
  131. ::-webkit-scrollbar {
  132. height:8px;
  133. width:8px;
  134. background-color:#ffffff;
  135. -webkit-border-radius:6px;
  136. }
  137.  
  138.  
  139. @font-face{font-family:"presley";src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
  140.  
  141. @font-face { font-family: "dubielitalic"; src: url('http://static.tumblr.com/m6mqatb/QUklrzd0z/dubielitalic.ttf');}
  142.  
  143. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  144.  
  145. @font-face {font-family: "Zhizn"; src: url('http://static.tumblr.com/9wzbixa/pDQm2g6zg/zhizn_0.otf');}
  146.  
  147. #stripe{
  148. position:fixed;
  149. height:100%;
  150. width:40px;
  151. margin-top:-3px;
  152. margin-left:-100px;
  153. border:3px double #aaa;
  154.  
  155. -webkit-background-size: cover;
  156. -moz-background-size: cover;
  157. -o-background-size: cover;
  158. background-size: cover;
  159. background-image:url({image:Sidebar background});
  160. }
  161.  
  162.  
  163.  
  164. #content {
  165. width: 550px;
  166. float: left;
  167. padding-top:11px;
  168.  
  169. }
  170.  
  171. #contain {
  172. width: 760px;
  173. margin: 0px auto;
  174. }
  175.  
  176.  
  177. #sidebar { top:-1px; height:101%; border:1px solid #dfdfdf;
  178. text-align:center;
  179.  
  180.  
  181. background-image:url({image:Sidebar background});
  182. padding:5px;
  183. width:240px; margin-left:554px;
  184. position:fixed;
  185. }
  186.  
  187. .descripttt {
  188.  
  189. border: 1px solid #dfdfdf;
  190. background-color:#eee;
  191.  
  192. }
  193.  
  194.  
  195. #sidebar:hover .description {height:550px; opacity:1;
  196. -webkit-transition: all 0.6s ease-out;
  197. -moz-transition: all 0.6s ease-out;
  198. transition: all 0.6s ease-out;}
  199.  
  200.  
  201.  
  202. .entry {
  203. float: right;
  204. display: block;
  205. background-color:{color:Content};
  206. border: 1px solid #dfdfdf;
  207. padding: 5px;
  208. margin-bottom: 11px;
  209. margin-right:-240px;
  210. margin-left:300px;
  211. {block:IndexPage}
  212. width: 500px;
  213. {/block:IndexPage}
  214. {block:PermalinkPage}
  215. width: 500px;
  216. {/block:PermalinkPage}
  217. }
  218.  
  219. .entry img {
  220. {block:indexpage}max-width:500px;{/block:indexpage}
  221. display: block;
  222. -webkit-transition: all 0.3s ease-out;
  223. -moz-transition: all 0.3s ease-out;
  224. transition: all 0.3s ease-out;}
  225.  
  226. .entry:hover img {
  227. -webkit-transition: all 0.3s ease-out;
  228. -moz-transition: all 0.3s ease-out;
  229. transition: all 0.3s ease-out;
  230. }
  231.  
  232. .text {
  233. background-color:{color:Content};
  234. padding: 5px;
  235. -webkit-transition: all 0.3s ease-out;
  236. -moz-transition: all 0.3s ease-out;
  237. transition: all 0.3s ease-out;
  238. }
  239.  
  240.  
  241.  
  242.  
  243. h3 {
  244. font-family: 'century gothic';
  245. font-size: 30px;
  246. line-height: 100%;
  247. }
  248.  
  249. .title {
  250. font-family: 'lala';
  251. font-size: 30px;
  252. line-height: 100%;
  253. }
  254.  
  255. .blogtitle {
  256. margin-top:0px;
  257. margin-bottom:5px;
  258. }
  259.  
  260. .blogtitle a {
  261. font-family: 'zhizn';
  262. font-size: 35px;
  263. text-transform:none;
  264. line-height: 100%;
  265. color: {color:Links};
  266. -webkit-transition: color 0.3s ease-out;
  267. -moz-transition: color 0.3s ease-out;
  268. transition: color 0.3s ease-out;
  269. }
  270.  
  271. .blogtitle a:hover {
  272. color:{color:Link hover};
  273. -webkit-transition: all 0.3s ease-out;
  274. -moz-transition: all 0.3s ease-out;
  275. transition: all 0.3s ease-out;
  276. }
  277.  
  278.  
  279.  
  280.  
  281.  
  282. .links { margin-bottom:5px; background-color:#eee; border:1px solid #dfdfdf; padding:5px; margin-top:-6px;}
  283.  
  284. #men ul li{display: block;position: relative;float: left;text-align: center;text-transform: uppercase;font-size: 13px; font-family: share; height: 18px;line-height: 18px;margin: 1px 0px 0px 1px;}#men li ul{display: none; margin: 0 auto 0 -1px;}#men ul li a{display: block;text-decoration: none;color: #262525;border-top: 0px solid #ffffff;padding: 0px;background: #efefef;margin-left: 1px;white-space: nowrap;text-transform: uppercase;font-size: 10px;width: 78px;
  285. }
  286.  
  287.  
  288.  
  289.  
  290. .permalinktext {
  291. display: block;
  292. padding: 0px;
  293. margin: 4px 8px 0px 8px;
  294. text-transform: uppercase;
  295. font-family: share;
  296. letter-spacing: 1px;
  297. font-size: 10px;
  298. color: #000000;
  299. line-height: 18px;
  300. text-align: center;
  301. text-decoration: none;
  302. -webkit-transition: color 0.5s ease-out;
  303. -moz-transition: color 0.5s ease-out;
  304. border-top: 1px dashed #dcdcdc;
  305. }
  306.  
  307.  
  308.  
  309.  
  310. {block:IndexPage}<div class="perma"><a href="{reblogurl}" target="blank" title="Reblog">reblog</a>&nbsp;&nbsp;<a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  311. }
  312.  
  313.  
  314.  
  315.  
  316.  
  317. {block:IndexPage}<div class="perma"><div class="reblawg"><a href="{reblogurl}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/cs9z8nu/qQkmddvm5/reblog__1_.png" width="30"/></a></div><div class="notez"><a id="notes{PostID}" href="{Permalink}" title="Permalink page"><img src="http://static.tumblr.com/cs9z8nu/ruymddvlw/like1.png" width="30"></a></div><div class="notecount"><a href="{permalink}" title="Note count">{notecount} </a></div></div>{/block:IndexPage}
  318.  
  319. }
  320.  
  321.  
  322.  
  323.  
  324.  
  325. ol.notes {
  326. padding: 0px;
  327. margin: 0px 0px;
  328. list-style-type: none;
  329. }
  330.  
  331. ol.notes li.note {
  332. padding: 2px;
  333. }
  334.  
  335. ol.notes li.note img.avatar {
  336. display:none;
  337. }
  338.  
  339. ol.notes li.note span.action {
  340. font-weight: bold;
  341. }
  342.  
  343. ol.notes li.note .answer_content {
  344. font-weight: normal;
  345. }
  346.  
  347. ol.notes li.note blockquote {
  348. border-color: #eee;
  349. padding: 4px 10px;
  350. margin: 10px 0px 0px 25px;
  351. }
  352.  
  353. ol.notes li.note blockquote a {
  354. text-decoration: none;
  355. }
  356.  
  357.  
  358. #pagination {
  359. display:none;
  360. }
  361. blockquote, q {
  362. quotes: "«" "»" "'" "'";
  363. padding: 3px;
  364. margin: 0px 5px;
  365. border-left: solid #888888 2px;
  366. }
  367. .ask {
  368. align:right;
  369. background: #dfdfdf;
  370. margin:6px 0px 5px 66px;
  371. padding:10px;
  372. position: relative;
  373. -moz-border-radius:5px;
  374. -webkit-border-radius:5px;
  375. border-radius:5px;
  376. }
  377. .ask p {
  378. margin:1px 0px;
  379. }
  380. .ask span {
  381. display:block;
  382. position:absolute;
  383. width:1px;
  384. height:1px;
  385. font-size: 0;
  386. line-height: 1px;
  387. left:-10px;
  388. top:10px;
  389. border-top:7px solid transparent;
  390. border-bottom:7px solid transparent;
  391. border-right:10px solid #d5d0d0;
  392. }
  393. .askborder {
  394. float: left;
  395. margin: 1px 4px 0 0;
  396. padding: 2px;
  397. background: #f7f7f7;
  398. }
  399.  
  400. .askborder img {border-radius:99px;}
  401.  
  402.  
  403. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  404.  
  405.  
  406. </style>
  407.  
  408. </head>
  409.  
  410. <body>
  411.  
  412.  
  413. <link rel="stylesheet" href="http://static.tumblr.com/cs9z8nu/CN5mfgtf3/tumblrcontrols.js" type="text/css" charset="utf-8">
  414.  
  415.  
  416.  
  417.  
  418. <div id="contain">
  419. <div id="sidebar">
  420.  
  421. {block:ifShowblogtitle}
  422. <div class="blogtitle">
  423. <a href="/">
  424. {Title}
  425. </a>
  426. </div>
  427. {/block:IfShowblogtitle}
  428.  
  429.  
  430.  
  431. {block:ifShowsidebarphoto}
  432. <a href="/">
  433. <img src="{image:Sidebar photo}" width="240"/>
  434. </a>
  435. {/block:ifShowsidebarphoto}
  436.  
  437. <Br>
  438. <Br>
  439.  
  440. <div class="descripttt"><br>
  441.  
  442. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  443. Lorem ipsum dolor sit amet.
  444. Consectetuer adipiscing elit.
  445.  
  446. <br><br>
  447.  
  448. </div>
  449.  
  450. <br>
  451.  
  452.  
  453.  
  454. {block:ifShowlinks}
  455.  
  456.  
  457.  
  458. <div id="men"><ul id="menu"><li><a href="/">Home</a></li><li><a href="/ask">Ask</a><li><a href="http://specialcharmxo.tumblr.com">Theme</a></li>
  459. <br>
  460.  
  461. {block:ifLink1URL}<li><a href="{text:Link 1 URL}">{text:Link 1 title}</a></li>{/block:ifLink1URL}
  462.  
  463. {block:ifLink2URL}<li><a href="{text:Link 2 URL}">{text:Link 2 title}</a></li>{/block:ifLink2URL}
  464.  
  465. {block:ifLink3URL}<li><a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}</li>
  466.  
  467.  
  468. </div></div>
  469.  
  470. <div id="stripe"></div>
  471.  
  472. {/block:ifShowlinks}
  473.  
  474.  
  475.  
  476. </div>
  477. <div id="content">
  478.  
  479. {block:Posts}
  480.  
  481. <div class="entry">
  482.  
  483. {block:Text}
  484.  
  485. {block:indexpage}
  486. <img src="{PhotoURL-HighRes}" width="100%"/>
  487. {/block:Indexpage}
  488. <div class="text">
  489. {block:Title}
  490. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  491. {/block:Title}
  492. {Body}
  493.  
  494. </div>{block:IndexPage}<div class="permalinktext">
  495. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  496. </div>{/block:IndexPage}{block:IndexPage}
  497. {/block:IndexPage}
  498. {/block:Text}
  499.  
  500.  
  501.  
  502.  
  503. {block:Photo}
  504. {block:indexpage}
  505. <img src="{PhotoURL-HighRes}" width="100%"/>
  506. {/block:Indexpage}
  507. {block:Permalinkpage}
  508.  
  509. {/block:Permalinkpage}{block:IndexPage}<div class="permalinktext">
  510. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  511. </div>{/block:IndexPage}{block:IndexPage}
  512. {/block:IndexPage}
  513. {/block:Photo}
  514.  
  515.  
  516.  
  517.  
  518. {block:Photoset}{block:IndexPage}<div class="permalinktext">
  519. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  520. </div>{/block:IndexPage}
  521. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  522. {block:permalinkpage}
  523. {Photoset-500}
  524. {/block:permalinkpage}{block:IndexPage}
  525. {/block:IndexPage}
  526. {/block:Photoset}
  527.  
  528.  
  529.  
  530.  
  531. {block:Quote}
  532. <div class="text">
  533. <div class="title"> "{Quote}" </div>
  534. {block:Source}
  535. <div style="text-align:right">- {Source}</div>
  536. {/block:Source}
  537. </div>{block:IndexPage}<div class="permalinktext">
  538. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  539. </div>{/block:IndexPage}{block:IndexPage}
  540. {/block:IndexPage}{/block:Quote}
  541.  
  542.  
  543.  
  544.  
  545. {block:Link}
  546. <div class="text">
  547. <div class="title"><a href="{URL}" class="link" {Target}>{Name}&nbsp;&nbsp;»</a> </div>
  548. {block:Description}
  549. <div class="description">{Description}</div>
  550. {/block:Description}
  551. <p>
  552. </div>{block:IndexPage}<div class="permalinktext">
  553. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  554. </div>{/block:IndexPage}{block:IndexPage}
  555. {/block:IndexPage}{/block:Link}
  556.  
  557.  
  558.  
  559.  
  560. {block:Chat}
  561. <div class="text">
  562. {block:Title}
  563. <div class="title"><a href="{Permalink}">{Title}</a></div>
  564. {/block:Title}
  565. {block:Lines}
  566. <ul><b>{block:Label}{Label}</b>{/block:Label}
  567. {Line} </ul>
  568. {/block:Lines}
  569. </div>{block:IndexPage}<div class="permalinktext">
  570. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  571. </div>{/block:IndexPage}{block:IndexPage}
  572. {/block:IndexPage}{/block:Chat}
  573.  
  574.  
  575.  
  576.  
  577. {block:Video}{block:IndexPage}<div class="permalinktext">
  578. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  579. </div></div>{/block:IndexPage}
  580. {block:IndexPage}{Video-250}{/block:IndexPage}
  581. {block:permalinkpage}
  582. {Video-500}
  583. {/block:permalinkpage}{block:IndexPage}
  584. {/block:IndexPage}
  585. {/block:Video}
  586.  
  587.  
  588.  
  589.  
  590. {block:Audio}
  591. <div class="text">
  592. {AudioPlayerGrey}
  593. {block:Caption}
  594. {Caption}
  595. {/block:Caption}
  596. </div>{block:IndexPage}<div class="permalinktext">
  597. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  598. </div>{/block:IndexPage}{block:IndexPage}
  599. {/block:IndexPage}{/block:Audio}
  600.  
  601.  
  602.  
  603.  
  604. {block:Answer}
  605. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} {block:IndexPage}<div class="permalinktext">
  606. <a href="{permalink}">{notecount} <font color=black>+</font></a> <a href="{ReblogURL}" target="_blank"> reblog </a>
  607. </div>{/block:IndexPage}{block:IndexPage}
  608. {/block:IndexPage}
  609. {/block:Answer}
  610.  
  611.  
  612.  
  613. {block:PermalinkPage}<br>
  614. {block:Date}
  615. {block:Caption}Caption:<br>{Caption}{/block:Caption}<br><br>
  616. Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<br>Tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  617.  
  618. <br><br><div style="text-align:left; width:490px; margin-left:-10px; margin-top:10px; display:block; padding:5px;">{PostNotes}</div>
  619.  
  620.  
  621. {/block:Date}
  622.  
  623.  
  624. </div>
  625. {/block:PermalinkPage}
  626.  
  627. </div>
  628.  
  629. {/block:Posts}
  630.  
  631. </div>
  632.  
  633. <div class="clear"></div>
  634. </div>
  635.  
  636. {block:Pagination}
  637. <ul id="pagination">
  638. {block:PreviousPage}
  639. <li><a href="{PreviousPage}"></a></li>
  640. {/block:PreviousPage}
  641. {block:JumpPagination length="5"}
  642. {block:CurrentPage}
  643. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  644. {/block:CurrentPage}
  645. {block:JumpPage}
  646. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  647. {/block:JumpPage}
  648. {/block:JumpPagination}
  649. {block:NextPage}
  650. <li><a id="nextPage" href="{NextPage}"></a></li>
  651. {/block:NextPage}
  652. </ul>
  653. {/block:Pagination}
  654. {block:IndexPage}
  655.  
  656.  
  657. {/block:IndexPage}
  658.  
  659. </body>
  660. </div>
  661. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement