Advertisement
letsklainenow

THEME 03 V2

Jun 3rd, 2013
7,492
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="text:2nd description" content="">
  14. <meta name="text:subtitle" content="">
  15. <meta name="font:title" content="Trebuchet MS" />
  16. <meta name="font:body" content="Trebuchet MS" />
  17. <meta name="font:Links" content="" />
  18. <meta name="font:description" content="Trebuchet MS" />
  19. <meta name="color:scrollbackground" content="#0c0c0c" />
  20. <meta name="color:scrollbar" content="#d8d8d8" />
  21. <meta name="color:alink" content="#737679" />
  22. <meta name="color:italic" content="#ccd1d5" />
  23. <meta name="color:bold" content="#ccd1d5" />
  24. <meta name="color:nav" content="#fdfdfd" />
  25. <meta name="color:titlePost" content="#1b6c63" />
  26. <meta name="color:Links" content="#727276" />
  27. <meta name="color:background" content="#f0f8fc" />
  28. <meta name="color:post" content="#fcfcfc" />
  29. <meta name="color:askk" content="#f2f5f3" />
  30. <meta name="color:title" content="#a09e9e" />
  31. <meta name="color:tags" content="#f2f3f3" />
  32. <meta name="color:sidebar" content="#fcfcfc" />
  33. <meta name="color:description" content="#63676a" />
  34. <meta name="color:text" content="#63676a" />
  35. <meta name="color:button" content="#ebeeee" />
  36. <meta name="color:pagination" content="#a5a7a7" />
  37. <meta name="color:paginationhover" content="#f3f4f5" />
  38. <meta name="image:header" content="http://static.tumblr.com/e3e9ce6c8208c15f9b67df7d5c12bbc7/eeo49ia/DdJmmx11t/tumblr_static_dae.png" />
  39. <meta name="image:render" content="" />
  40. <meta name="image:side" content="http://static.tumblr.com/300d341ff859ae03ab6e3c801d4fa52a/eeo49ia/Kscmmxbji/tumblr_static_ad.png" />
  41. <meta name="image:background" content="http://static.tumblr.com/50c0d414931edf7075825e9c70a5a662/eeo49ia/o4hmmxbx2/tumblr_static_ww.png" />
  42. <meta name="image:button" content="" />
  43. <meta name="image:button2" content="" />
  44. <meta name="if:ShowCaptions" content="1" />
  45. <meta name="if:ShowTags" content="1" />
  46. <meta name="text:Title 1" content="home" />
  47. <meta name="text:url 1" content="/" />
  48. <meta name="text:Title 2" content="ask" />
  49. <meta name="text:url 2" content="/ask" />
  50. <meta name="text:Title 3" content="archive" />
  51. <meta name="text:url 3" content="/archive" />
  52. <meta name="text:Title 4" content="" />
  53. <meta name="text:url 4" content="" />
  54. <meta name="text:Title 5" content="" />
  55. <meta name="text:url 5" content="" />
  56. <meta name="text:Title 6" content="" />
  57. <meta name="text:url 6" content="" />
  58. <meta name="text:Title 7" content="" />
  59. <meta name="text:url 7" content="" />
  60. <meta name="text:Title 8" content="" />
  61. <meta name="text:url 8" content="" />
  62. <meta name="text:Title 9" content="" />
  63. <meta name="text:url 9" content="" />
  64. <meta name="text:Title 10" content="" />
  65. <meta name="text:url 10" content="" />
  66. <meta name="text:Title 11" content="" />
  67. <meta name="text:url 11" content="" />
  68. <meta name="text:Title 12" content="" />
  69. <meta name="text:url 12" content="" />
  70. <meta name="text:Title 13" content="" />
  71. <meta name="text:url 13" content="" />
  72. <meta name="text:Title 14" content="" />
  73. <meta name="text:url 14" content="" />
  74. <meta name="text:Title 15" content="" />
  75. <meta name="text:url 15" content="" />
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80. blockquote{
  81. padding-left: 3px;
  82. border-left: 2px solid {color:alink};
  83. color:{color:text};
  84. width:448px;
  85. margin-left:10px;
  86. padding-right:6px;
  87. }
  88.  
  89. body {
  90. background: {color:background};
  91. background-image: url('{image:background}');
  92. margin: 0;
  93. padding: 0;
  94. font-family: {font:body};
  95. background-attachment: fixed;
  96. color:{color:text};
  97. }
  98.  
  99.  
  100. b{color:{color:bold};
  101. font-weight:bold;
  102. font-size:12px;
  103. }
  104.  
  105. i{color:{color:italic};
  106. font-style:italic;
  107. }
  108.  
  109. a{text-decoration:none;
  110. color:{color:alink};
  111. }
  112.  
  113.  
  114.  
  115. #headerT{
  116. margin-top:-1px;
  117. float:center;
  118. position:fixed;
  119. display:block;
  120.  
  121. }
  122.  
  123.  
  124. #title {
  125. color:{color:title};
  126. font-size:12px;
  127. text-align:center;
  128. background-color:{color:button};
  129. background-image: url('{image:button}') ;
  130. text-transform:uppercase;
  131. font-family:calibri;
  132. letter-spacing:1px;
  133. opacity:0.8;
  134. text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
  135. }
  136.  
  137.  
  138.  
  139. #title2 {
  140. color:{color:title};
  141. font-size:12px;
  142. font-style:bold;
  143. text-align:center;
  144. text-transform:uppercase;
  145. background-color:{color:button};
  146. background-image: url('{image:button2}') ;
  147. text-transform:uppercase;
  148. font-family:calibri;
  149. letter-spacing:1px;
  150. opacity:0.8;
  151. text-shadow: 0px 0px 6px rgba(255,255,255,0.7);}
  152.  
  153.  
  154.  
  155. #sidebar {
  156. position:fixed;
  157. margin-top:150px;
  158. margin-left:1px;
  159. width:250px;
  160. padding: 8px;
  161. background-color:{color:sidebar};
  162. }
  163.  
  164.  
  165.  
  166. #linkstop {
  167. margin-top:15px;
  168. width: 320px;
  169. text-align:center;
  170. display: inline-block;
  171. position:absolute;
  172. font-family:{font:Links};
  173. text-decoration:none;
  174. text-transform:uppercase;
  175. padding:1px;
  176. opacity:0.8;text-transform:uppercase;
  177. font-family:calibri;
  178. letter-spacing:1px;
  179. }
  180.  
  181.  
  182. #des {
  183. position:fixed;
  184. margin-top:450px;
  185. margin-left:1px;
  186. width:250px;
  187. padding: 8px;
  188. font-size:9px;
  189. text-align:justify;
  190. color:{color:description};
  191. font-family:{font:description};
  192. background-color:{color:sidebar};
  193. }
  194.  
  195.  
  196. #sidebarpic img {
  197. margin-top:1px;
  198. max-width:800px;
  199. height:auto;
  200.  
  201. }
  202.  
  203.  
  204. #container {
  205. margin: auto;
  206. width: 800px;
  207.  
  208. }
  209.  
  210.  
  211. #description {
  212. margin-top:1px;
  213. width: 250px;
  214. font-size:9px;
  215. text-align:justify;
  216. color:{color:description};
  217. font-family:{font:description};
  218. }
  219.  
  220.  
  221. #side img{
  222. margin-top:1px;
  223. max-width:250px;
  224. height:auto;
  225. }
  226.  
  227.  
  228.  
  229.  
  230. #entry {
  231. font-size:10px;
  232. margin-right:-10px;
  233. margin-top:140px;
  234. padding: 8px;
  235. float:right;
  236. text-align: justify;
  237. }
  238.  
  239.  
  240. #post {
  241. font-size:10px;
  242. padding: 8px;
  243. width: 500px;margin-left:330px;
  244. background-color:{color:post};
  245. color:{color:text};
  246. text-align: justify;
  247. }
  248.  
  249. #pag {
  250. background-color:{color:paginationhover};
  251. height:28px;
  252. width:252px;
  253. }
  254.  
  255. .jump_page {
  256. padding: 2px 3px;
  257. background-color:{color:paginationhover};
  258. color:#a8a9aa;
  259. font-family:century gothic;
  260. font-size:11px;
  261. text-decoration:none;
  262. }
  263.  
  264.  
  265. .current_page, .jump_page:hover {
  266. padding: 2px 3px;
  267. background-color:{color:pagination};
  268. color: #ffffff;
  269. font-family:century gothic;
  270. font-size:11px;
  271. text-decoration:none;
  272. }
  273.  
  274.  
  275. #credit a{
  276. font-size:10px;
  277. font-family:Trebuchet MS;
  278. position:fixed;
  279. text-decoration:none;
  280. text-transform:uppercase;
  281. bottom:6px;
  282. width:50px;
  283. right:6px;
  284. text-align: center;
  285. letter-spacing:0px;
  286. color:{color:Links};
  287. background-color:{color:nav};
  288. }
  289.  
  290.  
  291. #tags{
  292. text-transform:uppercase;
  293. background-color:{color:tags};
  294. color:{color:Links};
  295. letter-spacing:1px;
  296. text-align:left;
  297. font-size:9px;
  298. font-family:calibri;
  299. }
  300.  
  301.  
  302. #tags a{
  303. text-transform:uppercase;
  304. background-color:{color:tags};
  305. color:{color:Links};
  306. letter-spacing:1px;
  307. text-align:left;
  308. font-size:9px;
  309. font-family:calibri;
  310. }
  311.  
  312.  
  313. .asky img {
  314. -webkit-transform: rotate(40deg);
  315. -moz-transform: rotate(40deg);
  316. -ms-transform: rotate(40deg);
  317. -o-transform: rotate(40deg);
  318. transform: rotate(40deg);
  319. -webkit-border-radius: 100px;
  320. -webkit-border-top-left-radius: 0;
  321. -moz-border-radius: 100px;
  322. -moz-border-radius-topleft: 0;
  323. border-radius: 100px;
  324. border-top-left-radius: 0;
  325. margin-top:9px;
  326.  
  327. }
  328.  
  329.  
  330. .askbox{
  331. margin-right:1px;
  332. background: {color:askk};
  333.  
  334. }
  335.  
  336.  
  337. #answer {
  338. font-size: 10px;
  339. margin-top:5px;
  340. margin-left:1px;
  341. }
  342.  
  343.  
  344.  
  345. #nav {
  346. background-color: {color:nav};
  347. color: {color:Links};
  348. text-transform:uppercase;
  349. font-family:calibri;
  350. letter-spacing:1px;
  351. display: inline-block;
  352. text-transform:uppercase;
  353. float:center;
  354. padding: 2px;
  355. width: 151px;
  356. height:16px;
  357. font-size: 10px;
  358.  
  359.  
  360. }
  361.  
  362.  
  363.  
  364. #nav2 {
  365. background-color: {color:nav};
  366. color: {color:Links};
  367. text-transform:uppercase;
  368. font-family:calibri;
  369. letter-spacing:1px;
  370. text-align:center;
  371. padding: 1px;
  372. width: 250px;
  373. margin-top:2px;
  374. text-transform:uppercase;
  375. position:relative;
  376. font-size: 10px;
  377. }
  378.  
  379.  
  380. #nav3 {
  381. background-color: {color:nav};
  382. color: {color:Links};
  383. text-transform:uppercase;
  384. font-family:calibri;
  385. letter-spacing:1px;
  386. text-align:center;
  387. padding: 1px;
  388. width: 250px;
  389. margin-top:2px;
  390. text-transform:uppercase;
  391. position:relative;
  392. font-size: 10px;
  393. }
  394.  
  395.  
  396.  
  397. #linkstopp {
  398. margin-top:20px;
  399. margin-left:450px;
  400. text-align:center;
  401. position:absolute;
  402. }
  403.  
  404.  
  405. #titlepost{
  406. text-align:center;
  407. font-family:calibri;
  408. text-transform:uppercase;
  409. background-color:{color:titlePost};
  410. letter-spacing:4px;
  411. font-size:14px;
  412. float:center;
  413. }
  414.  
  415.  
  416.  
  417. #albumart {
  418. float:left;
  419. margin-top:-120px }
  420.  
  421.  
  422. #player {
  423. width:100px;
  424. height:30px;
  425. overflow:hidden;
  426. margin-top:45px;
  427. margin-bottom:45px;
  428. }
  429.  
  430.  
  431.  
  432. ::-webkit-scrollbar-thumb:vertical {
  433. background-color:{color:scrollbar};
  434. height: 40px;
  435. }
  436.  
  437.  
  438. ::-webkit-scrollbar {
  439. height: 10px;
  440. width: 10px;
  441. background-color:{color:scrollbackground}
  442. ;
  443. }
  444.  
  445.  
  446. #img {
  447. float:left;
  448. position;absolute;
  449. padding: 3px;
  450. }
  451.  
  452.  
  453.  
  454. #fade {
  455. display: none;
  456. background: #000;
  457. position: fixed;
  458. left: 0;
  459. top: 0;
  460. width: 100%;
  461. height: 100%;
  462. opacity: .80;
  463. z-index: 9999;
  464. }
  465.  
  466.  
  467.  
  468.  
  469. iframe#tumblr_controls {
  470. right:5px !important;
  471. position: fixed !important;
  472. opacity: 0.6;
  473. }
  474. iframe#tumblr_controls:hover{
  475. opacity: 1;
  476. }
  477.  
  478. .my-like {
  479. background-image: url(http://media.tumblr.com/tumblr_mdchhfS8rc1qj1ywv.png) !important; height:8px; width:10px; cursor:pointer; display:inline-block; vertical-align:top; margin-top:1px;} .my-liked, .my-like:hover { margin-top:1px;background-image: url(http://media.tumblr.com/tumblr_mdmgj7MUPn1qj1ywv.png ) !important; height:8px; width:10px; cursor:pointer; display:inline-block; vertical-align:top; } </style> <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false );
  480. };
  481.  
  482. </script>
  483.  
  484.  
  485.  
  486. <script type="text/javascript"
  487. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  488. </script>
  489.  
  490.  
  491. <script type="text/javascript" language="javascript">
  492. $(function () {
  493. $('#scrlBotm').click(function () {
  494. $('html, body').animate({
  495. scrollTop: $(document).height()
  496. },
  497. 1500);
  498. return false;
  499. });
  500.  
  501. $('#scrlTop').click(function () {
  502. $('html, body').animate({
  503. scrollTop: '0px'
  504. },
  505. 1500);
  506. return false;
  507. });
  508. });
  509. </script>
  510.  
  511.  
  512. {CustomCSS}
  513.  
  514.  
  515.  
  516.  
  517. </style>
  518. <script type="text/javascript"
  519. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  520.  
  521.  
  522. </head>
  523.  
  524. <body>
  525. <img src="{image:render}" style='position:fixed;height:350px;bottom:0px;right:0px;z-index:-999'/>
  526. <a id="scrlTop" title="back to top" href="#" style="position: fixed; bottom: 20px; right: 18px;color:{color:nav};"><font size="6px">▲</font></a>
  527. <div id="container"><div id="headerT">
  528.  
  529.  
  530.  
  531. <div id="linkstopp"> <div id="linkstop">
  532.  
  533. {block:ifTitle1}<div id="nav">
  534. <center>
  535. <a href="{text:url 1}" style="color:{color:links}">{text:Title 1} </a></div>{/block:ifTitle1}
  536. </center>
  537.  
  538.  
  539.  
  540.  
  541.  
  542. {block:ifTitle2}<div id="nav">
  543. <a href="{text:url 2}" style="color:{color:links}">{text:Title 2} </a></div>
  544. {/block:ifTitle2}
  545.  
  546. {block:ifTitle3} <div id="nav"><a href="{text:url 3}" style="color:{color:links}">{text:Title 3} </a></div> {/block:ifTitle3}
  547. {block:ifTitle4}<div id="nav"><a href="{text:url 4}" style="color:{color:links}">{text:Title 4} </a> </div>{/block:ifTitle4}
  548. {block:ifTitle5}<div id="nav"><a href="{text:url 5}" style="color:{color:links}">{text:Title 5} </a></div>{block:ifTitle5}
  549. {block:ifTitle6}<div id="nav"><a href="{text:url 6}" style="color:{color:links}">{text:Title 6} </a></div> {/block:ifTitle6}
  550. </div>
  551. </div>
  552.  
  553.  
  554.  
  555.  
  556. <div id="sidebarpic"><center><a href="/"><img src="{image:header}"/></a></center>
  557.  
  558.  
  559. </div></div>
  560.  
  561. <div id="sidebar">
  562. <center>
  563. <div id="title">{Title}</div></center>
  564. <div id="side"><a href="/"><img src="{image:side}"/></a></div>
  565. <div id="description">
  566.  
  567. <div id="img"><img src="{PortraitURL-40}"></div>
  568.  
  569. {block:Description}{Description}{/block:Description}
  570. {block:ifTitle12}<div id="nav3"><a href="{text:url 12}" style="color:{color:links}">{text:Title 12} </a></div> {/block:ifTitle12}
  571. {block:ifTitle13}<div id="nav3"><a href="{text:url 13}" style="color:{color:links}">{text:Title 13} </a> </div> {/block:ifTitle13}
  572. {block:ifTitle14}<div id="nav3"><a href="{text:url 14}" style="color:{color:links}">{text:Title 14} </a></div> {/block:ifTitle14}
  573. {block:ifTitle15} <div id="nav3"><a href="{text:url 15}" style="color:{color:links}">{text:Title 15} </a></div>{/block:ifTitle15}
  574. </div>
  575.  
  576. <div id="pag">
  577. <center>
  578. {block:Pagination}
  579. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  580. {block:JumpPagination length="5"}
  581. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  582. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  583. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  584. {/block:Pagination}</div>
  585. </center></div>
  586.  
  587.  
  588.  
  589.  
  590. <div id="des"><div id="title2">{text:subtitle}</div>{text:2nd description}
  591.  
  592.  
  593. {block:ifTitle7}<div id="nav2"><a href="{text:url 7}" style="color:{color:links}">{text:Title 7} </a> </div> {/block:ifTitle7}
  594. {block:ifTitle8}<div id="nav2"><a href="{text:url 8}" style="color:{color:links}">{text:Title 8} </a></div> {/block:ifTitle8}
  595. {block:ifTitle9} <div id="nav2"><a href="{text:url 9}" style="color:{color:links}">{text:Title 9} </a></div>{/block:ifTitle9}
  596. {block:ifTitle10} <div id="nav2"><a href="{text:url 10}" style="color:{color:links}">{text:Title 10} </a></div>{/block:ifTitle10}
  597. {block:ifTitle11} <div id="nav2"><a href="{text:url 11}" style="color:{color:links}">{text:Title 11} </a></div>{/block:ifTitle11}
  598. </div>
  599.  
  600.  
  601. <div id="entry">
  602. {block:Posts}
  603. <div id="post">
  604.  
  605. {block:Text}{block:Title}<div id="titlepost">
  606. <center>{Title}</center></div>
  607. {/block:Title}{Body}{/block:Text}
  608.  
  609. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  610.  
  611. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  612. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  613.  
  614. {block:Audio}
  615. <div id="player">{AudioPlayerWhite}></div>
  616. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  617. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  618. {/block:Audio}
  619.  
  620.  
  621. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  622. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  623. {/block:Photo}
  624.  
  625.  
  626. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  627.  
  628. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  629. {block:Video}{Video-500}
  630.  
  631. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  632. {/block:Video}
  633.  
  634.  
  635. {block:Answer}
  636.  
  637. <div class="askbox">
  638.  
  639. <table style="border-bottom:2px solid #a0a0a0;padding-bottom:3px;margin-bottom:5px; width:490px;">
  640.  
  641. <tr>
  642. <td style="vertical-align:top;"><img src="{AskerPortraitURL-48}" align="left">
  643.  
  644.  
  645.  
  646.  
  647. <td style="vertical-align:top; width:490px"; ><strong>{Asker} asked:</strong><div id="answer">{Question}</div></td>
  648. </tr>
  649.  
  650.  
  651. </table>
  652.  
  653. </div>
  654. {Answer}
  655.  
  656. {/block:Answer}
  657.  
  658. <div id="tags">{block:NoteCount}<a href="{Permalink}">{NoteCount}</a> notes |{/block:NoteCount} {block:Date}posted <a href="{Permalink}">{TimeAgo} </a>|{/block:Date} {block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  659. {block:ContentSource} - <a href="{SourceURL}" title="source">{SourceLink}</a>){block:ContentSource}|{/block:RebloggedFrom}<a href="{ReblogURL}" target=”_blank” class=”details”> Reblog |</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div><br>
  660. {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}</div></div><br>
  661. {/block:Posts}<div id="credit"><a target="blank"href="http://crlsscolfer.tumblr.com">Theme </a></div> {block:PostNotes} <div style="margin-left:350px;">{PostNotes}
  662. </div>{/block:PostNotes}
  663.  
  664.  
  665. </div>
  666.  
  667. </div>
  668.  
  669.  
  670.  
  671.  
  672.  
  673.  
  674. </body>
  675.  
  676. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement