Advertisement
b0rn-to-be-wild

Skyrim

Oct 1st, 2014
541
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.37 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!----
  6.  
  7. © borntobewildthemes.tumblr.com | "Skyrim"
  8.  
  9. + Please do not redistribute this theme or remove credits.
  10. + You are allowed to make changes as long as you keep our credits.
  11. + If you have any questions or concerns, just contact us.
  12. + Thanks for using our theme! We hope that you will enjoy it!
  13.  
  14. ---->
  15.  
  16. <html>
  17.  
  18. <head>
  19.  
  20. <!--Custom cursor-->
  21.  
  22. {block:IfCustomCursor}
  23. <style>body, a, a:hover { cursor:url('https://41.media.tumblr.com/a7742eb870f97e69991ee4ebf1189a27/tumblr_inline_nlsi82Kime1tnrm7z_500.png'), auto; }</style>
  24. {/block:IfCustomCursor}
  25.  
  26. <!--Google fonts-->
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
  37.  
  38. <script type="text/javascript"
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  40.  
  41. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  42.  
  43. <meta name="viewport" content="width=device-width, initial-scale=1">
  44.  
  45. <!--DEFAULT VARIABLES-->
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  48.  
  49. <meta name="image:Sidebar image" content="1"/>
  50. <meta name="image:Background" content="1"/>
  51.  
  52. <meta name="color:Title" content="#eee"/>
  53. <meta name="color:Link" content="#777"/>
  54. <meta name="color:Link" content="#777"/>
  55. <meta name="color:Hover" content="#eee"/>
  56. <meta name="color:Icon" content="#eee"/>
  57. <meta name="color:Text" content="#777"/>
  58. <meta name="color:Bold" content="#333"/>
  59. <meta name="color:Italic" content="#bbb"/>
  60. <meta name="color:Description" content="#777"/>
  61. <meta name="color:Borders" content="#777"/>
  62. <meta name="color:Info background" content="#000"/>
  63.  
  64. <meta name="select:Title Font" content="Exo" title="Exo">
  65. <meta name="select:Title Font" content="Baumans" title="Baumans">
  66. <meta name="select:Title Font" content="Marvel" title="Marvel">
  67. <meta name="select:Title Font" content="Ubuntu" title="Ubuntu">
  68. <meta name="select:Title Font" content="Nova Slim" title="Nova Slim">
  69.  
  70. <meta name="select:Title font size" content="20px" title="20px">
  71. <meta name="select:Title font size" content="22px" title="22px">
  72. <meta name="select:Title font size" content="25px" title="25px">
  73. <meta name="select:Title font size" content="27px" title="27px">
  74. <meta name="select:Title font size" content="30px" title="30px">
  75.  
  76. <meta name="font:Body font" content="Helvetica"/>
  77. <meta name="select:Body font size" content="12px" title="12px">
  78. <meta name="select:Body font size" content="13px" title="13px">
  79. <meta name="select:Body font size" content="14px" title="14px">
  80. <meta name="select:Body font size" content="15px" title="15px">
  81. <meta name="select:Body font size" content="16px" title="16px">
  82.  
  83. <meta name="if:Show Info On Hover" content="0" />
  84. <meta name="if:Show Search" content="1" />
  85. <meta name="if:Show Date" content="1" />
  86. <meta name="if:Custom Cursor" content="1" />
  87. <meta name="if:Show Captions" content="1" />
  88. <meta name="if:Show Tags" content="1" />
  89.  
  90. <meta name="text:Link 1" content="link 1"/>
  91. <meta name="text:Link 2" content="link 2"/>
  92. <meta name="text:Link 3" content="link 3"/>
  93. <meta name="text:Link 4" content="link 4"/>
  94. <meta name="text:Link 5" content="link 5"/>
  95. <meta name="text:Link 6" content="link 6"/>
  96.  
  97. <meta name="text:Link 1 url" content="link 1 url"/>
  98. <meta name="text:Link 2 url" content="link 2 url"/>
  99. <meta name="text:Link 3 url" content="link 3 url"/>
  100. <meta name="text:Link 4 url" content="link 4 url"/>
  101. <meta name="text:Link 5 url" content="link 5 url"/>
  102. <meta name="text:Link 6 url" content="link 6 url"/>
  103.  
  104. <style type="text/css">
  105.  
  106. /* ---------------------------- GENERAL ----------------------------- */
  107.  
  108. /* -------- BASICS ------- */
  109.  
  110. body {
  111. margin:0;
  112. padding:0;
  113. width:100%;
  114. height:100%;
  115. color:{color:text};
  116. font-family:{font:Body font};
  117. line-height:17px;
  118. font-size:14px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat: repeat;
  123. overflow:hidden;
  124. }
  125.  
  126. /* Paragraph */
  127.  
  128. p {margin-top:5px; margin-bottom:5px;}
  129.  
  130. <--ses-->
  131. small{font-size: 90%;}
  132.  
  133. big{font-size: 110%;}
  134.  
  135. /* Title */
  136.  
  137. h1{
  138. color:{color:Title};
  139. font-family:{select:Title Font};
  140. font-size:{select:Title font size};
  141. line-height: -moz-calc({select:Title font size} + 3px);
  142. line-height: -webkit-calc({select:Title font size} + 3px);
  143. line-height: -o-calc({select:Title font size} + 3px);
  144. line-height: calc({select:Title font size} + 3px);
  145. border-bottom:1px solid {color:Borders};
  146. }
  147.  
  148. /* Captions */
  149.  
  150. h2{
  151. font-family:{font:Body font};
  152. font-size:{select:Body font size};
  153. line-height: -moz-calc({select:Body font size} + 3px);
  154. line-height: -webkit-calc({select:Body font size} + 3px);
  155. line-height: -o-calc({select:Body font size} + 3px);
  156. line-height: calc({select:Body font size} + 3px);
  157. font-weight:normal;
  158. }
  159.  
  160. /* Links */
  161.  
  162. a:link, a:active, a:visited{
  163. -webkit-transition: all .7s ease;
  164. -moz-transition: all .7s ease;
  165. -o-transition: all .7s ease;
  166. transition: all .7s ease;
  167. color:{color:Link};
  168. text-decoration:none;
  169. }
  170.  
  171. a:hover {
  172. color: {color:Hover};
  173. }
  174.  
  175. a img{border: 0px;}
  176.  
  177. /* Bold and italic */
  178.  
  179. b, strong {color:{color:Bold};}
  180. i, em {color:{color:Italic};}
  181.  
  182. /* Blockquote */
  183.  
  184. blockquote{
  185. padding:0px 0px 2px 5px;
  186. margin:0px 0px 2px 10px;
  187. border-left: 1px solid {color:Borders};
  188. }
  189.  
  190. /* Text selection */
  191.  
  192. ::-moz-selection {
  193. background: {color:Borders};
  194. color: {color:Scrollbar};
  195. }
  196.  
  197. ::selection {
  198. background: {color:Borders};
  199. color: {color:Scrollbar};
  200. }
  201.  
  202.  
  203. ::-webkit-scrollbar {
  204. width: 12px;
  205. }
  206.  
  207. ::-webkit-scrollbar-track {
  208. background:url('http://i62.tinypic.com/s4qrzb.png');
  209. border-radius:0px;
  210. }
  211.  
  212. ::-webkit-scrollbar-thumb {
  213. background: #a0a0a0;
  214. border-left: 1px solid #000;
  215. border-right:0.5px solid #000;
  216. height:30px;
  217. width:12px;
  218. box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  219. }
  220.  
  221. /* Tooltips */
  222.  
  223. #s-m-t-tooltip {
  224. max-width:300px;
  225. z-index:10000000;
  226. margin:24px 14px 7px 12px;
  227. padding:8px;
  228. color:{color:Link};
  229. background:#000;
  230. border:1px solid {color:Borders};
  231. font-size:13px;
  232. line-height:16px;
  233. }
  234.  
  235. /* ----------------------- MAIN CONTAINER ----------------------------- */
  236.  
  237. #wrap{
  238. width:860px;
  239. margin:auto;
  240. }
  241.  
  242. #container{
  243. width:540px;
  244. height:430px;
  245. margin-left:230px;
  246. margin-right:auto;
  247. margin-top:10px;
  248. margin-right:auto;
  249. background:url('http://i62.tinypic.com/16kdl5u.jpg');
  250. background-repeat:no-repeat;
  251. position:static;
  252. padding-top:12px;
  253. padding-right:100px;
  254. overflow:visible;
  255. opacity:0.9;
  256. }
  257.  
  258. #blogtitle{
  259. margin-left:45px;
  260. margin-top:10px;
  261. text-align:center;
  262. font-size:30px;
  263. line-height:35px;
  264. font-family:{select:Title Font};
  265. color: {color:Title};
  266. letter-spacing:2px;
  267. width:500px;
  268. text-shadow: 1px 0px {color:Borders};
  269. }
  270.  
  271. #blogtitle:hover{
  272. color: {color:Hover};
  273. }
  274.  
  275. /* -------- POSTS AND ENTRIES ------- */
  276.  
  277. #post{
  278. width:560px;
  279. height:373px;
  280. float:left;
  281. margin-top:5px;
  282. margin-left:40px;
  283. position:absolute;
  284. overflow-y:auto;
  285. opacity:0.9;
  286. overflow-x:hidden;
  287. }
  288.  
  289. .entry {
  290. margin:10px;
  291. float:left;
  292. width:500px;
  293. padding-top:10px;
  294. padding-right:10px;
  295. padding-left:10px;
  296. padding-bottom:25px
  297. text-align:left;
  298. margin-left:0px;
  299. border:2.5px solid {color:Borders};
  300. overflow:hidden;
  301. }
  302.  
  303. /* -------- SIDEBAR ------- */
  304.  
  305. #sidebar{
  306. position:absolute;
  307. width:240px;
  308. background:url('http://i62.tinypic.com/e5gpqu.jpg');
  309. z-index:99999;
  310. height:450px;
  311. margin-top:10px;
  312. margin-left:-3px;
  313. opacity:0.9;
  314. }
  315.  
  316. /* About */
  317.  
  318. .about{
  319. width:150px;
  320. margin-top:15px;
  321. margin-left:70px;
  322. text-align:right;
  323. line-height:20px;
  324. font-size:20px;
  325. color: {color:Title};
  326. font-family:{select:Title Font};
  327. font-weight:normal;
  328. }
  329.  
  330. .portrait {
  331. width:40px;
  332. height:40px;
  333. border:2px solid gray;
  334. margin:5px;
  335. margin-left:0px;
  336. float:left;
  337. }
  338.  
  339. #desc{
  340. position:absolute;
  341. width:200px;
  342. height:130px;
  343. overflow-y:auto;
  344. margin-left:15px;
  345. margin-top:25px;
  346. padding:5px;
  347. text-align:right;
  348. line-height:14px;
  349. display:block;
  350. font-size:12px;
  351. color: {color:Description};
  352. }
  353.  
  354. /* Links */
  355.  
  356. #sidebarlinks{
  357. position:absolute;
  358. width:200px;
  359. height:auto;
  360. margin-left:20px;
  361. margin-top:167px;
  362. text-align:right;
  363. line-height:20px;
  364. font-size:20px;
  365. color: {color:Title};
  366. font-family:{select:Title Font};
  367. border-top:2.6px solid #272726;
  368. padding-top:10px;
  369. text-transform:uppercase;
  370. }
  371.  
  372. #sidebarlinks a{
  373. text-align:right;
  374. line-height:25px;
  375. height:30px;
  376. margin-top:5px;
  377. font-size:15px;
  378. padding-left:25px;
  379. color: {color:Link};
  380. text-transform:uppercase;
  381. }
  382.  
  383. #sidebarlinks a:hover{
  384. background:url('http://i59.tinypic.com/2egg1s2.jpg');
  385. }
  386.  
  387. /* Pagination */
  388.  
  389. .pagination {
  390. position:absolute;
  391. margin-top:375px;
  392. margin-left:10px;
  393. width:220px;
  394. color:{color:Title};
  395. text-align:center;
  396. font-size:15px;
  397. font-weight:normal;
  398. letter-spacing:0px;
  399. text-transform: lowercase;
  400. font-style: italic;
  401. }
  402.  
  403. .pagination a{
  404. color:{color:Title};
  405. }
  406.  
  407. /* ----------------------- HEADER ----------------------------- */
  408.  
  409. #header{
  410. position:relative;
  411. float:center;
  412. margin-left:auto;
  413. margin-right:auto;
  414. margin-top:10px;
  415. opacity:0.9;
  416. background:url('http://i58.tinypic.com/a2vguh.jpg');
  417. width:770px;
  418. height:35px;
  419. z-index:10000;
  420. padding:5px;
  421. }
  422.  
  423. /* Header links */
  424.  
  425. .linkone{
  426. position:absolute;
  427. width:200px;
  428. height:auto;
  429. margin-top:8px;
  430. margin-left:120px;
  431. padding-left:20px;
  432. font-size:20px;
  433. font-family:{select:Title Font};
  434. color:{color:Links};
  435. transition: all 0.3s ease-out;
  436. -o-transition-transition: all 0.3s ease-out;
  437. -webkit-transition: all 0.3s ease-out;
  438. -moz-transition: all 0.3s ease-out;
  439. }
  440.  
  441. .linktwo{
  442. position:absolute;
  443. width:200px;
  444. height:auto;
  445. margin-top:8px;
  446. margin-left:330px;
  447. padding-left:20px;
  448. font-size:20px;
  449. font-family:{select:Title Font};
  450. color:{color:Links};
  451. transition: all 0.3s ease-out;
  452. -o-transition-transition: all 0.3s ease-out;
  453. -webkit-transition: all 0.3s ease-out;
  454. -moz-transition: all 0.3s ease-out;
  455. }
  456.  
  457. .linkthree{
  458. position:absolute;
  459. width:200px;
  460. height:auto;
  461. margin-top:8px;
  462. margin-left:520px;
  463. padding-left:20px;
  464. font-size:20px;
  465. font-family:{select:Title Font};
  466. color:{color:Links};
  467. transition: all 0.3s ease-out;
  468. -o-transition-transition: all 0.3s ease-out;
  469. -webkit-transition: all 0.3s ease-out;
  470. -moz-transition: all 0.3s ease-out;
  471. }
  472.  
  473. /* ----------------------- FOOTER ----------------------------- */
  474.  
  475. #footer{
  476. position:fixed;
  477. width:100%;
  478. color:#fff;
  479. background:#000;
  480. z-index:999999;
  481. height:50px;
  482. border-top:3px solid #615F5B;
  483. left:0;
  484. bottom:0;
  485. opacity:0.9;
  486. margin-top:20px;
  487. padding:10px;
  488. font-size:15px;
  489. text-align:right;
  490. }
  491.  
  492. /* Search box */
  493.  
  494. .search {
  495. overflow:visible;
  496. margin-top:5px;
  497. height:40px;
  498. width:323px;
  499. background:url('http://i62.tinypic.com/205w4eo.jpg');
  500. background-repeat:no-repeat;
  501. }
  502.  
  503. /* Date */
  504.  
  505. .date {
  506. position:absolute;
  507. right:50px;
  508. top:25px;
  509. height:40px;
  510. width:323px;
  511. }
  512.  
  513. .date a{
  514. color:#fff;
  515. }
  516.  
  517. /* ----------------------- POST STYLES ----------------------------- */
  518.  
  519. /* ----------------------- POST STYLES ----------------------------- */
  520.  
  521. /* Quote posts */
  522.  
  523. .quote {
  524. font-family:{select:Title Font};
  525. font-size:{select:Title font size};
  526. line-height: -moz-calc({select:Title font size} + 3px);
  527. line-height: -webkit-calc({select:Title font size} + 3px);
  528. line-height: -o-calc({select:Title font size} + 3px);
  529. line-height: calc({select:Title font size} + 3px);
  530. color:{color:Italic};
  531. height:auto;
  532. margin:10px;
  533. padding:5px;
  534. text-align:center;
  535. letter-spacing:1px;
  536. }
  537.  
  538. .source {
  539. font-family:{font:Body font};
  540. font-size:{select:Body font size};
  541. line-height:130%;
  542. height:auto;
  543. margin-top:10px;
  544. margin-left:10px;
  545. margin-right:10px;
  546. margin-bottom:5px;
  547. padding:5px;
  548. text-align:right;
  549. letter-spacing:1px;
  550. }
  551.  
  552. /* Link posts */
  553.  
  554. #linktitle{
  555. font-family:{select:Title Font};
  556. font-size:{select:Title font size};
  557. line-height:130%;
  558. width:96%;
  559. padding:2%;
  560. border:1px solid {color:Borders};
  561. }
  562.  
  563. #linktitle a{
  564. color:{color:Link};
  565. }
  566.  
  567. #linktitle i{
  568. color:{color:Icon};
  569. }
  570.  
  571. /* Chat posts */
  572.  
  573. .chat .line {
  574. color: {color:Text};
  575. padding:2px;
  576. }
  577.  
  578. .label {
  579. color:{color:Bold};
  580. font-size:15px;
  581. font-family:{select:Title Font};
  582. padding-right:2px;
  583. }
  584.  
  585. /* Audio posts */
  586.  
  587. #audiocon{
  588. width:100%;
  589. height:auto;
  590. min-height:75px;
  591. overflow:hidden;
  592. margin-bottom:10px;
  593. }
  594.  
  595. .album{
  596. width:65px;
  597. height:65px;
  598. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  599. border: 5px solid {color:Borders};
  600. }
  601.  
  602. .album img{
  603. max-width:65px;
  604. margin-left:0px;
  605. float:left;
  606. margin-top:0px;
  607. z-index:10;
  608. }
  609.  
  610. .audio{
  611. position:absolute;
  612. max-width:325px;
  613. margin-left:80px;
  614. float:left;
  615. margin-top:0;
  616. z-index:10;
  617. font-size:12px;
  618. overflow:hidden;
  619. }
  620.  
  621. .audio i{
  622. color:{color:Icon};
  623. border:1px solid {color:Borders};
  624. padding:2px;
  625. width:12px;
  626. height:12px;
  627. font-size:12px;
  628. margin-bottom:1px;
  629. text-align:center;
  630. }
  631.  
  632. .play{
  633. position:absolute;
  634. margin:20px;
  635. max-width:25px;
  636. max-height:25px;
  637. overflow:hidden;
  638. opacity:0.8;
  639. }
  640.  
  641. /* Ask Posts */
  642.  
  643. .bubble {
  644. position: relative;
  645. height:auto;
  646. margin:5px;
  647. padding:5px;
  648. border: 1px solid {color:Borders};
  649. z-index:1;
  650. min-height:50px;
  651. }
  652.  
  653. .asker img {
  654. float:left;
  655. border:1px solid {color:Borders};
  656. margin-right:5px;
  657. z-index:100;
  658. border-radius:100%;
  659. }
  660.  
  661. /* ----------------------- POST INFO ----------------------------- */
  662.  
  663. #postinfo{
  664. margin-top:10px;
  665. width:500px;
  666. {block:IndexPage}
  667. {block:IfShowInfoOnHover}
  668. display:none;
  669. height:0;
  670. {/block:IfShowInfoOnHover}
  671. {/block:IndexPage}
  672. {block:PermalinkPage}
  673. margin-top:10px;
  674. width:500px;
  675. height:auto;
  676. {/block:PermalinkPage}
  677. z-index:1000;
  678. }
  679.  
  680. .entry:hover #postinfo{
  681. {block:IndexPage}
  682. {block:IfShowInfoOnHover}
  683. height:auto;
  684. display:block;
  685. bottom:0px;
  686. left:0px;
  687. padding-left:10px;
  688. padding-right:10px;
  689. position:absolute;
  690. background:{color:Info background};
  691. opacity:0.9;
  692. color:{color:Link};
  693. border-top:1px solid {color:Borders};
  694. {/block:IfShowInfoOnHover}
  695. {/block:IndexPage}
  696. }
  697.  
  698. #postinfo a {
  699. font-size:12px;
  700. }
  701.  
  702. .info {
  703. height:28px;
  704. line-height:20px;
  705. float:center;
  706. padding-top:5px;
  707. margin-top:0px;
  708. margin-bottom:5px;
  709. font-size:12px;
  710. width:500px;
  711. color:{color:Link};
  712. {block:PermalinkPage}
  713. width:500px;
  714. {/block:PermalinkPage}
  715. border-top:1px solid {color:Borders};
  716. text-transform:lowercase;
  717. {block:IfShowInfoOnHover}
  718. border:none;
  719. {/block:IfShowInfoOnHover}
  720. }
  721.  
  722. .info i{
  723. color:{color:Icon};
  724. }
  725.  
  726. /* Like reblog and permalink buttons */
  727.  
  728. .plrbuttons {
  729. float:right;
  730. margin-left:300px;
  731. margin-top:-22px;
  732. {block:ifTwoColumns}
  733. margin-left:180px;
  734. {/block:ifTwoColumns}
  735. {block:PermalinkPage}
  736. margin-left:300px;
  737. {block:PermalinkPage}
  738. z-index:200000;
  739. list-style: none;
  740. padding:5px;
  741. padding-bottom:2px;
  742. }
  743.  
  744. .plrbuttons i {
  745. float:left;
  746. display:inline-block;
  747. margin-left:5px;
  748. list-style:none;
  749. color:#cccccc;
  750. font-size:15px;
  751. }
  752.  
  753. .plrbuttons li:first-child {
  754. border-right: 0px solid #e8e8e8;
  755. }
  756.  
  757. /* Tags */
  758.  
  759. .tags {
  760. margin-top:5px;
  761. display:inline;
  762. width:100%;
  763. }
  764.  
  765. .tags i{
  766. color:{color:Icon};
  767. display:inline;
  768. }
  769.  
  770.  
  771. /* ----------------------- CREDITS ----------------------------- */
  772.  
  773. #credits {
  774. position:fixed;
  775. right:10px;
  776. top:27px;
  777. z-index:100000;
  778. }
  779.  
  780. #credits img{
  781. border:3px solid {color:Borders};
  782. }
  783.  
  784. /* ----------------------- CUSTOM CSS ----------------------------- */
  785.  
  786.  
  787.  
  788. </style>
  789.  
  790. <style type="text/css">
  791.  
  792. </style>
  793.  
  794. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  795. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  796. <script src="jquery.style-my-tooltips.js"></script>
  797.  
  798. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  799.  
  800. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  801. <script>
  802. (function($){
  803. $(document).ready(function(){
  804. $("[title]").style_my_tooltips({
  805. tip_follows_cursor:true,
  806. tip_delay_time:200,
  807. tip_fade_speed:300
  808. }
  809. );
  810. });
  811. })(jQuery);
  812. </script>
  813.  
  814. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  815. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  816. {block:IndexPage}
  817. <script type="text/javascript">
  818. $(window).load(function () {
  819. $('#container').masonry(),
  820. $('.masonryWrap').infinitescroll({
  821. navSelector : '#pagination',
  822. nextSelector : '#pagination a#nextPage',
  823. itemSelector : ".entry",
  824. bufferPx : 100,
  825. loadingText : "<em></em>",
  826. },
  827. function() { $('#container').masonry({ appendedContent: $(this) }); }
  828. );
  829. });
  830. </script>
  831. {/block:IndexPage}
  832.  
  833. <!--End scripts-->
  834.  
  835. <meta charset="utf-8">
  836. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  837. {block:Description}
  838. <meta name="description" content="{MetaDescription}" />
  839. {/block:Description}
  840. <link rel="shortcut icon" href="{Favicon}">
  841. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  842.  
  843. </head>
  844.  
  845. <div id="wrap">
  846.  
  847. <div id="header">
  848. <div class="linkone"><a href="/ask">MESSAGE</a></div>
  849. <div class="linktwo"><a href="/submit">SUBMIT</a></div>
  850. <div class="linkthree"><a href="/archive">ARCHIVE</a></div>
  851. </div>
  852. <!--End header-->
  853.  
  854. <div id="sidebar">
  855. <div class="about">
  856. ABOUT
  857. </div>
  858.  
  859. <div id="desc">
  860. <a href="/"><img src="{image:Sidebar image}"
  861. class="portrait" /></a>
  862. <div align="justify"><span>{description}</span></div>
  863. </div>
  864.  
  865. <div id="sidebarlinks">LINKS<br><br>
  866. <a href="{text:Link 1 url}">{text:Link 1}</a><br>
  867. <a href="{text:Link 2 url}">{text:Link 2}</a><br>
  868. <a href="{text:Link 3 url}">{text:Link 3}</a><br>
  869. <a href="{text:Link 4 url}">{text:Link 4}</a><br>
  870. <a href="{text:Link 5 url}">{text:Link 5}</a><br>
  871. <a href="{text:Link 6 url}">{text:Link 6}</a><br>
  872. </div>
  873.  
  874. <div class="pagination">
  875. {block:Pagination}<center>
  876. {block:PreviousPage}<a href="{PreviousPage}">&laquo;Newer </a></a>{/block:PreviousPage}
  877.  
  878. {block:NextPage}<a href="{NextPage}">Older &raquo;</a>{/block:NextPage}
  879. </center>{/block:Pagination}
  880. </div>
  881.  
  882. </div>
  883. <!--End sidebar-->
  884.  
  885. <div id="container">
  886.  
  887. <div class="autopagerize_page_element">
  888.  
  889. <div id="blogtitle"><a href="/">{title}</a></div>
  890.  
  891. <div id="post">
  892.  
  893. {block:Posts}
  894.  
  895. <div class="entry">
  896.  
  897. <!--Hide via and source in captions-->
  898.  
  899. <!-- {block:NoRebloggedFrom}
  900. {block:RebloggedFrom}
  901. {ReblogParentName}
  902. {/block:RebloggedFrom}
  903. {/block:NoRebloggedFrom} -->
  904.  
  905. {block:ContentSource}
  906. <!-- {SourceURL}
  907. {block:SourceLogo}
  908. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  909. {/block:SourceLogo}
  910. {block:NoSourceLogo}
  911. {SourceLink}
  912. {/block:NoSourceLogo} -->
  913. {/block:ContentSource}
  914.  
  915. {block:Text}
  916. {block:Title}
  917. <a href="{Permalink}">
  918. <h1>{Title}</h1></a>
  919. {/block:Title}
  920. {Body}
  921. {/block:Text}
  922.  
  923. {block:Photo}
  924. <img src="{PhotoURL-500}" width="500">
  925. </a>
  926. {/block:Photo}
  927.  
  928. {block:Photoset}
  929. {Photoset-500}
  930. {/block:Photoset}
  931.  
  932. {block:Quote}
  933. <div class="quote">
  934. <i class="fa fa-quote-left"></i><br>
  935. {Quote}
  936. {block:Source}
  937. <div class="source">-{Source}
  938. </div>{/block:Source}</div>
  939. {/block:Quote}
  940.  
  941. {block:Link}
  942. <a href="{URL}"
  943. class="linkpost"
  944. target="_blank">
  945. <h1><i class="fa fa-link"></i>
  946. {Name} &raquo;</h1></a>
  947. {block:Description}
  948. {Description}
  949. {/block:Description}
  950. {/block:Link}
  951.  
  952. {block:Chat}
  953. {block:Title}<h1>{Title}</h1>{/block:Title}
  954. {block:Lines}<div class="chat"><div class="line {Alt}">
  955. <div class="{Alt} user_{UserNumber}">
  956. {block:Label}
  957. <span class="label">
  958. <span style="text-transform:uppercase;
  959. letter-spacing:1px">
  960. <b>{Label}</b>
  961. </span></span>
  962. {/block:Label}
  963. {Line}</div>
  964. </div></div>
  965. {/block:Lines}
  966. {/block:Chat}
  967.  
  968. {block:Audio}
  969. <div id="audiocon">
  970. <div class="audio">
  971. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  972. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  973. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  974. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  975. <div class="album">
  976. {block:AlbumArt}
  977. <img src="{AlbumArtURL}">
  978. {/block:AlbumArt}
  979. <div class="play">
  980. {AudioPlayerWhite}
  981. </div>
  982. </div>
  983. </div>
  984. {/block:Audio}
  985.  
  986. {block:Video}
  987. {Video-500}
  988. {/block:Video}
  989.  
  990. {block:Answer}
  991. <div class="bubble">
  992. <div class="asker">
  993. <img src="{AskerPortraitURL-48}">
  994. </div>
  995. <span></span>{Asker}:
  996. {Question}</div>
  997. {Answer}
  998. {/block:Answer}
  999.  
  1000. {block:IndexPage}
  1001. {block:IfShowCaptions}
  1002. {block:Caption}
  1003. <h2>{Caption}</h2>
  1004. {/block:Caption}
  1005. {/block:IfShowCaptions}
  1006. {/block:IndexPage}
  1007. {block:PermalinkPage}
  1008. {block:Caption}
  1009. <h2>{Caption}</h2>
  1010. {/block:Caption}
  1011. {/block:PermalinkPage}
  1012.  
  1013. {block:Date}
  1014. <div id="postinfo">
  1015.  
  1016. <div class="info">
  1017. <i class="fa fa-clock-o"></i>
  1018. {ShortMonth} {DayOfMonthWithZero}
  1019. {block:NoteCount}
  1020. <i class="fa fa-heart-o"></i>
  1021. {NoteCount}
  1022. {/block:NoteCount}
  1023.  
  1024. {block:RebloggedFrom}
  1025. <i>//</i>
  1026. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1027. {/block:RebloggedFrom}
  1028. {block:RebloggedFrom}
  1029. <i>//</i>
  1030. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1031. {/block:RebloggedFrom}
  1032.  
  1033. <div class="plrbuttons">
  1034. <a href="{Permalink}">
  1035. <i class="fa fa-external-link"></i></a>
  1036. <i>{LikeButton size="15"}</i>
  1037. <i>{ReblogButton size="15"}</i>
  1038. </div>
  1039.  
  1040. </div>
  1041. <!--End info -->
  1042.  
  1043. {block:IndexPage}
  1044. {block:IfShowTags}
  1045. {block:HasTags}
  1046. {block:Tags}
  1047. <a href="{TagURL}">
  1048. <i class="fa fa-tag"></i> {Tag}</a>
  1049. {/block:Tags}
  1050. {/block:HasTags}
  1051. {/block:IfShowTags}
  1052. {/block:IndexPage}
  1053. {block:PermalinkPage}
  1054. {block:HasTags}
  1055. {block:Tags}
  1056. <a href="{TagURL}">
  1057. <i class="fa fa-tag"></i>
  1058. {Tag}</a> &nbsp;
  1059. {/block:Tags}
  1060. {/block:HasTags}
  1061. {/block:PermalinkPage}
  1062.  
  1063. </div>
  1064. <!--End post info-->
  1065. {/block:Date}
  1066.  
  1067. <!-- Permalink page -->
  1068. {block:PermalinkPage}
  1069. <div class="notes">
  1070.  
  1071. {block:PermalinkPagination}
  1072. <center><br>
  1073. {block:PreviousPost}
  1074. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1075. {/block:PreviousPost}
  1076.  
  1077. {block:NextPost}
  1078. <a href="{NextPost}">Next Post &raquo;</a>
  1079. {/block:NextPost}
  1080. </center>
  1081. {/block:PermalinkPagination} <br>
  1082.  
  1083. {block:PostNotes}<br>
  1084. <div style="text-align:left; max-height: 400px; width:500px; overflow: auto; overflow-x: hidden;">
  1085. {PostNotes}</div>
  1086. {/block:PostNotes}</div>
  1087. <br><br>
  1088.  
  1089. {/block:PermalinkPage}
  1090.  
  1091. </div>
  1092. <!--End entry-->
  1093.  
  1094. {/block:Posts}
  1095. </div>
  1096. <!--End post-->
  1097.  
  1098. </div>
  1099. <!--End container-->
  1100.  
  1101. </div>
  1102. <!--End autopagerize_page_element-->
  1103.  
  1104. </div>
  1105. <!--End wrap-->
  1106.  
  1107. <div id="footer">
  1108.  
  1109. {block:IfShowSearch}
  1110. <center>
  1111. <div class="search">
  1112. <form action="/search" method="get">
  1113. <input type="text" name="q" value="" style="width:210px; height:17px; border:1px solid transparent; background:transparent; color: #eee; font-size: 13px;margin-top:8px; margin-left:10px;"/>
  1114. <input type="button" value="search" style="height:20px;border:1px solid transparent; background:transparent; color: #4d4d4d; font-size: 13px;"/></form>
  1115. </div>
  1116. </center>
  1117. {/block:IfShowSearch}
  1118.  
  1119. {block:ifShowDate}
  1120. <div class="date">
  1121. <script language="JavaScript" src="http://freehostedscripts.net/date.php"></script></div>
  1122. {/block:ifShowDate}
  1123.  
  1124. </div>
  1125. <!--End footer-->
  1126.  
  1127. </body>
  1128.  
  1129. <a href="http://borntobewildthemes.tumblr.com" title="Theme SKYRIM by borntobewildthemes"><div id="credits">
  1130. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement