API tools faq
paste
alokasenna

More Than Just The Spare (Theme 05)

alokasenna
Apr 16th, 2014
1,203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.64 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.  
  5. THEME 05 BY STVCKY (STVCKY.TUMBLR.COM). DON'T STEAL OR USE AS BASE PLEASE AND THANK. IF YOU HAVE ANY ISSUES MESSAGE ME.
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="image:bg" content=""/>
  19. <meta name="image:icon" content=""/>
  20. <meta name="image:topbar" content=""/>
  21.  
  22. <meta name="color:asker" content="#fff"/>
  23. <meta name="color:ask bg" content="#5bb09f"/>
  24. <meta name="color:ask text" content="#fff"/>
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:blockquote" content="#5bb09f"/>
  27. <meta name="color:bold" content="#000"/>
  28. <meta name="color:border" content="#5bb09f"/>
  29. <meta name="color:chat even bg" content="#5bb09f"/>
  30. <meta name="color:chat even text" content="#fff"/>
  31. <meta name="color:chat odd bg" content="#fff"/>
  32. <meta name="color:chat odd text" content="#5bb09f"/>
  33. <meta name="color:credit" content="#5bb09f"/>
  34. <meta name="color:description bg" content="#fff"/>
  35. <meta name="color:description border" content="#5bb09f"/>
  36. <meta name="color:description text" content="#5bb09f"/>
  37. <meta name="color:icon border" content="#5bb09f"/>
  38. <meta name="color:italics" content="#000"/>
  39. <meta name="color:links" content="#5bb09f"/>
  40. <meta name="color:main links" content="#fff"/>
  41. <meta name="color:main links bg" content="#5bb09f"/>
  42. <meta name="color:pagination" content="#ffff"/>
  43. <meta name="color:pagination bg" content="#5bb09f"/>
  44. <meta name="color:post bg" content="#fff"/>
  45. <meta name="color:post title" content="#fff"/>
  46. <meta name="color:post title bg" content="#5bb09f"/>
  47. <meta name="color:scrollbar" content="#5bb09f"/>
  48. <meta name="color:selection" content="#5bb09f"/>
  49. <meta name="color:selection text" content="#fff"/>
  50. <meta name="color:subtitle" content="#5bb09f"/>
  51. <meta name="color:tags" content="#5bb09f"/>
  52. <meta name="color:tags border" content="#5bb09f"/>
  53. <meta name="color:text" content="#5bb09f"/>
  54. <meta name="color:title" content="#5bb09f"/>
  55.  
  56. <meta name="text:ask text" content="whispered"/>
  57. <meta name="text:subtitle" content="subtitle"/>
  58. <meta name="text:link one" content="one"/>
  59. <meta name="text:link one url" content="/"/>
  60. <meta name="text:link two" content="two"/>
  61. <meta name="text:link two url" content="/"/>
  62. <meta name="text:link three" content="three"/>
  63. <meta name="text:link three url" content="/"/>
  64. <meta name="text:link four" content="four"/>
  65. <meta name="text:link four url" content="/"/>
  66. <meta name="text:link five" content="five"/>
  67. <meta name="text:link five url" content="/"/>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  74.  
  75. @font-face { font-family: "bloo"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  76.  
  77.  
  78.  
  79.  
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. background-color: {color:scrollbar};
  83. height:auto;
  84. border-bottom:none;
  85. }
  86. ::-webkit-scrollbar {
  87. height:9px;
  88. width:5px;
  89. background-color: {color:scrollbar};
  90. border: 2px solid {color:background};
  91.  
  92. }
  93.  
  94. ::selection {
  95. background-color: {color:selection};
  96. color: white;
  97. }
  98.  
  99.  
  100. body {
  101. background-color: {color:bg};
  102. margin:0px;
  103. color: {color:text};
  104. font-family:Arial, Helvetica;
  105. font-size:9px;
  106. line-height:100%;
  107. background-image: url({image:bg});
  108. background-repeat: repeat;
  109. }
  110.  
  111. i, em {
  112. color: {color:italics};
  113. }
  114.  
  115. b, strong {
  116. color: {color:bold};
  117. }
  118.  
  119. a {
  120. text-decoration:none;
  121. -moz-outline-style:none;
  122. color: {color:links};
  123. }
  124.  
  125.  
  126.  
  127. h1 {
  128. font-size:12px;
  129. text-transform:uppercase;
  130. line-height: 110%;
  131. color: {color:post title};
  132. background-color: {color:post title bg};
  133. -webkit-transition: all 0.5s ease;
  134. -moz-transition: all 0.5s ease;
  135. -o-transition: all 0.5s ease;
  136. }
  137.  
  138. h1:hover {
  139. color: {color:post title hover};
  140. background-color: {color:post title bg hover};
  141. -webkit-transition: all 0.5s ease;
  142. -moz-transition: all 0.5s ease;
  143. -o-transition: all 0.5s ease;
  144. }
  145.  
  146. h1 a {
  147. color: {color:post title};
  148. }
  149.  
  150. h1 a:hover {
  151. color: {color:post title hover};
  152. }
  153.  
  154. blockquote {
  155. padding-left:5px;
  156. border-left:2px solid {color:blockquote};
  157. max-width: 100%;
  158. word-wrap: break-word;
  159. }
  160.  
  161. blockquote img {
  162. max-width: 100%;
  163. }
  164.  
  165. a:hover {
  166. opacity:1;
  167. color:{color:hover};
  168. -webkit-transition: all 0.5s ease;
  169. -moz-transition: all 0.5s ease;
  170. -o-transition: all 0.5s ease
  171. }
  172.  
  173. #pic {
  174. width: 550px;
  175. }
  176.  
  177. #pic img {
  178. width: 550px;
  179. height: 200px;
  180. border-bottom: 20px solid {color:border};
  181. margin-left: -100px;
  182. margin-top: -50px;
  183. }
  184.  
  185. #title {
  186. font-size: 100px;
  187. color: {color:title};
  188. font-family: lala;
  189. margin-top: -450px;
  190. margin-left: 650px;
  191. }
  192.  
  193. #subtitle {
  194. font-size: 50px;
  195. font-family: bloo;
  196. color: {color:subtitle};
  197. margin-left: 680px;
  198. margin-top: 15px;
  199. opacity: .7;
  200. }
  201.  
  202. #linkage_contain {
  203. width: 200px;
  204. height: 400px;
  205. position: fixed;
  206. margin-left: 680px;
  207. margin-top: 80px;
  208. }
  209.  
  210. #icon {
  211. width: 100px;
  212. }
  213.  
  214. #icon img {
  215. width: 100px;
  216. height: 100px;
  217. border: 10px solid {color:icon border};
  218. padding: 5px;
  219. margin-left: 33px;
  220. border-radius: 50%;
  221. }
  222.  
  223. #linkage {
  224. width: 100%;
  225. height: 12px;
  226. background-color: {color:main links bg};
  227. margin-top: 10px;
  228. padding-top: 3px;
  229. text-align: center;
  230. }
  231.  
  232. #linkage a {
  233. color: {color:main links};
  234. font-size: 12px;
  235. font-family: ARIAL;
  236. text-align: center;
  237. -webkit-transition: 0.8;
  238. -moz-transition: 0.8;
  239. transition: 0.8;
  240. text-transform: uppercase;
  241. }
  242.  
  243. #linkage a:hover {
  244. opacity: .7;
  245. }
  246.  
  247. #description {
  248. width: 150px;
  249. height: 100px;
  250. background-color: {color:description bg};
  251. opacity: .7;
  252. color: {color:description text};
  253. text-align: center;
  254. font-family: arial;
  255. font-size: 10px;
  256. border-left: 5px solid {color:description border};
  257. border-right: 5px solid {color:description border};
  258. overflow-y: scroll;
  259. margin-top: -250px;
  260. margin-left: 400px;
  261. }
  262.  
  263. #contain {
  264. width: 400px;
  265. height: 550px;
  266. padding: 50px;
  267. border-top: 2px solid {color:border};
  268. border-bottom: 50px solid {color:border};
  269. border-left: 2px solid {color:border};
  270. border-right: 2px solid {color:border};
  271. margin-top: 5px;
  272. margin-left: 100px;
  273. overflow-y: hidden;
  274. overflow-x: hidden;
  275. border-bottom-left-radius:50px;
  276. border-bottom-right-radius:50px;
  277. border-top-left-radius:50px;
  278. border-top-right-radius:50px;
  279. background-color: {color:post bg};
  280. }
  281.  
  282.  
  283. #all {
  284. padding:10px;
  285. width:450px;
  286. height: 400px;
  287. margin-left:-25px;
  288. margin-bottom: 200px;
  289. font-size:10px;
  290. overflow-y: scroll;
  291. overflow-x: hidden;
  292. }
  293.  
  294.  
  295.  
  296. #posts {
  297. width:400px;
  298. padding-bottom:20px;
  299. padding:10px;
  300. margin-top:30px;
  301. background-color:{color:Post};
  302. }
  303.  
  304.  
  305. #details {
  306. text-align:right;
  307. margin-top:8px;
  308. text-transform:uppercase;
  309. font-size:8px;
  310. font-style:none;
  311. border-top:1px solid {color:Line};
  312. }
  313.  
  314. #tags {
  315. width:394px;
  316. height: 50px;
  317. font-family:cambria;
  318. letter-spacing:0px;
  319. text-transform:lowercase;
  320. font-size:10px;
  321. margin-top:2px;
  322. text-align:left;
  323. border-left: 2px solid {color:tags border};
  324. border-top: 2px solid {color:post bg};
  325. border-bottom: 2px solid {color:post bg};
  326. border-right: 2px solid {color:post bg};
  327. overflow-y: scroll;
  328. padding: 3px;
  329. color: {color:tags};
  330. }
  331.  
  332. #tags a {
  333. display:inline-block;
  334. padding:-3px;
  335. text-align:right;
  336. color:{color:tags};
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. -o-transition: all 0.6s ease-in-out;
  340. -ms-transition: all 0.6s ease-in-out;
  341. -transition: all 0.6s ease-in-out;
  342. }
  343.  
  344. #tags a:hover {
  345. opacity: .7;
  346. font-style: italic;
  347. }
  348.  
  349.  
  350.  
  351. #question {
  352. padding:8px;
  353. font-family:cambria;
  354. letter-spacing:2px;
  355. text-align:right;
  356. font-style:italic;
  357. border:5px solid {color:ask bg};
  358. color: {color:ask text};
  359. background-color: {color:ask bg};
  360. }
  361.  
  362. #question a {
  363. color: {color:asker};
  364. }
  365.  
  366. .convo .convoline {
  367. color: {color:chat even text};
  368. background-color: {color:chat even bg};
  369. padding: 2px;
  370. }
  371.  
  372. .convo .convoline.odd {
  373. color: {color:chat odd text};
  374. background-color: {color:chat odd bg};
  375. padding: 2px;
  376. }
  377.  
  378. #pagination {
  379. height: 100px;
  380. width: 250px;
  381. position: fixed;
  382. margin-top: -25px;
  383. margin-left: 290px;
  384. }
  385.  
  386. .jump_page {
  387. padding: 4px 8px;
  388. background-color: {color:pagination bg};
  389. color: {color:pagination};
  390. font-family:century gothic;
  391. font-size:11px;
  392. text-decoration:none;
  393. border-radius: 50%;
  394. }
  395.  
  396. .current_page, .jump_page:hover {
  397. padding: 4px 8px;
  398. background-color: {color:pagination};
  399. color: {color:pagination bg};
  400. font-family:century gothic;
  401. font-size:11px;
  402. text-decoration:none;
  403. border-radius: 50%;
  404. }
  405.  
  406.  
  407.  
  408. {CustomCSS}</style></head><body>
  409.  
  410.  
  411. <div id="contain">
  412. <div id="pic">
  413. <img src="{image:topbar}">
  414. </div>
  415. <div id="all">
  416. {block:Posts}
  417. <div id="posts">
  418.  
  419. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  420.  
  421. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  422.  
  423. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  424.  
  425. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  426.  
  427. {block:Quote}{Quote}{/block:Quote}
  428.  
  429. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  430. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  431. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  432. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  433. {/block:Audio}
  434.  
  435. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  436.  
  437. {block:Chat}
  438. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="convo">{block:Lines}<div class="convo"><div class="convoline {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  439. {/block:Chat}
  440.  
  441.  
  442.  
  443. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;"> {Asker} {text:ask text}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  444.  
  445. <div id="details">
  446. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  447. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  448. {/block:Posts}
  449. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  450. {/block:Posts}
  451. </div>
  452. </div>
  453. </div>
  454.  
  455.  
  456. </div>
  457.  
  458.  
  459.  
  460.  
  461. <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;"><a style="color:{color:credit};" href="http://stvcky.tumblr.com/">@STVCKY</a></center></div>
  462.  
  463. <div id="pagination">
  464. {block:Pagination}
  465. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  466. {block:JumpPagination length="5"}
  467. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  468. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  469. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  470. {/block:Pagination}
  471. </div>
  472.  
  473. <div id="title">
  474. {Title}
  475. </div>
  476.  
  477. <div id="subtitle">
  478. {text:subtitle}
  479. </div>
  480.  
  481. <div id="linkage_contain">
  482.  
  483. <div id="icon">
  484. <img src="{image:icon}">
  485. </div>
  486.  
  487. <div id="linkage">
  488. <a href="/">home</a>
  489. </div>
  490.  
  491. <div id="linkage">
  492. <a href="/ask">ask</a>
  493. </div>
  494.  
  495. <div id="linkage">
  496. <a href="/submit">submit</a>
  497. </div>
  498.  
  499. <div id="linkage">
  500. <a href="{text:link one url}">{text:link one}</a>
  501. </div>
  502.  
  503. <div id="linkage">
  504. <a href="{text:link two url}">{text:link two}</a>
  505. </div>
  506.  
  507. <div id="linkage">
  508. <a href="{text:link three url}">{text:link three}</a>
  509. </div>
  510.  
  511. <div id="linkage">
  512. <a href="{text:link four url}">{text:link four}</a>
  513. </div>
  514.  
  515. <div id="linkage">
  516. <a href="{text:link five url}">{text:link five}</a>
  517. </div>
  518.  
  519.  
  520. </div>
  521.  
  522. <div id="description">
  523. {Description}
  524. </div>
  525.  
  526.  
  527. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!