API tools faq
paste
Advertisement
skyrimthemes

Theme - Weekend

skyrimthemes
Jun 15th, 2014
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6.  
  7. ███████╗██╗ ██╗██╗ ██╗██████╗ ██╗███╗ ███╗
  8. ██╔════╝██║ ██╔╝╚██╗ ██╔╝██╔══██╗██║████╗ ████║
  9. ███████╗█████╔╝ ╚████╔╝ ██████╔╝██║██╔████╔██║
  10. ╚════██║██╔═██╗ ╚██╔╝ ██╔══██╗██║██║╚██╔╝██║
  11. ███████║██║ ██╗ ██║ ██║ ██║██║██║ ╚═╝ ██║
  12. ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═╝╚═╝ ╚═╝
  13.  
  14. ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
  15. ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
  16. ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
  17. ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
  18. ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
  19. ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
  20.  
  21. the code here is owned by skyrimthemes.tumblr.com.
  22.  
  23. DO NOT STEAL CODE
  24. DO NOT TAKE PARTS OF CODE
  25. DO NOT REMOVE CREDIT
  26. DO NOT MOVE CREDIT
  27. BE RESPECTFUL
  28. DO NOT USE A BASE CODE
  29. LIKE OR REBLOG THEME POST IF USING
  30. DIRECT ALL QUESTIONS TO THE URL ABOVE
  31.  
  32. if you are caught defying any of the above rules, you WILL be reported.
  33.  
  34. --->
  35.  
  36. <meta name="image:Header" content="">
  37.  
  38. <meta name="text:Your Url" content="please put this in in order for the pop up ask to work">
  39.  
  40. <meta name="color:Accent Colour 1" content="#fff">
  41. <meta name="color:Accent Colour 2" content="#000">
  42. <meta name="color:Accent Colour 3" content="#ffea00">
  43.  
  44. <meta name="text:Link 1 name" content="">
  45. <meta name="text:Link 1" content="">
  46. <meta name="text:Link 2 name" content="">
  47. <meta name="text:Link 2" content="">
  48. <meta name="text:Link 3 name" content="">
  49. <meta name="text:Link 3" content="">
  50.  
  51. <title>{Title}</title>
  52. <link rel="shortcut icon" href="{Favicon}">
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57.  
  58. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65.  
  66. (function($){
  67.  
  68. $(document).ready(function(){
  69.  
  70. $("a[title]").style_my_tooltips({
  71.  
  72. tip_follows_cursor:true,
  73.  
  74. tip_delay_time:30,
  75.  
  76. tip_fade_speed:300,
  77.  
  78. attribute:"title"
  79.  
  80. });
  81.  
  82. });
  83.  
  84. })(jQuery);
  85.  
  86. </script>
  87.  
  88. <script type="text/javascript"
  89. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  90. <script>
  91. $(document).ready(function() {
  92. //
  93. $('a.poplight[href^=#]').click(function() {
  94. var popID = $(this).attr('rel'); //Get Popup Name
  95. var popURL = $(this).attr('href'); //Get Popup href to define size
  96. var query= popURL.split('?');
  97. var dim= query[1].split('&');
  98. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  99. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  100. var popMargTop = ($('#' + popID).height() + 80) / 2;
  101. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  102. //Apply Margin to Popup
  103. $('#' + popID).css({
  104. 'margin-top' : -popMargTop,
  105. 'margin-left' : -popMargLeft
  106. });
  107. $('body').append('<div id="fade"></div>');
  108. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  109. return false;
  110. });
  111. $('a.close, #fade').live('click', function() {
  112. $('#fade , .popup_block').fadeOut(function() {
  113. $('#fade, a.close').remove(); //fade them both out
  114. });
  115. return false;
  116. });
  117. });
  118. </script>
  119.  
  120. <style type="text/css">
  121.  
  122. .popup_block{
  123. display:none;
  124. background:transparent;
  125. padding:20px;
  126. float:left;
  127. position:fixed;
  128. top:50%;left:50%;
  129. text-align:center;
  130. z-index: 9999999999999999999999999999999999999999999;}
  131.  
  132. .popup_block a {
  133. color:#fff;
  134. font-weight:bold;
  135. }
  136.  
  137. img.btn_close {float: right;margin: -20 -20px 0 0;}
  138. *html #fade {position: absolute;}
  139. *html .popup_block {position: absolute;}
  140. #fade {display:none;background:#000;position:fixed;left:0;top:0;
  141. width:100%;height:100%;opacity:0.8;z-index:9999;}
  142.  
  143. #s-m-t-tooltip{
  144. font-size:10px;
  145. position:absolute;
  146. margin-top: 15px;
  147. font-weight:bold;
  148. letter-spacing:-1px;
  149. z-index:9999999999999;
  150. background:{color:Accent Colour 2};
  151. color:#ffffff;
  152. text-transform:lowercase;
  153. font-family:sans-serif;
  154. padding:2px 3px 2px 3px;
  155. -webkit-transition:all 0.3s;
  156. -moz-transition:all 0.3s;
  157. -ms-transition:all 0.3s;
  158. -o-transition:all 0.3s;
  159. transition:all 0.3s;
  160. }
  161.  
  162. ::-webkit-scrollbar {
  163. height: 5px;
  164. width: 5px;
  165. -webkit-border-radius: 0px;
  166. background-color:#000;
  167. }
  168.  
  169. ::-webkit-scrollbar-thumb {
  170. background-color:{color:Accent Colour 2};
  171. }
  172.  
  173. ::-webkit-scrollbar-track {
  174. background-color:#000;
  175. }
  176.  
  177. body {
  178. font: 10px Helvetica;
  179. color:#fff;
  180. background-color:#000;
  181. }
  182.  
  183. a {
  184. color:#E6E6E6;
  185. text-decoration:none;
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 05s ease-in-out;
  188. transition: all 0.5s ease-in-out;
  189. }
  190.  
  191.  
  192. a:hover {
  193. text-decoration:line-through;
  194. -webkit-transition: all 0.5s ease-in-out;
  195. -moz-transition: all 05s ease-in-out;
  196. transition: all 0.5s ease-in-out;
  197. }
  198.  
  199. /* header */
  200.  
  201. #hdar {
  202. left:50%;
  203. padding:10px;
  204. width:250px;
  205. text-align:justify;
  206. margin-top:40px;
  207. overflow:hidden;
  208. margin-left:auto;
  209. margin-right:auto;
  210. font-family:Helvetica;
  211. z-index:1;
  212. -webkit-transition:all 0.6s;
  213. -moz-transition:all 0.6s;
  214. -ms-transition:all 0.6s;
  215. -o-transition:all 0.6s;
  216. transition:all 0.6s;
  217. }
  218.  
  219. #traveller {
  220. font-size:10px;
  221. padding-top:5px;
  222. color:#fff;
  223. width:130px;
  224. height:100px;
  225. overflow:hidden;
  226. text-align:right;
  227. display:inline-block;
  228. }
  229.  
  230. #pici {
  231. display:inline-block;
  232. width:100px;
  233. height:100px;
  234. margin-left:10px;
  235. }
  236.  
  237. #pici img {
  238. width:100px;
  239. height:100px;
  240. border-radius:50px;
  241. }
  242.  
  243. #links {
  244. width:251px;
  245. padding:5px 0px 5px;
  246. margin-left:5px;
  247. }
  248.  
  249. #links a {
  250. width:50px;
  251. height:10px;
  252. background-color:{color:Accent Colour 2};
  253. display:inline-block;
  254. margin-left:-3px;
  255. z-index:1;
  256. }
  257.  
  258. #links a:nth-child(2) { opacity:0.8;z-index:2; }
  259.  
  260. #links a:nth-child(3) { opacity:0.6;z-index:3; }
  261.  
  262. #links a:nth-child(4) { opacity:0.4;z-index:4; }
  263.  
  264. #links a:nth-child(5) { opacity:0.2;z-index:5; }
  265.  
  266. /* posts */
  267.  
  268. #right {
  269. left:50%;
  270. padding:10px;
  271. width:250px;
  272. text-align:justify;
  273. margin-top:50px;
  274. margin-left:auto;
  275. margin-right:auto;
  276. line-height:7px;
  277. overflow:hidden;
  278. font-weight:none;
  279. }
  280.  
  281. #posts {
  282. margin-bottom:100px;
  283. width:250px;
  284. line-height:12px;
  285. font-family:Helvetica;
  286. text-align:center;
  287. }
  288.  
  289. #postsb {
  290. width:250px;
  291. margin-left:-4px;
  292. padding:5px;
  293. }
  294.  
  295. .title {
  296. font: 12px helvetica;
  297. font-weight:bold;
  298. color:#fff;
  299. text-transform:uppercase;
  300. padding-left:20px;
  301. padding-right:20px;
  302. text-align:center;
  303. }
  304.  
  305. .quote {
  306. font: 12px helvetica;
  307. font-weight:bold;
  308. color:#fff;
  309. text-transform:uppercase;
  310. padding-left:20px;
  311. padding-right:20px;
  312. text-align:center;
  313. }
  314.  
  315. #line {
  316. width:500px;
  317. height:1px;
  318. padding:1px;
  319. color:#fff;
  320. }
  321.  
  322. #confucius {
  323. text-align:center;
  324. margin-top:5px;
  325. text-transform:uppercase;
  326. color:#fff;
  327. font-weight:bold;
  328. }
  329.  
  330. .link {
  331. font: 12px helvetica;
  332. font-weight:bold;
  333. color:#fff;
  334. text-transform:uppercase;
  335. padding-left:20px;
  336. padding-right:20px;
  337. text-align:center;
  338. }
  339.  
  340. .link a {
  341. color:#fff;
  342. }
  343.  
  344. blockquote {
  345. border-left:2px solid #fff;
  346. padding-left:3px;
  347. text-align:left;
  348. }
  349.  
  350. .chlines {
  351. margin: -1px 0 10px 0;
  352. overflow: hidden;
  353. text-align:left;
  354. }
  355.  
  356. .chlines .label {
  357. text-align:left;
  358. display: inline-block;
  359. }
  360.  
  361. .odd, .even {
  362. border-top: 1px solid #fff;
  363. padding: 8px 10px;
  364. }
  365.  
  366. #person {
  367. width:48px;
  368. height:48px;
  369. float:left;
  370. }
  371.  
  372. .question {
  373. float:right;
  374. margin-left:6px;
  375. width:446px;
  376. font: 11px sans-serif;
  377. text-align: left;
  378. text-transform:bold;
  379. color:#fff;
  380. overflow:scroll;
  381. }
  382.  
  383. .answer text {
  384. text-align:center;
  385. font: 10px Helvetica;
  386. }
  387.  
  388. .replies {
  389. padding-top: 1px;
  390. text-align:left;
  391. font-size:9px;
  392. }
  393.  
  394. .photo {
  395. font-size:9px;
  396. }
  397.  
  398. ol {
  399. text-align:left;
  400. }
  401.  
  402. ul {
  403. text-align:left;
  404. }
  405.  
  406. ol.notes {
  407. list-style:none;
  408. padding: 10px 0 20px 0;
  409. text-align:left;
  410. font-size:12px;
  411. line-height:15px;
  412. color:#fff;
  413. text-transform:lowercase;
  414. font-family:helvetica;
  415. font-weight:bold;
  416. }
  417.  
  418. ol.notes a {
  419. color:#fff;
  420. text-transform:uppercase;
  421. }
  422.  
  423. ol.notes li {
  424. margin-top: 3px;
  425. }
  426.  
  427. ol.notes img {
  428. width:15px;
  429. height:15px;
  430. border-radius:100%;
  431. margin-right:10px;
  432. }
  433. .notes blockquote {
  434. margin: 7px 20px 8px 40px;
  435. }
  436.  
  437. blockquote a {
  438. text-align:left;
  439. }
  440.  
  441. #cr {
  442. font: 8px Helvetica, sans-serif;
  443. position: fixed;
  444. bottom: 2px;
  445. right: 7px;
  446. z-index: 10;
  447. }
  448.  
  449. #cr a {
  450. color: #fff;
  451. text-decoration: none;
  452. }
  453.  
  454. .info {
  455. font-size:15px;
  456. text-transform:lowercase;
  457. width:250px;
  458. float:left;
  459. margin-left:-10px;
  460. background-color:#000;
  461. color:#fff;
  462. height:25px;
  463. font-family:helvetica;
  464. text-align:center;
  465. }
  466.  
  467. .info a {
  468. color:#fff;
  469. margin-left:15px;
  470. }
  471.  
  472. #player {
  473. color:#000;
  474. width:250px;
  475. }
  476.  
  477. #actual {
  478. margin-left:120px;
  479. height:30px;
  480. width:20px;
  481. overflow:hidden;
  482. }
  483.  
  484. #next {
  485. position:fixed;
  486. right:20px;
  487. bottom:20px;
  488. background-color:#000;
  489. font-size:28px;
  490. padding:1px;
  491. font-weight:bold italic;
  492. letter-spacing:-2px;
  493. }
  494.  
  495. #prev {
  496. position:fixed;
  497. left:20px;
  498. bottom:20px;
  499. background-color:#000;
  500. font-size:28px;
  501. padding:1px;
  502. font-weight:bold italic;
  503. letter-spacing:-2px;
  504. }
  505.  
  506. </style>
  507. </head>
  508.  
  509. <body>
  510.  
  511. <div id="hdar">
  512. <div id="traveller">{Description}</div>
  513. <div id="pici"><img src="{image:Header}"></div>
  514. <div id="links">
  515. <a href="/" title="index"></a>
  516. <a href="#?w=300" rel="ask1" class="poplight" title="message"></a>
  517. <a href="{text:Link 1}" title="{text:Link 1 Name}"></a>
  518. <a href="{text:Link 2}" title="{text:Link 2 Name}"></a>
  519. <a href="{text:Link 3}" title="{text:Link 3 Name}"></a>
  520. </div>
  521. </div>
  522.  
  523. <div id="ask1" class="popup_block">
  524. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:Your Url}.tumblr.com" width="100%"></iframe></p>
  525. </div>
  526.  
  527. <div id="right" style="font-family:Helvetica;">
  528. {block:Posts}
  529. <div id="posts" style="font-family:Helvetica;">
  530. <div id="postsb" style="font-family:Helvetica;">
  531.  
  532. {block:Text}
  533. {block:Title}<div class="title"><h3>{Title}</h3></div>{/block:Title}
  534. <p style="font-weight:lighter">{Body}</p>
  535. {/block:Text}
  536.  
  537. {block:Photo}
  538. <div class="photo">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}
  539. </div>
  540. {block:Caption}{Caption}{/block:Caption}
  541. {/block:Photo}
  542.  
  543. {block:Panorama}
  544. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  545. {/block:Panorama}
  546.  
  547. {block:Photoset}
  548. {Photoset-250}
  549. {/block:Photoset}
  550.  
  551. {block:Quote}
  552. <div class="quote">{Quote}
  553. </div>
  554. <div id="line"></div>
  555. <div id="confucius">
  556. {block:Source}
  557. {Source}
  558. {/block:Source}
  559. </div>
  560. {/block:Quote}
  561.  
  562. {block:Link}
  563. <div class="link">
  564. <a href="{URL}" {Target}>{Name} &#8594;</a>
  565. </div>
  566. {block:Description}{Description}{/block:Description}
  567. {/block:Link}
  568.  
  569. {block:Chat}
  570. {block:Title}
  571. <div class="title" style="padding-bottom:8px">{Title}</div>
  572. {/block:Title}
  573. <div class="chlines">
  574. {block:Lines}<div class="{Alt}">
  575. {block:Label}
  576. <span class="label" style="color:#fff">{Label}</span>
  577. {/block:Label} {Line}</div>
  578. {/block:Lines}
  579. </div>
  580. {/block:Chat}
  581.  
  582. {block:Video}
  583. {Video-250}
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Video}
  586.  
  587. {block:Audio}
  588. <div id="player">
  589. {block:AudioPlayer}
  590. <div id="actual">{AudioPlayerBlack}</div>
  591. {/block:AudioPlayer}
  592. </div>
  593. <div class="quote">
  594. {block:TrackName}
  595. {TrackName}
  596. {/block:TrackName}
  597. </div>
  598. <div id="confucius">
  599. {block:Artist}
  600. {Artist}
  601. {/block:Artist}
  602. {block:Album}
  603. <br>{Album}
  604. {/block:Album}
  605. </div>
  606. {/block:Audio}
  607.  
  608.  
  609. {block:Answer}
  610. <div class="quote"><strong>{Question}</strong>
  611. </div>
  612. <div id="confucius">{Asker}</div>
  613. <div id="answer text">{Answer}</div>
  614. {block:Answerer}
  615. <div class="replies">{Replies}</div>
  616. {/block:Answerer}
  617. {/block:Answer}
  618. </div>
  619.  
  620. {block:Date}
  621. <br><br>
  622. <div class="info">
  623.  
  624. <a href="{Permalink}" title="{DayOfMonth}.{MonthNumber}.{ShortYear}"><i class="fa fa-calendar-o"></i></a>
  625.  
  626. {block:NoteCount}
  627. <a href="{Permalink}" title="{Notecount}"><i class="fa fa-star-o"></i></a>
  628. {/block:NoteCount}
  629.  
  630. {block:RebloggedFrom}
  631. <a title="{ReblogParentName}" href="{ReblogParentURL}"><i class="fa fa-reply"></i></a>
  632. {/block:RebloggedFrom}
  633. {block:ContentSource}
  634. <a href="{SourceURL}" title="{SourceTitle}"><i class="fa fa-home"></i></a>
  635. {/block:ContentSource}
  636. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-random"></i></a>
  637. </div>
  638.  
  639.  
  640. {/block:Date}
  641.  
  642. </div>
  643.  
  644. {block:PostNotes}{PostNotes}{/block:PostNotes}
  645.  
  646. {/block:Posts}
  647.  
  648.  
  649. </div>
  650. {block:Pagination}
  651. <div id="prev">
  652. {block:PreviousPage}
  653. <a href="{PreviousPage}"><strong><em>future</em></strong></i></a>
  654. {/block:PreviousPage}
  655. </div>
  656. <div id="next">
  657. {block:NextPage}
  658. <a href="{NextPage}"><strong><em>past</em></strong></a>
  659. {/block:NextPage}
  660. </div>
  661. {/block:Pagination}
  662.  
  663. <div id="cr"><a title="skyrim themes" href="http://jqckharkness.tumblr.com/" target="_blank">ST</a></div>
  664.  
  665. </body>
  666. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!