Advertisement
Jessicakim

Tapiokira - theme #013

Oct 4th, 2012
8,560
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.12 KB | None | 0 0
  1. <!---- tapiokira theme made by madarathemes
  2. don't take off the credits
  3. don't steal any code
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <!-- DEFAULTS LINKS -->
  11. <meta name="text:URL 01" content="http://"/>
  12. <meta name="text:URL 01 Title" content="Link 1"/>
  13. <meta name="text:URL 02" content="/"/>
  14. <meta name="text:URL 02 Title" content="Link 2"/>
  15. <meta name="text:URL 03" content="http://"/>
  16. <meta name="text:URL 03 Title" content="Link 3"/>
  17. <meta name="text:URL 04" content="/"/>
  18. <meta name="text:URL 04 Title" content="Link 4"/>
  19. <meta name="text:URL 05" content="http://"/>
  20. <meta name="text:URL 05 Title" content="Link 5"/>
  21. <meta name="text:URL 06" content="/"/>
  22. <meta name="text:URL 06 Title" content="Link 6"/>
  23. <meta name="text:ask" content="ask"/>
  24.  
  25. <!-- DEFAULT IMAGE -->
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Picture" content="http://static.tumblr.com/z9nrs6q/6Vimbch46/tumblr_m7m4w4rbso1rtqmgno1_500.png"/>
  28. <meta name="image:Sidebar" content=""/>
  29.  
  30. <!-- DEFAULTS -->
  31. <meta name="if:Caption" content="1"/>
  32. <meta name="if:Fade Hover" content=""/>
  33. <meta name="if:Submit" content="1"/>
  34. <meta name="if:Archive" content="1"/>
  35. <meta name="if:EndlessScrolling" content="0"/>
  36. <meta name="if:3 Columns" content="0"/>
  37. <meta name="if:1 Column 500px" content="0"/>
  38. <meta name="if:1 Column 400px" content="0"/>
  39. <meta name="if:1 Column 250px" content="0"/>
  40.  
  41. <!-- DEFAULTS COLORS -->
  42. <meta name="color:Background" content="#111"/>
  43. <meta name="color:Scrollbar" content="#ffcc44"/>
  44. <meta name="color:Text" content="#000"/>
  45. <meta name="color:Link" content="#cc9966"/>
  46. <meta name="color:Link Hover" content="#000"/>
  47. <meta name="color:Blockquote" content="#ffcc44"/>
  48. <meta name="color:Postbox" content="#fff"/>
  49. <meta name="color:Title" content="#ffcc44"/>
  50. <meta name="color:Title Hover" content="#000"/>
  51. <meta name="color:Title Hover Bar" content="#ffcc44"/>
  52. <meta name="color:Link Title" content="#000"/>
  53. <meta name="color:Link Title Underline" content="#ffcc44"/>
  54. <meta name="color:Asker Border" content="#eee"/>
  55. <meta name="color:Ask" content="#999"/>
  56. <meta name="color:Asker Link" content="#cc9966"/>
  57. <meta name="color:Permalink Box" content="#fff"/>
  58. <meta name="color:Permalink Text" content="#000"/>
  59. <meta name="color:Sidebar" content="#222"/>
  60. <meta name="color:Navigation" content="#fff"/>
  61. <meta name="color:Navigation Border" content="#ffcc44"/>
  62. <meta name="color:Navigation Text" content="#444"/>
  63. <meta name="color:Picture Border" content="#f9f9f9"/>
  64. <meta name="color:Description" content="#000"/>
  65. <meta name="color:Description BG" content="#fff"/>
  66. <meta name="color:Blog Name" content="#fff"/>
  67. <meta name="color:Pagination" content="#fff"/>
  68. <meta name="color:Selection BG" content="#000"/>
  69. <meta name="color:Selection Text" content="#ffcc44"/>
  70.  
  71. <title>{Title}</title>
  72. <link rel="shortcut icon" href="{Favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74.  
  75. <style type="text/css">
  76.  
  77. @font-face{
  78. font-family: "haymaker";
  79. src: url('https://dl.dropboxusercontent.com/u/109376002/haymaker.ttf');
  80. }
  81.  
  82. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  83.  
  84. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  85.  
  86. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  87. #infscr-loading {display:none;}
  88. .navigation {display:none!important;}
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. background-color:{color:Scrollbar};
  92. height:100px;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. height:7px;
  97. width:7px;
  98. background-color: #fff;
  99. }
  100.  
  101. ::-moz-selection { color: {color:Selection Text}; background: {color:Selection BG};}
  102. ::selection { color: {color:Selection Text}; background: {color:Selection BG}; }
  103.  
  104. body {
  105. font-family:'calibri';
  106. font-size:11px;
  107. color:{color:Text};
  108. background-color:{color:Background};
  109. background-image:url('{image:Background}');
  110. background-position: fixed;
  111. background-attachment:fixed;
  112. background-repeat:repeat;}
  113.  
  114. a:link,a:active,a:visited {
  115. text-decoration: none;
  116. color: {color:Link};
  117. -webkit-transition: all 0.5s ease-out;
  118. -moz-transition: all 0.5s ease-out;
  119. -o-transition: all 0.5s ease-out;
  120. }
  121.  
  122. a:hover {
  123. color: {color:Link Hover};
  124. text-shadow: 2px 0 .3px {color:Link}, -2px 0 .3px #ddd;
  125. -webkit-transition: all 0.5s ease-out;
  126. -moz-transition: all 0.5s ease-out;
  127. -o-transition: all 0.5s ease-out;
  128. }
  129.  
  130. blockquote {
  131. padding: 1px;
  132. padding-left: 8px;
  133. font:11px arial;
  134. letter-spacing: 1px;
  135. margin-right: 10px;
  136. margin-left: 5px;
  137. border-left: 5px solid {color:Blockquote};
  138. color:{color:Text};
  139. }
  140.  
  141. pre
  142. {overflow: auto;
  143. margin-bottom:5px;
  144. padding: 5px;
  145. background: transparent;
  146. color: {color:Text};
  147. max-height: 220px;}
  148.  
  149. pre::-webkit-scrollbar
  150. {width: 4px;
  151. height: 4px;
  152. background-color: {color:Postbox};}
  153.  
  154. pre::-webkit-scrollbar-track-piece
  155. {background-color: {color:Postbox};}
  156.  
  157. pre::-webkit-scrollbar-thumb
  158. {background-color: {color:Scrollbar};}
  159.  
  160. #postar{
  161. width:875px;
  162. {block:IndexPage}
  163. {block:If1Column500px}max-width:535px;{/block:If1Column500px}
  164. {block:If1Column400px}max-width:435px;{/block:If1Column400px}
  165. {block:If1Column250px}max-width:285px;{/block:If1Column250px}
  166. {/block:IndexPage}
  167. padding: 1px;
  168. margin-top: 10px;
  169. margin-left: 355px;
  170. }
  171.  
  172. .posts img{
  173. {block:IndexPage}
  174. max-width:400px;
  175. {block:If3Columns}max-width:250px;{/block:If3Columns}
  176. {block:If1Column500px}max-width:500px;{/block:If1Column500px}
  177. {block:If1Column400px}max-width:400px;{/block:If1Column400px}
  178. {block:If1Column250px}max-width:250px;{/block:If1Column250px}
  179. {/block:IndexPage}
  180. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  181. }
  182.  
  183. .posts blockquote img{
  184. {block:IndexPage}
  185. max-width:320px;
  186. {block:If3Columns}max-width:200px;{/block:If3Columns}
  187. {block:If1Column500px}max-width:450px;{/block:If1Column500px}
  188. {block:If1Column400px}max-width:350px;{/block:If1Column400px}
  189. {block:If1Column250px}max-width:220px;{/block:If1Column250px}
  190. {/block:IndexPage}
  191. {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
  192. }
  193.  
  194. .posts{
  195. float:left;
  196. {block:IndexPage}width:400px;
  197. {block:If3Columns}width:250px;{/block:If3Columns}
  198. {block:If1Column500px}width:500px;{/block:If1Column500px}
  199. {block:If1Column400px}width:400px;{/block:If1Column400px}
  200. {block:If1Column250px}width:250px;{/block:If1Column250px}
  201. {/block:IndexPage}
  202. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  203. padding: 10px;
  204. margin-left:12px;
  205. margin-bottom:12px;
  206. color: {color:Text};
  207. background: {color:Postbox};
  208. }
  209. {block:IfFadeHover}
  210. .imghover{
  211. {block:IndexPage}
  212. opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;
  213. -webkit-transition: all 0.5s ease-in;
  214. -moz-transition: all 0.5s ease-in;
  215. -o-transition: all 0.5s ease-in;
  216. {/block:IndexPage}
  217. }
  218.  
  219. .imghover:hover{
  220. {block:IndexPage}
  221. opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;
  222. -webkit-transition: all 0.5s ease-in;
  223. -moz-transition: all 0.5s ease-in;
  224. -o-transition: all 0.5s ease-in;
  225. {/block:IndexPage}
  226. }
  227. {/block:IfFadeHover}
  228. .titulo{
  229. font: 18px 'haymaker';
  230. letter-spacing:-1px;
  231. text-align:left;
  232. margin-left:0px;
  233. padding:5px;
  234. border-left: 0px solid {color:Title Hover Bar};
  235. -webkit-transition: all 0.5s ease-in;
  236. -moz-transition: all 0.5s ease-in;
  237. -o-transition: all 0.5s ease-in;
  238. }
  239.  
  240. .titulo:hover{
  241. border-left: 25px solid {color:Title Hover Bar};
  242. -webkit-transition: all 0.6s ease-in;
  243. -moz-transition: all 0.6s ease-in;
  244. -o-transition: all 0.6s ease-in;
  245. }
  246.  
  247. .titulo a{
  248. color:{color:Title};
  249. text-decoration:none;
  250. padding-left:5px;
  251. -webkit-transition: all 0.5s ease-in;
  252. -moz-transition: all 0.5s ease-in;
  253. -o-transition: all 0.5s ease-in;
  254. }
  255.  
  256. .titulo a:hover{
  257. color:{color:Title Hover};
  258. text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
  259. -webkit-transition: all 0.6s ease-in;
  260. -moz-transition: all 0.6s ease-in;
  261. -o-transition: all 0.6s ease-in;
  262. }
  263.  
  264. .linku{
  265. font: 18px 'haymaker';
  266. letter-spacing:-1px;
  267. text-align:left;
  268. margin-left:0px;
  269. padding:5px;
  270. -webkit-transition: all 0.5s ease-in;
  271. -moz-transition: all 0.5s ease-in;
  272. -o-transition: all 0.5s ease-in;
  273. }
  274.  
  275. .linku a{
  276. color:{color:Link Title};
  277. text-decoration:none;
  278. padding-left:5px;
  279. border-bottom:4px double {color:Link Title Underline};
  280. -webkit-transition: all 0.5s ease-in;
  281. -moz-transition: all 0.5s ease-in;
  282. -o-transition: all 0.5s ease-in;
  283. }
  284.  
  285. .linku a:hover{
  286. color:{color:Link Title};
  287. text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
  288. border-bottom:4px double #eee;
  289. -webkit-transition: all 0.6s ease-in;
  290. -moz-transition: all 0.6s ease-in;
  291. -o-transition: all 0.6s ease-in;
  292. }
  293.  
  294. .quote{
  295. font:16px 'century gothic';
  296. text-align: center;
  297. display:block;
  298. }
  299.  
  300. #audio{
  301. width:25px;
  302. height:25px;
  303. overflow:hidden;
  304. background:#e5e5e5;
  305. overflow:hidden;
  306. padding:0px;
  307. position:absolute;
  308. margin-left:205px;
  309. border:80px solid #e5e5e5;
  310. border-right:90px solid #e5e5e5;
  311. border-top: 90px solid #e5e5e5;
  312. border-bottom:85px solid #e5e5e5;
  313. {block:IndexPage}
  314. {block:If3Columns}
  315. margin-left:130px;
  316. border:40px solid #e5e5e5;
  317. border-right:53px solid #e5e5e5;
  318. border-top:50px solid #e5e5e5;
  319. border-bottom:50px solid #e5e5e5;
  320. {/block:If3Columns}
  321. {block:If1Column250px}
  322. margin-left:130px;
  323. border:40px solid #e5e5e5;
  324. border-right:53px solid #e5e5e5;
  325. border-top:50px solid #e5e5e5;
  326. border-bottom:50px solid #e5e5e5;
  327. {block:If1Column250px}
  328. {block:If1Column400px}
  329. margin-left:205px;
  330. border:80px solid #e5e5e5;
  331. border-right:90px solid #e5e5e5;
  332. border-top: 90px solid #e5e5e5;
  333. border-bottom:85px solid #e5e5e5;
  334. {/block:If1Column400px}
  335. {block:If1Column500px}
  336. margin-left:255px;
  337. border:110px solid #e5e5e5;
  338. border-right:110px solid #e5e5e5;
  339. border-top: 110px solid #e5e5e5;
  340. border-bottom:115px solid #e5e5e5;
  341. {/block:If1Column500px}
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. margin-left:255px;
  345. border:110px solid #e5e5e5;
  346. border-right:110px solid #e5e5e5;
  347. border-top: 110px solid #e5e5e5;
  348. border-bottom:115px solid #e5e5e5;
  349. {/block:PermalinkPage}
  350. margin-top:1px;
  351. opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;
  352. }
  353.  
  354. #audiopic{
  355. background: url('http://static.tumblr.com/7qjmkr5/RJWm88a26/musicpost.png');
  356. width:200px;
  357. height:200px;
  358. {block:If3Columns}width:125px; height:125px;{/block:If3Columns}
  359. {block:If1Column250px}width:125px; height:125px;{/block:If1Column250px}
  360. {block:If1Column500px}width:250px; height:250px;{/block:If1Column500px}
  361. margin:1px;
  362. }
  363.  
  364. #asker{
  365. float:left;
  366. background:transparent;
  367. border:5px solid {color:Asker Border};
  368. padding:5px;
  369. border-radius:50px;
  370. margin:0px 5px 15px 3px;
  371. }
  372.  
  373. #ask{
  374. text-align: left;
  375. background: transparent;
  376. position: relative;
  377. font: 11px 'calibri';
  378. color: {color:Ask};
  379. margin-bottom:10px;
  380. min-height:80px;
  381. }
  382.  
  383. .asker{
  384. font:12px 'calibri';
  385. text-transform:uppercase;
  386. letter-spacing:1px;
  387. color:#888;
  388. margin-bottom:4px;
  389. }
  390. .asker a{color:{color:Asker Link}; background:{color:Asker Border};}
  391.  
  392. #date{
  393. float:left;
  394. width:500px;
  395. padding:10px;
  396. background:{color:Postbox};
  397. margin-left:12px;
  398. margin-bottom:10px;
  399. font: 12px 'cambria';
  400. color:{color:Text};
  401. }
  402.  
  403. .data{
  404. padding:5px;
  405. border-bottom: 4px double {color:Scrollbar};
  406. font:16px 'cambria';
  407. color:{color:Text};
  408. margin-bottom:7px;
  409. }
  410.  
  411. #note{
  412. float:left;
  413. width:490px;
  414. max-height:400px;
  415. background:{color:Postbox};
  416. padding-left:30px;
  417. margin-left:12px;
  418. font:11px 'trebuchet ms';
  419. color:{color:Text};
  420. }
  421. #note a{color: {color:Link};}
  422.  
  423. ol.notes{
  424. padding: 0px;
  425. margin: 25px 0px;
  426. list-style-type: none;
  427. }
  428.  
  429. #sidebar{
  430. position:fixed;
  431. left:50px;
  432. bottom:0px;
  433. float:left;
  434. }
  435.  
  436. .sideband{
  437. width:266px;
  438. padding:15px 15px 20px;
  439. background-color:{color:Sidebar};
  440. background-image:url('{image:Sidebar}');
  441. background-position: fixed;
  442. background-attachment:fixed;
  443. background-repeat:repeat;
  444. }
  445.  
  446. .descr{
  447. margin-top:-120px;
  448. min-height:30px;
  449. max-height:55px;
  450. width:241px;
  451. padding:10px;
  452. font: 11px cambria;
  453. color:{color:Description};
  454. background:{color:Description BG};
  455. opacity: 0.7; filter: alpha(opacity = 70); zoom: 1;
  456. text-align:center;
  457. -webkit-transition: all 0.7s ease-out;
  458. -moz-transition: all 0.7s ease-out;
  459. -o-transition: all 0.7s ease-out;
  460. }
  461.  
  462. .descr:hover{opacity: 0.95; filter: alpha(opacity = 95); zoom: 1;
  463. -webkit-transition: all 0.7s ease-out;
  464. -moz-transition: all 0.7s ease-out;
  465. -o-transition: all 0.7s ease-out;}
  466.  
  467. .bloggu{
  468. width:266px;
  469. text-align:right;
  470. font:24px 'haymaker';
  471. color:{color:Blog Name};
  472. text-shadow: 2px 0 .2px {color:Link}, -2px 0 .2px #ccc;
  473. margin-bottom:0px;
  474. }
  475.  
  476. #name a{color:{color:Blog Name};}
  477.  
  478. #border{
  479. padding:8px;
  480. border: 5px solid {color:Picture Border};
  481. margin-bottom: -15px;
  482. }
  483.  
  484. .links{
  485. width:210px;
  486. height:12px;
  487. font: 9px 'consolas';
  488. letter-spacing:1px;
  489. background:{color:Navigation};
  490. color:{color:Navigation Text};
  491. text-transform:uppercase;
  492. margin:8px 0px 0px 15px;
  493. padding:6px 3px 3px 3px;
  494. text-align:center;
  495. border-left:10px solid {color:Navigation Border};
  496. border-right:10px solid {color:Navigation Border};
  497. -webkit-transform: scale(1);
  498. -webkit-transition: all 0.5s ease-in;
  499. -moz-transition: all 0.5s ease-in;
  500. -o-transition: all 0.5s ease-in;
  501. }
  502.  
  503. .links:hover{
  504. color:{color:Navigation Text};
  505. text-shadow: 2px 0 .2px #999, -2px 0 .2px #eee;
  506. -webkit-transform: scale(1.23);
  507. -webkit-transition: all 0.5s ease-in;
  508. -moz-transition: all 0.5s ease-in;
  509. -o-transition: all 0.5s ease-in;
  510. }
  511.  
  512. #permalink {
  513. width: 420px;
  514. {block:If3Columns}width:270px;{/block:If3Columns}
  515. {block:If1Column500px}width:520px;{/block:If1Column500px}
  516. {block:If1Column400px}width:420px;{/block:If1Column400px}
  517. {block:If1Column250px}width:270px;{/block:If1Column250px}
  518. height: 10px;
  519. font-size: 8px;
  520. padding-bottom:5px;
  521. padding-top:3px;
  522. font-family: 'calibri';
  523. color:{color:Permalink Text};
  524. text-transform: uppercase;
  525. background-color: {color:Permalink Box};
  526. margin-left: -10px;
  527. bottom:0px;
  528. position: absolute;
  529. letter-spacing: 1px;
  530. text-align: center;
  531. -webkit-transition: all 0.5s ease-out;
  532. -moz-transition: all 0.5s ease-out;
  533. -o-transition: all 0.5s ease-out;
  534. opacity:0; filter: alpha(opacity = 0); zoom: 1;}
  535.  
  536. #permalink a{
  537. color: {color:Permalink Text};
  538. font-size: 8px;
  539. letter-spacing: 0px;
  540. font-family: 'consolas';
  541. letter-spacing: 2px;
  542. text-transform: uppercase;
  543. -webkit-transition: color 3s linear;
  544. -moz-transition: color 3s linear;
  545. -o-transition: color 3s linear;
  546. transition: color 3s linear;}
  547.  
  548. .posts:hover #permalink {
  549. opacity: 0.75;
  550. filter:alpha(opacity=75);
  551. z-index:3;
  552. padding-bottom:10px;
  553. }
  554.  
  555. .posts #permalink:hover{
  556. opacity: 1;
  557. filter:alpha(opacity= 100);
  558. -webkit-transition: all 0.5s ease-out;
  559. -moz-transition: all 0.5s ease-out;
  560. -o-transition: all 0.5s ease-out;
  561. }
  562.  
  563. .pagina {
  564. background-color:{color:Sidebar};
  565. background-image:url('{image:Sidebar}');
  566. background-position: fixed;
  567. background-attachment:fixed;
  568. background-repeat:repeat;
  569. width:100px;
  570. height:15px;
  571. padding:5px;
  572. text-align:Center;
  573. font: 14px 'consolas';
  574. color:{color:Pagination};
  575. }
  576.  
  577. .pagina a{
  578. font: 18px 'consolas';
  579. color:{color:Scrollbar};
  580. }
  581.  
  582. {CustomCSS}
  583.  
  584. </style>
  585. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  586. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  587. {block:IfEndlessScrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:IfEndlessScrolling}
  588. <script type="text/javascript">
  589. $(window).load(function () {
  590. $('#postar').masonry(),
  591. $('.masonryWrap').infinitescroll({
  592. itemSelector : ".posts",
  593. navSelector : "div.navigation",
  594. nextSelector : ".navigation a#next",
  595. bufferPx : 10000,
  596. extraScrollPx: 10000,
  597. loadingImg : "",
  598. loadingText : "",
  599. },
  600. function() { $('#postar').masonry({ appendedContent: $(this) });
  601. });
  602. });</script>
  603.  
  604. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  605. </head>
  606.  
  607. <body>
  608. <div id="top"></div>
  609. <a style="position:fixed;bottom:5px;right:5px; font:11px 'consolas';color:{color:Picture Border}; text-transform:uppercase;" href="http://madarathemes.tumblr.com/">theme ☁</a>
  610. <div id="sidebar">
  611. {block:IfNotEndlessScrolling}{block:IndexPage}<div class="pagina">
  612. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  613. </div>{/block:IndexPage}{/block:IfNotEndlessScrolling}
  614. {block:IfEndlessScrolling}{block:IndexPage}<div class="pagina"><a style="font:18px 'courier new';" href="#top">▲ TOP</a></div>{/block:IndexPage}{block:IfEndlessScrolling}
  615. <div class="sideband">
  616. <img id="border" src="{image:Picture}" width="240">
  617. <div class="bloggu" id="name"><a href="/">{Title}</a></div>
  618. <div class="descr">
  619. <div style="padding:5px; height:12px; background:#000; text-align:center;margin-top:-30px; width:256px; margin-left:-10px; margin-bottom:5px;">
  620. <a href="/" a title="home"><img src="http://tinyiconfactory.com/images/icons/251916.png?1298026400"></a>_______
  621. <a href="/ask" a title="{text:ask}"><img src="http://tinyiconfactory.com/images/icons/259861.png?1349312873"></a>{block:IfSubmit}_______
  622. <a href="/submit" a title="submit"><img src="http://tinyiconfactory.com/images/icons/259864.png?1349313123"></a>{/block:IfSubmit}{block:IfArchive}_______
  623. <a href="/archive" a title="past"><img src="http://tinyiconfactory.com/images/icons/259865.png?1349313389"></a>{/block:IfArchive}</div>
  624. {description}
  625. </div><br><br><br><br><br>
  626. {block:IfURL01}<a href="{text:URL 01}"><div class="links" id="left">{text:URL 01 Title}</div></a>{/block:IfURL01}
  627. {block:IfURL02}<a href="{text:URL 02}"><div class="links" id="right">{text:URL 02 Title}</div></a>{/block:IfURL02}
  628. {block:IfURL03}<a href="{text:URL 03}"><div class="links" id="left">{text:URL 03 Title}</div></a>{/block:IfURL03}
  629. {block:IfURL04}<a href="{text:URL 04}"><div class="links" id="right">{text:URL 04 Title}</div></a>{/block:IfURL04}
  630. {block:IfURL05}<a href="{text:URL 05}"><div class="links"id="left">{text:URL 05 Title}</div></a>{/block:IfURL05}
  631. {block:IfURL06}<a href="{text:URL 06}"><div class="links" id="right">{text:URL 06 Title}</div></a>{/block:IfURL06}
  632. </div>
  633. </div>
  634. </div>
  635.  
  636. <div id="postar">
  637. {block:Posts}
  638.  
  639. <div class="posts">
  640.  
  641. {block:IndexPage}<div id="permalink"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> · <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  642. {/block:IndexPage}
  643.  
  644. {block:Text}
  645. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  646. {Body}
  647. {/block:Text}
  648.  
  649. {block:Photo}
  650. {block:IndexPage}<div class="imghover"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a></div>{/block:IndexPage}
  651. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  652. {block:IfCaption} {block:Caption}
  653. {Caption}
  654. {/block:Caption}{/block:IfCaption}
  655.  
  656. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  657. {Caption}
  658. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  659. {/block:Photo}
  660.  
  661. {block:Photoset}
  662.  
  663. {block:IndexPage}{block:IfNot1Column500px}{block:IfNot1Column400px}{block:IfNot1Column250px}{block:IfNot3Columns}<div class="imghover">{Photoset-400}</div>{/block:IfNot3Columns}{/block:IfNot1Column250px}{/block:IfNot1Column400px}{/block:IfNot1Column500px}
  664. {block:If3Columns}<div class="imghover">{Photoset-250}</div>{/block:If3Columns}
  665. {block:If1Column500px}<div class="imghover">{Photoset-500}</div>{/block:If1Column500px}
  666. {block:If1Column400px}<div class="imghover">{Photoset-400}</div>{/block:If1Column400px}
  667. {block:If1Column250px}<div class="imghover">{Photoset-250}</div>{/block:If1Column250px}{/block:IndexPage}
  668.  
  669. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  670.  
  671. {block:IfCaption} {block:Caption}
  672. {Caption}
  673. {/block:Caption}{/block:IfCaption}
  674.  
  675. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  676. {Caption}
  677. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  678. {/block:Photoset}
  679.  
  680. {block:Quote}
  681. <div class="quote">❝{Quote}❞</div>
  682. {block:Source}
  683. <div align="right">- {Source}</div>
  684. {/block:Source}
  685. {/block:Quote}
  686.  
  687. {block:Link}
  688. <div class="linku"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  689. {block:Description}
  690. {Description}
  691. {/block:Description}
  692. {/block:Link}
  693.  
  694. {block:Chat}
  695. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  696. <div style="margin-left:16px;">{block:Lines}{block:Label}<b><span style="color:{color:Scrollbar};">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}</div>
  697. {/block:Chat}
  698.  
  699. {block:Audio}
  700.  
  701. <div id= "audio">{AudioPlayerGrey}</div>
  702. <div id="audiopic">{block:AlbumArt}
  703. <img src="{AlbumArtURL}" {block:If3Columns}width="125"{/block:If3Columns} {block:If1Column250px} width="125"{/block:If1Column250px} {block:If1Column500px}width="250"{/block:If1Column500px} width="200">
  704. {/block:AlbumArt}</div>
  705.  
  706. {block:Caption}
  707. {Caption}
  708. {/block:Caption}
  709.  
  710. {/block:Audio}
  711.  
  712. {block:Video}
  713.  
  714. {block:IndexPage}
  715. {block:IfNot1Column500px}{block:IfNot1Column400px}{block:IfNot1Column250px}{block:IfNot3Columns}{Video-400}{/block:IfNot3Columns}{/block:IfNot1Column250px}{/block:IfNot1Column400px}{/block:IfNot1Column500px}
  716. {block:If3Columns}{Video-250}{/block:If3Columns}
  717. {block:If1Column500px}{Video-500}{/block:If1Column500px}
  718. {block:If1Column400px}{Video-400}{/block:If1Column400px}
  719. {block:If1Column250px}{Video-250}{/block:If1Column250px}
  720. {/block:IndexPage}
  721. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  722.  
  723. {block:IfCaption} {block:Caption}
  724. {Caption}
  725. {/block:Caption}{/block:IfCaption}
  726.  
  727. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  728. {Caption}
  729. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  730. {/block:Video}
  731.  
  732. {block:Answer}
  733.  
  734. <div id="ask" align="right"><div id="asker"><img style="border-radius:50px;" src="{AskerPortraitURL-64}" align="left"></div>
  735. <div class="asker">{Asker} said:</div>❝ {Question} ❞</div>
  736. <div style="border-bottom: 1px dotted {color:Link}; margin-bottom:5px; margin-top:10px;"></div>
  737. {Answer}
  738.  
  739. {/block:Answer}
  740.  
  741. </div>
  742.  
  743.  
  744. {block:PermalinkPage}{block:Date}
  745. <div id="date"><div class="data">
  746. {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}]</div>
  747. {NoteCountWithLabel}<br>
  748. {block:RebloggedFrom}
  749. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  750. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
  751. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  752. </div>{/block:Date}
  753.  
  754. {block:PostNotes}<div id="note" style="overflow:auto; line-height:100%">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  755. {block:ContentSource}
  756. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  757. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  758. {/block:SourceLogo}
  759. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  760. {/block:ContentSource}
  761.  
  762. {/block:Posts}
  763. </div>
  764. </div>
  765.  
  766. <div class="navigation">
  767. {block:Pagination}
  768. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  769. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  770. {/block:Pagination}
  771. </div>
  772.  
  773. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement