API tools faq
paste
tardissauce

Theme 3.5: A Custom Theme

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