API tools faq
paste
Advertisement
sandragonthemes

Theme #20

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