API tools faq
paste
tardissauce

Theme 2: Follow Your Dreams

tardissauce
Aug 11th, 2013
1,227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.26 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 #2: FOLLOW YOUR DREAMS by TARDISSAUCE
  6.  
  7. RULES:
  8. 1.DO NOT CLAIM OR REDISTRIBUTE AS YOUR OWN, I WORKED HARD ON THIS
  9. 2.I WOULD LIKE IT IF YOU LIKED/REBLOGGED THE POST REGARDING THIS THEME
  10. 3.YOU MAY TWEAK THIS THEME TO YOUR HEART'S CONTENT, BUT DO NOT REMOVE THE CREDIT AND DO NOT USE AS A BASE
  11. 4.IF YOU NEED A BASE CODE, HERE IS THE ONE I USED:
  12. http://wolverwhore.tumblr.com/post/46869896709/base-code-1-by-wolverwhore-i-decided-to-make-a
  13.  
  14. IF YOU HAVE ANY QUESTIONS REGARDING THE THEME, FEEL FREE TO ASK
  15.  
  16. THANK YOU.
  17. HAVE FUN WOOHOO
  18.  
  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:Link Hover" content="#f2f2f2"/>
  35. <meta name="color:LinkBox" content="#303030"/>
  36. <meta name="color:DescBox" content="#ffffff"/>
  37. <meta name="color:Line" content="#f2f2f2"/>
  38. <meta name="color:SidebarBorder" content="#e4e4e4"/>
  39. <meta name="color:PostBorder" content="#f2f2f2"/>
  40. <meta name="color:Ask BG" content="ffffff"/>
  41. <meta name="color:Post" content="#ffffff"/>
  42. <meta name="image:Small Sidebar" content=""/>
  43. <meta name="image:Big Sidebar" content=""/>
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 1 Text" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 2 Text" content="" />
  48. <meta name="text:Link 3" content="" />
  49. <meta name="text:Link 3 Text" content="" />
  50. <meta name="color:Scrollbar" content="#e4e4e4"/>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. /* --- SCROLLBAR ---*/
  56.  
  57. ::-webkit-scrollbar {
  58. width: 5px;height: 5px;}
  59. ::-webkit-scrollbar-button:start:decrement,
  60. ::-webkit-scrollbar-button:end:increment {
  61. height: 6px;display: block;background-color: {color:white};}
  62. ::-webkit-scrollbar-track-piece {
  63. background-color: {color:background};}
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  66.  
  67.  
  68. /* --- BODY ---*/
  69.  
  70. body {
  71. background:{color:background};
  72. margin:0px;
  73. color:{color:text};
  74. font-family:helvetica;
  75. font-size:9px;
  76. line-height:150%;
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. outline:none;
  82. -moz-outline-style:none;
  83. color:{color:link};
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. blockquote blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. h1 {
  101. font-size:10px;
  102. text-transform:uppercase;
  103. text-align:center;
  104. }
  105.  
  106. a:hover {
  107. opacity:10;
  108. color:{color:link hover};
  109. -webkit-transition: all 0.7s ease;
  110. -moz-transition: all 0.7s ease;
  111. -o-transition: all 0.7s ease
  112. }
  113.  
  114. /* --- POST ENTRIES ---*/
  115.  
  116.  
  117. #entries {
  118. padding:10px;
  119. width:500px;
  120. margin-left:530px;
  121. margin-top:15px;
  122. font-size:10px;
  123. }
  124.  
  125. /* --- BODY: POSTS ---*/
  126.  
  127.  
  128. #post {
  129. width:500px;
  130. padding-bottom:15px;
  131. padding:7px;
  132. margin-top:15px;
  133. border:solid 1px {color:PostBorder};
  134. background-color:{color:Post};
  135. }
  136.  
  137. /* --- BIG SIDEBAR IMAGE ---*/
  138.  
  139. #panel {
  140. position:fixed;
  141. width:125px;
  142. margin-left:230px;
  143. margin-top:200px;
  144. opacity:1;
  145. background-color:{color:Background};
  146. }
  147.  
  148. #sidebar {
  149. position:fixed;
  150. width:300px;
  151. margin-left:-230px;
  152. margin-top:-360px;
  153. opacity:0;
  154. background-color:{color:Background};
  155. z-index:-1;
  156. -webkit-transition-duration:1s;
  157. -moz-transition-duration:1s;
  158. -o-transition-duration:1s;
  159. }
  160.  
  161. #sidebarbg img {
  162. width:300px;
  163. height:700px;
  164. background-color:{color:Sidebar};
  165. opacity:1;
  166. }
  167.  
  168. #sidebarsmall img {
  169. width:125px;
  170. height:125px;
  171. padding:6px;
  172. background-color:{color:Sidebar};
  173. border:dotted 1px {color:SidebarBorder};
  174. }
  175.  
  176. #panel:hover #sidebar {
  177. opacity:1;
  178. -webkit-transition-duration:1s;
  179. -moz-transition-duration:1s;
  180. -o-transition-duration:1s;
  181. }
  182.  
  183. #panel:hover .links {
  184. margin-top:-340px;
  185. -webkit-transition-duration:1s;
  186. -moz-transition-duration:1s;
  187. -o-transition-duration:1s;
  188. }
  189.  
  190. #panel:hover #description {
  191. margin-top:-600px;
  192. margin-left:80px;
  193. opacity:1
  194. -webkit-transition-duration:1s;
  195. -moz-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198. /* --- SIDEBAR LINKS ---*/
  199.  
  200. .links {
  201. position:fixed;
  202. width:115px;
  203. padding: 11px 11px;
  204. font-size:10px;
  205. line-height:200%;
  206. font-family:'calibri';
  207. text-align:center;
  208. margin-top:-440px;
  209. margin-left:230px;
  210. display:inline-block;
  211. word-spacing:3px;
  212. text-transform:uppercase;
  213. padding-bottom:11px;
  214. background-color:{color:LinkBox};
  215. -webkit-transition-duration:1s;
  216. -moz-transition-duration:1s;
  217. -o-transition-duration:1s;
  218. }
  219.  
  220. .links a {
  221. font-size: 10px;
  222. }
  223.  
  224. .links a:hover {
  225. border-bottom:solid 2px #fff;
  226. color:{color:Hover}
  227. }
  228.  
  229.  
  230. /* --- DESCRIPTION ---*/
  231.  
  232. #description {
  233. position:fixed;
  234. font-family:calibri;
  235. line-height:100%;
  236. font-size:9px;
  237. width:100px;
  238. text-transform:uppercase;
  239. margin-top:-467px;
  240. padding:8px;
  241. margin-left:250px;
  242. text-align:center;
  243. color:{color:text};
  244. background-color:{color:DescBox};
  245. -webkit-transition-duration:1s;
  246. -moz-transition-duration:1s;
  247. -o-transition-duration:1s;
  248. }
  249.  
  250. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  251. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  252.  
  253. /* --- PAGINATION---*/
  254.  
  255.  
  256. #pagination {
  257. width:90px;
  258. font-size:10px;
  259. text-align:center;
  260. margin-left:140px;
  261. margin-top:-70px;
  262. font-style:italic;
  263. position:fixed;
  264. font-family:consolas;
  265. letter-spacing:0px;
  266. opacity:1;
  267. }
  268.  
  269. /* --- POST INFO ---*/
  270.  
  271.  
  272. #info {
  273. text-align:right;
  274. margin-top:8px;
  275. text-transform:uppercase;
  276. font-size:8px;
  277. border-top:dashed 1px {color:Line};
  278. font-style:none;
  279. padding-right:5px;
  280. padding-bottom:3px;
  281. -webkit-transition-duration:1s;
  282. -moz-transition-duration:1s;
  283. -o-transition-duration:1s;
  284. }
  285.  
  286. #info:hover {
  287. border-right:solid 5px {color:PostBorder};
  288. -webkit-transition-duration:1s;
  289. -moz-transition-duration:1s;
  290. -o-transition-duration:1s;
  291. }
  292.  
  293. /* --- POST TAGS---*/
  294.  
  295.  
  296. #tags {
  297. font-family:consolas;
  298. letter-spacing:0px;
  299. font-size:8px;
  300. text-transform:uppercase;
  301. text-align:right;
  302. -webkit-transition-duration:1s;
  303. -moz-transition-duration:1s;
  304. -o-transition-duration:1s;
  305. }
  306.  
  307. #tags a {
  308. display:inline;background-color:{color:Background};
  309. -webkit-transition: all 0.6s ease-in-out;
  310. -moz-transition: all 0.6s ease-in-out;
  311. -o-transition: all 0.6s ease-in-out;
  312. -ms-transition: all 0.6s ease-in-out;
  313. transition: all 0.6s ease-in-out;
  314. }
  315.  
  316.  
  317. /* --- QUESTIONS ---*/
  318.  
  319. #asker {
  320. padding:5px;
  321. font-family:helvetica;
  322. letter-spacing:1px;
  323. text-align:left;
  324. border-radius:15px;
  325. font-style:italic;
  326. margin-left:10px;
  327. background-color:{color:Ask BG}
  328. }
  329.  
  330. /* --- CREDIT D O N O T R E M O V E ---*/
  331.  
  332. #credit {
  333. position:fixed;
  334. bottom:3px;
  335. right:-95px;
  336. font-size:12px;
  337. padding-top:3px;
  338. text-align:left;
  339. padding-left:5px;
  340. width:107px;
  341. height:17px;
  342. border:solid 1px #000000;
  343. letter-spacing:2px;
  344. font-family:Trebuchet MS;
  345. background-color:#ffffff;
  346. -webkit-transition-duration:1s;
  347. -moz-transition-duration:1s;
  348. -o-transition-duration:1s;
  349. }
  350.  
  351. #credit a{
  352. color:#000000;
  353. -webkit-transition-duration:1s;
  354. -moz-transition-duration:1s;
  355. -o-transition-duration:1s;
  356. }
  357.  
  358. #credit:hover {
  359. right:3px;
  360. background-color:#acacac;
  361. border:solid 1px #acacac;
  362. border-radius:7px;
  363. -webkit-transition-duration:1s;
  364. -moz-transition-duration:1s;
  365. -o-transition-duration:1s;
  366. }
  367.  
  368. #credit:hover a{
  369. color:#ffffff;
  370. -webkit-transition-duration:1s;
  371. -moz-transition-duration:1s;
  372. -o-transition-duration:1s;
  373. }
  374.  
  375. {CustomCSS}</style></head><body>
  376.  
  377. <div id="panel">
  378. <div id="sidebarsmall"><img src="{image:Small Sidebar}">
  379. </div>
  380.  
  381. <div id="sidebar">
  382. <div id="sidebarbg"><img src="{image:Big Sidebar}">
  383.  
  384. <div id="description">
  385. {Description}
  386. </div>
  387.  
  388. <div class="links">
  389. <a href="/">home</a>
  390. <a href="/ask">mssg</a>
  391. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  392. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  393. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  394. </div>
  395.  
  396.  
  397.  
  398. </div>
  399. </div>
  400.  
  401. {block:Pagination}<div id="pagination">
  402. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} /
  403. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  404. </div>{/block:Pagination}
  405.  
  406. </div>
  407.  
  408.  
  409. <div id="entries">{block:Posts}<div id="post">
  410.  
  411. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  412.  
  413. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  414.  
  415. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  416.  
  417. {block:Quote}<h1>"{Quote}"</h1>{/block:Quote}
  418.  
  419. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  420.  
  421. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  422.  
  423. {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>
  424. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  425. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  426. {/block:ExternalAudio}<br><b>Played:</b> {FormattedPlayCount} times
  427. {/block:Audio}
  428.  
  429. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  430.  
  431. {block:Answer}<div id="asker"><center><img src="{AskerPortraitURL-24}" style="margin-right:6px;border-radius:50%;padding:2px;"> {Asker}:{Question}</center></div><left><font face="helvetica">{Answer}</font>{/block:Answer}
  432.  
  433. <div id="info">
  434. <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>
  435.  
  436. {block:HasTags}<div id="tags">tagged as {block:Tags}-<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  437. {/block:Posts}
  438. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  439. {/block:Posts}</div></div></div>
  440.  
  441.  
  442.  
  443. <!--
  444. THEME MAKER CREDIT
  445. -->
  446.  
  447. <div id="credit"><a href="http://tardissauce.tumblr.com/">© tardissauce</a></div>
  448.  
  449.  
  450. </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!