API tools faq
paste
Advertisement
sandragonthemes

vikings-shieldmaiden

sandragonthemes
Feb 17th, 2015
301
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.90 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--
  4. This is theme was made by Vikings-shieldmaiden.tumblr.com.
  5. Please follow the rules and do not use as a base or remove the credit.
  6. If you have questions or feedback please send us a message.
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <link rel="stylesheet" href="http://www.sandrabelder.nl/other/tumblr/themes/vsm/stylesheet.css" type="text/css" charset="utf-8" />
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18.  
  19. <!-- 500PX POST FIX ORIGINALLY FOUND AT:
  20. http://jumpingpuddles.tumblr.com/post/101488809743 -->
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  22. <script type="text/javascript">
  23. window.onload = function() {
  24. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  25. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  26. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  27. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  28. }
  29. </script>
  30.  
  31.  
  32. <script src="http://static.tumblr.com/gghvtgk/l8fnjecwt/scroll_navi.js"></script>
  33. <script>
  34. $(document).ready(function() {
  35. $("#menu").scroll_navi();
  36. });
  37. </script>
  38.  
  39.  
  40. <!--GENERAL PAGE SETTINGS-->
  41. <meta name="text:Font size" content="9pt"/>
  42. <meta name="color:Background" content="#cccccc"/>
  43. <meta name="color:Highlights" content="#656565"/>
  44. <meta name="color:Text" content="#111111"/>
  45. <meta name="color:Link" content="#8e0a05"/>
  46. <meta name="color:Link Hover" content="#570805"/>
  47. <meta name="color:Menu Link" content="#ffffff"/>
  48. <meta name="color:Menu Link Hover" content="#bbbbbb"/>
  49. <meta name="color:Post Background" content="#ffffff"/>
  50. <meta name="color:Title" content="#ffffff"/>
  51. <meta name="color:Description" content="#ffffff"/>
  52.  
  53. <!--TOPBAR SETTINGS-->
  54. <meta name="image:Header" content="http://i.imgur.com/p87Hlyh.jpg"/>
  55. <meta name="image:Sidebar" content="http://i.imgur.com/PfK4Yjb.png"/>
  56.  
  57. <meta name="text:Link 1" content="http://"/>
  58. <meta name="text:Link 1 Title" content=""/>
  59. <meta name="text:Link 2" content="http://">
  60. <meta name="text:Link 2 Title" content=""/>
  61. <meta name="text:Link 3" content="http://">
  62. <meta name="text:Link 3 Title" content=""/>
  63. <meta name="text:Link 4" content="http://">
  64. <meta name="text:Link 4 Title" content=""/>
  65. <meta name="if:Submissions" content="1"/>
  66.  
  67.  
  68. <style type="text/css">
  69. {CustomCSS}
  70.  
  71. /*SCROLLBAR*/
  72. ::-webkit-scrollbar {
  73. width: 8px;
  74. height:8px;
  75. background-color: {color:Text};
  76. }
  77.  
  78. ::-webkit-scrollbar-track {
  79. background-color: {color:Text};
  80. }
  81.  
  82. ::-webkit-scrollbar-thumb {
  83. background-color: {color:Link};
  84. }
  85.  
  86. ::selection {
  87. background-color: {color:Background};
  88. }
  89.  
  90. ::-moz-selection {
  91. background: {color:Background};
  92. }
  93.  
  94.  
  95. /*BODY*/
  96. body {
  97. background-color: {color:Background};
  98. font-family: "helvetica", "arial", sans-serif;
  99. font-size: {text:Font size};
  100. color: {color:Text};
  101. margin:0px;
  102. padding:0px;
  103. }
  104.  
  105. a{
  106. color: {color:Link};
  107. font-weight: none;
  108. text-decoration: none;
  109. }
  110.  
  111. a:hover{
  112. color: {color:Link Hover};
  113. }
  114.  
  115. h1{
  116. font-family: "vikingsfont", sans-serif;
  117. text-transform:uppercase;
  118. font-size:14pt;
  119. padding:0px;
  120. margin:0px;
  121. letter-spacing:2px;
  122. font-weight:400;
  123. }
  124.  
  125. ul{
  126. list-style-type:none;
  127. margin:0px;
  128. padding:0px;
  129. }
  130.  
  131. blockquote {
  132. padding-left:5px;
  133. margin:0px 4px 0px 10px;
  134. border-left: 1px solid {color:Highlights};
  135. }
  136.  
  137. .label {
  138. font-weight: bold;
  139. color:{color:Link};
  140. }
  141.  
  142. .quote {
  143. text-transform:uppercase;
  144. letter-spacing:1px;
  145. font-size:8pt;
  146. font-style:italic;
  147. font-weight:700;
  148. }
  149.  
  150. /*TOP*/
  151. #menu{
  152. width:100%;
  153. height:29px;
  154. background-color:{color:Text};
  155. background-image:url('http://i.imgur.com/CoEnbEP.png');
  156. font-family: "vikingsfont", sans-serif;
  157. font-weight:100;
  158. color:{color:Background};
  159. text-align:center;
  160. text-transform:uppercase;
  161. padding:16px 0px 0px 0px;
  162. position:absolute;
  163. letter-spacing:2px;
  164. font-size:11pt;
  165. box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
  166. z-index:40;
  167. }
  168.  
  169. #menu a{
  170. padding:0px 15px 5px;
  171. color:{color:Menu Link};
  172. -webkit-transition: all 0.1s ease-in-out;
  173. -moz-transition: all 0.1s ease-in-out;
  174. -o-transition: all 0.1s ease-in-out;
  175. transition: all 0.1s ease-in-out;
  176. }
  177.  
  178. #menu a:hover{
  179. text-shadow: 1px 1px #000;
  180. color:{color:Menu Link Hover};
  181. -webkit-transition: all 0.1s ease-in-out;
  182. -moz-transition: all 0.1s ease-in-out;
  183. -o-transition: all 0.1s ease-in-out;
  184. transition: all 0.1s ease-in-out;
  185.  
  186. }
  187.  
  188. #header{
  189. width:100%;
  190. height:300px;
  191. background-image:url('{image:Header}');
  192. background-repeat: repeat-x;
  193. background-position: center top;
  194. background-size: Auto 300px;
  195. text-align:center;
  196. }
  197.  
  198. #blogtitle{
  199. width:500px;
  200. position:absolute;
  201. top:100px;
  202. margin-left: auto;
  203. margin-right: auto;
  204. left: 0;
  205. right: 0;
  206. font-family: "vikingsfont", sans-serif;
  207. color:{color:Title};
  208. font-size:20pt;
  209. text-shadow: 1px 1px 0px #000, 0px 0px 5px rgba(0,0,0,0.7);
  210. text-transform:uppercase;
  211. }
  212.  
  213. /*SIDEBAR*/
  214. #f1_container {
  215. position: fixed;
  216. top:365px;
  217. left:50px;
  218. width: 250px;
  219. height: 250px;
  220. z-index: 1;
  221. }
  222.  
  223. #f1_container {
  224. perspective: 1000;
  225. }
  226.  
  227. #f1_card {
  228. width: 100%;
  229. height: 100%;
  230. transform-style: preserve-3d;
  231. -webkit-transform-style: preserve-3d;
  232. -ms-transform-style: preserve-3d;
  233. -o-transform-style: preserve-3d;
  234. transition: all 0.8s ease-in-out;
  235. }
  236.  
  237. #f1_container:hover #f1_card {
  238. transform: rotateY(180deg);
  239. -webkit-transform:rotateY(180deg);
  240. -moz-transform:rotateY(180deg);
  241. -o-transform:rotateY(180deg);
  242. }
  243.  
  244. .face {
  245. position: absolute;
  246. width: 100%;
  247. height: 100%;
  248. backface-visibility: hidden;
  249. }
  250.  
  251. .face.back {
  252. background-image:url('http://i.imgur.com/Iz68M2d.png');
  253. display: block;
  254. transform: rotateY(180deg);
  255. -webkit-transform:rotateY(180deg);
  256. -moz-transform:rotateY(180deg);
  257. -o-transform:rotateY(180deg);
  258. box-sizing: border-box;
  259. color:{color:Description};
  260. text-align: center;
  261. -webkit-border-radius: 125px;
  262. -moz-border-radius: 125px;
  263. border-radius: 125px;
  264. }
  265.  
  266. .face.back p{
  267. width:170px;
  268. height:170px;
  269. margin-left:40px;
  270. margin-top:40px;
  271. overflow:auto;
  272. font-size:8pt;
  273. letter-spacing:0.5px;
  274. line-height:140%;
  275. }
  276.  
  277. .face.back p::-webkit-scrollbar {
  278. width: 2px;
  279. background-color: {color:Text};
  280. }
  281.  
  282. /*CONTENT*/
  283. #content{
  284. margin-top:80px;
  285. }
  286.  
  287. .post{
  288. width:500px;
  289. margin-left:auto;
  290. margin-right:auto;
  291. margin-top:40px;
  292. margin-bottom:50px;
  293. padding:15px;
  294. background-color:{color:Post Background};
  295. }
  296.  
  297. .chat li{
  298. margin-bottom:5px;
  299. }
  300.  
  301.  
  302. /* AUDIO */
  303. #audio_wrapper{
  304. width:500px;
  305. height:60px;
  306. position:relative;
  307. background-color:{color:Background};
  308. text-align:left;
  309. }
  310.  
  311. #audio_wrapper img{
  312. width:60px;
  313. height:60px;
  314. float:right;
  315. }
  316.  
  317. #trackinfo{
  318. margin-top:20px;
  319. font-size:10pt;
  320. padding-left:15px;
  321. position: absolute;
  322. color:{color:Post Background};
  323. width:415px;
  324. }
  325.  
  326. .songid{
  327. font-family: "vikingsfont", sans-serif;
  328. color:{color:Link};
  329. text-transform:uppercase;
  330. text-shadow: 1px 1px #000;
  331. }
  332.  
  333. .audioverlay {
  334. margin-top: 8px;
  335. margin-left: 447px;
  336. background-color: #e4e4e4;
  337. position: absolute;
  338. opacity: 0.6;
  339. z-index: 2;
  340. }
  341.  
  342. .audioarrow {
  343. width: 20px;
  344. height: 30px;
  345. overflow: hidden;
  346. margin: 8px 17px 6px 9px;
  347. }
  348.  
  349. #audio_cap{
  350. width:500px;
  351. text-align: left;
  352. }
  353.  
  354. /*ASK*/
  355. #question{
  356. width:500px;
  357. margin-bottom:5px;
  358. }
  359.  
  360. #asker{
  361. width:500px;
  362. text-transform:uppercase;
  363. font-weight:bold;
  364. font-size:8pt;
  365. text-align:center;
  366. }
  367.  
  368. #asker img{
  369. width:40px;
  370. height:40px;
  371. -webkit-border-radius: 20px;
  372. -moz-border-radius: 20px;
  373. border-radius: 20px;
  374. }
  375.  
  376. #thequestion{
  377. width: 500px;
  378. font-weight:700;
  379. text-align:center;
  380. padding:3px;
  381. }
  382.  
  383.  
  384. /*INFO & TAGS*/
  385. #info{
  386. width:500px;
  387. text-transform:uppercase;
  388. font-size:7pt;
  389. color:{color:Highlights};
  390. }
  391.  
  392. .inforeg{
  393. color:{color:Text};
  394. }
  395.  
  396. hr.info_line{
  397. background-color: {color:Highlights};
  398. height:1px;
  399. width:350px;
  400. border:0px;
  401. margin-bottom:7px;
  402. margin-top:10px;
  403. }
  404.  
  405. #date{
  406. font-weight:700;
  407. font-size:8pt;
  408. }
  409.  
  410. #date a{
  411. color:{color:Text};
  412. }
  413.  
  414. #tags{
  415. margin-top:3px;
  416. margin-bottom:-10px;
  417. color:{color:Highlights};
  418. text-transform:uppercase;
  419. font-size:7pt;
  420. }
  421.  
  422. #tags a{
  423. color:{color:Highlights};
  424. -webkit-transition: all 0.2s ease-in-out;
  425. -moz-transition: all 0.2s ease-in-out;
  426. -o-transition: all 0.2s ease-in-out;
  427. transition: all 0.2s ease-in-out;
  428. }
  429.  
  430. #tags a:hover{
  431. color:{color:Link};
  432. -webkit-transition: all 0.2s ease-in-out;
  433. -moz-transition: all 0.2s ease-in-out;
  434. -o-transition: all 0.2s ease-in-out;
  435. transition: all 0.2s ease-in-out;
  436. }
  437.  
  438. #pagination{
  439. margin:0 auto;
  440. text-align:center;
  441. margin-bottom:5px;
  442. }
  443.  
  444. #notes{
  445. width:500px;
  446. margin-top:-10px;
  447. margin-left:auto;
  448. margin-right:auto;
  449. padding:15px;
  450. background-color: {color:Post Background};
  451. border: 1px solid {color:Highlights};
  452. }
  453.  
  454. #notes ol{
  455. list-style-type:none;
  456. margin:0px;
  457. padding:0px;
  458. }
  459.  
  460. #notes ol img{
  461. margin-right:10px;
  462. }
  463.  
  464. #notes ol li{
  465. padding:10px 0px;
  466. text-transform:uppercase;
  467. font-size:7pt;
  468. border-bottom: 1px solid {color:Highlights};
  469. }
  470.  
  471. #credit{
  472. width:25px;
  473. height:25px;
  474. background-image: url('http://i.imgur.com/B5o00ba.png');
  475. filter: gray;
  476. -webkit-filter: grayscale(100%);
  477. position:fixed;
  478. bottom:10px;
  479. right:10px;
  480. -webkit-border-radius: 12px;
  481. -moz-border-radius: 12px;
  482. border-radius: 12px;
  483.  
  484. }
  485.  
  486. {CustomCSS}
  487. </style>
  488.  
  489. <title>{Title}</title>
  490.  
  491. </head>
  492.  
  493. <body>
  494. <div id="container">
  495.  
  496. <!-- TOP -->
  497. <div id="menu">
  498. <a href="/" data-outerpage="true">Home</a>
  499. {block:ifLink1Title}<a href="{text:Link 1}" data-outerpage="true">{text:Link 1 Title}</a>{/block:ifLink1Title}
  500. {block:ifLink2Title}<a href="{text:Link 2}" data-outerpage="true">{text:Link 2 Title}</a>{/block:ifLink2Title}
  501. {block:ifLink3Title}<a href="{text:Link 3}" data-outerpage="true">{text:Link 3 Title}</a>{/block:ifLink3Title}
  502. {block:ifLink4Title}<a href="{text:Link 4}" data-outerpage="true">{text:Link 4 Title}</a>{/block:ifLink4Title}
  503. {block:ifLink5Title}<a href="{text:Link 5}" data-outerpage="true">{text:Link 5 Title}</a>{/block:ifLink5Title}
  504. {block:HasPages}{block:Pages}<a href="{URL}" data-outerpage="true">{Label}</a>{/block:Pages}{/block:HasPages}
  505. <a href="/ask">Ask</a>
  506. {block:ifSubmissions}<a href="/submit" title="submit" data-outerpage="true">Submit</a>{/block:ifSubmissions}
  507. </div>
  508.  
  509. <div id="header">
  510. <span id="blogtitle">{Title}</span>
  511. </div>
  512. <!-- end top -->
  513.  
  514. <!--SIDEBAR-->
  515. <div id="f1_container">
  516. <div id="f1_card" class="shadow">
  517. <div class="front face">
  518. <img src="{image:Sidebar}"/>
  519. </div>
  520. <div class="back face center">
  521. <p>{Description}</p>
  522. </div>
  523. </div>
  524. </div>
  525.  
  526.  
  527. <!--CONTENT STARTS HERE-->
  528. <div id="content">
  529. {block:Posts}
  530. <div class="post">
  531.  
  532. <!--POSTS START HERE-->
  533. {block:Text}
  534. {block:Title}
  535. <h1><a href="{Permalink}">{Title}</a></h1>
  536. {/block:Title}
  537. {Body}
  538. {/block:Text}
  539.  
  540. {block:Photo}
  541. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  542. {block:Caption}
  543. <div class="caption">{Caption}</div>
  544. {/block:Caption}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <center>{Photoset-500}</center>
  549. {block:Caption}
  550. <div class="caption">{Caption}</div>
  551. {/block:Caption}
  552. {/block:Photoset}
  553.  
  554. {block:Quote}
  555. <span class="quote">"{Quote}"</span>
  556. {block:Source}
  557. {block:Source}<p>-{Source}</p>{/block:Source}
  558. {/block:Source}
  559. {/block:Quote}
  560.  
  561. {block:Link}
  562. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  563. {block:Description}
  564. <div class="description">{Description}</div>
  565. {/block:Description}
  566. {/block:Link}
  567.  
  568. {block:Chat}
  569. {block:Title}
  570. <h1><a href="{Permalink}">{Title}</a></h1>
  571. {/block:Title}
  572. <ul class="chat">
  573. {block:Lines}
  574. <li class="{Alt} user_{UserNumber}">
  575. {block:Label}
  576. <span class="label">{Label}</span>
  577. {/block:Label}
  578. {Line}
  579. </li>
  580. {/block:Lines}
  581. </ul>
  582. {/block:Chat}
  583.  
  584. {block:Video}
  585. <center>{Video-500}</center>
  586. {block:Caption}
  587. <div class="caption">{Caption}</div>
  588. {/block:Caption}
  589. {/block:Video}
  590.  
  591. {block:Audio}
  592. <div id="audio_wrapper">
  593. <p id="trackinfo">{block:TrackName}<span class="songid">{TrackName}</span> {/block:TrackName} {block:Artist}by <span class="songid">{Artist}</span>{/block:Artist}</p>
  594. <div class="audioverlay"><div class="audioarrow">
  595. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  596. </div></div>
  597. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  598.  
  599. </div>
  600. <div id="audio_cap">{block:Caption}{Caption}{/block:Caption}</div>
  601. {/block:Audio}
  602.  
  603.  
  604. {block:Answer}
  605. <div id="question">
  606. <div id="asker">
  607. <img src="{AskerPortraitURL-40}">
  608. <p>{Asker} said:</p>
  609. </div>
  610. <div id="thequestion"> {Question}</div>
  611. </div>
  612. <div id="answer">{Answer}</div>
  613. <p id="answerer">{block:Answerer}answered by {Answerer}</p>
  614. {Replies}{/block:Answerer}
  615.  
  616. {/block:Answer}
  617.  
  618. <!--INFO-->
  619. <div id="info">
  620. <hr class="info_line"/>
  621. {block:Date}<span id="date"><a href="{Permalink}">&nbsp;{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a></span>{/block:Date}
  622. {block:NoteCount} / <a href="{Permalink}">{NoteCount} &hearts;</a>{/block:NoteCount}
  623. {block:RebloggedFrom} / <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  624. {block:ContentSource} / <a href="{SourceURL}">Source</a>{/block:ContentSource}
  625. </div><!--end info-->
  626.  
  627. <!--TAGS-->
  628. <div id="tags">
  629. {block:HasTags}
  630. {block:Tags}/ <a href="{TagURL}">{Tag}</a> {/block:Tags}
  631. {/block:HasTags}
  632. </div><!--end tags-->
  633. </div><!--end posts-->
  634. {block:PostNotes}
  635. <div id="notes">{PostNotes}</div>
  636. {/block:PostNotes}
  637. {/block:Posts}
  638.  
  639.  
  640. <div id="pagination">
  641. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><img src="http://i.imgur.com/1eRFqpp.png" alt="PREV"></a>{/block:PreviousPage}
  642. {block:NextPage} <a href="{NextPage}"><img src="http://i.imgur.com/xCbo2f1.png" alt="NEXT"></a>{/block:NextPage}{/block:Pagination}
  643. </div>
  644.  
  645.  
  646. </div><!--end container-->
  647.  
  648. <!--CREDIT !!!DO NOT REMOVE!!! -->
  649. <a href="http://vikings-shieldmaiden.tumblr.com"><div id="credit"></div></a>
  650.  
  651. </body>
  652. </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!