API tools faq
paste
tardissauce

Theme 3: Dreams Come True

tardissauce
Aug 14th, 2013
2,930
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.52 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 #3: DREAMS COME TRUE by TARDISSAUCE
  6. REQUESTED BY PRIORPOND
  7.  
  8. RULES:
  9. 1.DO NOT CLAIM OR REDISTRIBUTE AS YOUR OWN, I WORKED HARD ON THIS
  10. 2.I WOULD LIKE IT IF YOU LIKED/REBLOGGED THE POST REGARDING THIS THEME
  11. 3.YOU MAY TWEAK THIS THEME TO YOUR HEART'S CONTENT, BUT DO NOT REMOVE THE CREDIT AND DO NOT USE AS A BASE
  12. 4.IF YOU NEED A BASE CODE, HERE IS THE ONE I USED:
  13. http://wolverwhore.tumblr.com/post/46869896709/base-code-1-by-wolverwhore-i-decided-to-make-a
  14.  
  15. IF YOU HAVE ANY QUESTIONS REGARDING THE THEME, FEEL FREE TO ASK
  16.  
  17. THANK YOU.
  18. HAVE FUN WOOHOO
  19.  
  20. -->
  21.  
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24. <head><title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Sidebar" content="#ffffff"/>
  32. <meta name="color:Text" content="#a8a8a8"/>
  33. <meta name="color:Link" content="#b8b8b8"/>
  34. <meta name="color:LinkHover" content="#f2f2f2"/>
  35. <meta name="color:SidebarBorder" content="#e4e4e4"/>
  36. <meta name="color:LinkBox" content="#ffffff"/>
  37. <meta name="color:Desc" content="#ffffff"/>
  38. <meta name="color:InfoBorder" content="#f2f2f2" />
  39. <meta name="color:Ask BG" content="#f8f8f8"/>
  40. <meta name="image:Small Sidebar 1" content=""/>
  41. <meta name="image:Small Sidebar 2" content=""/>
  42. <meta name="image:Large Sidebar" content=""/>
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Text" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Text" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Text" content="" />
  49. <meta name="color:Scrollbar" content="#f4f4f4"/>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. /* --- SCROLLBAR ---*/
  55.  
  56. ::-webkit-scrollbar {
  57. width: 5px;height: 5px;}
  58. ::-webkit-scrollbar-button:start:decrement,
  59. ::-webkit-scrollbar-button:end:increment {
  60. height: 6px;display: block;background-color: {color:white};}
  61. ::-webkit-scrollbar-track-piece {
  62. background-color: {color:background};}
  63. ::-webkit-scrollbar-thumb:vertical {
  64. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  65.  
  66.  
  67. /* --- BODY ---*/
  68.  
  69. body {
  70. background:{color:background};
  71. margin:0px;
  72. color:{color:text};
  73. font-family:Calibri;
  74. font-size:9px;
  75. line-height:100%;
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. outline:none;
  81. -moz-outline-style:none;
  82. color:{color:link};
  83. }
  84.  
  85. img {
  86. border:none;
  87. }
  88.  
  89. blockquote {
  90. padding-left:5px;
  91. border-left:2px solid;
  92. }
  93.  
  94. blockquote blockquote {
  95. padding-left:5px;
  96. border-left:2px solid;
  97. }
  98.  
  99. h1 {
  100. font-size:12px;
  101. text-transform:uppercase;
  102. text-align:center;
  103. }
  104.  
  105. a:hover {
  106. opacity:10;
  107. color:{color:hover};
  108. -webkit-transition: all 0.7s ease;
  109. -moz-transition: all 0.7s ease;
  110. -o-transition: all 0.7s ease
  111. }
  112.  
  113. /* --- POST ENTRIES ---*/
  114.  
  115.  
  116. #entries {
  117. padding:10px;
  118. width:500px;
  119. margin-left:550px;
  120. margin-top:40px;
  121. font-size:10px;
  122. }
  123.  
  124. /* --- BODY: POSTS ---*/
  125.  
  126.  
  127. #post {
  128. width:500px;
  129. padding-bottom:20px;
  130. padding:10px;
  131. line-height:120%;
  132. margin-top:15px;
  133. background-color:{color:Background};
  134. }
  135.  
  136. /* --- TITLE ---*/
  137.  
  138. #title {
  139. margin-top:-114px;
  140. margin-left:10px;
  141. font-family:Lucida Console;
  142. letter-spacing:1px;
  143. color:#d4d4d4;
  144. font-size:10pt;
  145. width:180px;
  146. text:italic;
  147. text-align:center;
  148. -webkit-transition-duration:1s;
  149. -moz-transition-duration:1s;
  150. -o-transition-duration:1s;
  151. }
  152.  
  153. /* --- SIDEBAR IMAGES ---*/
  154.  
  155.  
  156. #sidebar {
  157. width:100px;
  158. position:fixed;
  159. margin-left:220px;
  160. margin-top:150px;
  161. opacity:.80;
  162. background-color:{color:Sidebar};
  163. -webkit-transition-duration:1s;
  164. -moz-transition-duration:1s;
  165. -o-transition-duration:1s;
  166. }
  167.  
  168.  
  169. #sidebarimage img {
  170. width:90px;
  171. height:90px;
  172. border:solid 1px;
  173. padding:3px;
  174. border-color: {color:SidebarBorder};
  175. background-color:{color:Sidebar};
  176. -webkit-transition-duration:1s;
  177. -moz-transition-duration:1s;
  178. -o-transition-duration:1s;
  179. }
  180.  
  181.  
  182. #sidebarimage2 img {
  183. width:90px;
  184. height:90px;
  185. position:fixed;
  186. margin-top:1px;
  187. border:solid 1px;
  188. padding:3px;
  189. border-color: {color:SidebarBorder};
  190. background-color:{color:Sidebar};
  191. -webkit-transition-duration:1s;
  192. -moz-transition-duration:1s;
  193. -o-transition-duration:1s;
  194. }
  195.  
  196. #sidebarimage3 img {
  197. width:90px;
  198. height:190px;
  199. margin-left:100px;
  200. margin-top:-99px;
  201. border:solid 1px;
  202. padding:3px;
  203. border-color: {color:SidebarBorder};
  204. background-color:{color:Sidebar};
  205. -webkit-transition-duration:1s;
  206. -moz-transition-duration:1s;
  207. -o-transition-duration:1s;
  208. }
  209.  
  210. /* --- HOVER STUFF ---*/
  211.  
  212. #panel {
  213. z-index:-1;
  214. width:270px;
  215. height:570px;
  216. position:fixed;
  217. -webkit-transition-duration:1s;
  218. -moz-transition-duration:1s;
  219. -o-transition-duration:1s;
  220. }
  221.  
  222. #sidebar:hover #title {
  223. margin-top:-160px;
  224. margin-left:-40px;
  225. color:#fff;
  226. -webkit-transition-duration:1s;
  227. -moz-transition-duration:1s;
  228. -o-transition-duration:1s;
  229. }
  230.  
  231. #sidebar:hover #sidebarimage3 img {
  232. width:270px;
  233. height:570px;
  234. margin-left:-90px;
  235. margin-top:-255px;
  236. -webkit-transition-duration:1s;
  237. -moz-transition-duration:1s;
  238. -o-transition-duration:1s;
  239. }
  240.  
  241. #sidebar:hover #sidebarimage2 img {
  242. margin-top:14px;
  243. -webkit-transition-duration:1s;
  244. -moz-transition-duration:1s;
  245. -o-transition-duration:1s;
  246. }
  247.  
  248. #sidebar:hover #sidebarimage img {
  249. margin-top:-4px;
  250. -webkit-transition-duration:1s;
  251. -moz-transition-duration:1s;
  252. -o-transition-duration:1s;
  253. }
  254.  
  255. #sidebar:hover .links {
  256. opacity:1;
  257. margin-top:25px;
  258. -webkit-transition-duration:1s;
  259. -moz-transition-duration:1s;
  260. -o-transition-duration:1s;
  261. }
  262.  
  263. #sidebar:hover #description {
  264. margin-top:280px;
  265. opacity:1;
  266. -webkit-transition-duration:1s;
  267. -moz-transition-duration:1s;
  268. -o-transition-duration:1s;
  269. }
  270.  
  271. #sidebar:hover #pagination {
  272. margin-left:9px;
  273. margin-top:153px;
  274. -webkit-transition-duration:1s;
  275. -moz-transition-duration:1s;
  276. -o-transition-duration:1s;
  277. }
  278.  
  279. #post:hover #tags {
  280. margin-top:4px;
  281. opacity:1;
  282. -webkit-transition-duration:.5s;
  283. -moz-transition-duration:.5s;
  284. -o-transition-duration:.5s;
  285. }
  286.  
  287. /* --- SIDEBAR LINKS ---*/
  288.  
  289. .links {
  290. position:fixed;
  291. width:194px;
  292. height:5px;
  293. padding:3px;
  294. background-color:{color:LinkBox};
  295. font-size:8px;
  296. font-family:'calibri';
  297. text-align:center;
  298. margin-top:40px;
  299. margin-left:-50px;
  300. text-align:center;
  301. text-transform:uppercase;
  302. word-spacing:2px;
  303. padding-bottom:7px;
  304. opacity:0;
  305. -webkit-transition-duration:1s;
  306. -moz-transition-duration:1s;
  307. -o-transition-duration:1s;
  308. }
  309.  
  310. .links a {
  311. font-size: 8px;
  312. -webkit-transition-duration:1s;
  313. -moz-transition-duration:1s;
  314. -o-transition-duration:1s;
  315. }
  316.  
  317. .links a:hover {
  318. letter-spacing:4px;
  319. color:{color:Hover}
  320.  
  321. }
  322.  
  323.  
  324. /* --- DESCRIPTION ---*/
  325.  
  326. #description {
  327. position:fixed;
  328. background-color:{color:Desc};
  329. font-family:georgia;
  330. line-height:90%;
  331. font-size:9px;
  332. text-transform:lowercase;
  333. width:100px;
  334. margin-top:170px;
  335. padding:8px;
  336. margin-left:-7px;
  337. text-align:center;
  338. color:{color:text};
  339. opacity:0;
  340. -webkit-transition-duration:1s;
  341. -moz-transition-duration:1s;
  342. -o-transition-duration:1s;
  343. }
  344.  
  345. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  346. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  347.  
  348. /* --- PAGINATION---*/
  349.  
  350.  
  351. #pagination {
  352. width:80px;
  353. font-size:9px;
  354. background-color:{color:LinkBox};
  355. text-align:center;
  356. margin-left:-90px;
  357. margin-top:100px;
  358. position:fixed;
  359. font-family:consolas;
  360. letter-spacing:0px;
  361. -webkit-transition-duration:1s;
  362. -moz-transition-duration:1s;
  363. -o-transition-duration:1s;
  364. }
  365.  
  366. /* --- POST INFO ---*/
  367.  
  368.  
  369. #info {
  370. text-align:center;
  371. margin-top:7px;
  372. text-transform:uppercase;
  373. font-size:9px;
  374. font-style:none;
  375. padding-bottom:7px;
  376. border-top:4px double {color:InfoBorder};
  377. border-left:1px solid {color:InfoBorder};
  378. border-right:1px solid {color:InfoBorder};
  379. border-bottom:1px solid {color:InfoBorder};
  380. }
  381.  
  382. /* --- POST TAGS---*/
  383.  
  384.  
  385. #tags {
  386. font-family:consolas;
  387. letter-spacing:0px;
  388. text-transform:lowercase;
  389. font-size:9px;
  390. margin-top:-8px;
  391. text-align:center;
  392. opacity:0;
  393. -webkit-transition-duration:.5s;
  394. -moz-transition-duration:.5s;
  395. -o-transition-duration:.5s;
  396. }
  397.  
  398. #tags
  399. a {display:inline;background-color:{color:Background};padding:-3px;text-align:left;
  400. -webkit-transition: all 0.6s ease-in-out;
  401. -moz-transition: all 0.6s ease-in-out;
  402. -o-transition: all 0.6s ease-in-out;
  403. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  404.  
  405.  
  406. /* --- QUESTIONS ---*/
  407.  
  408. #asker {
  409. padding:5px;
  410. font-family:helvetica;
  411. letter-spacing:1px;
  412. text-align:right;
  413. border-radius:5px;
  414. margin-left:10px;
  415. margin-top:-5px;
  416. background-color:{color:Ask BG}
  417. }
  418.  
  419. /* --- CREDIT D O N O T R E M O V E ---*/
  420.  
  421. #credit {
  422. position:fixed;
  423. bottom:3px;
  424. right:-95px;
  425. font-size:12px;
  426. padding-top:7px;
  427. text-align:left;
  428. padding-left:5px;
  429. width:107px;
  430. height:17px;
  431. border:solid 1px #fff;
  432. letter-spacing:2px;
  433. font-family:Trebuchet MS;
  434. background-color:#ffffff;
  435. -webkit-transition-duration:1s;
  436. -moz-transition-duration:1s;
  437. -o-transition-duration:1s;
  438. }
  439.  
  440. #credit a{
  441. color:#000000;
  442. -webkit-transition-duration:1s;
  443. -moz-transition-duration:1s;
  444. -o-transition-duration:1s;
  445. }
  446.  
  447. #credit:hover {
  448. right:3px;
  449. background-color:#acacac;
  450. border:solid 1px #acacac;
  451. border-radius:7px;
  452. -webkit-transition-duration:1s;
  453. -moz-transition-duration:1s;
  454. -o-transition-duration:1s;
  455. }
  456.  
  457. #credit:hover a{
  458. color:#ffffff;
  459. -webkit-transition-duration:1s;
  460. -moz-transition-duration:1s;
  461. -o-transition-duration:1s;
  462. }
  463.  
  464. {CustomCSS}</style></head><body>
  465.  
  466. <div id="sidebar">
  467. <div id="sidebarimage"><img src="{image:Small Sidebar 1}"></div>
  468. <div id="sidebarimage2"><img src="{image:Small Sidebar 2}"></div>
  469.  
  470. <div id="panel">
  471. <div id="sidebarimage3"><img src="{image:Large Sidebar}"></div>
  472. </div>
  473.  
  474. <div id="title">{Title}</div>
  475.  
  476. <div id="description">
  477. {Description}
  478. </div>
  479.  
  480.  
  481. <div class="links">
  482. <a href="/">home</a>
  483. <a href="/ask">mssg</a>
  484. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  485. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  486. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  487. </div>
  488.  
  489.  
  490. {block:Pagination}<div id="pagination">
  491. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} /
  492. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  493. </div>{/block:Pagination}
  494.  
  495. </div>
  496.  
  497. <div id="entries">{block:Posts}<div id="post">
  498.  
  499. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  500.  
  501. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  502.  
  503. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  504.  
  505. {block:Quote}<h1>"{Quote}"</h1>{block:Source}<center><em>-{Source}-</em></center>{/block:Source}{/block:Quote}
  506.  
  507. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  508.  
  509. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  510.  
  511. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; border-radius:15px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  512. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  513. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  514. {/block:ExternalAudio}<br><b>Played:</b> {FormattedPlayCount} times
  515. {/block:Audio}
  516.  
  517. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  518.  
  519. {block:Answer}<div id="asker"><center><img src="{AskerPortraitURL-24}" style="margin-right:6px;border-radius:50%;padding:2px;border:1px solid #f2f2f2;padding:3px;background-color:#fff;"> {Asker}:{Question}</center></div><left><font face="helvetica">{Answer}</font>{/block:Answer}
  520.  
  521. <div id="info">
  522. <br><a href="{Permalink}">{TimeAgo}</a> {block:ContentSource}( <a href="{SourceURL}">© ){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} - <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  523.  
  524. {block:HasTags}<div id="tags">tagged as {block:Tags}-<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  525. {/block:Posts}
  526. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  527. {/block:Posts}</div></div></div>
  528.  
  529.  
  530.  
  531. <!--
  532. THEME MAKER CREDIT
  533. -->
  534.  
  535. <div id="credit"><a href="http://tardissauce.tumblr.com/">© tardissauce</a></div>
  536.  
  537.  
  538. </body></html>
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!