Isandria

LoL Theme

Apr 4th, 2015
345
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.56 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.  
  5.  
  6. ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
  7.  
  8. ___ ___ ___ ___ ___ ___ __ __
  9. / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
  10. | (__| (_) || |) || _| \__ \ | _ \ \ V /
  11. \___|\___/ |___/ |___||___/ |___/ |_|
  12. ___ ___ _ _ ___ ___ ___ ___
  13. | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  14. | _/| (_) || __ || /| (_) || /| (_) |
  15. |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
  16.  
  17.  
  18. ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
  19.  
  20.  
  21. -->
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script type="text/javascript">
  36. function openPopup(el) {
  37. $('.popup').hide();
  38. $('#' + el).fadeIn(200);
  39. }
  40.  
  41. function closePopup() {
  42. $('.popup').fadeOut(300);
  43. }
  44. </script>
  45.  
  46. <meta name="image:Top Bar Avatar" content="http://i.imgur.com/W68D3cI.jpg" />
  47. <meta name="image:Sidebar Image" content="http://i.imgur.com/XHgARsC.png" />
  48. <meta name="image:Profile Avatar" content="http://i.imgur.com/W68D3cI.jpg" />
  49. <meta name="image:Profile Banner" content="http://i.imgur.com/qJO5SOu.png" />
  50.  
  51. <meta name="if:Show Captions" content="1" />
  52. <meta name="if:Custom Link Four" content="1" />
  53. <meta name="if:Custom Link Five" content="1" />
  54. <meta name="if:Custom Link Six" content="1" />
  55. <meta name="if:Background Image" content="1" />
  56.  
  57. <meta name="text:Top Bar Name" content="Username" />
  58. <meta name="text:Level" content="12" />
  59. <meta name="text:Riot Points" content="98" />
  60. <meta name="text:Influence Points" content="34532" />
  61. <meta name="text:Sidebar Title" content="Ahri" />
  62. <meta name="text:Attributes" content="Mage" />
  63. <meta name="text:Profile Title" content="Username" />
  64. <meta name="text:Profile Subtitle" content="Level 12" />
  65. <meta name="text:Link One" content="Link One" />
  66. <meta name="text:Link One URL" content="Link One URL" />
  67. <meta name="text:Link Two" content="Link Two" />
  68. <meta name="text:Link Two URL" content="Link Two URL" />
  69. <meta name="text:Link Three" content="Link Three" />
  70. <meta name="text:Link Three URL" content="Link Three URL" />
  71. <meta name="text:Link Four" content="Link Four" />
  72. <meta name="text:Link Four URL" content="Link Four URL" />
  73. <meta name="text:Link Five" content="Link Five" />
  74. <meta name="text:Link Five URL" content="Link Five URL" />
  75. <meta name="text:Link Six" content="Link Six" />
  76. <meta name="text:Link Six URL" content="Link Six URL" />
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy' rel='stylesheet' type='text/css'>
  79. <link href='http://fonts.googleapis.com/css?family=Corben' rel='stylesheet' type='text/css'>
  80.  
  81. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  82. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  83. <script type="text/javascript">
  84. $(window).load(function () {
  85. $('#entries').masonry({
  86. itemSelector : ".post",
  87. },
  88. function() { $('#content').masonry({ appendedContent: $(this) }); }
  89. );
  90. });
  91. </script>
  92.  
  93. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  94. <script>
  95. (function($){
  96. $(document).ready(function(){
  97. $("[title]").style_my_tooltips({
  98. tip_follows_cursor:true,
  99. tip_delay_time:200,
  100. tip_fade_speed:300
  101. }
  102. );
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107. <style type="text/css">
  108.  
  109. #s-m-t-tooltip {
  110. max-width: 300px;
  111. background: rgba(0, 0, 0, .7);
  112. color: #FFFFFF;
  113. z-index: 999999;
  114. font-size: 15px;
  115. padding: 1px 3px;
  116. border-radius: 5px;
  117. margin-left: 30px;
  118. margin-top: 30px;
  119.  
  120. }
  121.  
  122. body {
  123. margin: 0;
  124. padding: 0;
  125. height: 100%;
  126. font-family: Sorts Mill Goudy;
  127. font-size: 12px;
  128. background: url(http://static.tumblr.com/yzs4yqx/JkRnm1hsd/bg.png);{/block:IfBackgroundImage}
  129. background-attachment: fixed;
  130. }
  131.  
  132. body, a, a:hover {
  133. cursor: url(http://i.imgur.com/GvfzSot.png), auto;
  134. }
  135.  
  136. a {
  137. color: gray;
  138. text-decoration: none;
  139. }
  140.  
  141. a:hover {
  142. color: lightgray;
  143. }
  144.  
  145. iframe#tumblr_controls {
  146. position: fixed !important;
  147. z-index: 9999999;
  148. top: 93px;
  149. right: 45px;
  150. }
  151.  
  152. h1 {
  153. font-weight: normal;
  154. text-align: center;
  155. font-size: 11px;
  156. padding-bottom: 5px;
  157. letter-spacing: 2px;
  158. text-transform: uppercase;
  159. }
  160.  
  161. blockquote, blockquote blockquote {
  162. border-left: 1px solid gray;
  163. padding-left: 10px;
  164. margin-left: 10px;
  165. text-align: justify;
  166. }
  167.  
  168. /* START: TOP BAR */
  169.  
  170. #topbar {
  171. background: url(http://i.imgur.com/RsJCrKk.png) right;
  172. position: fixed;
  173. top: 0px;
  174. left: 0px;
  175. z-index: 999;
  176. height: 82px;
  177. width: 100%;
  178. text-align: center;
  179. }
  180.  
  181. #play {
  182. margin-top: 10px;
  183. }
  184.  
  185. #play a {
  186. opacity: 0.9;
  187. }
  188.  
  189. #play a:hover {
  190. opacity: 1;
  191. }
  192.  
  193. #topinfo {
  194. top: 0;
  195. right: 0;
  196. margin-top: 8px;
  197. width: 440px;
  198. height: 50px;
  199. position: absolute;
  200. text-align: left;
  201. }
  202.  
  203. #level {
  204. position: absolute;
  205. z-index: 999;
  206. margin-top: 37px;
  207. margin-left: 36px;
  208. font-size: 11px;
  209. color: #c6b497;
  210. width: 12px;
  211. font-family: Verdana;
  212. height: 12px;
  213. }
  214.  
  215. #topav img {
  216. width: 55px;
  217. width: 55px;
  218. }
  219.  
  220. #summoner {
  221. width: 183px;
  222. height: 25px;
  223. background: url(http://i.imgur.com/7vfqbzS.png);
  224. text-align: center;
  225. color: #f1f1f1;
  226. font-size: 17px;
  227. margin-left: 60px;
  228. line-height: 29px;
  229. }
  230.  
  231. #points {
  232. width: 182px;
  233. height: 25px;
  234. background: url(http://i.imgur.com/ni8Lkcy.png);
  235. font-family: Corben;
  236. position: absolute;
  237. margin-left: 238px;
  238. margin-top: -25px;
  239. letter-spacing: 3px;
  240. font-size: 14px;
  241. line-height: 23px;
  242. color: #e1e1e1;
  243. }
  244.  
  245. #rp a, #ip a {
  246. color: #e1e1e1;
  247. }
  248.  
  249. #rp {
  250. margin-left: 32px;
  251. }
  252.  
  253. #ip {
  254. position: absolute;
  255. margin-left: 107px;
  256. margin-top: -23px;
  257. }
  258.  
  259. #store {
  260. margin-top: 2px;
  261. margin-left: 60px;
  262. position: absolute;
  263. }
  264.  
  265. #profile {
  266. margin-top: 2px;
  267. position: absolute;
  268. margin-left: 210px;
  269. }
  270.  
  271. #help {
  272. margin-right: 14px;
  273. margin-top: -32px;
  274. float: right
  275. }
  276.  
  277. #pref {
  278. margin-top: -32px;
  279. float: right
  280. }
  281.  
  282. #store a:hover,
  283. #profile button:hover,
  284. #help a:hover,
  285. #pref a:hover {
  286. opacity: 1;
  287. cursor: url(http://i.imgur.com/GvfzSot.png), auto;
  288. }
  289.  
  290. #store a,
  291. #profile button,
  292. #help a,
  293. #pref a {
  294. background: none;
  295. padding: 0;
  296. outline: none;
  297. border: none;
  298. opacity: 0.8;
  299. }
  300.  
  301. /* END: TOP BAR */
  302.  
  303. /* START: SUMMONER PROFILE */
  304.  
  305. .popup {
  306. position: fixed;
  307. background: black;
  308. top: 82px;
  309. left: 142px;
  310. width: calc(100% - 131px);
  311. width: -o-calc(100% - 131px);
  312. width: -webkit-calc(100% - 131px);
  313. width: -moz-calc(100% - 131px);
  314. height: calc(100% - 82px);
  315. height: -o-calc(100% - 82px);
  316. height: -webkit-calc(100% - 82px);
  317. height: -moz-calc(100% - 82px);
  318. z-index: 1;
  319. }
  320.  
  321. #sumprof {
  322. position: absolute;
  323. background: url(http://i.imgur.com/UFJfvVL.png);
  324. margin: 0 auto;
  325. left: 0px;
  326. right: 0px;
  327. top: 30px;
  328. width: 909px;
  329. height: 538px;
  330. z-index: 2;
  331. }
  332.  
  333. .cancel {
  334. display: relative;
  335. margin: 0;
  336. float: right;
  337. background: url(http://i.imgur.com/ui7VPPL.png);
  338. background-size: 25px;
  339. height: 25px;
  340. margin-top: 35px;
  341. margin-right: 40px;
  342. width: 25px;
  343. z-index: 2;
  344. }
  345.  
  346. #tabtitle {
  347. height: 39px;
  348. width: 210px;
  349. background: url(http://i.imgur.com/nr247uJ.png);
  350. border: 1px solid #b8943a;
  351. border-top-left-radius: 4px;
  352. border-top-right-radius: 4px;
  353. text-align: center;
  354. line-height: 42px;
  355. font-size: 24px;
  356. letter-spacing: -1px;
  357. color: #660101;
  358. margin-top: 30px;
  359. margin-left: 37px;
  360. }
  361.  
  362. #sumnav {
  363. margin-top: -1px;
  364. margin-left: 37px;
  365. width: 828px;
  366. height: 41px;
  367. padding-top: 3px;
  368. padding-left: 2px;
  369. background: #dcca9b;
  370. border: 1px solid #b8943a;
  371. }
  372.  
  373. #sumnav a {
  374. border-radius: 3px;
  375. background: url(http://i.imgur.com/HdYPZPd.png);
  376. border: 1px solid #c8a13e;
  377. height: 36px;
  378. width: 110px;
  379. margin-left: 1px;
  380. line-height: 39px;
  381. text-align: center;
  382. display: inline-block;
  383. color: black;
  384. font-size: 14px;
  385. }
  386.  
  387. #sumnav a:hover {
  388. background: url(http://i.imgur.com/qFsmDLH.png);
  389. }
  390.  
  391. #sumcont {
  392. margin-top: -1px;
  393. margin-left: 37px;
  394. width: 830px;
  395. height: 380px;
  396. border: 1px solid #b8943a;
  397. }
  398.  
  399. #box {
  400. width: 126px;
  401. height: 25px;
  402. border: 1px solid #303030;
  403. outline: none;
  404. float: right;
  405. margin-top: -33px;
  406. padding-left: 4px;
  407. margin-right: 3px;
  408. }
  409.  
  410. #sumban {
  411. width: 800px;
  412. height: 126px;
  413. border: 1px solid #d7a42d;
  414. outline: 1px solid #5d4f2b;
  415. background: url({image:Profile Banner});
  416. margin-left: 15px;
  417. margin-top: 15px;
  418. color: white;
  419. text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
  420. }
  421.  
  422. #sumav img {
  423. width: 96px;
  424. height: 96px;
  425. margin-left: 19px;
  426. margin-top: 17px;
  427. float: left;
  428. }
  429.  
  430. #sumname {
  431. position: absolute;
  432. margin-left: 125px;
  433. margin-top: 35px;
  434. font-size: 26px;
  435. letter-spacing: -1px;
  436. }
  437.  
  438. #sumsub {
  439. position: absolute;
  440. margin-left: 127px;
  441. margin-top: 80px;
  442. font-size: 22px;
  443. font-family: Kameron;
  444. }
  445.  
  446. #sumt {
  447. height: 32px;
  448. background: url(http://i.imgur.com/HXq0HUo.png);
  449. border-bottom: 1px solid #c8a13e;
  450. line-height: 35px;
  451. font-size: 15px;
  452. padding-left: 10px;
  453. color: #552721;
  454. }
  455.  
  456. #about {
  457. border: 1px solid #c8a13e;
  458. width: 470px;
  459. height: 173px;
  460. margin-left: 15px;
  461. position: absolute;
  462. }
  463.  
  464. #aboutcont {
  465. padding: 10px;
  466. overflow: auto;
  467. height: 120px;
  468. text-align: center;
  469. }
  470.  
  471. #blogroll {
  472. border: 1px solid #c8a13e;
  473. margin-left: 500px;
  474. width: 315px;
  475. height: 173px;
  476. position: absolute;
  477. }
  478.  
  479. #blogrollcont {
  480. overflow: auto;
  481. padding: 10px;
  482. padding-left: 15px;
  483. height: 120px;
  484. }
  485.  
  486. #follower img {
  487. border-radius: 3px;
  488. margin: 4px;
  489. float: left;
  490. }
  491.  
  492. /* END: SUMMONER PROFILE */
  493.  
  494. /* START: SIDEBAR */
  495.  
  496. #sidebarback {
  497. height: 100%;
  498. width: 131px;
  499. background: url(http://i.imgur.com/qjGLN10.jpg);
  500. opacity: 0.8;
  501. margin-left: 2px;
  502. margin-top: 2px;
  503. z-index: -1;
  504. position: fixed;
  505. }
  506.  
  507. #sidebar {
  508. z-index: 1;
  509. height: 100%;
  510. width: 133px;
  511. border: 1px solid #4a5964;
  512. border-top: none;
  513. outline: 1px solid #171717;
  514. margin-left: 4px;
  515. margin-top: 82px;
  516. position: fixed;
  517. }
  518.  
  519. #champion {
  520. font-size: 22px;
  521. color: white;
  522. margin-top: 20px;
  523. text-align: center;
  524. }
  525.  
  526. #avatar img {
  527. width: 120px;
  528. margin-left: 6px;
  529. height: 120px;
  530. margin-top: 5px;
  531. text-align: center;
  532. border: 1px solid #45403a;
  533. border-radius: 6px;
  534. }
  535.  
  536. #navigation {
  537. margin-top: 5px;
  538. margin-left: 2px;
  539. }
  540.  
  541. #navigation a {
  542. width: 119px;
  543. height: 39px;
  544. background: url(http://i.imgur.com/7pwMINU.png);
  545. color: #d1d1d1;
  546. text-shadow: 1px 1px 1px black;
  547. display: block;
  548. text-align: right;
  549. line-height: 39px;
  550. font-size: 15px;
  551. padding-right: 10px;
  552. }
  553.  
  554. #navigation a:hover {
  555. background: url(http://i.imgur.com/fErtOlC.png);
  556. color: white;
  557. text-shadow: 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a, 0px 0px 3px #2f4d9a;
  558. }
  559.  
  560. #navstripe {
  561. width: 2px;
  562. height: 100%;
  563. top: 112px;
  564. border-right: 1px solid #353535;
  565. margin-left: 135px;
  566. position: fixed;
  567. background: black;
  568. }
  569.  
  570. /* END: SIDEBAR */
  571.  
  572. #entries {
  573. top: {block:PermalinkPage}90px{/block:PermalinkPage};
  574. width: 1100px;
  575. float: left;
  576. padding-top: {block:IndexPage}0px{/block:IndexPage} {block:PermalinkPage}0px{/block:PermalinkPage};
  577. margin-left: 150px;
  578. position: absolute;
  579. }
  580.  
  581. .post {
  582. width: 400px;
  583. background: rgba(18, 22, 31, .7);
  584. border: 1px solid #4a5964;
  585. outline: 1px solid #171717;
  586. padding: 20px;
  587. margin: 40px;
  588. float: left;
  589. color: white;
  590. }
  591.  
  592. .post img {
  593. max-width: 100%;
  594. -webkit-transition: all 0.5s ease;
  595. -moz-transition: all 0.5s ease;
  596. transition: all 0.5s ease;
  597. }
  598.  
  599. sub, sup, small {
  600. font-size: 12px;
  601. }
  602.  
  603. .quote {
  604. font-size: 12px;
  605. text-transform: uppercase;
  606. text-align: center;
  607. letter-spacing: 2px;
  608. }
  609.  
  610. .audio {
  611. padding: 0;
  612. }
  613.  
  614. .audio_container {
  615. overflow: hidden;
  616. position: relative;
  617. width: 100px;
  618. }
  619.  
  620. .soundcloud_audio_player {
  621. width: 100%;
  622. }
  623.  
  624. .tumblr_audio_player {
  625. width: 100%;
  626. }
  627.  
  628. #ask {
  629. border-bottom: 1px solid gray;
  630. width: 350px;
  631. text-align: justify;
  632. padding: 15px 30px 15px 20px;
  633. }
  634.  
  635. #permalink {
  636. text-align: center;
  637. padding-top: 20px;
  638. text-transform: uppercase;
  639. font-size: 8px;
  640. line-height: 10px;
  641. letter-spacing: 1px;
  642. font-family: Kameron;
  643. }
  644.  
  645. #tag {
  646. text-transform: uppercase;
  647. text-align: center;
  648. font-size: 8px;
  649. letter-spacing: 1px;
  650. margin-top: 2px;
  651. }
  652.  
  653. #permalink a {
  654. color: white;
  655. font-family: Kameron;
  656. }
  657.  
  658. #tag a {
  659. color: #909090;
  660. padding: 0px 3px;
  661. }
  662.  
  663. ol.notes {
  664. padding: 0px;
  665. padding-left: 30px;
  666. margin: 20px 0px;
  667. list-style-type: none;
  668. }
  669.  
  670. ol.notes li.note {
  671. padding: 10px;
  672. }
  673.  
  674. ol.notes li.note img.avatar {
  675. vertical-align: -4px;
  676. margin-right: 10px;
  677. width: 16px;
  678. height: 16px;
  679. }
  680.  
  681. ol.notes li.note .answer_content {
  682. font-weight: normal;
  683. }
  684.  
  685. ol.notes li.note blockquote {
  686. border-color: #eee;
  687. padding: 4px 10px;
  688. margin: 10px 0px 0px 25px;
  689. }
  690.  
  691. ol.notes li.note blockquote a {
  692. text-decoration: none;
  693. }
  694.  
  695. #pagination {
  696. font-family: Kameron;
  697. font-size: 16px;
  698. color: #d1d1d1;
  699. width: 460px;
  700. margin-left: 40px;
  701. text-align: center;
  702. padding-bottom: 100px;
  703. }
  704.  
  705. #pagination a {
  706. color: #d1d1d1;
  707. display: inline-block;
  708. padding: 15px;
  709. }
  710.  
  711. /* Credits to http://pohroro.tumblr.com */
  712.  
  713. </style>
  714.  
  715. </head>
  716.  
  717. <body>
  718.  
  719. <div id="topbar">
  720. <div id="play"><a href="/"><img src="http://i.imgur.com/S6bSjS9.png" /></a></div>
  721.  
  722. <div id="topinfo">
  723. <div id="level">{text:Level}</div>
  724.  
  725. <div id="topav">
  726. <img src="{image:Top Bar Avatar}" style="position: absolute;">
  727. <img src="http://i.imgur.com/EOWirwb.png" style="position: absolute;">
  728. </div>
  729.  
  730. <div id="summoner">{text:Top Bar Name}</div>
  731.  
  732. <div id="points">
  733. <div id="rp">{text:Riot Points}</div>
  734. <div id="ip">{text:Influence Points}</div>
  735. </div>
  736.  
  737. <div id="store">
  738. <a href="#posts" title="Click to go to posts"><img src="http://i.imgur.com/VjnbKXa.png"></a>
  739. </div>
  740.  
  741. <div id="profile">
  742. <button onClick="openPopup('div2');"><img src="http://i.imgur.com/DZGT0BG.png" title="Click to view blog links"></button>
  743. </div>
  744.  
  745. <div id="div2" class="popup" style="display:none;">
  746.  
  747. <div id="sumprof">
  748.  
  749. <div class="cancel" onclick="closePopup();"></div>
  750.  
  751. <div id="tabtitle">{text:Top Bar Name}</div>
  752.  
  753. <div id="sumnav">
  754. <a href="{text:Link One URL}">{text:Link One}</a>
  755. <a href="{text:Link Two URL}">{text:Link Two}</a>
  756. <a href="{text:Link Three URL}">{text:Link Three}</a>
  757. {block:IfCustomLinkFour}<a href="{text:Link Four URL}">{text:Link Four}</a>{/block:IfCustomLinkFour}
  758. {block:IfCustomLinkFive}<a href="{text:Link Five URL}">{text:Link Five}</a>{/block:IfCustomLinkFive}
  759. {block:IfCustomLinkSix}<a href="{text:Link Six URL}">{text:Link Six}</a>{/block:IfCustomLinkSix}
  760.  
  761. <div id="search">
  762. <form onsubmit="return tagSearch(this)"><input type="text" id="box" name="tag" value="" onfocus="if (this.value == '') {this.value=''}" placeholder="Find Tag" onblur="if (this.value == '') {this.value=''}" /></form>
  763. </div>
  764. </div>
  765.  
  766. <div id="sumcont">
  767.  
  768. <div id="sumban">
  769. <div id="sumav"><img src="{image:Profile Avatar}"></div>
  770. <div id="sumname">{text:Profile Title}</div>
  771. <div id="sumsub">{text:Profile Subtitle}</div>
  772. </div>
  773.  
  774. <div style="font-size: 20px; font-family: Arial; color: #552721; margin-top: 10px; margin-left: 15px;">Stats Overview</div>
  775.  
  776. <div style="width: 800px; height: 1px; background: #b7a97e; border-bottom: #e7dab8; margin-left: 15px; margin-top: 5px; margin-bottom: 10px;"></div>
  777.  
  778. <div id="about">
  779. <div id="sumt" style="width: 460px;">Description</div>
  780. <div id="aboutcont">{Description}</div>
  781. </div>
  782.  
  783. <div id="blogrollcont">
  784. {block:Following}
  785. {block:Followed}
  786. <div id="follower">
  787. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" title="{FollowedName}"></a>
  788. </div>
  789. {/block:Followed}
  790. {/block:Following}
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796.  
  797. <div id="help">
  798. <a href="/ask" title="Click to ask"><img src="http://i.imgur.com/B2YeASN.png"></a>
  799. </div>
  800.  
  801. <div id="pref">
  802. <a href="/submit"><img src="http://i.imgur.com/QW5Vson.png" title="Click to submit"></a>
  803. </div>
  804. </div>
  805. </div>
  806. </div>
  807.  
  808. <div id="sidebar">
  809.  
  810. <div id="sidebarback"></div>
  811. <img src="http://i.imgur.com/Af2AcpT.png" style="margin-left: -3px; position: fixed;">
  812.  
  813. <div id="champion">{text:Sidebar Title}</div>
  814. <div id="avatar"><img src="{image:Sidebar Image}"></div>
  815.  
  816. <div id="navigation">
  817. <a href="/">Overview</a>
  818. <a href="/archive">Archive</a>
  819. <a href="http://pohroro.com" title="By Pohroro">Theme</a>
  820. </div>
  821.  
  822. <img src="http://i.imgur.com/oHVRi2F.png" style="position: fixed; bottom: 0px; left: 0px; z-index:2;">
  823. <img src="http://i.imgur.com/qeAi3se.png" style="position: fixed; bottom: 0px; left: 106px; z-index:2;">
  824.  
  825. <div id="navstripe"></div>
  826.  
  827. <img src="http://i.imgur.com/BzskAB2.png" style="position: fixed; margin-left: 137px; top: -3px; margin-top: 87px; z-index:2;">
  828.  
  829. </div>
  830.  
  831. <img src="http://i.imgur.com/OkQUAXc.png" style="position: fixed; right: 4px; top: -3px; margin-top: 87px; z-index: 1;">
  832. <img src="http://i.imgur.com/1Ei1pjW.png" style="position: fixed; right: 0px; bottom: 0px; z-index: 2;">
  833. <img src="http://i.imgur.com/DFWy1cp.png" style="width: 100%; margin-top: 82px; z-index: -1; position: fixed; box-shadow: 2px 2px 2px #101010;">
  834. <img src="http://i.imgur.com/x3N2QfL.png" style="height: 100%; position: fixed; left: 0; margin-top: -1px;">
  835. <img src="http://i.imgur.com/naGjTYt.png" style="height: 100%; position: fixed; right: 0; margin-top: -1px;">
  836. <img src="http://i.imgur.com/Kxf7F2a.png" style="width: 100%; z-index:2; position: fixed; bottom: 0;">
  837.  
  838. {block:IndexPage}
  839.  
  840. <div id="content">
  841.  
  842. <div id="main">
  843.  
  844. <div id="statsback">
  845. </div>
  846.  
  847. <div id="stats">
  848.  
  849. </div>
  850.  
  851. <div id="statstitle" style="margin-top: 5px;">Stats</div>
  852.  
  853. <div id="statcont">
  854.  
  855. <img src="http://i.imgur.com/htpIZ3E.png" title="Attack power" style="position: absolute; float: left;">
  856. <div id="statbar">
  857. <div id="apbar" title="Attack power"></div>
  858. </div>
  859.  
  860. <img src="http://i.imgur.com/RUUHKVM.png" title="Defense power" style="margin-top: 2px;float: left; position: absolute;">
  861. <div id="statbar">
  862. <div id="dpbar" title="Defense power"></div>
  863. </div>
  864.  
  865. <img src="http://i.imgur.com/LpBu7uh.png" title="Difficulty" style="margin-top: 2px;float: left; position: absolute;">
  866. <div id="statbar">
  867. <div id="dfbar" title="Difficulty"></div>
  868. </div>
  869.  
  870. </div>
  871. <div id="statstitle">Attributes</div>
  872. <div style="margin-left: 13px; color: #909090; font-family: Arial; font-size: 12px;">{text:Attributes}</div>
  873.  
  874. </div>
  875.  
  876. {/block:IndexPage}
  877.  
  878. <div style="height: 100px; width: 1px;"></div>
  879. <a name="posts"></a>
  880.  
  881. <div id="entries">
  882.  
  883. {block:Posts}
  884.  
  885. <div class="post">
  886.  
  887. <img src="http://i.imgur.com/AeCmDcy.png" style="float: left; top: -3px; left: -3px; position: absolute;">
  888. <img src="http://i.imgur.com/dVcxq0o.png" style="float: right; top: -3px; right: -3px; position: absolute;">
  889. <img src="http://i.imgur.com/FE15EZX.png" style="float: left; bottom: -3px; left: -3px; position: absolute;">
  890. <img src="http://i.imgur.com/4zYvVMj.png" style="float: right; bottom: -3px; right: -3px; position: absolute;">
  891.  
  892. {block:Text}
  893. <h1>{block:Title}{Title}{/block:Title}</h1>
  894. {Body}
  895. {/block:Text}
  896.  
  897. {block:Photo}
  898. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  899. {block:IfShowCaptions}
  900. {block:Caption}{Caption}{/block:Caption}
  901. {/block:IfShowCaptions}
  902. {/block:Photo}
  903.  
  904. {block:Photoset}
  905. {Photoset-400}
  906. {block:IfShowCaptions}
  907. {block:Caption}{Caption}{/block:Caption}
  908. {/block:IfShowCaptions}
  909. {/block:Photoset}
  910.  
  911. {block:Quote}
  912. <div class="quote">
  913. {Quote}
  914. {block:Source} &#8212;{Source}{/block:Source}
  915. </div>
  916. {/block:Quote}
  917.  
  918. {block:Link}
  919. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  920. {block:Description}{Description}{/block:Description}
  921. {/block:Link}
  922.  
  923. {block:Chat}
  924. {block:Title}<h1>{Title}</h1>{/block:Title}
  925. {block:Lines}
  926. {block:Label}<b>{Label}</b>{/block:Label}
  927. {Line}<br />
  928. {/block:Lines}
  929. {/block:Chat}
  930.  
  931. {block:Audio}
  932. <div class="audioContainer">
  933. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  934. </div>
  935. {block:IfShowCaptions}
  936. {block:Caption}{Caption}{/block:Caption}
  937. {/block:IfShowCaptions}
  938. {/block:Audio}
  939.  
  940. {block:Video}
  941. {Video-400}
  942. {block:IfShowCaptions}
  943. {block:Caption}{Caption}{/block:Caption}
  944. {/block:IfShowCaptions}
  945. {/block:Video}
  946.  
  947. {block:ReblogParent}
  948. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  949. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  950. {/block:SourceLogo}
  951. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  952. {/block:ReblogParent}
  953.  
  954. {block:Answer}
  955. <div id="ask">
  956. <div style="text-align: center; padding-bottom: 5px; font-size: 9px;">
  957. <span style="text-transform: uppercase; letter-spacing: 2px; font-weight: bold;">{Asker}:</span></div>
  958. <div style="text-align: center;">{Question}</div>
  959. </div><br />
  960. <div style="text-align: center;">{Answer}</div>
  961. {/block:Answer}
  962.  
  963. <div id="permalink">
  964. {block:PermalinkPage}
  965. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br />{/block:RebloggedFrom}
  966. {/block:PermalinkPage}
  967.  
  968. {block:Date}
  969. <a href="{Permalink}">{TimeAgo}&nbsp;</a>
  970. {/block:Date} {block:NoteCount}|&nbsp;
  971. <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  972. </div>
  973.  
  974. <div id="tag">
  975. {block:Tags}<a href="{TagURL}">{Tag} </a>{/block:Tags}
  976. </div>
  977.  
  978. {block:PostNotes}{PostNotes}{/block:PostNotes}
  979. </div>
  980. {/block:Posts}
  981.  
  982.  
  983. <div id="pagination">
  984. {block:Pagination}
  985.  
  986. {block:PreviousPage}
  987. <a href="{PreviousPage}" class="jump_page">←</a>
  988. {/block:PreviousPage}
  989.  
  990. {block:JumpPagination length="4"}
  991. {block:CurrentPage}
  992. <span class="current_page" style="padding: 15px;">{PageNumber}</span>
  993. {/block:CurrentPage}
  994.  
  995. {block:JumpPage}
  996. <a class="jump_page" href="{URL}">{PageNumber}</a>
  997. {/block:JumpPage}
  998. {/block:JumpPagination}
  999.  
  1000. {block:NextPage}
  1001. <a href="{NextPage}" class="jump_page">→</a>
  1002. {/block:NextPage}
  1003. {/block:Pagination}
  1004. </div>
  1005.  
  1006. </div>
  1007. </div>
  1008.  
  1009. </body>
  1010. </html>
Add Comment
Please, Sign In to add comment