API tools faq
paste
Advertisement
letsklainenow

THEME 02 V2

letsklainenow
Mar 7th, 2013
7,832
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12.  
  13. <meta name="font:title" content="Trebuchet MS" />
  14. <meta name="font:body" content="Trebuchet MS" />
  15. <meta name="font:description" content="Trebuchet MS" />
  16. <meta name="color:scrollbackground" content="#e0e7ee" />
  17. <meta name="color:scrollbar" content="#353638" />
  18. <meta name="color:background" content="#f0f8fc" />
  19. <meta name="color:post" content="f8f8f8" />
  20. <meta name="color:TitlePost" content="#7d8183" />
  21. <meta name="color:BackgroundTitlePost" content="#f1f3f2" />
  22. <meta name="color:entry" content="#f8f8f8" />
  23. <meta name="color:title" content="#696c6f" />
  24. <meta name="color:sidebar" content="#e3eff5" />
  25. <meta name="color:sidebar2" content="#e3eff5" />
  26. <meta name="color:sidebar2links" content="#84878a" />
  27. <meta name="color:description" content="#909192" />
  28. <meta name="color:text" content="#a8a9aa" />
  29. <meta name="color:links" content="#c0c5cc" />
  30. <meta name="color:ask" content="#fafafa" />
  31. <meta name="color:Tags" content="#909192" />
  32. <meta name="color:backgroundtags" content="#dddedf" />
  33. <meta name="image:sidebar img" content="http://i52.tinypic.com/2zgzxp3.png" />
  34. <meta name="image:sidebard img" content="http://i54.tinypic.com/j90jmf.png" />
  35. <meta name="image:background" content="" />
  36. <meta name="if:ShowTags" content="1" />
  37. <meta name="if:ShowCaptions" content="1" />
  38. <meta name="if:ShowDescriptionTwo" content="1" />
  39. <meta name="if:Monochrome" content="1">
  40. <meta name="text:DescriptionTwo" content="" />
  41. <meta name="text:Title 1" content="home" />
  42. <meta name="text:url 1" content="/" />
  43. <meta name="text:Title 2" content="ask" />
  44. <meta name="text:url 2" content="/ask" />
  45. <meta name="text:Title 3" content="archive" />
  46. <meta name="text:url 3" content="/archive" />
  47. <meta name="text:Title 4" content="" />
  48. <meta name="text:url 4" content="" />
  49. <meta name="text:Title 5" content="" />
  50. <meta name="text:url 5" content="" />
  51. <meta name="text:Title 6" content="" />
  52. <meta name="text:url 6" content="" />
  53. <meta name="text:Title 7" content="" />
  54. <meta name="text:url 7" content="" />
  55. <meta name="text:Title 8" content="" />
  56. <meta name="text:url 8" content="" />
  57. <meta name="text:Title 9" content="" />
  58. <meta name="text:url 9" content="" />
  59. <meta name="text:Title 10" content="" />
  60. <meta name="text:url 10" content="" />
  61. <meta name="text:Title 11" content="" />
  62. <meta name="text:url 11" content="" />
  63. <meta name="text:Title 12" content="" />
  64. <meta name="text:url 12" content="" />
  65. <meta name="text:Title 13" content="" />
  66. <meta name="text:url 13" content="" />
  67. <meta name="text:Title 14" content="" />
  68. <meta name="text:url 14" content="" />
  69. <meta name="text:Title 15" content="" />
  70. <meta name="text:url 15" content="" />
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77. ::-webkit-scrollbar-thumb:vertical {
  78. background-color:{color:scrollbar};
  79. height: 40px;
  80. }
  81.  
  82.  
  83. ::-webkit-scrollbar {
  84. height: 10px;
  85. width: 10px;
  86. background-color:{color:scrollbackground};
  87. }
  88.  
  89.  
  90.  
  91. body {
  92. background: {color:background};
  93. background-attachment: fixed;
  94. background-image: url('{image:background}');
  95. margin: 0;
  96. padding: 0;
  97. font-family: {font:Body};
  98. color:{color:text};
  99. }
  100.  
  101. a{
  102. text-decoration:none;
  103. color:{color:links};
  104. }
  105.  
  106.  
  107. #title {
  108. font-family:{font:title};
  109. color:{color:title};
  110. font-size:14px;
  111. font-style:bold;
  112. margin-top:15px;
  113. text-align:center
  114. text-decoration:none;
  115. text-transform:uppercase;
  116. font-family:calibri;
  117. letter-spacing:1px;
  118. opacity:0.8;
  119. text-shadow: 0px 0px 6px rgba(255,255,255,0.8);
  120. }
  121.  
  122. #postitle {
  123. font-family:{font:title};
  124. color:{color:TitlePost};
  125. font-size:15px;
  126. font-style:bold;
  127. margin-top:5px;
  128. text-align:center
  129. text-decoration:none;
  130. text-transform:uppercase;
  131. background-color:{color:BackgroundTitlePost};
  132. letter-spacing:4px;
  133. font-family:calibri;
  134. }
  135.  
  136.  
  137. #container {
  138. margin-top:40px;
  139. float: center;
  140. width:1000px;
  141. height:600px;
  142. }
  143.  
  144.  
  145. #sidebar {
  146. position:fixed;
  147. margin-left:0px;
  148. width:250px;
  149. height:600px;
  150. background-color:{color:sidebar};
  151. background-image:url('{image:sidebar img}');
  152. }
  153.  
  154. #sidebard {
  155. position:fixed;
  156. margin-left:780px;
  157. height:600px;
  158. width:250px;
  159. background-color:{color:sidebar2};
  160. font-size:11px;
  161. text-align:justify;
  162. color:{color:description};
  163. background-image:url('{image:sidebard img}');
  164. }
  165.  
  166. #sidebardtext {
  167. margin-left:20px;
  168. margin-top:25px;
  169. width:200px;
  170. padding:0px;
  171. font-size:11px;
  172. padding:8px;
  173. text-align:center;
  174. color:{color:description};
  175. font-family:{font:description};
  176. background-color:rgba(255,255,255, 0.4);
  177. }
  178.  
  179. #dae a{
  180. font-size:10px;
  181. font-family:Trebuchet MS;
  182. position:fixed;
  183. text-decoration:none;
  184. text-transform:uppercase;
  185. bottom:12px;
  186. width:50px;
  187. right:10px;
  188. text-align: center;
  189. letter-spacing:0px;
  190. color:{color:links};
  191. background-color:{color:sidebar2links};
  192. }
  193.  
  194. #nav {
  195. {block:ifShowDescriptionTwo}
  196. margin-top:4px;
  197. {/block:ifShowDescriptionTwo}
  198. {block:IfNotShowDescriptionTwo}
  199. margin-top:120px;
  200. {/block:IfNotShowDescriptionTwo}
  201. }
  202.  
  203.  
  204. #sidebardlinks {
  205. margin-top:4px;
  206. margin-left:50px;
  207. width:150px;
  208. text-transform:uppercase;
  209. font-size:11px;
  210. text-align:center;
  211. color:{color:description};
  212. background-color:{color:sidebar2links};
  213. opacity:0.8;
  214. }
  215.  
  216.  
  217.  
  218. #description {
  219. margin-top:9px;
  220. width: 200px;
  221. font-size:11px;
  222. padding:8px;
  223. text-align:center;
  224. color:{color:description};
  225. font-family:{font:description};
  226. background-color:rgba(255,255,255, 0.4);
  227. }
  228.  
  229. #audio {
  230. width:450px;
  231. margin-top:0px;
  232. height:120px;
  233. }
  234.  
  235. .album {
  236. position: absolute;
  237. width: 100px;
  238. height: 100px;
  239. }
  240.  
  241. .album img {
  242. float: left;
  243. width: 100px;
  244. height: 100px;
  245. margin-left:5px;
  246. padding:5px;
  247. -moz-border-radius: 100px;
  248. -webkit-border-radius: 100px;
  249. border-radius: 100px;
  250. }
  251.  
  252. .playercontainer {
  253. width:40px;
  254. height:20px;
  255. margin-top:45px;
  256. margin-bottom:45px;
  257. display:block;
  258. margin-left:45px;
  259. position:absolute;
  260. opacity:0.7;
  261. }
  262.  
  263. .player {
  264. width: 30px;
  265. height: 40px;
  266. overflow: hidden;
  267. }
  268.  
  269.  
  270. #pagination {
  271. font-size: 10px;
  272. font-weight: bold;
  273. line-height: 21px;
  274. text-shadow: 0 1px 1px #fff;
  275. }
  276.  
  277. #pagination a {
  278. background: rgba(255,255,255, 0.2);
  279. margin: 0 1px 0 0;
  280. padding: 2px 4px;
  281. color: {color:description};
  282. text-decoration: none;
  283. }
  284.  
  285. #pagination a:hover {
  286. background: rgba(255,255,255, 0.2);
  287. border: none;
  288. }
  289.  
  290. #pagination span.pagina_actual {
  291. background: rgba(255,255,255, 0.2);
  292. margin: 0 1px 0 0;
  293. padding: 2px 4px;
  294. color: {color:description};
  295. text-decoration: none;
  296. }
  297.  
  298. #pagination span.info {
  299. background: rgba(255,255,255, 0.2);
  300. margin: 0 1px 0 0;
  301. padding: 2px 4px;
  302. color:{color:description};
  303. text-decoration: none;
  304. }
  305.  
  306. #content {
  307. font-size:10px;
  308. text-align: justify;
  309. margin-left:260px;
  310. max-width:515px;
  311. position:absolute;
  312. overflow-x:hidden;
  313. margin-top:0px;
  314. background-color:{color:entry};
  315. }
  316.  
  317. #post {
  318. font-size:10px;
  319. width: 500px; padding:5px;
  320. background-color:{color:post};
  321. color:{color:text};
  322. text-align: justify;
  323. overflow-x:hidden;
  324. }
  325.  
  326. {block:ifMonochrome}
  327. .photo{
  328. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
  329. filter: gray; /* IE6-9 */
  330. -webkit-filter: grayscale(1);
  331. -webkit-transition: all 0.5s ease-in-out;
  332. -moz-transition: all 0.5s ease-in-out;
  333. -o-transition: all 0.5s ease-in-out;
  334. -ms-transition: all 0.5s ease-in-out;
  335. transition: all 0.5s ease-in-out;
  336.  
  337. }
  338.  
  339. .photo:hover{
  340. filter: none;
  341. -webkit-filter: grayscale(0);
  342. -webkit-transition: all 0.7s ease-in-out;
  343. -moz-transition: all 0.7s ease-in-out;
  344. -o-transition: all 0.7s ease-in-out;
  345. }
  346. {/block:ifMonochrome}
  347.  
  348.  
  349. #tags{
  350. text-transform:uppercase;
  351. background-color:{color:backgroundtags};
  352. color:{color:Tags};
  353. letter-spacing:1px;
  354. font-family:calibri;
  355. text-align:left;
  356. font-size:8px;
  357. padding:3px;
  358.  
  359. }
  360.  
  361.  
  362. #tags a{
  363. text-transform:uppercase;
  364. font-family:calibri;
  365. letter-spacing:1px;
  366. background-color:{color:backgroundtags};
  367. color:{color:Tags};
  368. text-align:left;
  369. font-size:8px;
  370. }
  371.  
  372. blockquote{
  373. padding-left: 3px;
  374. border-left: 4px solid {color:text};
  375. color:{color:text};
  376. width:448px;
  377. margin-left:10px;
  378. padding-right:6px;
  379. }
  380.  
  381. .bubble {
  382. align:right;
  383. background-color: {color:ask};
  384. margin:7px 0px 5px 66px;
  385. padding:10px;
  386. position: relative;
  387. -moz-border-radius:5px;
  388. -webkit-border-radius:5px;
  389. border-radius:5px;
  390. }
  391.  
  392. .bubble p {
  393. margin:1px 0px;
  394. }
  395.  
  396. .bubble span {
  397. display:block;
  398. position:absolute;
  399. width:1px;
  400. height:1px;
  401. font-size: 0;
  402. line-height: 1px;
  403. left:-10px;
  404. top:10px;
  405. border-top:7px solid transparent;
  406. border-bottom:7px solid transparent;
  407. border-right:10px solid {color:ask};
  408. }
  409.  
  410. .askborder {
  411. float: left;
  412. margin: 1px 4px 0 0;
  413. padding: 2px;
  414. background:{color:ask};
  415. }
  416.  
  417.  
  418.  
  419. #credit a{
  420. font-size:10px;
  421. font-family:Trebuchet MS;
  422. position:fixed;
  423. text-decoration:none;
  424. text-transform:uppercase;
  425. bottom:6px;
  426. width:50px;
  427. right:6px;
  428. text-align: center;
  429. letter-spacing:0px;
  430. color:{color:links};
  431. background-color:{color:sidebar2links};
  432. }
  433.  
  434.  
  435.  
  436. .my-like {
  437. 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 );
  438. };
  439.  
  440. </script>
  441.  
  442. {CustomCSS}
  443. </style>
  444. </head>
  445.  
  446. <body>
  447. <center>
  448. <div id="container">
  449. <div id="sidebar">
  450.  
  451. <div id="title"><center>{Title}</center></div>
  452. <div id="description">{block:Description}{Description}{/block:Description}<div id="pagination"> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="6"} {block:CurrentPage}<span class="pagina_actual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div></div>
  453.  
  454.  
  455.  
  456.  
  457.  
  458. </div>
  459.  
  460. <div id="sidebard"> {block:ifShowDescriptionTwo}
  461.  
  462. <div id="sidebardtext">{text:DescriptionTwo}</div> {/block:ifShowDescriptionTwo}
  463.  
  464.  
  465. <div id="nav">
  466. {block:ifTitle1}<div id="sidebardlinks"><a href="{text:url 1}" style="color:{color:links}">{text:Title 1} </a></div>{/block:ifTitle1}
  467. {block:ifTitle2}<div id="sidebardlinks"><a href="{text:url 2}" style="color:{color:links}">{text:Title 2} </a></div>{/block:ifTitle2}
  468. {block:ifTitle3}<div id="sidebardlinks"><a href="{text:url 3}" style="color:{color:links}">{text:Title 3} </a></div>{/block:ifTitle3}
  469. {block:ifTitle4}<div id="sidebardlinks"><a href="{text:url 4}" style="color:{color:links}">{text:Title 4} </a></div>{/block:ifTitle4}
  470. {block:ifTitle5}<div id="sidebardlinks"><a href="{text:url 5}" style="color:{color:links}">{text:Title 5} </a></div>{/block:ifTitle5}
  471. {block:ifTitle6}<div id="sidebardlinks"><a href="{text:url 6}" style="color:{color:links}">{text:Title 6} </a></div> {/block:ifTitle6}
  472. {block:ifTitle7}<div id="sidebardlinks"><a href="{text:url 7}" style="color:{color:links}">{text:Title 7} </a> </div> {/block:ifTitle7}
  473. {block:ifTitle8}<div id="sidebardlinks"><a href="{text:url 8}" style="color:{color:links}">{text:Title 8} </a></div> {/block:ifTitle8}
  474. {block:ifTitle9} <div id="sidebardlinks"><a href="{text:url 9}" style="color:{color:links}">{text:Title 9} </a></div>{/block:ifTitle9}
  475. {block:ifTitle10} <div id="sidebardlinks"><a href="{text:url 10}" style="color:{color:links}">{text:Title 10} </a></div>{/block:ifTitle10}
  476. {block:ifTitle11} <div id="sidebardlinks"><a href="{text:url 11}" style="color:{color:links}">{text:Title 11} </a></div>{/block:ifTitle11}
  477. {block:ifTitle12}<div id="sidebardlinks"><a href="{text:url 12}" style="color:{color:links}">{text:Title 12} </a></div> {/block:ifTitle12}
  478. {block:ifTitle13}<div id="sidebardlinks"><a href="{text:url 13}" style="color:{color:links}">{text:Title 13} </a> </div> {/block:ifTitle13}
  479. {block:ifTitle14}<div id="sidebardlinks"><a href="{text:url 14}" style="color:{color:links}">{text:Title 14} </a></div> {/block:ifTitle14}
  480. {block:ifTitle15} <div id="sidebardlinks"><a href="{text:url 15}" style="color:{color:links}">{text:Title 15} </a></div>{/block:ifTitle15}
  481. </div>
  482.  
  483.  
  484.  
  485. </div>
  486.  
  487.  
  488. <div id="content">
  489. {block:Posts}
  490. <div id="post">
  491.  
  492. {block:Text}{block:Title}<div id="postitle">
  493. <center>{Title}</center></div>
  494. {/block:Title}{Body}{/block:Text}
  495.  
  496. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  497.  
  498. {block:Link}<a href="{URL}" class="link" {Target}> <div id="postitle"><center>{Name}</center></div></a>
  499. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  500.  
  501. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{LinkCloseTag}</center>{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Photo}
  502. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Photoset}
  503.  
  504. {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}
  505. {block:Video}{Video-500}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Video}
  506.  
  507. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  508.  
  509.  
  510.  
  511. {block:Audio}<div id="audio">
  512. <div class="album"><img src="http://media.tumblr.com/675fe5861bf7a215e1756675309ec363/tumblr_inline_mipj0yYi7s1qj1ywv.jpg"></div>
  513. {block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} {block:AudioPlayer}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{/block:AudioPlayer}</div>
  514. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  515. {/block:Audio}
  516.  
  517. <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>
  518. {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>
  519. {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}</div></div><br>
  520. {/block:Posts}<div id="credit"><a target="blank" href="http://crlsscolfer.tumblr.com">Theme </a></div> {block:PostNotes} <div style="margin-left:10px;">{PostNotes}
  521. </div>{/block:PostNotes}
  522.  
  523. </div>
  524.  
  525.  
  526.  
  527.  
  528. </body>
  529.  
  530. </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!