q_shiner

Taurus Theme

Jun 1st, 2015
273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.68 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <!--- Theme by Shinerthemes --->
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. <link href='http://fonts.googleapis.com/css?family=Teko:300,400' rel='stylesheet' type='text/css'>
  15.  
  16. <meta name="font:Body" content="Helvetica" />
  17. <meta name="color:Background" content="#fff" />
  18. <meta name="color:Body" content="#333" />
  19. <meta name="color:Link Tab" content"#006633" />
  20. <meta name="color:Tab Link" content"#fff" />
  21. <meta name="color:Link" content="#000000" />
  22. <meta name="if:Sidebar Image" content="0"/>
  23. <meta name="image:Sidebar" content="" />
  24. <meta name="image:Background" content="" />
  25. <meta name="color:tag border" content"#000000" />
  26. <meta name="text:Link1" content="link" />
  27. <meta name="text:Link1 URL" content="/" />
  28. <meta name="text:Link2" content="link" />
  29. <meta name="text:Link2 URL" content="/" />
  30. <meta name="text:Link3" content="link" />
  31. <meta name="text:Link3 URL" content="/" />
  32. <meta name="text:Link4" content="link" />
  33. <meta name="text:Link4 URL" content="/" />
  34. <meta name="text:Link5" content="link" />
  35. <meta name="text:Link5 URL" content="/" />
  36. <meta name="if:Right Sidebar" content="1"/>
  37.  
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. aside {
  43. position:fixed;
  44. {block:ifrightsidebar}
  45. text-align:left;
  46. right:235px;
  47. {/block:ifrightsidebar}
  48. {block:ifnotrightsidebar}
  49. text-align:right;
  50. left:235px;
  51. {/block:ifnotrightsidebar}
  52. top:50px;
  53. }
  54.  
  55. body {
  56. background: {color:Background};
  57. background-image: url('{image:Background}');
  58. position:absolute;
  59. font-size:12px;
  60. font-family: {font:Body};
  61. width:100%;height:100%;
  62. margin:0;padding:0;
  63. color:{color:Body};
  64. }
  65.  
  66. blockquote {
  67. border-left:1px solid #eee;
  68. padding:5px;
  69. margin:0;margin-left:10px;
  70. padding-left:10px;
  71. text-align: justify;
  72. }
  73.  
  74. blockquote img {
  75. max-width: 100%;
  76. display: block;
  77. margin-bottom: 5px;
  78. }
  79.  
  80. blockquote blockquote {
  81. margin: 10px;
  82. padding: 10px;
  83. }
  84.  
  85. a {
  86. text-decoration:none;
  87. outline:none;
  88. color:{color:Link};
  89. -webkit-transition: all 0.5s ease-in-out;
  90. -moz-transition: all 0.5s ease-in-out;
  91. -o-transition: all 0.5s ease-in-out;
  92. }
  93.  
  94. a:hover {
  95. color:{color:Link Hover};
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. }
  100.  
  101. h1 {
  102. font-family:{font:Body};
  103. text-align:center;
  104. }
  105.  
  106. h2 {
  107. font-family:tahoma;
  108. text-transform:uppercase;
  109. padding:5px;
  110. color:{color:Link};
  111. }
  112.  
  113. #title {
  114. font-family:{font:Title};
  115. color:{color:Body};
  116. font-style:italic;
  117. font-weight:bold;
  118. {block:ifrightsidebar}
  119. padding-left:50px;
  120. {/block:ifrightsidebar}
  121. {block:ifnotrightsidebar}
  122. padding-right:50px;
  123. {/block:ifnotrightsidebar}
  124. font-size:17px;
  125. text-decoration:none;
  126. -webkit-transition: all 0.5s ease-in-out;
  127. -moz-transition: all 0.5s ease-in-out;
  128. -o-transition: all 0.5s ease-in-out;
  129. }
  130.  
  131. #sidebar {
  132. width:190px;
  133. padding:5px;
  134. }
  135.  
  136. #sidebar img {
  137. width:130px;
  138. padding-top:15px;
  139. padding-bottom:15px;
  140. height:auto;
  141. {block:ifrightsidebar}
  142. padding-left:50px;
  143. {/block:ifrightsidebar}
  144. {block:ifnotrightsidebar}
  145. padding-right:50px;
  146. {/block:ifnotrightsidebar}
  147. }
  148.  
  149. #description {
  150. padding-top:10px;
  151. padding-bottom:10px;
  152. color:{color:Description};
  153. font-size:11px;
  154. font-family:{font:Body};
  155. {block:ifrightsidebar}
  156. text-align:left;
  157. padding-left:50px;
  158. {/block:ifrightsidebar}
  159. {block:ifnotrightsidebar}
  160. text-align:right;
  161. padding-right:50px;
  162. {/block:ifnotrightsidebar}
  163. }
  164.  
  165. #pagination {
  166. background:black;
  167. color:white;
  168. }
  169.  
  170. #nav {
  171. margin-top:20px;
  172. }
  173.  
  174.  
  175. #linktext {
  176.  
  177. padding-bottom:10px;
  178. padding-bottom:5px;
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182.  
  183. }
  184.  
  185. #links a:hover {
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 0.5s ease-in-out;
  188. -o-transition: all 0.5s ease-in-out;
  189. {block:ifrightsidebar}
  190. padding-left:105px;
  191. {/block:ifrightsidebar}
  192. {block:ifnotrightsidebar}
  193. padding-right:105px;
  194. {/block:ifnotrightsidebar}
  195. background:{color:link tab};
  196. -webkit-transition: all 0.5s ease-in-out;
  197. -moz-transition: all 0.5s ease-in-out;
  198. -o-transition: all 0.5s ease-in-out;
  199. }
  200.  
  201. #links {
  202. {block:ifrightsidebar}
  203. text-align:left;
  204. {/block:ifrightsidebar}
  205. {block:ifnotrightsidebar}
  206. text-align:right;
  207. {/block:ifnotrightsidebar}
  208.  
  209. }
  210.  
  211.  
  212. #links a {
  213. {block:ifrightsidebar}
  214. padding-right:60px;
  215. padding-left:4px;
  216. {/block:ifrightsidebar}
  217. {block:ifnotrightsidebar}
  218. padding-left:60px;
  219. padding-right:4px;
  220. {/block:ifnotrightsidebar}
  221. font-family: 'Teko', sans-serif;
  222. font-size:7px;
  223. text-transform:uppercase;
  224. letter-spacing:2px;
  225. background:{color:link tab};
  226. color:{color:tab link};
  227. -webkit-transition: all 0.5s ease-in-out;
  228. -moz-transition: all 0.5s ease-in-out;
  229. -o-transition: all 0.5s ease-in-out;
  230. }
  231.  
  232.  
  233. #entries {
  234. position:absolute;
  235. left:50%;
  236. margin-left:-260px;
  237. background:white;
  238. padding:5px;
  239. }
  240.  
  241. #post {
  242. font-size: 10px;
  243. padding: 5px;
  244. margin-top:50px;
  245. width: 500px;
  246. color:{color:Body};
  247. text-align: left;
  248. overflow:hidden;
  249. }
  250.  
  251. #info {
  252. font-family: 'Teko', sans-serif;
  253. padding: 10px;
  254. background:white;
  255. border:solid {color:tag border} 1px;
  256. margin-top:10px;
  257. letter-spacing:1px;
  258. text-transform:uppercase;
  259. font-size:7px;
  260. margin:10px;
  261. }
  262.  
  263. .caption {
  264. padding:5px;
  265. width:100%;
  266. }
  267.  
  268.  
  269.  
  270.  
  271. /* CHAT POSTS */
  272.  
  273. .chat li{
  274. display:block;
  275. padding:8px;
  276. }
  277.  
  278. /* QUOTE POSTS */
  279.  
  280. .quote h3{
  281. text-align:left;
  282. font-weight:bold;
  283. font-size:14px;
  284. line-height:1.7;
  285. }
  286.  
  287. .quote .source{
  288. text-align:right;
  289. }
  290.  
  291.  
  292. /* ------------------------- DO NOT REMOVE ------------------------- */
  293.  
  294. #credit {
  295. position: fixed;
  296. bottom: 5px;
  297. right: 2px;
  298. margin-right: 0px;
  299. padding: 1px;
  300. font-family: arial;
  301. font-size: 12px;
  302. font-weight: normal !important;
  303. text-align: center;
  304. color: {color:text};
  305. background: transparent;
  306. }
  307.  
  308. #credithover {
  309. opacity: 0;
  310. display: inline-block;
  311. position: absolute;
  312. float: right;
  313. width: 90px;
  314. right: 0px;
  315. bottom: 2px;
  316. margin-top: 4px;
  317. font-family: helvetica,arial;
  318. font-size: 8px;
  319. font-weight: bold;
  320. letter-spacing: 1px;
  321. color: {color:text};
  322. transition-duration: 0.4s;
  323. -moz-transition-duration: 0.4s;
  324. -ms-transition: 0.4s;
  325. -webkit-transition-duration: 0.4s;
  326. -o-transition-duration: 0.4s;
  327. }
  328.  
  329. #credit:hover #credithover {
  330. opacity: 1;
  331. right: 0px;
  332. color: {color:text};
  333. transition-duration: 0.4s;
  334. -moz-transition-duration: 0.4s;
  335. -ms-transition: 0.4s;
  336. -webkit-transition-duration: 0.4s;
  337. -o-transition-duration: 0.4s;
  338. }
  339.  
  340. .question {
  341. background:#f2f2f2;
  342. padding-top:10px;
  343. padding-left:10px;
  344. }
  345.  
  346. .asker {
  347. font-family: 'Teko', sans-serif;
  348. padding-left:10px;
  349. padding-top:5px;
  350. font-size:11px;
  351. letter-spacing:1px;
  352. padding-bottom:5px;
  353. }
  354.  
  355. .answer {
  356. padding-left:10px;
  357. }
  358.  
  359.  
  360. .audio {
  361. padding-right:2px;
  362. }
  363.  
  364. .player {
  365. margin-left:45px;
  366. width:30px;
  367. height:30px;
  368. overflow:hidden;
  369. position:absolute;
  370. margin-top:45px;
  371. margin-bottom:45px;
  372. opacity: 0.7;
  373. filter:alpha(opacity=70);
  374. -moz-opacity: 0.7;
  375. -khtml-opacity: 0.7;
  376.  
  377. }
  378.  
  379. .albumart {
  380. float:left;
  381. margin:0px 7px;
  382.  
  383. }
  384.  
  385. .audiotitle {
  386. padding:5px;
  387. float:center;
  388. font-family: 'Teko', sans-serif;
  389. }
  390.  
  391. .audioartist {
  392. padding:5px;
  393. float:center;
  394. font-family: 'Teko', sans-serif;
  395. }
  396.  
  397.  
  398. </style>
  399. <style type="text/css">{CustomCSS}</style>
  400. </head>
  401.  
  402. <body>
  403.  
  404. <aside>
  405. <div id="sidebar">
  406. <div id="title"><a href="/">{Title}</a></div>
  407. {block:ifsidebarimage}<img src="{image:sidebar}"/></a>{/block:ifsidebarimage}
  408. <div id="description">
  409. {block:Description}{Description}{/block:Description}
  410. </div>
  411.  
  412. <div id="nav">
  413. <div id="links">
  414. <div id="linktext"><a href="{text:Link1 URL}">{text:Link1}</a></div>
  415. <div id="linktext"><a href="{text:Link2 URL}">{text:Link2}</a></div>
  416. <div id="linktext"><a href="{text:Link3 URL}">{text:Link3}</a></div>
  417. <div id="linktext"><a href="{text:Link4 URL}">{text:Link4}</a></div>
  418. <div id="linktext"><a href="{text:Link5 URL}">{text:Link5}</a></div>
  419. </div>
  420. </div>
  421. </div>
  422. </aside>
  423.  
  424.  
  425. <div id="entries">
  426. {block:Posts}
  427. <div id="post">
  428.  
  429. <!----- TEXT POSTS ---->
  430. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  431.  
  432.  
  433. <!----- QUOTE POSTS ---->
  434. {block:Quote}
  435. <div class="quote">
  436. <h3>“{Quote}”</h3>
  437. <div class="source">— {Source}</div>
  438. </div>
  439. {/block:Quote}
  440.  
  441.  
  442. <!----- LINK POSTS ---->
  443. {block:Link}
  444. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
  445. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  446.  
  447.  
  448. <!----- PHOTO POSTS ---->
  449. {block:Photo}
  450. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  451. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  452. {/block:Photo}
  453.  
  454.  
  455. <!----- PHOTOSET POSTS ---->
  456. {block:Photoset}
  457. <center>{Photoset-500}</center>
  458. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  459. {/block:Photoset}
  460.  
  461.  
  462. <!----- CHAT POSTS ---->
  463. {block:Chat}
  464. <div class="chat">
  465. {block:Title}<h1>{Title}</h1>{/block:Title}
  466. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}
  467. </div>
  468. {/block:Chat}
  469.  
  470.  
  471. <!----- VIDEO POSTS ---->
  472. {block:Video}
  473. {Video-500}
  474. <div id="caption">{block:Caption}{Caption}{/block:Caption}</div>
  475. {/block:Video}
  476.  
  477.  
  478. <!----- AUDIO POSTS ---->
  479. <div class="audio">
  480. {block:Audio}
  481. <div class="player">{AudioPlayerWhite} </div>
  482. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div class="audiotitle">{block:TrackName}{TrackName}{/block:TrackName}<div class="audiotitle">{block:Artist}{Artist}{/block:Artist}</div>
  483. </div></div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  484. {/block:Audio}
  485.  
  486. <!----- QUESTION POSTS ---->
  487. {block:Answer}
  488. <div class="question">
  489. {Question}<br><div class="asker">-{Asker}</div></div>
  490. <div class="answer">{Answer}</div>
  491. {/block:Answer}
  492.  
  493.  
  494. </div>
  495.  
  496. <div id="info">
  497. {block:Date}
  498. <a href="{Permalink}">{TimeAgo}</a>
  499. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  500. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a>{/block:ContentSource}<br>{/block:RebloggedFrom}
  501. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  502.  
  503. {/block:Date}</div>
  504.  
  505.  
  506. {/block:Posts}
  507.  
  508. {block:PostNotes}{PostNotes}{/block:PostNotes}
  509.  
  510. </div>
  511.  
  512.  
  513. <center>
  514. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</center>
  515. <div id="credit"><a href="http://shinerthemes.tumblr.com/" target="_blank">☀</a><div id= "credithover"><a href="http://shinerthemes.tumblr.com" target="_blank">Shiner</a></div></div>
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment