Advertisement
Jessicakim

Surikara - theme #010

Aug 17th, 2012
9,044
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.68 KB | None | 0 0
  1. <!---- surikara 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 -->
  11. <meta name="if:Caption" content="1"/>
  12. <meta name="if:Tags" content="0"/>
  13. <meta name="if:EndlessScrolling" content="0"/>
  14. <meta name="if:PostSize1" content="1"/>
  15. <meta name="if:PostSize2" content="0"/>
  16. <meta name="if:PostSize3" content="0"/>
  17.  
  18.  
  19. <!-- DEFAULTS LINKS -->
  20. <meta name="text:URL 01" content="http://"/>
  21. <meta name="text:URL 01 Title" content="Link 1"/>
  22. <meta name="text:URL 02" content="/"/>
  23. <meta name="text:URL 02 Title" content="Link 2"/>
  24. <meta name="text:URL 03" content="http://"/>
  25. <meta name="text:URL 03 Title" content="Link 3"/>
  26. <meta name="text:URL 04" content="/"/>
  27. <meta name="text:URL 04 Title" content="Link 4"/>
  28. <meta name="text:URL 05" content="http://"/>
  29. <meta name="text:URL 05 Title" content="Link 5"/>
  30. <meta name="text:URL 06" content="/"/>
  31. <meta name="text:URL 06 Title" content="Link 6"/>
  32. <meta name="text:URL 07" content="http://"/>
  33. <meta name="text:URL 07 Title" content="Link 7"/>
  34. <meta name="text:URL 08" content="/"/>
  35. <meta name="text:URL 08 Title" content="Link 8"/>
  36. <meta name="text:URL 09" content="http://"/>
  37. <meta name="text:URL 09 Title" content="Link 9"/>
  38. <meta name="text:URL 10" content="/"/>
  39. <meta name="text:URL 10 Title" content="Link 10"/>
  40. <meta name="text:URL 11" content="http://"/>
  41. <meta name="text:URL 11 Title" content="Link 11"/>
  42. <meta name="text:URL 12" content="/"/>
  43. <meta name="text:URL 12 Title" content="Link 12"/>
  44.  
  45. <!-- DEFAULTS COLORS -->
  46. <meta name="color:Background" content="#eee"/>
  47. <meta name="color:Scrollbar" content="#aa55cc"/>
  48. <meta name="color:Text" content="#444"/>
  49. <meta name="color:Link" content="#775588"/>
  50. <meta name="color:Link Hover" content="#bb1122"/>
  51. <meta name="color:Blockquote Border" content="#ee1166"/>
  52. <meta name="color:Blockquote Text" content="#777"/>
  53. <meta name="color:Postbox" content="#ffffff"/>
  54. <meta name="color:Postbox Border" content="#bbff55"/>
  55. <meta name="color:Title" content="#775588"/>
  56. <meta name="color:Title Hover" content="#ee1166"/>
  57. <meta name="color:Asker BG" content="#ddd"/>
  58. <meta name="color:Ask BG" content="#eeeeee"/>
  59. <meta name="color:Question" content="#000000"/>
  60. <meta name="color:Whispered" content="#333333"/>
  61. <meta name="color:Permalink Box" content="#ee1166"/>
  62. <meta name="color:Permalink Text" content="#ffffff"/>
  63. <meta name="color:Tag BG" content="#99ff44"/>
  64. <meta name="color:Tag Links" content="#775588"/>
  65. <meta name="color:Tag" content="#bb1122"/>
  66. <meta name="color:Top Band" content="#ff0077"/>
  67. <meta name="color:M1Home Hover" content="#ee0088"/>
  68. <meta name="color:M2Message Hover" content="#ddff55"/>
  69. <meta name="color:M3Archive Hover" content="#aa55cc"/>
  70. <meta name="color:M4Theme Hover" content="#88ddff"/>
  71. <meta name="color:Menu Text" content="#000"/>
  72. <meta name="color:Menu Text Hover" content="#fff"/>
  73. <meta name="color:Menu BG" content="#aaff44"/>
  74. <meta name="color:Picture" content="#f9f9f9"/>
  75. <meta name="color:Picture Border" content="#ff0077"/>
  76. <meta name="color:Description" content="#993366"/>
  77. <meta name="color:Blog Title" content="#ffffff"/>
  78. <meta name="color:Drop Down" content="#ddff55"/>
  79.  
  80. <!-- DEFAULT IMAGE -->
  81. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_m8b149g05e1r6uwfxo2_500.png"/>
  82. <meta name="image:Sidebar" content="http://static.tumblr.com/uobboj6/aVam8wsd2/26385499_m.png"/>
  83. <meta name="image:TopBand" content=""/>
  84.  
  85. <title>{Title}</title>
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88.  
  89. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
  90.  
  91. <style type="text/css">
  92.  
  93. @font-face {
  94. font-family: "04b03";
  95. src: url('https://dl.dropboxusercontent.com/u/109376002/tinytots.ttf');
  96. }
  97.  
  98. @font-face {
  99. font-family: "futura";
  100. src: url('https://dl.dropboxusercontent.com/u/109376002/futura__light_.ttf');
  101. }
  102.  
  103. @font-face {
  104. font-family: "ubuntu";
  105. src: url('https://dl.dropboxusercontent.com/u/109376002/ubuntu_condensed.ttf');
  106. }
  107.  
  108. 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;}
  109.  
  110. 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;}
  111.  
  112. ::-webkit-scrollbar-thumb:vertical {
  113. background-color: {color:Scrollbar};
  114. height:100px;
  115. }
  116.  
  117. ::-webkit-scrollbar {
  118. height:25px;
  119. width:7px;
  120. background-color: #fff;
  121. }
  122.  
  123. body {
  124. font-family:verdana;
  125. font-size:10px;
  126. color:{color:Text};
  127. background-color:{color:Background};
  128. background-image:url('{image:Background}');
  129. background-position: fixed;
  130. background-attachment:fixed;
  131. background-repeat:repeat;}
  132.  
  133. a:link,a:active,a:visited {
  134. text-decoration: none;
  135. color: {color:Link};
  136. -webkit-transition: all 0.5s ease-out;
  137. -moz-transition: all 0.5s ease-out;
  138. -o-transition: all 0.5s ease-out;
  139. }
  140.  
  141. a:hover {
  142. color: {color:Link Hover};
  143. -webkit-transition: all 0.5s ease-out;
  144. -moz-transition: all 0.5s ease-out;
  145. -o-transition: all 0.5s ease-out;
  146. }
  147.  
  148. blockquote {
  149. padding: 0px;
  150. padding-left: 5px;
  151. font: 11px arial;
  152. letter-spacing: 1px;
  153. margin-right: 2px;
  154. margin-left: 3px;
  155. border-left: 2px solid {color:Blockquote Border};
  156. background-color: transparent;
  157. color:{color:Blockquote Text};
  158. }
  159.  
  160. #entry {
  161. {block:IndexPage}{block:IfPostSize1}width:535px;{/block:IfPostSize1}
  162. {block:IfPostSize2}width:435px;{/block:IfPostSize2}
  163. {block:IfPostSize3}width:285px;{/block:IfPostSize3}{/block:IndexPage}
  164. {block:PermalinkPage}width:535px;{/block:PermalinkPage}
  165. overflow:hidden;
  166. z-index:1;
  167. }
  168.  
  169. #entry:hover .permalink {opacity: 1;}
  170.  
  171. #entry img {
  172. {block:IndexPage}{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  173. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  174. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}{/block:IndexPage}
  175. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  176. }
  177.  
  178. #entry blockquote img{
  179. {block:IndexPage}{block:IfPostSize1}max-width:450px;{/block:IfPostSize1}
  180. {block:IfPostSize2}max-width:350px;{/block:IfPostSize2}
  181. {block:IfPostSize3}max-width:220px;{/block:IfPostSize3}{/block:IndexPage}
  182. {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
  183. }
  184.  
  185. #postar{
  186. width:545px;
  187. {block:IndexPage}{block:IfPostSize1}width:545px;{/block:IfPostSize1}
  188. {block:IfPostSize2}width:445px;{/block:IfPostSize2}
  189. {block:IfPostSize3}width:295px;{/block:IfPostSize3}{/block:IndexPage}
  190. {block:PermalinkPage}width:545px;{/block:PermalinkPage}
  191. padding: 2px;
  192. padding-right:2px;
  193. margin-top: 60px;
  194. margin-left: 370px;
  195. padding-bottom:10px;
  196. padding-top:10px;
  197. margin-bottom:-20px;
  198. }
  199.  
  200. #posts{
  201. float:left;
  202. width: 500px;
  203. {block:IndexPage}{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  204. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  205. {block:IfPostSize3}width:250px;{/block:IfPostSize3}{/block:IndexPage}
  206. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  207. padding: 5px;
  208. margin-left:10px;
  209. margin-bottom:5px;
  210. border:1px solid {color:Postbox Border};
  211. color: {color:Text};
  212. background: {color:Postbox};
  213. }
  214.  
  215. .titulo{
  216. font: 18px 'cambria';
  217. text-align:left;
  218. margin-left:3px;
  219. }
  220.  
  221. .titulo a{
  222. color:{color:Title};
  223. text-decoration:none;
  224. -webkit-transition: all 0.5s ease-in;
  225. -moz-transition: all 0.5s ease-in;
  226. -o-transition: all 0.5s ease-in;
  227. }
  228.  
  229. .titulo a:hover{
  230. color:{color:Title Hover};
  231. -webkit-transition: all 0.6s ease-in;
  232. -moz-transition: all 0.6s ease-in;
  233. -o-transition: all 0.6s ease-in;
  234. }
  235.  
  236. .quote{
  237. font:18px 'Times New Roman';
  238. text-align: center;
  239. display:block;
  240. }
  241.  
  242. #audio{
  243. z-index:3;
  244. background: #000;
  245. display:block;
  246. margin-bottom:0px;
  247. }
  248.  
  249. .audiopic{
  250. opacity: 1;
  251. filter:alpha(opacity=100);
  252. -moz-opacity: 1;}
  253.  
  254. #audioborder{
  255. padding: 2px;
  256. border: 2px solid #000;
  257. background-color: #000;
  258. }
  259.  
  260. #ask {
  261. text-align: left;
  262. background: {color:Ask BG};
  263. padding: 10px;
  264. position: relative;
  265. font: 12px 'trebuchet ms';
  266. color: {color:Question};
  267. margin-bottom:3px;
  268. }
  269.  
  270. #ask p {margin:1px 1px;}
  271.  
  272. .asker{
  273. padding: 3px;
  274. background:{color:Asker BG};
  275. position:relative;
  276. font:8px '04b03';
  277. color:{color:Whispered};
  278. text-transform:uppercase;
  279. }
  280.  
  281. .notes {width:500px;
  282. padding: 0px;
  283. color: {color:Text};
  284. margin-top: 5px;
  285. margin-left: 10px;
  286. line-height: 15px;
  287. float:left;
  288. letter-spacing: 0px;
  289. font-family: trebuchet ms;
  290. font-size: 10px;}
  291.  
  292. li.notes {list-style:decimal; padding: 2px; margin: 2px; letter-spacing: 0px; text-transform:lowercase;}
  293.  
  294. #notes a{color: {color:Link}; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px;}
  295.  
  296. .perma {
  297. float:right;
  298. width:60px;
  299. height:auto;
  300. padding:3px;
  301. color:{color:Permalink Text};
  302. background:{color:Permalink Box};
  303. margin-left:460px;
  304. {block:IfPostSize1}margin-left:480px;{/block:IfPostSize1}
  305. {block:IfPostSize2}margin-left:380px;{/block:IfPostSize2}
  306. {block:IfPostSize3}margin-left:230px;{/block:IfPostSize3}
  307. margin-top:10px;
  308. z-index:300;
  309. filter:alpha(opacity=80);
  310. opacity:0;
  311. font-size:8px;
  312. font-family:'04b03';
  313. text-transform:uppercase;
  314. text-align:center;
  315. letter-spacing: 1px;
  316. -webkit-transition-duration: .90s;
  317. position: absolute;
  318. }
  319.  
  320. .link:hover .perma {
  321. float:right;
  322. filter:alpha(opacity=30);
  323. opacity:99;
  324. width:60px;
  325. height:auto;
  326. padding:3px;
  327. color:{color:Permalink Text};
  328. background:{color:Permalink Box};
  329. margin-left:540px;
  330. {block:IfPostSize1}margin-left:520px;{/block:IfPostSize1}
  331. {block:IfPostSize2}margin-left:420px;{/block:IfPostSize2}
  332. {block:IfPostSize3}margin-left:270px;{/block:IfPostSize3}
  333. margin-top:10px;
  334. z-index:300;
  335. font-size:8px;
  336. font-family:'04b03';
  337. text-transform:uppercase;
  338. text-align:center;
  339. letter-spacing: 1px;
  340. -webkit-transition-duration: .90s;
  341. position: absolute;
  342. -webkit-transform: rotate(360deg);
  343. }
  344. .tagg {
  345. float:right;
  346. width:60px;
  347. height:auto;
  348. padding:3px;
  349. color:{color:Tag};
  350. background:{color:Tag BG};
  351. margin-left:460px;
  352. {block:IfPostSize1}margin-left:480px;{/block:IfPostSize1}
  353. {block:IfPostSize2}margin-left:380px;{/block:IfPostSize2}
  354. {block:IfPostSize3}margin-left:230px;{/block:IfPostSize3}
  355. margin-top:35px;
  356. z-index:300;
  357. filter:alpha(opacity=80);
  358. opacity:0;
  359. font-size:8px;
  360. font-family:'04b03';
  361. text-transform:uppercase;
  362. text-align:center;
  363. letter-spacing: 1px;
  364. -webkit-transition-duration: .90s;
  365. position: absolute;
  366. }
  367.  
  368. .ssu:hover .tagg {
  369. float:right;
  370. filter:alpha(opacity=30);
  371. opacity:99;
  372. width:60px;
  373. height:auto;
  374. padding:3px;
  375. color:{color:Tag};
  376. background:{color:Tag BG};
  377. margin-left:540px;
  378. {block:IfPostSize1}margin-left:520px;{/block:IfPostSize1}
  379. {block:IfPostSize2}margin-left:420px;{/block:IfPostSize2}
  380. {block:IfPostSize3}margin-left:270px;{/block:IfPostSize3}
  381. margin-top:35px;
  382. z-index:300;
  383. font-size:8px;
  384. font-family:'04b03';
  385. text-transform:uppercase;
  386. text-align:center;
  387. letter-spacing: 1px;
  388. -webkit-transition-duration: .90s;
  389. position: absolute;
  390. -webkit-transform: rotate(360deg);
  391. }
  392.  
  393. #topband{
  394. position:fixed;
  395. float:left;
  396. left:0px;
  397. top:0px;
  398. }
  399.  
  400. .band{
  401. width:2500px;
  402. height:30px;
  403. background-color:{color:Top Band};
  404. background-image:url('{image:TopBand}');
  405. background-position: fixed;
  406. background-attachment:fixed;
  407. background-repeat:repeat;
  408. padding:5px;
  409. padding-left:505px;
  410. {block:IfPostSize1}padding-left:505px;{/block:IfPostSize1}
  411. {block:IfPostSize2}padding-left:450px;{/block:IfPostSize2}
  412. {block:IfPostSize3}padding-left:368px;{/block:IfPostSize3}
  413. padding-top:20px;
  414. }
  415.  
  416. .links a{
  417. float:left;
  418. width:50px;
  419. height:9px;
  420. font: 8px '04b03';
  421. margin-left:15px;
  422. padding:5px;
  423. padding-top:7px;
  424. text-align:center;
  425. text-transform:uppercase;
  426. overflow:hidden;
  427. webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  428.  
  429. .links a:hover{
  430. float:left;
  431. width:50px;
  432. height:9px;
  433. font:8px '04b03';
  434. margin-left:15px;
  435. padding:5px;
  436. padding-top:28px;
  437. text-align:center;
  438. overflow:hidden;
  439. border-radius: 0px 0px 10px 10px;
  440. -moz-border-radius: 0px 0px 10px 10px;
  441. webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  442.  
  443. #home a{width:50px; background:{color:Menu BG}; color:{color:Menu Text};}
  444. #home a:hover{background:{color:M1Home Hover}; color:{color:Menu Text Hover};}
  445.  
  446. #message a{width:50px; background:{color:Menu BG}; color:{color:Menu Text};}
  447. #message a:hover{background:{color:M2Message Hover}; color:{color:Menu Text Hover};}
  448.  
  449. #archive a{width:50px; background:{color:Menu BG}; color:{color:Menu Text};}
  450. #archive a:hover{background:{color:M3Archive Hover}; color:{color:Menu Text Hover};}
  451.  
  452. #theme a{width:50px; background:{color:Menu BG}; color:{color:Menu Text};}
  453. #theme a:hover{background:{color:M4Theme Hover}; color:{color:Menu Text Hover};}
  454.  
  455. .sidebar{
  456. width:250px;
  457. height:250px;
  458. margin-bottom:10px;
  459. background:{color:Picture};
  460. border:1px solid {color:Picture Border};
  461. padding:8px;
  462. border-radius: 150px;
  463. text-align:justify;
  464. -webkit-transition: all 0.8s ease-out;
  465. -moz-transition: all 0.8s ease-out;
  466. -o-transition: all 0.8s ease-out;
  467. }
  468.  
  469. .sidebar:hover{
  470. -webkit-transition: all 0.8s ease-out;
  471. -moz-transition: all 0.8s ease-out;
  472. -o-transition: all 0.8s ease-out;
  473. border-radius:0px;
  474. }
  475.  
  476. .circle{
  477. border-radius:150px;
  478. -webkit-transition: all 0.8s ease-out;
  479. -moz-transition: all 0.8s ease-out;
  480. -o-transition: all 0.8s ease-out;
  481. }
  482.  
  483. .circle:hover{
  484. border-radius:0px;
  485. -webkit-transition: all 0.8s ease-out;
  486. -moz-transition: all 0.8s ease-out;
  487. -o-transition: all 0.8s ease-out;
  488. }
  489.  
  490. #side{
  491. margin-top:20px;
  492. margin-left:70px;
  493. position:fixed;
  494. float:left;
  495. }
  496.  
  497. .descri{
  498. width:250px;
  499. height:auto;
  500. font-family:'calibri';
  501. font-size:11px;
  502. color:{color:Description};
  503. padding:8px;
  504. text-align:left;
  505. margin-bottom:3px;
  506. }
  507.  
  508. #name{
  509. float:left;
  510. margin-left:70px;
  511. margin-top:-40px;
  512. position:fixed;
  513. z-index:3;
  514. }
  515.  
  516. .bloggu{
  517. width:265px;
  518. float:left;
  519. text-align:center;
  520. font-family:'ubuntu';
  521. font-size:18px;
  522. letter-spacing:1px;
  523. }
  524.  
  525. .bloggu a{
  526. width:265px;
  527. float:left;
  528. text-align:center;
  529. font-family:'ubuntu';
  530. font-size:18px;
  531. color:{color:Blog Title};
  532. letter-spacing:1px;
  533. }
  534.  
  535. .pagina a{
  536. float:left;
  537. width: 27px;
  538. height:27px;
  539. padding:5px;
  540. font: 24px 'arial';
  541. text-align:center;
  542. display:block;
  543. border:1px solid #000;
  544. margin-top:10px;
  545. margin-bottom:3px;
  546. color: #000;
  547. text-decoration: none;
  548. -webkit-transition: all 0.5s ease-in;
  549. -moz-transition: all 0.5s ease-in;
  550. -o-transition: all 0.5s ease-in;
  551. border-radius: 150px;
  552. }
  553.  
  554. .pagina a:hover{
  555. float:left;
  556. width: 27px;
  557. height:27px;
  558. padding:5px;
  559. font: 24px 'arial';
  560. text-align:right;
  561. display:block;
  562. margin-bottom:3px;
  563. color: #ddd;
  564. text-decoration: none;
  565. -webkit-transition: all 0.5s ease-in;
  566. -moz-transition: all 0.5s ease-in;
  567. -o-transition: all 0.5s ease-in;
  568. border-radius: 150px;
  569. }
  570.  
  571. #previous a{color:{color:Postbox Border}; border:1px solid {color:Picture Border}; text-align:center;}
  572. #previous a:hover{color:{color:Picture Border}; border:1px solid {color:Postbox Border}; text-align:left;}
  573.  
  574. #next a{color:{color:Picture Border}; border:1px solid {color:Postbox Border}; text-align:center;}
  575. #next a:hover{color:{color:Postbox Border}; border:1px solid {color:Picture Border}; text-align:right;}
  576.  
  577. #pagination{
  578. position:fixed;
  579. margin-top:150px;
  580. {block:IfPostSize1}margin-left:990px;{/block:IfPostSize1}
  581. {block:IfPostSize2}margin-left:890px;{/block:IfPostSize2}
  582. {block:IfPostSize3}margin-left:740px;{/block:IfPostSize3}
  583. }
  584.  
  585. {CustomCSS}
  586.  
  587. </style>
  588. <script type="text/javascript"
  589. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  590. </script>
  591. <script type="text/javascript" language="javascript">
  592. $(function () {
  593. $('#scrlBotm').click(function () {
  594. $('html, body').animate({
  595. scrollTop: $(document).height()
  596. },
  597. 1500);
  598. return false;
  599. });
  600.  
  601. $('#scrlTop').click(function () {
  602. $('html, body').animate({
  603. scrollTop: '0px'
  604. },
  605. 1500);
  606. return false;
  607. });
  608. });
  609. </script>
  610.  
  611. </head>
  612.  
  613. <body>
  614.  
  615. {block:IfNotEndlessScrolling}<div id="pagination">
  616. <div class="pagina" id="previous">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  617. <div class="pagina" id="next">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></div>{/block:IfNotEndlessScrolling}
  618.  
  619. <div id="name">
  620. <div class="bloggu"><a href="/">{Title}</a></div>
  621. </div>
  622.  
  623. <div id="topband">
  624. <div class="band">
  625. <div class="links" id="home"><a href="/" a title="Index">home</a></div>
  626. <div class="links" id="message"><a href="/ask" a title="Inbox">message</a></div>
  627. <div class="links" id="archive"><a href="/archive" a title="Past">archive</a></div>
  628. <div class="links" id="theme"><a href="http://madarathemes.tumblr.com/" a title="theme maker">theme</a></div>
  629. </div></div>
  630.  
  631. <div id="side">
  632. <div class="sidebar">
  633. <a href="/"><img src="{image:Sidebar}" class="circle" width="250" height="250"></a>
  634. </div>
  635.  
  636. <div class="descri">
  637. {Description}
  638. </div>
  639. <select style="width: 266px; border: 0px solid; padding: 4px; color: #000; background-color: {color:Drop Down}; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
  640. <option value="/">NAVIGATION</option>
  641. {block:IfURL01}<option value="{text:URL 01}">{text:URL 01 Title}</option>{/block:IfURL01}
  642. {block:IfURL02}<option value="{text:URL 02}">{text:URL 02 Title}</option>{/block:IfURL02}
  643. {block:IfURL03}<option value="{text:URL 03}">{text:URL 03 Title}</option>{/block:IfURL03}
  644. {block:IfURL04}<option value="{text:URL 04}">{text:URL 04 Title}</option>{/block:IfURL04}
  645. {block:IfURL05}<option value="{text:URL 05}">{text:URL 05 Title}</option>{/block:IfURL05}
  646. {block:IfURL06}<option value="{text:URL 06}">{text:URL 06 Title}</option>{/block:IfURL06}
  647. {block:IfURL07}<option value="{text:URL 07}">{text:URL 07 Title}</option>{/block:IfURL07}
  648. {block:IfURL08}<option value="{text:URL 08}">{text:URL 08 Title}</option>{/block:IfURL08}
  649. {block:IfURL09}<option value="{text:URL 09}">{text:URL 09 Title}</option>{/block:IfURL09}
  650. {block:IfURL10}<option value="{text:URL 10}">{text:URL 10 Title}</option>{/block:IfURL10}
  651. {block:IfURL11}<option value="{text:URL 11}">{text:URL 11 Title}</option>{/block:IfURL11}
  652. {block:IfURL12}<option value="{text:URL 12}">{text:URL 12 Title}</option>{/block:IfURL12}
  653. </select>
  654. </div>
  655.  
  656.  
  657. <div id="postar">
  658. <table width="40%" border="0">
  659. <tr>
  660. <td align="center">
  661. {block:IfEndlessScrolling}<div class = "autopagerize_page_element" >{/block:IfEndlessScrolling}
  662. {block:Posts}
  663. <div id="entry">
  664. {block:IndexPage}<div class="link"><div class="perma">
  665. <a style="color:{color:Permalink Text};" href="{Permalink}">{NoteCount}</a><br><a style="color:{color:Permalink Text};" href="{ReblogURL}" target="_blank">Reblog</a>
  666. </div>
  667. {block:IfTags}{block:HasTags}<div class="ssu"><div class="tagg">
  668. {block:Tags}#<a style="color:{color:Tag Links};" href="{TagURL}">{Tag}</a><br> {/block:Tags}
  669. </div>{/block:HasTags}{/block:IfTags}
  670. {/block:IndexPage}
  671. <table width="500" border="0">
  672. <tr>
  673. <td>
  674. <div id="posts">
  675.  
  676. {block:Text}
  677. {block:Title}<div class="titulo"><a href="{Permalink}">■ {Title}</a></div>{/block:Title}
  678. {Body}
  679. {/block:Text}
  680.  
  681. {block:Photo}
  682. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IndexPage}
  683.  
  684.  
  685. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  686. {block:IfCaption} {block:Caption}
  687. {Caption}
  688. {/block:Caption}{/block:IfCaption}
  689.  
  690. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  691. {Caption}
  692. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  693. {/block:Photo}
  694.  
  695. {block:Photoset}
  696.  
  697. {block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  698. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  699. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}{/block:IndexPage}
  700. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  701.  
  702. {block:IfCaption} {block:Caption}
  703. {Caption}
  704. {/block:Caption}{/block:IfCaption}
  705.  
  706. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  707. {Caption}
  708. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  709. {/block:Photoset}
  710.  
  711. {block:Quote}
  712. <div class="quote">"{Quote}"</div>
  713. {block:Source}
  714. <div align="right">- {Source}</div>
  715. {/block:Source}
  716. {/block:Quote}
  717.  
  718. {block:Link}
  719. <div class="titulo"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  720. {block:Description}
  721. {Description}
  722. {/block:Description}
  723. {/block:Link}
  724.  
  725. {block:Chat}
  726. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  727. <div style="margin-left:16px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  728. {/block:Chat}
  729.  
  730. {block:Audio}
  731.  
  732. {block:IfCaption}<div id="audio">{AudioPlayerBlack}</div>
  733. <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
  734.  
  735. {block:Caption}
  736. {Caption}
  737. {/block:Caption}{/block:IfCaption}
  738.  
  739. {block:IfNotCaption}{block:IndexPage}<div id="audio">{AudioPlayerBlack}</div>{/block:IndexPage}
  740. {block:PermalinkPage}<div id="audio">{AudioPlayerBlack}</div>
  741. <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
  742. {block:Caption}
  743. {Caption}
  744. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  745. {/block:Audio}
  746.  
  747. {block:Video}
  748.  
  749. {block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  750. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  751. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}{/block:IndexPage}
  752. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  753.  
  754. {block:IfCaption} {block:Caption}
  755. {Caption}
  756. {/block:Caption}{/block:IfCaption}
  757.  
  758. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  759. {Caption}
  760. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  761. {/block:Video}
  762.  
  763. {block:Answer}
  764. <div class="asker">{Asker} whispered : </div>
  765. <div id="ask" align="right">{Question}</div>
  766. <div style="margin-left:10px;"> {Answer}</div>
  767. {/block:Answer}
  768.  
  769. </div>
  770.  
  771. {block:PermalinkPage}{block:Date}<div class="notes">
  772. <div style="background:{color:Postbox}; padding:5px; width:500px; margin-bottom:10px;">
  773.  
  774. <div style="background:#eee; width:490px;padding:5px;font-family: 'cambria'; font-size:16px;">
  775. {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}] </div><br>
  776.  
  777. <div style="margin-top: -5px;margin-left:3px;font-family: 'cambria'; font-size: 12px; text-transform:lowercase;">
  778. {NoteCountWithLabel}<br>
  779. {block:RebloggedFrom}
  780. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  781. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
  782. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  783. </div></div>{/block:Date}
  784.  
  785. <div id="notes" style="margin-left:10px; width:490px;">
  786. {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:PermalinkPage}
  787.  
  788. </td>
  789. </tr>
  790. </table>
  791. {block:IndexPage}</div>{block:IfTags}</div>{/block:IfTags}{/block:IndexPage}
  792. {block:Posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  793. </td>
  794. </tr>
  795. </table>
  796. </div>
  797.  
  798. {block:IfEndlessScrolling}<a id="scrlTop" title="Top" href="#" style="color:{color:Scrollbar}; font-size:16px; font-family: 'futura'; position: fixed; bottom: 10px; right: 10px;">TOP ▲</a>{/block:IfEndlessScrolling}
  799.  
  800. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement