API tools faq
paste
Advertisement
sandragonthemes

Theme #04

sandragonthemes
Mar 3rd, 2013
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. This is theme #04 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. <link href='http://fonts.googleapis.com/css?family=Armata|Pirata+One|Junge|Griffy' rel='stylesheet' type='text/css'>
  17.  
  18. <!--DEFAULT VARIABLES-->
  19. <meta name="color:Background" content ="#ffffff"/>
  20. <meta name="color:Post and Sidebar background" content ="#ffffff"/>
  21. <meta name="color:Text" content="#000000"/>
  22. <meta name="color:Link" content="#7b0000"/>
  23. <meta name="color:Link Hover" content="#2e0303"/>
  24. <meta name="color:Borders" content="#7b0000"/>
  25. <meta name="color:Links Background" content="#e7cccc"/>
  26. <meta name="color:Tag background" content="#f4eded"/>
  27.  
  28. <meta name="image:Sidebar" content="http://i.imgur.com/1inLzsE.png"/>
  29.  
  30. <meta name="font:Body" content="Trebuchet MS"/>
  31.  
  32. <meta name="text:Font size" content="10px"/>
  33. <meta name="text:Sidebar font size" content="11px"/>
  34. <meta name="text:Link 1" content="http://"/>
  35. <meta name="text:Link 1 Title" content=""/>
  36. <meta name="text:Link 2" content="http://">
  37. <meta name="text:Link 2 Title" content=""/>
  38. <meta name="text:Link 3" content="http://"/>
  39. <meta name="text:Link 3 Title" content=""/>
  40. <meta name="text:Link 4" content="http://">
  41. <meta name="text:Link 4 Title" content=""/>
  42.  
  43.  
  44. <style type="text/css">
  45. {CustomCSS}
  46. /*SCROLLBAR*/
  47. ::-webkit-scrollbar {
  48. width: 9px;
  49. }
  50.  
  51. ::-webkit-scrollbar-track {
  52. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
  53. border-radius: 10px;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. border-radius: 10px;
  58. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
  59. }
  60.  
  61. /*BODY*/
  62. body {
  63. background-color: {color:Background};
  64. font-size: {text:Font size};
  65. font-family: {font:Body};
  66. color: {color:Text};
  67. }
  68.  
  69. a{
  70. color: {color:Link};
  71. font-weight: none;
  72. text-decoration: none;
  73. }
  74.  
  75. a:hover{
  76. color: {color:Link Hover};
  77. }
  78.  
  79. a img {
  80. border: 0px;
  81. }
  82.  
  83. ul{
  84. list-style-type: none;
  85. padding: 0px;
  86. margin: 0px;
  87. }
  88.  
  89. h1{
  90. font-family: 'Junge', serif;
  91. font-size: 16px;
  92. font-weight: bold;
  93. }
  94.  
  95. #container{
  96. width: 870px;
  97. margin:auto;
  98. }
  99.  
  100. /*SIDEBAR*/
  101. #sidebar_wrapper {
  102. width: 220px;
  103. height: 100%;
  104. background: url('{image:Sidebar}') bottom center no-repeat;
  105. background-color: {color:Post and Sidebar background};
  106. border: 1px solid {color:Borders};
  107. text-align: center;
  108. margin-left: 650px;
  109. position: fixed;
  110. margin-top: -9px;
  111. }
  112.  
  113. #sidebar {
  114. width: 190px;
  115. height: 220px;
  116. margin-top: 0px;
  117. padding: 0px 15px 0px 15px;
  118. text-align: center;
  119. font-size: {text:Sidebar font size};
  120. overflow:auto;
  121. }
  122.  
  123. #blogtitle{
  124. font-family: 'Pirata One', cursive;
  125. font-size: 18px;
  126. margin-top:25px;
  127. margin-bottom: 3px;
  128. }
  129.  
  130. #navigation{
  131. margin:0px;
  132. }
  133.  
  134. #navigation a{
  135. font-family: 'Griffy', cursive;
  136. font-size: 24px;
  137. padding: 0px 5px;
  138. }
  139.  
  140. /*LINKS*/
  141. #pages{
  142. width: 350px;
  143. margin-top: 50px;
  144. position:fixed;
  145. margin-left: 560px;
  146. }
  147.  
  148. .links{
  149. padding-left: 3px;
  150. padding-top: 3px;
  151. height:20px;
  152. background-color: {color:Links Background};
  153. border-left: 5px solid {color:Borders};
  154. margin-left: 77px;
  155. margin-bottom: 10px;
  156. width: 233px;
  157. -webkit-transition: all 0.4s ease-in-out;
  158. -moz-transition: all 0.4s ease-in-out;
  159. -o-transition: all 0.4s ease-in-out;
  160. }
  161.  
  162. .links:hover{
  163. width: 330px;
  164. margin-left: -20px;
  165. -webkit-transition: all 0.4s ease-in-out;
  166. -moz-transition: all 0.4s ease-in-out;
  167. -o-transition: all 0.4s ease-in-out;
  168. }
  169.  
  170. .links a{
  171. font-family: 'Junge', serif;
  172. padding-left: 5px;
  173. font-weight: bold;
  174. }
  175.  
  176. /*CONTENT*/
  177. #content {
  178. margin: auto;
  179. float: left;
  180. width: 520px;
  181. }
  182.  
  183. .info_wrapper{
  184. opacity:1;
  185. width: 75px;
  186. font-family: 'Armata', sans-serif;
  187. color: {color:Link};
  188. font-size: 11px;
  189. text-shadow: 0px 1px {color:Text};
  190. position:absolute;
  191. text-align: center;
  192. margin-top: -15px;
  193. margin-left: -87px;
  194. }
  195.  
  196. .info_wrapper img{
  197. margin: auto;
  198. padding: 2px;
  199. display: block;
  200. }
  201.  
  202. .tags {
  203. font-size: 10px;
  204. text-align: center;
  205. background-color: {color:Tag background};
  206. width: 514px;
  207. margin-left: -10px;
  208. padding: 4px 3px 3px 3px;
  209. }
  210.  
  211. .post {
  212. margin-top: 20px;
  213. margin-bottom: 30px;
  214. background-color: {color:Post and Sidebar background};
  215. font-family: 'Armata', sans-serif;
  216. width: 500px;
  217. padding: 15px 10px 0px 10px;
  218. border: 1px solid {color:Borders};
  219. }
  220.  
  221. .post table{
  222. width:500px;
  223. background-color: {color:Tag background};
  224. padding: 7px;
  225. }
  226.  
  227. .notes{
  228. background-color: {color:Post and Sidebar background};
  229. margin-top: 20px;
  230. margin-bottom: 10px;
  231. padding-top: 5px;
  232. padding-bottom: 5px;
  233. border: 2px solid {color:Post and Sidebar background};
  234. }
  235.  
  236. blockquote {
  237. padding: 5px;
  238. border-left: 4px solid {color:Borders};
  239. margin: 5px;
  240. }
  241.  
  242. .quote {
  243. font-size: {text:Sidebar font size};
  244. font-family: Myriad Web Pro;
  245. font-style: italic;
  246. }
  247.  
  248. .source {
  249. margin-left: 25px;
  250. }
  251.  
  252. .link {
  253. font-family: 'Junge', serif;
  254. padding: 5px;
  255. font-size: 16px;
  256. }
  257.  
  258. ul.chat {
  259. margin: 0px 0px 7px 0px;
  260. padding: 0;
  261. }
  262.  
  263. .chat li {
  264. list-style-type: none;
  265. margin-left: 0px;
  266. padding: 3px;
  267. }
  268.  
  269. .label {
  270. font-weight: bold;
  271. }
  272.  
  273. .title {
  274. font-size: 20px;
  275. font-family: Georgia;
  276. color: {color:Link Hover};
  277. }
  278.  
  279. {CustomCSS}
  280. </style>
  281.  
  282. <title>{Title}</title>
  283. </head>
  284.  
  285. <body>
  286. <div id="container">
  287. <!--CONTENT STARTS HERE-->
  288. <div id="content">
  289.  
  290. {block:Posts}
  291.  
  292. {block:Text}
  293. <div class="post">
  294. <div class="info_wrapper">
  295. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  296. <center>{ReblogButton color="black" size="16"}</center><br>
  297. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  298. </div>
  299. {block:Title}
  300. <h1><a href="{Permalink}">{Title}</a></h1>
  301. {/block:Title}
  302. {Body}
  303. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  304. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  305. </div>
  306. {/block:Text}
  307.  
  308. {block:Photo}
  309. <div class="post">
  310. <div class="info_wrapper">
  311. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  312. <center>{ReblogButton color="black" size="16"}</center><br>
  313. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  314. </div>
  315. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  316. {block:Caption}
  317. <div class="caption">{Caption}</div>
  318. {/block:Caption}
  319. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  320. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  321. </div>
  322. {/block:Photo}
  323.  
  324. {block:Photoset}
  325. <div class="post">
  326. <div class="info_wrapper">
  327. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  328. <center>{ReblogButton color="black" size="16"}</center><br>
  329. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  330. </div>
  331. <center>{Photoset-500}</center>
  332. {block:Caption}
  333. <div class="caption">{Caption}</div>
  334. {/block:Caption}
  335. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  336. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  337. </div>
  338. {/block:Photoset}
  339.  
  340. {block:Quote}
  341. <div class="post">
  342. <div class="info_wrapper">
  343. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  344. <center>{ReblogButton color="black" size="16"}</center><br>
  345. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  346. </div>
  347. <span class="quote">"{Quote}"</span>
  348. {block:Source}
  349. <div class="source">– {Source}</div>
  350. {/block:Source}
  351. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  352. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  353. </div>
  354. {/block:Quote}
  355.  
  356. {block:Link}
  357. <div class="post">
  358. <div class="info_wrapper">
  359. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  360. <center>{ReblogButton color="black" size="16"}</center><br>
  361. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  362. </div>
  363. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  364. {block:Description}
  365. <div class="description">{Description}</div>
  366. {/block:Description}
  367. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  368. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  369. </div>
  370. {/block:Link}
  371.  
  372. {block:Chat}
  373. <div class="post">
  374. <div class="info_wrapper">
  375. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  376. <center>{ReblogButton color="black" size="16"}</center><br>
  377. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  378. </div>
  379. {block:Title}
  380. <h3><a href="{Permalink}">{Title}</a></h3>
  381. {/block:Title}
  382. <ul class="chat">
  383. {block:Lines}
  384. <li class="{Alt} user_{UserNumber}">
  385. {block:Label}
  386. <span class="label">{Label}</span>
  387. {/block:Label}
  388. {Line}
  389. </li>
  390. {/block:Lines}
  391. </ul>
  392. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  393. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  394. </div>
  395. {/block:Chat}
  396.  
  397. {block:Video}
  398. <div class="post">
  399. <div class="info_wrapper">
  400. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  401. <center>{ReblogButton color="black" size="16"}</center><br>
  402. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  403. </div>
  404. <center>{Video-500}</center>
  405. {block:Caption}
  406. <div class="caption">{Caption}</div>
  407. {/block:Caption}
  408. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  409. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  410. </div>
  411. {/block:Video}
  412.  
  413. {block:Audio}
  414. <div class="post">
  415. <div class="info_wrapper">
  416. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  417. <center>{ReblogButton color="black" size="16"}</center><br>
  418. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  419. </div>
  420. {AudioPlayerBlack}
  421. {block:Caption}
  422. <div class="caption">{Caption}</div>
  423. {/block:Caption}
  424. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  425. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
  426. </div>
  427. {/block:Audio}
  428.  
  429. {block:Answer}
  430. <div class="post">
  431. <div class="info_wrapper">
  432. {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<br>
  433. {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}<br>
  434. </div>
  435. <table>
  436. <tr>
  437. <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
  438. <td class="ask">{Asker} {text:asker}: {Question}</td>
  439. </tr>
  440. </table>
  441. {Answer}
  442. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  443. </div>
  444. {/block:Answer}
  445.  
  446. {/block:Posts}
  447. </div><!--end content-->
  448. <div id="pages">
  449. <!--LINKS START HERE YOU CAN ALSO EDIT THE NAMES AND URLS HERE TO ADD MORE INSERT A DIV CLASS WITH THE CLASS 'LINKS'-->
  450. {block:HasPages}{block:Pages}<div class="links"><a href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
  451. {block:ifLink1Title}<div class="links"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>{/block:ifLink1Title}
  452. {block:ifLink2Title}<div class="links"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>{/block:ifLink2Title}
  453. {block:ifLink3Title}<div class="links"><a href="{text:Link 3}">{text:Link 3 Title}</a></div>{/block:ifLink3Title}
  454. {block:ifLink4Title}<div class="links"><a href="{text:Link 4}">{text:Link 4 Title}</a></div>{/block:ifLink4Title}
  455. <div class="links"><a href="/ask">Ask</a></div>
  456. <div class="links"><a href="http://sandragonthemes.tumblr.com/">Theme</a></div>
  457. </div><!--end pages-->
  458. <!--SIDEBAR STARTS HERE-->
  459. <div id="sidebar_wrapper">
  460. <p id="blogtitle"><a href="/">{Title}</a></p>
  461. <div id="navigation">
  462. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  463. </div><!--end navigation-->
  464. <div id="sidebar">
  465. {block:Description}{Description}{/block:Description}
  466. </div><!--end sidebar-->
  467. </div><!-- end sidebar_wrapper-->
  468. </div><!--end container-->
  469. </body>
  470. </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!