API tools faq
paste
Advertisement
sandragonthemes

Theme #01

sandragonthemes
Feb 22nd, 2013
323
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. This is theme #01 by sandragonthemes.
  5. Please follow the rules and do not remove the credit.
  6. For questions please message me.
  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. <link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One|Pacifico' rel='stylesheet' type='text/css'>
  17. <!--Script for the 'to top' button-->
  18. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script><script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script><script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script><script type="text/javascript">$(document).ready(function() {
  19. /*var defaults = {containerID: 'moccaUItoTop', // fading element idcontainerHoverClass: 'moccaUIhover', // fading element hover classscrollSpeed: 1200,easingType: 'linear' };*/$().UItoTop({easingType: 'easeOutQuart'});
  20. });</script>
  21.  
  22. <style type="text/css">
  23. body {
  24. background-color: #fffdf6;
  25. font-family: Arial, Century Gothic, Verdana, sans-serif;
  26. font-size: 10px;
  27. color: #ca7054;
  28. }
  29.  
  30. a {
  31. color: #4a2f27;
  32. font-weight: none;
  33. text-decoration: none;
  34. }
  35.  
  36. a:hover {
  37. color: #8b4d3b;
  38. }
  39.  
  40. a img {
  41. border: 0px;
  42. }
  43.  
  44. /*CREDIT*/
  45. #credit{
  46. text-transform: lowercase;
  47. position: fixed;
  48. right: 26px;
  49. bottom: 3px;
  50. text-align: center;
  51. font-size: 9px;
  52. letter-spacing: 1px;
  53. width: 30px;
  54. }
  55.  
  56. #credit a{
  57. color: #ffd5cf;
  58. }
  59.  
  60. #credit a:hover{
  61. color: #f4c4bd;
  62. }
  63.  
  64. .alt_page {
  65. width: 500px;
  66. background-color: #fff8f3;
  67. font-family: Century Gothic, Arial, sans-serif;
  68. font-size: 12px;
  69. padding: 12px 24px 5px 24px;
  70. border: 1px solid #ffe7e5;
  71. -moz-border-radius: 20px;
  72. border-radius: 20px;
  73. }
  74.  
  75. /*SIDEBAR*/
  76. .sidebar_wrapper {
  77. position: fixed;
  78. width: 273px;
  79. margin-left:40px;
  80. margin-top:105px;
  81. text-align: center;
  82. }
  83.  
  84. .sidebar {
  85. width: 225px;
  86. float: left;
  87. background-color: #fffdf6;
  88. font-family: Century Gothic, Arial, sans-serif;
  89. font-size: 12px;
  90. padding: 7px 24px 5px 24px;
  91. background-image: url('http://i.imgur.com/SkoINdQ.jpg');
  92. border: 1px solid #ffe7e5;
  93. -moz-border-radius: 20px;
  94. border-radius: 20px;
  95. }
  96.  
  97. .sidebar img{
  98. margin-bottom:10px;
  99. -moz-border-radius: 225px;
  100. border-radius: 225px;
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. transition: all 0.5s ease-in-out;
  105. }
  106.  
  107. .sidebar img:hover{
  108. opacity:0.80;
  109. filter:alpha(opacity=80); /* For IE8 and earlier */
  110. -webkit-transition: all 0.5s ease-in-out;
  111. -moz-transition: all 0.5s ease-in-out;
  112. -o-transition: all 0.5s ease-in-out;
  113. transition: all 0.5s ease-in-out;
  114. }
  115.  
  116. .buttons_wrapper {
  117. width:273px;
  118. height:20px;
  119. font-family: Century Gothic, Arial, sans-serif;
  120. font-size: 12px;
  121. margin-left:0px;
  122. margin-right:0px;
  123. }
  124.  
  125. .buttons_sides a{
  126. color: #ca7054;
  127. }
  128.  
  129. .button_center a{
  130. color: #ca7054;
  131. }
  132.  
  133. .buttons_sides a:hover {
  134. color: #8b4d3b;
  135. }
  136.  
  137. .button_center a:hover {
  138. color: #8b4d3b;
  139. }
  140.  
  141. .buttons_sides {
  142. width: 84px;
  143. height: 20px;
  144. font-family: Century Gothic, Arial, sans-serif;
  145. font-size: 12px;
  146. margin-top:15px;
  147. float:left;
  148. background-image: url('http://i.imgur.com/SkoINdQ.jpg');
  149. border: 1px solid #ffe7e5;
  150. -moz-border-radius: 10px;
  151. border-radius: 10px;
  152. }
  153.  
  154. .button_center{
  155. width: 85px;
  156. height: 20px;
  157. font-family: Century Gothic, Arial, sans-serif;
  158. font-size: 12px;
  159. margin-top:15px;
  160. margin-left: 7px;
  161. margin-right: 7px;
  162. float:left;
  163. background-image: url('http://i.imgur.com/SkoINdQ.jpg');
  164. border: 1px solid #ffe7e5;
  165. -moz-border-radius: 10px;
  166. border-radius: 10px;
  167. }
  168.  
  169. /*TO TOP BUTTON*/
  170. #toTop:Hover{
  171. display:none;
  172. text-decoration:none;
  173. position:fixed;
  174. margin-left: 1000px;
  175. margin-top: 300px;
  176. overflow:hidden;
  177. width:67px;
  178. height:67px;
  179. z-index:700;
  180. border:none;
  181. text-indent:-999px;
  182. background:url(http://i.imgur.com/K0Qjm3N.jpg);
  183.  
  184. }
  185.  
  186. #toTop:active, #toTop:focus {outline:none;}
  187.  
  188. #toTop{
  189. display:none;
  190. text-decoration:none;
  191. position:fixed;
  192. margin-left: 1000px;
  193. margin-top: 300px;
  194. overflow:hidden;
  195. width:67px;
  196. height:67px;
  197. border:none;
  198. text-indent:-999px;
  199. background:url(http://i.imgur.com/fwl18AM.jpg);
  200.  
  201. }
  202.  
  203. .content {
  204. position: absolute;
  205. background-color: #fffdf6;
  206. }
  207.  
  208. .post {
  209. position: relative;
  210. margin-left: 375px;
  211. margin-top: 20px;
  212. margin-bottom: 20px;
  213. background-color: #fffdf6;
  214. width: 500px;
  215. padding: 10px;
  216. }
  217.  
  218. .post tr{
  219. background-color: #faf2ee;
  220. padding: 7px;
  221. }
  222.  
  223. .post img {
  224. display: block;
  225. margin: 0 auto;
  226. }
  227.  
  228. .info_wrapper{
  229. width: 500px;
  230. height:15px;
  231. background-image: url('http://i.imgur.com/SkoINdQ.jpg');
  232. text-transform:uppercase;
  233. margin-top:5px;
  234. }
  235.  
  236. .info_left{
  237. float:left;
  238. text-transform:uppercase;
  239. padding-left:2px;
  240. }
  241.  
  242. .info_right{
  243. float:right;
  244. text-transform:uppercase;
  245. padding-right:2px;
  246. }
  247.  
  248. .tags {
  249. font-size: 10px;
  250. text-align: center;
  251. text-transform: uppercase;
  252. color:#4a2f27;
  253. border-top: 2px solid #ffebe7;
  254. border-bottom: 2px solid #ffebe7;
  255. }
  256.  
  257. .tag {
  258. font-size: 10px;
  259. text-align:center;
  260. color:#4a2f27;
  261. }
  262.  
  263. h1{
  264. font-family: 'Pacifico', cursive;
  265. font-size: 25px;
  266. margin:-12px;
  267. color: #ffd5cf;
  268. -webkit-transition: all 0.6s ease-in-out;
  269. -moz-transition: all 0.6s ease-in-out;
  270. -o-transition: all 0.6s ease-in-out;
  271. transition: all 0.6s ease-in-out;
  272. }
  273.  
  274. h1:hover{
  275. font-family: 'Pacifico', cursive;
  276. font-size: 25px;
  277. margin:-12px;
  278. color: #f0c8c2;
  279. -webkit-transition: all 0.6s ease-in-out;
  280. -moz-transition: all 0.6s ease-in-out;
  281. -o-transition: all 0.6s ease-in-out;
  282. transition: all 0.6s ease-in-out;
  283. }
  284.  
  285. blockquote {
  286. font-size: 11px;
  287. padding: 5px;
  288. border-left: 5px solid #4a2f27;
  289. margin: 5px;
  290. }
  291.  
  292. .quote {
  293. font-family: Myriad Web Pro;
  294. font-size: 18px;
  295. font-style: italic;
  296. color: #ca7054;
  297. }
  298.  
  299. .source {
  300. margin-left: 25px;
  301. }
  302.  
  303. .link {
  304. color: #4a2f27;
  305. padding: 5px;
  306. font-size: 16px;
  307. -moz-border-radius: 5px;
  308. -webkit-border-radius: 5px;
  309. font-weight: normal;
  310. font-style: italic;
  311. }
  312.  
  313. .link:hover {
  314. color: #8b4d3b;
  315. }
  316.  
  317. ul.chat {
  318. margin: 0;
  319. padding: 0;
  320. }
  321.  
  322. .chat li {
  323. list-style-type: none;
  324. margin-left: 0px;
  325. padding: 3px;
  326. }
  327.  
  328. .chat li.odd {
  329. background-color: #ffd5cf;
  330. margin-bottom: 1px;
  331. color: #ca7054;
  332. }
  333.  
  334. .chat li.even {
  335. background-color: #ffebe7;
  336. margin-bottom: 1px;
  337. color: #ca7054;
  338. }
  339.  
  340. .label {
  341. font-weight: bold;
  342. }
  343.  
  344. .title {
  345. font-size: 30px;
  346. font-family: Georgia;
  347. color: #ca7054;
  348. }
  349.  
  350. {CustomCSS}
  351. </style>
  352. <title>{Title}</title>
  353. </head>
  354.  
  355. <body>
  356. <!--CONTENT STARTS HERE-->
  357. <div class="content">
  358. {block:Posts}
  359.  
  360. {block:Text}
  361. <div class="post">
  362. {block:Title}
  363. <h3><a href="{Permalink}">{Title}</a></h3>
  364. {/block:Title}
  365. {Body}
  366. <div class="info_wrapper">
  367. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  368. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  369. </div>
  370. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  371. </div>
  372. {/block:Text}
  373.  
  374. {block:Photo}
  375. <div class="post">
  376. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  377. {block:Caption}
  378. <div class="caption">{Caption}</div>
  379. {/block:Caption}
  380. <div class="info_wrapper">
  381. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  382. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  383. </div>
  384. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  385. </div>
  386. {/block:Photo}
  387.  
  388. {block:Photoset}
  389. <div class="post">
  390. <center>{Photoset-500}</center>
  391. {block:Caption}
  392. <div class="caption">{Caption}</div>
  393. {/block:Caption}
  394. <div class="info_wrapper">
  395. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  396. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  397. </div>
  398. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  399. </div>
  400. {/block:Photoset}
  401.  
  402. {block:Quote}
  403. <div class="post">
  404. <span class="quote">"{Quote}"</span>
  405. {block:Source}
  406. <div class="source">– {Source}</div>
  407. {/block:Source}
  408. <div class="info_wrapper">
  409. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  410. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  411. </div>
  412. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  413. </div>
  414. {/block:Quote}
  415.  
  416. {block:Link}
  417. <div class="post">
  418. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  419. {block:Description}
  420. <div class="description">{Description}</div>
  421. {/block:Description}
  422. <div class="info_wrapper">
  423. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  424. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  425. </div>
  426. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  427. </div>
  428. {/block:Link}
  429.  
  430. {block:Chat}
  431. <div class="post">
  432. {block:Title}
  433. <h3><a href="{Permalink}">{Title}</a></h3>
  434. {/block:Title}
  435. <ul class="chat">
  436. {block:Lines}
  437. <li class="{Alt} user_{UserNumber}">
  438. {block:Label}
  439. <span class="label">{Label}</span>
  440. {/block:Label}
  441. {Line}
  442. </li>
  443. {/block:Lines}
  444. </ul>
  445. <div class="info_wrapper">
  446. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  447. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  448. </div>
  449. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  450. </div>
  451. {/block:Chat}
  452.  
  453. {block:Video}
  454. <div class="post">
  455. <center>{Video-500}</center>
  456. {block:Caption}
  457. <div class="caption">{Caption}</div>
  458. {/block:Caption}
  459. <div class="info_wrapper">
  460. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  461. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  462. </div>
  463. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  464. </div>
  465. {/block:Video}
  466.  
  467. {block:Audio}
  468. <div class="post">
  469. {AudioPlayerBlack}
  470. {block:Caption}
  471. <div class="caption">{Caption}</div>
  472. {/block:Caption}
  473. <div class="info_wrapper">
  474. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  475. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  476. </div>
  477. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  478. </div>
  479. {/block:Audio}
  480.  
  481. {block:Answer}
  482. <div class="post"><table>
  483. <tr>
  484. <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
  485. <td class="ask">{Asker} {text:asker}: {Question}</td>
  486. </tr>
  487. </table>
  488. {Answer}
  489. <div class="info_wrapper">
  490. <div class="info_left">{block:Date}<a href="{Permalink}">[{TimeAgo}]</a>{/block:Date} {block:RebloggedFrom}<a href="{ReblogParentURL}">[Via]</a>{/block:RebloggedFrom} {block:RebloggedFrom}<a href="{ReblogRootURL}">[Source]</a>{/block:RebloggedFrom}</div>
  491. <div class="info_right">{block:NoteCount}<a href="{Permalink}">[{NoteCount} notes]</a>{/block:NoteCount} <a href="{ReblogURL}">[Reblog]</a></div>
  492. </div>
  493. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  494. </div>
  495. {/block:Answer}
  496.  
  497. {/block:Posts}
  498. </div><!--end content-->
  499. <!--SIDEBAR STARTS HERE-->
  500. <div class="title">{Title}</div>
  501. <div class="sidebar_wrapper">
  502. <a href="/"><h1>{Title}</h1></a>
  503. <div class="sidebar">
  504. <p align="center">
  505. <!--RANDOM IMAGE CODE-->
  506. <script language="JavaScript">
  507. /*
  508. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  509. Over 400+ free JavaScripts here!
  510. Keep this notice intact please
  511. */
  512.  
  513. function random_imglink() {
  514. var myimages = new Array()
  515. myimages[1] = "http://i.imgur.com/BlVqrwt.gif" //URL OF IMAGE 1
  516. myimages[2] = "http://i.imgur.com/EIARnrw.gif" //URL OF IMAGE 2
  517. myimages[3] = "http://i.imgur.com/uFLwRam.gif" //URL OF IMAGE 3
  518.  
  519. var ry = Math.floor(Math.random() * myimages.length)
  520. if (ry == 0)
  521. ry = 1
  522. document.write('<img src="' + myimages[ry] + '" border=0>')
  523. }
  524. random_imglink()
  525. </script>
  526. {block:Description}{Description}{/block:Description}</p>
  527. </div>
  528. <!--BUTTONS-->
  529. <div class="buttons_wrapper">
  530. <div class="buttons_sides"><a href="/about">About</a></div>
  531. <div class="button_center"><a href="/archive">Archive</a></div>
  532. <div class="buttons_sides"><a href="/ask">Message</a></div>
  533. </div><!--end buttons-->
  534. <!--NAVIGATION-->
  535. <p align="center"><br><br><br>
  536. {block:Pagination}
  537. {block:PreviousPage}
  538. <a href="{PreviousPage}"><font size="3">«</font></a>
  539. {/block:PreviousPage}
  540.  
  541. {block:NextPage}
  542. <a href="{NextPage}"><font size="3">»</font></a>
  543. {/block:NextPage}
  544. {/block:Pagination}
  545. </p><!--end navigation-->
  546. </div>
  547. <!--end sidebar-->
  548. <!-- CREDIT DO NOT REMOVE-->
  549. <div id="credit"><a href="http://sandragonthemes.tumblr.com/">sandragon</a></div>
  550. </body>
  551. </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!