API tools faq
paste
Advertisement
sandragonthemes

Theme #19

sandragonthemes
Oct 21st, 2014
341
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.36 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2.  
  3. <!--
  4. This is theme #19 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. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  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:500px; margin-bottom: -4px;");
  24. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  25. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  26. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  27. }
  28. </script>
  29.  
  30.  
  31. <!--GENERAL PAGE SETTINGS-->
  32. <meta name="text:Font size" content="9pt"/>
  33. <meta name="color:Text color" content="#2c2c2c"/>
  34. <meta name="color:Link" content="#2c2c2c"/>
  35. <meta name="color:Link Hover" content="#000000"/>
  36.  
  37. <!--TOPBAR SETTINGS-->
  38. <meta name="image:Header background image" content="http://i.imgur.com/VzLtcIN.png"/>
  39.  
  40. <meta name="text:Title size" content="10pt"/>
  41. <meta name="color:Title color" content="#000000"/>
  42.  
  43.  
  44. <meta name="color:Topbar Link" content="#000000"/>
  45. <meta name="color:Topbar Link Hover" content="#2c2c2c"/>
  46. <meta name="color:Description" content="#000000"/>
  47. <meta name="text:Description font size" content="7pt"/>
  48. <meta name="text:Subtitle" content=""/>
  49.  
  50. <!--TAGS-->
  51. <meta name="text:Tags size" content="6pt"/>
  52.  
  53.  
  54. <meta name="text:Link 1" content="http://"/>
  55. <meta name="text:Link 1 Title" content=""/>
  56. <meta name="text:Link 2" content="http://">
  57. <meta name="text:Link 2 Title" content=""/>
  58. <meta name="text:Link 3" content="http://">
  59. <meta name="text:Link 3 Title" content=""/>
  60. <meta name="text:Link 4" content="http://">
  61. <meta name="text:Link 4 Title" content=""/>
  62. <meta name="if:Submissions" content="1"/>
  63.  
  64.  
  65. <style type="text/css">
  66. {CustomCSS}
  67.  
  68. /*SCROLLBAR*/
  69. ::-webkit-scrollbar {
  70. width: 8px;
  71. background-color: #cccbcb;
  72. }
  73.  
  74. ::-webkit-scrollbar-track {
  75. background-color: #cccbcb;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb {
  79. background-color: #000000;
  80. }
  81.  
  82. ::selection {
  83. background-color: #cccbcb;
  84. }
  85.  
  86. ::-moz-selection {
  87. background: #cccbcb;
  88. }
  89.  
  90. /*BODY*/
  91. body {
  92. background-color: #ffffff;
  93. font-family: "Times New Roman, serif";
  94. font-size: {text:Font size};
  95. color: {color:Text};
  96. }
  97.  
  98. a{
  99. color: {color:Link};
  100. font-weight: none;
  101. text-decoration: none;
  102. }
  103.  
  104. a:hover{
  105. color: {color:Link Hover};
  106. }
  107.  
  108. h1{
  109. text-transform:lowercase;
  110. font-size:12pt;
  111. padding:0px;
  112. margin:0px;
  113. }
  114.  
  115. ul{
  116. list-style-type:square;
  117. }
  118.  
  119. /*CREDIT*/
  120. #credit{
  121. width:19px;
  122. height:19px;
  123. background-color:#000;
  124. position:fixed;
  125. bottom:15px;
  126. right:15px;
  127. padding:5px 2px 1px 4px;
  128. border:2px solid #fff;
  129. text-transform:uppercase;
  130. -webkit-border-radius: 20px;
  131. -moz-border-radius: 20px;
  132. border-radius: 20px;
  133. letter-spacing: -1px;
  134. font-size:9pt;
  135. font-family:Georgia, serif;
  136. font-style: italic;
  137. font-weight:700;
  138. color:#fff;
  139. -webkit-transition-duration: 0.8s;
  140. -moz-transition-duration: 0.8s;
  141. -o-transition-duration: 0.8s;
  142. transition-duration: 0.8s;
  143. }
  144.  
  145. #credit:hover{
  146. -webkit-transform:rotate(360deg);
  147. -moz-transform:rotate(360deg);
  148. -o-transform:rotate(360deg);
  149. color:#e13483;
  150. }
  151.  
  152. /*TOP BAR*/
  153. #top_bar{
  154. width:850px;
  155. height:150px;
  156. position:fixed;
  157. background: #ffffff url("{image:Header background image}") no-repeat center;
  158. background-repeat:no-repeat;
  159. top:0px;
  160. z-index:100;
  161. }
  162.  
  163. #top_container{
  164. width:500px;
  165. height:150px;
  166. margin-left: auto;
  167. margin-right: auto;
  168. overflow:auto;
  169. }
  170.  
  171. #title{
  172. display:block;
  173. text-align:center;
  174. font-weight:bold;
  175. font-family: "Georgia, serif";
  176. text-transform: uppercase;
  177. color:{color:Title color};
  178. font-size:{text:Title size};
  179. margin-bottom:0px;
  180. padding-top:2px;
  181. letter-spacing:0px;
  182. }
  183.  
  184. #title a{
  185. color:{color:Title color};
  186. }
  187.  
  188. #desc{
  189. width:500px;
  190. height:67px;
  191. text-align:center;
  192. margin-top:1px;
  193. font-size:{text:Description font size};
  194. letter-spacing:1px;
  195. font-family: Georgia, serif;
  196. text-transform:lowercase;
  197. color:{color:Description};
  198. overflow:auto;
  199. }
  200.  
  201. #desc a{
  202. color:{color:Topbar Link};
  203. }
  204.  
  205. #desc a:hover{
  206. color:{color:Topbar Link Hover};
  207. }
  208.  
  209. #subtitle{
  210. text-align:center;
  211. margin-top:1px;
  212. font-size:{text:Description font size};
  213. letter-spacing:1px;
  214. font-family: Georgia, serif;
  215. text-transform:lowercase;
  216. color:{color:Description};
  217. font-style: italic;
  218. }
  219.  
  220. /*MENU*/
  221. #menu{
  222. width:500px;
  223. margin-top:5px;
  224. margin-left: auto;
  225. margin-right: auto;
  226. text-align:center;
  227. }
  228.  
  229. .menu_wrap{
  230. display:inline-block;
  231. height:12px;
  232. margin-right:5px;
  233. cursor:pointer;
  234. text-align:center;
  235. }
  236.  
  237. .menu_square{
  238. float:left;
  239. width:12px;
  240. height:12px;
  241. background-color:#000;
  242. color:#fff;
  243. line-height:120%;
  244. font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  245. font-size:8pt;
  246. -webkit-transition:all 0.3s;
  247. -moz-transition:all 0.3s;
  248. -ms-transition:all 0.3s;
  249. -o-transition:all 0.3s;
  250. }
  251.  
  252. .menu_item{
  253. height:12px;
  254. width:12px;
  255. margin-right:5px;
  256. float:left;
  257. background-color:#fff;
  258. margin-left:-6px;
  259. overflow:hidden;
  260. line-height:110%;
  261. -webkit-transition:all 0.3s;
  262. -moz-transition:all 0.3s;
  263. -ms-transition:all 0.3s;
  264. -o-transition:all 0.3s;
  265. }
  266.  
  267. .menu_wrap:hover .menu_item{
  268. width:110%;
  269. padding-left:0px;
  270. padding-right:2px;
  271. -webkit-transition:all 0.3s;
  272. -moz-transition:all 0.3s;
  273. -ms-transition:all 0.3s;
  274. -o-transition:all 0.3s;
  275. }
  276.  
  277. /*CONTENT*/
  278. #container{
  279. width:850px;
  280. height:100%;
  281. margin:0 auto;
  282. }
  283.  
  284. #content{
  285. width:500px;
  286. height:100%;
  287. margin-top:200px;
  288. margin-bottom:10px;
  289. margin-left: auto;
  290. margin-right: auto;
  291. }
  292.  
  293. .post{
  294. width:500px;
  295. margin-bottom:100px;
  296. filter: grayscale(80%);
  297. -webkit-filter: grayscale(80%);
  298. -moz-filter: grayscale(80%);
  299. -ms-filter: grayscale(80%);
  300. -o-filter: grayscale(80%);
  301. -webkit-transition:all 0.3s;
  302. -moz-transition:all 0.3s;
  303. -ms-transition:all 0.3s;
  304. -o-transition:all 0.3s;
  305. }
  306.  
  307. .post:hover{
  308. filter: grayscale(0%);
  309. -webkit-filter: grayscale(0%);
  310. -moz-filter: grayscale(0%);
  311. -ms-filter: grayscale(0%);
  312. -o-filter: grayscale(0%);
  313. -webkit-transition:all 0.3s;
  314. -moz-transition:all 0.3s;
  315. -ms-transition:all 0.3s;
  316. -o-transition:all 0.3s;
  317. }
  318.  
  319. #info, #tags{
  320. font-size:{text:Tags size};
  321. text-transform:uppercase;
  322. }
  323.  
  324. #tags{
  325. margin-left:-25px;
  326. }
  327.  
  328. #tags a{
  329. margin-left:7px;
  330. }
  331.  
  332. #tags a:hover{
  333. font-style:italic;
  334. }
  335.  
  336. #question{
  337. margin-bottom:0px;
  338. text-align:left;
  339. font-weight:bold;
  340. }
  341.  
  342. #asker{
  343. font-size:8pt;
  344. font-weight:bold;
  345. margin-top:0px;
  346. text-align:left;
  347. }
  348.  
  349. #asker a{
  350. font-weight:bold;
  351. }
  352.  
  353. #answer{
  354. text-align:justify;
  355. }
  356.  
  357. #answerer{
  358. display:inline;
  359. font-size:8pt;
  360. font-weight:bold;
  361. }
  362.  
  363. #audio {
  364. height:28px;
  365. padding-top:3px;
  366. padding-bottom:2px;
  367. text-align:justify;
  368. background-color:#000;
  369. }
  370.  
  371. #track_info {
  372. height:;
  373. margin-top:-29px;
  374. background-color:#000;
  375. font-size:7pt;
  376. color:#fff;
  377. text-transform:uppercase;
  378. text-align:right;
  379. float:right;
  380. }
  381.  
  382. #track_info td{
  383. text-align:left;
  384. height:5px;
  385. margin:0px;
  386. padding:0px 25px 0px 0px;
  387. }
  388.  
  389. #track_info [title]:hover:after{
  390. content: attr(title);
  391. font-size:9px;
  392. color:#fff;
  393. position:absolute;
  394. background-color: #000;
  395. border:1px solid #fff;
  396. padding:3px;
  397. margin-top:-20px;
  398. white-space: nowrap;
  399. }
  400.  
  401. blockquote {
  402. padding-left:5px;
  403. margin:0px 4px 0px 10px;
  404. border-left: 1px solid #cccbcb;
  405. }
  406.  
  407. .label {
  408. font-weight: bold;
  409. }
  410.  
  411. .quote {
  412. text-transform:uppercase;
  413. letter-spacing:1px;
  414. font-size:8pt;
  415. }
  416.  
  417. /*NAVIGATION*/
  418. #nav{
  419. width:500px;
  420. height:22px;
  421. padding-top:5px;
  422. background-color:#fff;
  423. text-align:center;
  424. text-transform:uppercase;
  425. font-weight:bold;
  426. font-family: Georgia, serif;
  427. position:fixed;
  428. bottom:0px;
  429. text-align:center;
  430. }
  431.  
  432.  
  433. {CustomCSS}
  434. </style>
  435.  
  436. <title>{Title}</title>
  437.  
  438. </head>
  439.  
  440. <body>
  441. <div id="container">
  442.  
  443. <div id="top_bar">
  444. <div id="top_container">
  445. <p id="title"><a href="/">{title}</a></p>
  446. <p id="subtitle">{text:Subtitle}</p>
  447. <div id="desc">{Description}</div>
  448. <div id="menu">
  449. <div class="menu_wrap">
  450. <a href="/" title="home"><div class="menu_item"><div class="menu_square"></div>home</div>
  451. </a>
  452. </div>
  453. {block:ifLink1Title}<div class="menu_wrap">
  454. <a href="{text:Link 1}" title="{text:Link 1 Title}"><div class="menu_item"><div class="menu_square"></div>{text:Link 1 Title}</div></a>
  455. </div>{/block:ifLink1Title}
  456.  
  457. {block:ifLink2Title}<div class="menu_wrap">
  458. <a href="{text:Link 2}" title="{text:Link 2 Title}"><div class="menu_item"><div class="menu_square"></div>{text:Link 2 Title}</div></a>
  459. </div>{/block:ifLink2Title}
  460.  
  461. {block:ifLink3Title}<div class="menu_wrap">
  462. <a href="{text:Link 3}" title="{text:Link 3 Title}"><div class="menu_item"><div class="menu_square"></div>{text:Link 3 Title}</div></a>
  463. </div>{/block:ifLink3Title}
  464.  
  465. {block:ifLink4Title}<div class="menu_wrap">
  466. <a href="{text:Link 14}" title="{text:Link 4 Title}"><div class="menu_item"><div class="menu_square"></div>{text:Link 4 Title}</div></a>
  467. </div>{/block:ifLink4Title}
  468.  
  469. <div class="menu_wrap">
  470. <a href="/ask" title="ask"><div class="menu_item"><div class="menu_square"></div>message</div></a>
  471. </div>
  472.  
  473. {block:IfSubmissions}<div class="menu_wrap">
  474. <a href="/submit" title="submit"><div class="menu_item"><div class="menu_square"></div>submit</div></a>
  475. </div>{/block:IfSubmissions}
  476.  
  477. </div>
  478. </div>
  479. </div><!--end topbar-->
  480.  
  481.  
  482. <!--CONTENT STARTS HERE-->
  483. <div id="content">
  484. {block:Posts}
  485. <!--INFO-->
  486. <div id="info">
  487. {block:Date}<a href="{Permalink}">&nbsp;{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> // {/block:Date}
  488. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a> // {/block:NoteCount}
  489. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> // {/block:RebloggedFrom}
  490. {block:ContentSource}<a href="{SourceURL}">Source</a> // {/block:ContentSource}
  491. <a href="{ReblogURL}" target="_blank" title="Reblog this post">Reblog</a>
  492. </div>
  493.  
  494. <div class="post">
  495. {block:Text}
  496. {block:Title}
  497. <h1><a href="{Permalink}">{Title}</a></h1>
  498. {/block:Title}
  499. {Body}
  500. {/block:Text}
  501.  
  502. {block:Photo}
  503. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  504. {block:Caption}
  505. <div class="caption">{Caption}</div>
  506. {/block:Caption}
  507. {/block:Photo}
  508.  
  509. {block:Photoset}
  510. <center>{Photoset-500}</center>
  511. {block:Caption}
  512. <div class="caption">{Caption}</div>
  513. {/block:Caption}
  514. {/block:Photoset}
  515.  
  516. {block:Quote}
  517. <span class="quote">"{Quote}"</span>
  518. {block:Source}
  519. {block:Source}<p>-{Source}</p>{/block:Source}
  520. {/block:Source}
  521. {/block:Quote}
  522.  
  523. {block:Link}
  524. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  525. {block:Description}
  526. <div class="description">{Description}</div>
  527. {/block:Description}
  528. {/block:Link}
  529.  
  530. {block:Chat}
  531.  
  532. {block:Title}
  533. <h1><a href="{Permalink}">{Title}</a></h1>
  534. {/block:Title}
  535. <ul class="chat">
  536. {block:Lines}
  537. <li class="{Alt} user_{UserNumber}">
  538. {block:Label}
  539. <span class="label">{Label}</span>
  540. {/block:Label}
  541. {Line}
  542. </li>
  543. {/block:Lines}
  544. </ul>
  545. {/block:Chat}
  546.  
  547. {block:Video}
  548. <center>{Video-500}</center>
  549. {block:Caption}
  550. <div class="caption">{Caption}</div>
  551. {/block:Caption}
  552. {/block:Video}
  553.  
  554. {block:Audio}
  555. <div id="audio">{AudioPlayerBlack}</div>
  556. <table id="track_info">
  557. <tr>
  558. <td>{block:Artist}<span title="{Artist}">Artist{/block:Artist}</span></td>
  559. <td>{block:TrackName}<span title="{TrackName}">Title{/block:TrackName}</span></td>
  560. </tr>
  561. <tr>
  562. <td>{block:Album}<span title="{Album}">Album{/block:Album}</span></td>
  563. <td>{block:PlayCount}<span title="{FormattedPlayCount}">Plays{/block:PlayCount}</span></td>
  564. </tr>
  565. </table>
  566.  
  567. {block:Caption}
  568. <div style="padding-left:10px; text-align:left">
  569. {Caption}
  570. </div>
  571. {/block:Caption}
  572. {/block:Audio}
  573.  
  574.  
  575. {block:Answer}
  576. <p id="question">{Question}</p>
  577. <p id="asker">asked by {Asker}</p>
  578. <div id="answer">{Answer}</div>
  579. <p id="answerer">{block:Answerer}answered by {Answerer}</p>
  580. {Replies}{/block:Answerer}
  581.  
  582. {/block:Answer}
  583.  
  584.  
  585. <!--TAGS-->
  586. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">*{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  587.  
  588. </div><!--end posts-->
  589. {block:PostNotes}{PostNotes}{/block:PostNotes}
  590. {/block:Posts}
  591.  
  592.  
  593. <!--navigation-->
  594. <div id="nav">
  595. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  596. /{block:NextPage} <a href="{NextPage}">FORTH</a>{/block:NextPage}{/block:Pagination}
  597. </div><!--end navigation-->
  598. </div><!--end content-->
  599.  
  600. <!-- credit -->
  601. <a href="http://sandragonthemes.tumblr.com"><div id="credit">st</div></a>
  602.  
  603. </div><!--end container-->
  604. </body>
  605. </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!