API tools faq
paste
Advertisement
sandragonthemes

Theme #21

sandragonthemes
Nov 26th, 2014
918
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--
  4. This is theme #21 by sandragonthemes.
  5. Please follow the rules and do not remove the credit.
  6. If you have questions or feedback please send me a message.
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <title>{Title}</title>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <!-- 500PX POST FIX ORIGINALLY FOUND AT:
  19. http://jumpingpuddles.tumblr.com/post/101488809743 -->
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  21. <script type="text/javascript">
  22. window.onload = function() {
  23. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:400px; margin-bottom: -4px;");
  24. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:400px;");
  25. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:195px; margin-right: 0px;");
  26. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:123px; margin-right: 0px;");
  27. }
  28. </script>
  29.  
  30. <!--DEFAULT VARIABLES-->
  31. <meta name="if:Submissions" content="1"/>
  32.  
  33. <meta name="image:Sidebar image" content="http://i.imgur.com/RkCzBlp.jpg"/>
  34.  
  35. <meta name="color:Link" content="#777777"/>
  36. <meta name="color:Link Hover" content="#cdcdcd"/>
  37.  
  38. <meta name="text:Link 1" content="http://"/>
  39. <meta name="text:Link 1 Title" content=""/>
  40. <meta name="text:Link 2" content="http://">
  41. <meta name="text:Link 2 Title" content=""/>
  42. <meta name="text:Link 3" content="http://">
  43. <meta name="text:Link 3 Title" content=""/>
  44. <meta name="text:Link 4" content="http://">
  45. <meta name="text:Link 4 Title" content=""/>
  46. <meta name="text:Link 5" content="http://">
  47. <meta name="text:Link 5 Title" content=""/>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700' rel='stylesheet' type='text/css'>
  50.  
  51. <style type="text/css">
  52.  
  53. /* SCROLLBAR */
  54. ::-webkit-scrollbar {
  55. width: 8px;
  56. height: 8px;
  57. background-color: {color:Link Hover};
  58. }
  59.  
  60. ::-webkit-scrollbar-track {
  61. background-color: {color:Link Hover};
  62. }
  63.  
  64. ::-webkit-scrollbar-thumb {
  65. background-color: #282828;
  66. }
  67.  
  68.  
  69.  
  70. /* SELECTION */
  71. ::selection {
  72. background-color: #cccbcb;
  73. }
  74.  
  75. ::-moz-selection {
  76. background: #cccbcb;
  77. }
  78.  
  79.  
  80.  
  81. /* BODY */
  82. body{
  83. font-family:'Times New Roman', serif;
  84. font-size:9pt;
  85. background-color:#fff;
  86. color:#282828;
  87. }
  88.  
  89. a{
  90. text-decoration:none;
  91. color:{color:Link};
  92. }
  93.  
  94. a:hover{
  95. text-decoration:none;
  96. color:{color:Link Hover};
  97. }
  98.  
  99. h1{
  100. padding:5px;
  101. font-size:26pt;
  102. font-family: 'Playfair Display SC', serif;
  103. color:#fff;
  104. text-transform:uppercase;
  105. font-weight:400;
  106. }
  107.  
  108. ul{
  109. list-style-type: none;
  110. padding: 0px;
  111. margin: 0px;
  112. }
  113.  
  114. h2{
  115. font-family: 'Playfair Display SC', serif;
  116. text-transform:uppercase;
  117. font-weight:400;
  118. text-align:center;
  119. }
  120.  
  121. /*LEFT */
  122. #sideinfo{
  123. background-color:{color:Link Hover};
  124. position:fixed;
  125. width:250px;
  126. height:100%;
  127. right:0;
  128. top:0;
  129. text-align:center;
  130. }
  131.  
  132. #about{
  133. position:fixed;
  134. width:200px;
  135. margin-left:25px;
  136. bottom:20px;
  137. }
  138.  
  139. #desc{
  140. width:150px;
  141. margin-left:25px;
  142. font-size:7pt;
  143. line-height:140%;
  144. text-transform:uppercase;
  145. font-style:italic;
  146. text-align: justify;
  147. }
  148.  
  149. #menu{
  150. width:200px;
  151. text-align:center;
  152. }
  153.  
  154. #menu a{
  155. margin:0px 3px;
  156. padding:3px;
  157. background-color:#d6d6d6;
  158. font-size:7pt;
  159. text-transform:lowercase;
  160. line-height:250%;
  161. }
  162.  
  163. #menu a:hover{
  164. color:#282828;
  165. }
  166.  
  167. /*NAVIGATION*/
  168. #nav{
  169. width:400px;
  170. height:22px;
  171. padding-top:5px;
  172. background-color:#fff;
  173. text-align:center;
  174. font-size:8pt;
  175. text-transform:lowercase;
  176. font-weight:bold;
  177. font-family: Georgia, serif;
  178. position:fixed;
  179. bottom:0px;
  180. text-align:center;
  181. }
  182.  
  183. #nav a{
  184. color:#282828;
  185. }
  186.  
  187.  
  188. /* POSTS */
  189. #content{
  190. width:400px;
  191. margin: auto;
  192. margin-bottom:120px;
  193. }
  194.  
  195. .posts{
  196. width:400px;
  197. margin-left: auto;
  198. margin-right: auto;
  199. margin-bottom:200px;
  200. margin-top:50px;
  201. filter: grayscale(70%);
  202. -webkit-filter: grayscale(70%);
  203. -moz-filter: grayscale(70%);
  204. -ms-filter: grayscale(70%);
  205. -o-filter: grayscale(70%);
  206. -webkit-transition:all 0.3s;
  207. -moz-transition:all 0.3s;
  208. -ms-transition:all 0.3s;
  209. -o-transition:all 0.3s;
  210. }
  211.  
  212. .posts:hover{
  213. filter: grayscale(0%);
  214. -webkit-filter: grayscale(0%);
  215. -moz-filter: grayscale(0%);
  216. -ms-filter: grayscale(0%);
  217. -o-filter: grayscale(0%);
  218. -webkit-transition:all 0.3s;
  219. -moz-transition:all 0.3s;
  220. -ms-transition:all 0.3s;
  221. -o-transition:all 0.3s;
  222. }
  223.  
  224. .posts img {
  225. max-width:400px;
  226. }
  227.  
  228. .quote{
  229. font-weight:700;
  230. font-style:italic;
  231. font-size:10pt;
  232. }
  233.  
  234. .label{
  235. font-weight:700;
  236. }
  237.  
  238. .chat{
  239. margin:5px;
  240. }
  241.  
  242. blockquote {
  243. padding-left:5px;
  244. margin:0px 2px 0px 10px;
  245. border-left: 1px solid {color:Link Hover};
  246. }
  247.  
  248. /* ASK POSTS */
  249. #question{
  250. font-weight:700;
  251. text-align:center;
  252. }
  253.  
  254. #asker{
  255. font-family: 'Playfair Display SC', serif;
  256. color:#282828;
  257. font-size:11pt;
  258. margin-bottom:3px;
  259. color:{color:Link};
  260. }
  261.  
  262. #answer{
  263. font-style:italic;
  264. }
  265.  
  266.  
  267. /* AUDIO */
  268. #audio_wrapper{
  269. width:400px;
  270. height:60px;
  271. position:relative;
  272. background-color:{color:Link Hover};
  273. text-align:left;
  274. }
  275.  
  276. #audio_wrapper img{
  277. width:60px;
  278. height:60px;
  279. float:right;
  280. }
  281.  
  282. #trackinfo{
  283. margin-top:20px;
  284. font-size:10pt;
  285. font-style: italic;
  286. padding-left:15px;
  287. position: absolute;
  288. color:#fff;
  289. width:315px;
  290. }
  291.  
  292. .songid{
  293. font-family: 'Playfair Display SC', serif;
  294. font-weight:700;
  295. color:{color:Link};
  296. text-transform:uppercase;
  297. }
  298.  
  299. .audioverlay {
  300. margin-top: 8px;
  301. margin-left: 347px;
  302. background-color: #e4e4e4;
  303. position: absolute;
  304. opacity: 0.6;
  305. z-index: 2;
  306. }
  307.  
  308. .audioarrow {
  309. width: 20px;
  310. height: 30px;
  311. overflow: hidden;
  312. margin: 8px 17px 6px 9px;
  313. }
  314.  
  315. #audio_cap{
  316. width:400px;
  317. text-align: left;
  318. }
  319.  
  320. /* INFO */
  321. #info{
  322. text-align:center;
  323. text-transform:lowercase;
  324. font-size:6pt;
  325. opacity:0;
  326. -webkit-transition: all 0.6s ease-in-out;
  327. -moz-transition: all 0.6s ease-in-out;
  328. -o-transition: all 0.6s ease-in-out;
  329. transition: all 0.6s ease-in-out;
  330. }
  331.  
  332. .posts:hover #info{
  333. opacity:1;
  334. -webkit-transition: all 0.6s ease-in-out;
  335. -moz-transition: all 0.6s ease-in-out;
  336. -o-transition: all 0.6s ease-in-out;
  337. transition: all 0.6s ease-in-out;
  338. }
  339.  
  340. #info a{
  341. margin:0px 5px;
  342. }
  343.  
  344. #tags{
  345. margin-top:3px;
  346. }
  347.  
  348. #tags a{
  349. text-transform:uppercase;
  350. margin-right:5px;
  351. }
  352.  
  353. /*CREDIT*/
  354. #credit{
  355. width:19px;
  356. height:19px;
  357. background-color:#000;
  358. position:fixed;
  359. bottom:15px;
  360. right:265px;
  361. padding:5px 2px 1px 4px;
  362. border:2px solid #fff;
  363. text-transform:uppercase;
  364. -webkit-border-radius: 20px;
  365. -moz-border-radius: 20px;
  366. border-radius: 20px;
  367. letter-spacing: -1px;
  368. font-size:9pt;
  369. font-family:Georgia, serif;
  370. font-style: italic;
  371. font-weight:700;
  372. color:#fff;
  373. -webkit-transition-duration: 0.8s;
  374. -moz-transition-duration: 0.8s;
  375. -o-transition-duration: 0.8s;
  376. transition-duration: 0.8s;
  377. }
  378.  
  379. #credit:hover{
  380. -webkit-transform:rotate(360deg);
  381. -moz-transform:rotate(360deg);
  382. -o-transform:rotate(360deg);
  383. color:#e13483;
  384. }
  385.  
  386. </style>
  387. </head>
  388.  
  389. <body>
  390. <div id="sideinfo">
  391. <img src="{image:Sidebar image}" alt="sidebar image" />
  392. <h1>{Title}</h1>
  393.  
  394. <div id="about">
  395. <div id="menu">
  396. <a href="/">Home</a>
  397. <a href="/ask">Inquire</a>
  398. {block:ifSubmissions}<a href="/submit" title="submit">Submit</a>{/block:ifSubmissions}
  399. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  400. {block:ifLink1Title}<a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  401. {block:ifLink2Title}<a href="{text:Link 2}" title="{text:Link 2 Title}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  402. {block:ifLink3Title}<a href="{text:Link 3}" title="{text:Link 3 Title}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  403. {block:ifLink4Title}<a href="{text:Link 4}" title="{text:Link 4 Title}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  404. {block:ifLink5Title}<a href="{text:Link 5}" title="{text:Link 5 Title}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  405. </div>
  406.  
  407. <p id="desc">{Description}</p>
  408. </div>
  409. </div>
  410. <div id="content">
  411.  
  412. <!-- POSTS -->
  413. {block:Posts}
  414. <div class="posts">
  415.  
  416. {block:Text}
  417. {block:Title}
  418. <h2><a href="{Permalink}">{Title}</a></h2>
  419. {/block:Title}
  420. {Body}
  421. {/block:Text}
  422.  
  423. {block:Photo}
  424. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  425. {block:Caption}
  426. <div class="caption">{Caption}</div>
  427. {/block:Caption}
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. {Photoset-400}
  432. {block:Caption}
  433. <div class="caption">{Caption}</div>
  434. {/block:Caption}
  435. {/block:Photoset}
  436.  
  437. {block:Quote}
  438. <span class="quote">"{Quote}"</span>
  439. {block:Source}
  440. {block:Source}<p id=qsource>— {Source}</p>{/block:Source}
  441. {/block:Source}
  442. {/block:Quote}
  443.  
  444. {block:Link}
  445. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  446. {block:Description}
  447. <div class="description">{Description}</div>
  448. {/block:Description}
  449. {/block:Link}
  450.  
  451. {block:Chat}
  452. {block:Title}
  453. <h2><a href="{Permalink}">{Title}</a></h2>
  454. {/block:Title}
  455. <table>
  456. {block:Lines}
  457. <tr>
  458. {block:Label}
  459. <td class="chat"><span class="label">{Label}</span></td>
  460. {/block:Label}
  461. <td class="chat">{Line}</td>
  462. </tr>
  463. {/block:Lines}
  464. </table>
  465. {/block:Chat}
  466.  
  467. {block:Video}
  468. <center>{Video-400}</center>
  469. {block:Caption}
  470. <div class="caption">{Caption}</div>
  471. {/block:Caption}
  472. {/block:Video}
  473.  
  474. {block:Audio}
  475. <div id="audio_wrapper">
  476. <p id="trackinfo">{block:TrackName}<span class="songid">{TrackName}</span> {/block:TrackName} {block:Artist}by <span class="songid">{Artist}</span>{/block:Artist}</p>
  477. <div class="audioverlay"><div class="audioarrow">
  478. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  479. </div></div>
  480. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  481.  
  482. </div>
  483. <div id="audio_cap">{block:Caption}{Caption}{/block:Caption}</div>
  484. {/block:Audio}
  485.  
  486. {block:Answer}
  487. <div id="question">
  488. <p id="asker">{Asker}</p>
  489. {Question}
  490. </div>
  491. <div id="answered">
  492. <div id="answer">{Answer}</div>
  493. <div id="answerer">{block:Answerer}answered by: {Answerer}
  494. <div id="replies">{Replies}</div>
  495. {/block:Answerer}</div>
  496. </div>
  497. {/block:Answer}
  498.  
  499. <!--INFO-->
  500. <div id="info">
  501. {block:Date}Posted {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year} {/block:Date}
  502. {block:NoteCount}<a href="{Permalink}">{NoteCount} &hearts;</a> {/block:NoteCount}
  503. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> {/block:RebloggedFrom}
  504. {block:ContentSource}<a href="{SourceURL}">&#169;</a> {/block:ContentSource}
  505. <a href="{ReblogURL}" target="_blank" title="Reblog this post">Reblog</a>
  506. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">- {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  507. </div>
  508.  
  509. {block:PostNotes}{PostNotes}{/block:PostNotes}
  510.  
  511. </div>
  512. {/block:Posts}
  513. <!--end posts-->
  514. <!--navigation-->
  515. <div id="nav">
  516. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Back</a> /{/block:PreviousPage}
  517. {block:NextPage} <a href="{NextPage}">Forth</a>{/block:NextPage}{/block:Pagination}
  518. </div><!--end navigation-->
  519.  
  520. </div><!-- end content -->
  521. <!-- credit -->
  522. <a href="http://sandragonthemes.tumblr.com"><div id="credit">st</div></a>
  523.  
  524.  
  525. </body>
  526. </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!