API tools faq
paste
Advertisement
skyrimthemes

Theme - Belgard

skyrimthemes
Jan 31st, 2015
2,146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <meta name="image:background" content="">
  13. <meta name="text:link 1 url" content="/">
  14. <meta name="text:link 1 name" content="">
  15. <meta name="text:link 2 url" content="/">
  16. <meta name="text:link 2 name" content="">
  17. <meta name="text:link 3 url" content="/">
  18. <meta name="text:link 3 name" content="">
  19. <meta name="text:link 4 url" content="/">
  20. <meta name="text:link 4 name" content="">
  21.  
  22. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28. <script>
  29.  
  30. (function($){
  31.  
  32. $(document).ready(function(){
  33.  
  34. $("a[title]").style_my_tooltips({
  35.  
  36. tip_follows_cursor:true,
  37.  
  38. tip_delay_time:30,
  39.  
  40. tip_fade_speed:300,
  41.  
  42. attribute:"title"
  43.  
  44. });
  45.  
  46. });
  47.  
  48. })(jQuery);
  49.  
  50. </script>
  51.  
  52. <script type="text/javascript">
  53. WebFontConfig = {
  54. google: { families: [ 'Playfair+Display::latin' ] }
  55. };
  56. (function() {
  57. var wf = document.createElement('script');
  58. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  59. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  60. wf.type = 'text/javascript';
  61. wf.async = 'true';
  62. var s = document.getElementsByTagName('script')[0];
  63. s.parentNode.insertBefore(wf, s);
  64. })(); </script>
  65.  
  66. <style type="text/css">
  67.  
  68. /*tooltips*/
  69.  
  70. #s-m-t-tooltip{
  71. font-size:9px;
  72. position:absolute;
  73. margin-top: 20px;
  74. margin-left:20px;
  75. font-weight:bold;
  76. z-index:999999999999999999999999999999999999999999999;
  77. background:#000;
  78. padding:3px;
  79. color:#fff;
  80. text-transform:uppercase;
  81. font-family:times;
  82. padding:2px 3px 2px 3px;
  83. -webkit-transition:all 0.3s;
  84. -moz-transition:all 0.3s;
  85. -ms-transition:all 0.3s;
  86. -o-transition:all 0.3s;
  87. transition:all 0.3s;
  88. }
  89.  
  90. /*scrollbar*/
  91.  
  92. ::-webkit-scrollbar { width: 5px; height: 5px; }
  93. ::-webkit-scrollbar-thumb { background-color:#ebebeb;}
  94.  
  95. body {
  96. font: 10px times;
  97. color:#000;
  98. text-align:justify;
  99. overflow-x:hidden;
  100. background-image:url({image:background});
  101. background-attachment:fixed;
  102. background-size:cover;
  103. }
  104.  
  105. small {
  106. font-size:9px;
  107. }
  108.  
  109. a {
  110. color:#000;
  111. text-decoration:underline;
  112. -webkit-transition:all 0.5s;
  113. -moz-transition:all 0.5s;
  114. -ms-transition:all 0.5s;
  115. -o-transition:all 0.5s;
  116. transition:all 0.5s;
  117. }
  118.  
  119. a:hover {
  120. text-decoration:none;
  121. color:#aaa;
  122. -webkit-transition:all 0.5s;
  123. -moz-transition:all 0.5s;
  124. -ms-transition:all 0.5s;
  125. -o-transition:all 0.5s;
  126. transition:all 0.5s;
  127. }
  128.  
  129. blockquote {
  130. margin-left:5px;
  131. border-left:1px solid #000;
  132. padding-left:5px;
  133. margin-right:0;
  134. }
  135.  
  136. .header {
  137. position:fixed;
  138. top:0;
  139. left:0;
  140. right:0;
  141. padding:20px;
  142. width:auto;
  143. height:auto;
  144. z-index:99999;
  145. background-color:#fff;
  146. border-bottom:1px solid #ebebeb;
  147. }
  148.  
  149. .header h1 {
  150. float:right;
  151. display:inline-block;
  152. text-align:right;
  153. font-size:35px;
  154. font-weight:bold;
  155. text-transform:uppercase;
  156. font-family:'Playfair Display';
  157. margin:0;
  158. padding:0;
  159. }
  160.  
  161. .heya {
  162. right:20px;
  163. top:107px;
  164. position:fixed;
  165. width:292px;
  166. }
  167.  
  168. p.des {
  169. padding:20px;
  170. max-width:250px;
  171. margin-top:0;
  172. background-color:#fff;
  173. border:1px solid #ebebeb;
  174. }
  175.  
  176. .links {
  177. text-align:center;
  178. }
  179.  
  180. p.links {
  181. width:292px;
  182. text-align:center;
  183. }
  184.  
  185. p.links a {
  186. text-align:center;
  187. font-size:8px;
  188. font-family:'Playfair Display';
  189. text-transform:uppercase;
  190. padding:5px;
  191. text-decoration:none;
  192. background-color:#ebebeb;
  193. margin:0 2.5px;
  194. border:1px solid #fff;
  195. }
  196.  
  197. p.links a:hover {
  198. background-color:#000;
  199. color:#fff;
  200. }
  201.  
  202. .posts {
  203. position:absolute;
  204. top:107px;
  205. right:362px;
  206. width:442px;
  207. }
  208.  
  209. .postswrap1 {
  210. position:relative;
  211. width:442px;
  212. margin-bottom:100px;
  213. -webkit-transition:all 0.5s;
  214. -moz-transition:all 0.5s;
  215. -ms-transition:all 0.5s;
  216. -o-transition:all 0.5s;
  217. transition:all 0.5s;
  218. }
  219.  
  220. .postswrap2 {
  221. width:400px;
  222. padding:20px;
  223. background-color:#fff;
  224. border:1px solid #ebebeb;
  225. }
  226.  
  227. .postswrap3 {
  228. width:400px;
  229. position:relative;
  230. }
  231.  
  232. #title {
  233. width:380px;
  234. padding:10px;
  235. background-color:#ebebeb;
  236. font-family:'Playfair Display';
  237. text-align:center;
  238. color:#000;
  239. text-transform:uppercase;
  240. font-size:9px;
  241. margin-bottom:10px;
  242. }
  243.  
  244. #title a {
  245. color:#000;
  246. background-color:transparent;
  247. text-decoration:none;
  248. }
  249.  
  250. #title a:hover {
  251. color:#000;
  252. box-shadow:none;
  253. }
  254.  
  255. #quote {
  256. width:380px;
  257. padding:10px;
  258. background-color:#ebebeb;
  259. font-family:times;
  260. font-style:italic;
  261. text-align:right;
  262. margin-bottom:10px;
  263. font-size:11px;
  264. }
  265.  
  266. #talkbubble
  267. {
  268. position: relative;
  269. width:380px;
  270. padding:10px;
  271. font-family:'playfair display';
  272. height:auto;
  273. background-color:#ebebeb;
  274. color:#000;
  275. }
  276.  
  277. #talkbubble:after
  278. {
  279. content: '';
  280. position: absolute;
  281. font-size:10px;
  282. border-style: solid;
  283. border-width: 16px 11px 0;
  284. border-color: #ebebeb transparent;
  285. display: block;
  286. width: 0;
  287. z-index: 1;
  288. bottom: -16px;
  289. left: 15px;
  290. }
  291.  
  292. #ask-icon {
  293. float:left;
  294. position:absolute;
  295. margin-left:0;
  296. margin-top:0;
  297. }
  298.  
  299. .cr a {
  300. bottom:10px;
  301. left:10px;
  302. padding:10px;
  303. background-color:#fff;
  304. font:12px 'playfair display';
  305. color:#000;
  306. text-decoration:none;
  307. position:fixed;
  308. border:1px solid #ebebeb;
  309. width:15px;
  310. height:15px;
  311. text-transform:uppercase;
  312. }
  313.  
  314. .cr a:hover {
  315. font-size:16px;
  316. background-color:#000;
  317. color:#fff;
  318. width:20px;
  319. height:20px;
  320. }
  321.  
  322. #ask-icon img {
  323. width:30px;
  324. height:30px;
  325. border-radius:50%;
  326. }
  327.  
  328. #asker {
  329. width:340px;
  330. height:15px;
  331. text-align:left;
  332. border-bottom:1px solid #000;
  333. overflow:hidden;
  334. padding-left:40px;
  335. font-size:10px;
  336. text-transform:uppercase;
  337. }
  338.  
  339. #asker a {
  340. text-decoration:none;
  341. color:#000;
  342. background-color:transparent;
  343. }
  344.  
  345. #asker:hover {
  346. color:#000;
  347. box-shadow:none;
  348. }
  349.  
  350. #question {
  351. margin-top:16px;
  352. font-size:9px;
  353. font-family:times;
  354. }
  355.  
  356. .perma-caption {
  357. position:absolute;
  358. left:10px;
  359. top:10px;
  360. padding:10px;
  361. width:auto;
  362. max-height:83%;
  363. background-color:rgba(255,255,255,0.9);
  364. opacity:0;
  365. max-width:360px;
  366. overflow:auto;
  367. -webkit-transition:all 0.5s;
  368. -moz-transition:all 0.5s;
  369. -ms-transition:all 0.5s;
  370. -o-transition:all 0.5s;
  371. transition:all 0.5s;
  372. }
  373.  
  374. .postswrap1:hover .perma-caption {
  375. opacity:1;
  376. -webkit-transition:all 0.5s;
  377. -moz-transition:all 0.5s;
  378. -ms-transition:all 0.5s;
  379. -o-transition:all 0.5s;
  380. transition:all 0.5s;
  381. }
  382.  
  383. .info {
  384. width:442px;
  385. text-align:right;
  386. margin-top:10px;
  387. }
  388.  
  389. .info a {
  390. padding:5px;
  391. background-color:#fff;
  392. font-family:'playfair display';
  393. font-size:9px;
  394. text-transform:uppercase;
  395. border:1px solid #ebebeb;
  396. text-decoration:none;
  397. }
  398.  
  399. .info a:hover {
  400. background-color:#000;
  401. color:#fff;
  402. }
  403.  
  404. .pagination {
  405. width:442px;
  406. padding-bottom:50px;
  407. }
  408.  
  409. .pagination a {
  410. text-transform:uppercase;
  411. background-color:#fff;
  412. padding:5px;
  413. font:9px 'playfair display';
  414. border:1px solid #ebebeb;
  415. text-decoration:none;
  416. }
  417.  
  418. .pagination a:hover {
  419. background-color:#000;
  420. color:#fff;
  421. }
  422.  
  423. .fun {
  424. margin:100px 0;
  425. padding:20px;
  426. width:400px;
  427. background-color:#fff;
  428. border:1px solid #ebebeb;
  429. position:relative;
  430. text-align:left;
  431. }
  432.  
  433. .magic a {
  434. display:inline-block;
  435. margin:0 3px;
  436. }
  437.  
  438. ol.notes {
  439. list-style-type: none;
  440. margin-bottom:100px;
  441. padding:20px;
  442. width:400px;
  443. background-color:#fff;
  444. border:1px solid #ebebeb;
  445. position:relative;
  446. }
  447.  
  448. ol.notes li {
  449. list-style-type:none;
  450. padding:0;
  451. margin:0;
  452. margin-left:0;
  453. }
  454.  
  455. ol.notes img { display:none;width:0;height:0; }
  456.  
  457. </style>
  458.  
  459. </head>
  460. <body>
  461.  
  462. <div class="header">
  463. <h1>{title}</h1>
  464. </div>
  465.  
  466. <div class="heya">
  467. <p class="des">{description}</p>
  468. <p class="links">
  469. <a href="/">home</a>
  470. <a href="{text:link 1 url}">{text:link 1 name}</a>
  471. <a href="{text:link 2 url}">{text:link 2 name}</a>
  472. <a href="{text:link 3 url}">{text:link 3 name}</a>
  473. <a href="{text:link 4 url}">{text:link 4 name}</a>
  474. </p>
  475. </div>
  476.  
  477. <div class="posts">
  478. {block:posts}
  479. <div class="postswrap1">
  480. <div class="postswrap2">
  481. <div class="postswrap3">
  482.  
  483. {block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}
  484.  
  485. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}
  486.  
  487. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photo}
  488.  
  489. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-panorama}"alt="{PhotoAlt}" />{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Panorama}
  490.  
  491. {block:Photoset}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photoset}
  492.  
  493. {block:Quote}<div id="quote">"{Quote}"</div>{block:source}<p>{source}</p>{/block:source}{/block:Quote}
  494.  
  495. {block:Link}<div id="title"><a href="{URL}" {Target}>{Name} &#8594;</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  496.  
  497. {block:Chat}{block:Title}<div id="title">{Title}</div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label" style="font-weight:bold" id="label">{Label}</span>{/block:Label} <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}
  498.  
  499. {block:Video}<div class="video">{Video-400}</div>{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Video}
  500.  
  501. {block:Audio}{block:AudioEmbed}{AudioEmbed color="white" width="400"}{/block:AudioEmbed}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Audio}
  502.  
  503. {block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}
  504.  
  505. </div>
  506. </div>
  507.  
  508. {block:permalinkpage}
  509. {block:date}
  510. <div class="fun">
  511. <p><strong>Posted:</strong> <a href="{permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:notecount}</p>
  512. {block:RebloggedFrom}<p><strong>Via:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></p>{/block:RebloggedFrom}
  513. {block:ContentSource}<p><strong>Source:</strong> <a href="{SourceURL}">{SourceTitle}</a></p>{/block:ContentSource}
  514. {block:hastags}<p><strong>Filed under:</strong> <span class="magic">{block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</span></p>{/block:hastags}
  515. </div>
  516. {/block:date}
  517. {/block:permalinkpage}
  518.  
  519. {block:indexpage}
  520. {block:date}
  521. <div class="info">
  522. <a href="{permalink}">{TimeAgo}</a>
  523. </div>
  524. {/block:date}
  525. {/block:indexpage}
  526.  
  527. {block:PostNotes}
  528. {PostNotes-16}
  529. {/block:PostNotes}
  530.  
  531. </div>
  532. {/block:posts}
  533.  
  534. {block:pagination}
  535. <div class="postswrap1">
  536. <div class="pagination">
  537. {block:PreviousPage}
  538. <a href="{PreviousPage}" style="float:left">previous</a>
  539. {/block:PreviousPage}
  540. {block:NextPage}
  541. <a href="{NextPage}" style="float:right">next</a>
  542. {/block:NextPage}
  543. </div>
  544. </div>
  545. {/block:pagination}
  546. </div>
  547.  
  548. <div class="cr">
  549. <a href="http://harknesses.tumblr.com">ST</a>
  550. </div>
  551.  
  552. </body>
  553. </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!