tardissauce

Theme 4: Exasperation

Aug 26th, 2013
593
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.21 KB | None | 0 0
  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 #4: EXASPERATION
  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Exo:200,400' rel='stylesheet' type='text/css'>
  28.  
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34.  
  35. <meta name="color:Background" content="#ffffff"/>
  36. <meta name="color:Sidebar" content="#ffffff"/>
  37. <meta name="color:Text" content="#a8a8a8"/>
  38. <meta name="color:info" content="#fafafa"/>
  39. <meta name="color:info border" content="#eaeaea"/>
  40. <meta name="color:Tags" content="f0f0f0"/>
  41. <meta name="color:sidebar border" content="#e4e4e4"/>
  42. <meta name="color:ask bg" content="#ffffff"/>
  43. <meta name="color:links bg" content="#ffffff"/>
  44. <meta name="color:linksborder" content="#e5e5e5"/>
  45. <meta name="color:top bar" content="#f1f1f1"/>
  46. <meta name="color:top bar border" content="#cacaca"/>
  47. <meta name="color:title" content="##212177"/>
  48. <meta name="color:Link" content="#ffffff"/>
  49. <meta name="color:Link Hover" content="#ffffff"/>
  50. <meta name="color:Post" content="#ffffff"/>
  51. <meta name="image:sidebar1" content=""/>
  52. <meta name="image:sidebar2" content=""/>
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:Link 1 Text" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 2 Text" content="" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:Link 3 Text" content="" />
  59. <meta name="text:Link 4" content="" />
  60. <meta name="text:Link 4 Text" content="" />
  61. <meta name="text:Link 5" content="" />
  62. <meta name="text:Link 5 Text" content="" />
  63. <meta name="if:Show Link 1" content="1" />
  64. <meta name="if:Show Link 2" content="1" />
  65. <meta name="if:Show Link 3" content="1" />
  66. <meta name="if:Show Link 4" content="1" />
  67. <meta name="if:Show Link 5" content="1" />
  68. <meta name="color:scrollbarbg" content="ffffff"/>
  69. <meta name="color:scrollbar" content="#000000">
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar {
  75. width: 5px;height: 5px;}
  76. ::-webkit-scrollbar-button:start:decrement,
  77. ::-webkit-scrollbar-button:end:increment {
  78. height: 6px;display: block;background-color: {color:scrollbarbg};}
  79. ::-webkit-scrollbar-track-piece {
  80. background-color: {color:scrollbarbg};}
  81. ::-webkit-scrollbar-thumb:vertical {
  82. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  83.  
  84.  
  85.  
  86. body {
  87. background:{color:background};
  88. margin:0px;
  89. color:{color:text};
  90. font-family:Calibri;
  91. font-size:9px;
  92. line-height:100%;
  93. }
  94.  
  95. a {
  96. text-decoration:none;
  97. outline:none;
  98. -moz-outline-style:none;
  99. color:{color:Link};
  100. }
  101.  
  102. img {
  103. border:none;
  104. }
  105.  
  106. blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111. blockquote blockquote {
  112. padding-left:5px;
  113. border-left:2px solid;
  114. }
  115.  
  116. h1 {
  117. font-size:9px;
  118. text-transform:uppercase;
  119. }
  120.  
  121. a:hover {
  122. opacity:10;
  123. color:{color:Link Hover};
  124. -webkit-transition: all 0.7s ease;
  125. -moz-transition: all 0.7s ease;
  126. -o-transition: all 0.7s ease
  127. }
  128.  
  129.  
  130.  
  131.  
  132. #entries {
  133. padding:10px;
  134. width:500px;
  135. margin-left:auto;
  136. margin-right:auto;
  137. margin-top:20px;
  138. font-size:10px;
  139. }
  140.  
  141. #sticky {
  142. padding:10px;
  143. width:500px;
  144. margin-left:auto;
  145. margin-right:auto;
  146. margin-top:0px;
  147. font-size:10px;
  148. }
  149.  
  150.  
  151.  
  152. #post {
  153. width:500px;
  154. padding-bottom:20px;
  155. padding:10px;
  156. margin-top:20px;
  157. background-color:{color:Post};
  158. }
  159.  
  160.  
  161. #navi {
  162. width:520px;
  163. margin-left:auto;
  164. margin-right:auto;
  165. margin-top:-10px;
  166. background-color:{color:top bar};
  167. border-bottom:3px double {color:top bar border};
  168. height:30px;
  169. opacity:.8;
  170. position:fixed;
  171. }
  172.  
  173. #sidebar {
  174. -webkit-transition-duration:1s;
  175. -moz-transition-duration:1s;
  176. -o-transition-duration:1s;
  177. width:100px;
  178. position:fixed;
  179. margin-left:150px;
  180. margin-top:150px;
  181. opacity:.80;
  182. background-color:{color:background};
  183. }
  184.  
  185.  
  186. #sidebarimage1 img {
  187. -webkit-transition-duration:1s;
  188. -moz-transition-duration:1s;
  189. -o-transition-duration:1s;
  190. width:200px;
  191. height:120px;
  192. border:solid 1px;
  193. margin-left:-50px;
  194. padding:3px;
  195. border-color: {color:sidebar border};
  196. background-color:{color:Sidebar};
  197. }
  198.  
  199. #sidebarimage2 img {
  200. width:200px;
  201. height:120px;
  202. border:solid 1px;
  203. margin-left:-50px;
  204. margin-top:10px;
  205. padding:3px;
  206. border-color: {color:sidebar border};
  207. background-color:{color:Sidebar};
  208. -webkit-transition-duration:1s;
  209. -moz-transition-duration:1s;
  210. -o-transition-duration:1s;
  211. }
  212.  
  213.  
  214. #sidebar:hover #sidebarimage1 img{
  215. margin-top:-30px;
  216. -webkit-transition-duration:1s;
  217. -moz-transition-duration:1s;
  218. -o-transition-duration:1s;
  219. }
  220.  
  221. #sidebar:hover #sidebarimage2 img{
  222. margin-top:110px;
  223. -webkit-transition-duration:1s;
  224. -moz-transition-duration:1s;
  225. -o-transition-duration:1s;
  226. }
  227.  
  228. #sidebar:hover #description {
  229. margin-top:30px;
  230. opacity:1;
  231. -webkit-transition-duration:1s;
  232. -moz-transition-duration:1s;
  233. -o-transition-duration:1s;
  234. }
  235.  
  236. #sidebar:hover #title {
  237. margin-top:-225px;
  238. opacity:1;
  239. -webkit-transition-duration:1s;
  240. -moz-transition-duration:1s;
  241. -o-transition-duration:1s;
  242. }
  243.  
  244. .links {
  245.  
  246. width:500px;
  247. height:100px;
  248. font-size:9px;
  249. font-family: 'Exo', sans-serif;
  250. text-align:center;
  251. margin-top:10px;
  252. margin-left:0px;
  253. opacity:1;
  254. text-align:center;
  255. letter-spacing:2px;
  256. text-transform:lowercase;
  257. position:fixed;
  258. }
  259.  
  260. .links a {
  261. background-color:{color:links bg};
  262. color:{color:Link};
  263. padding-left:8px;
  264. padding-right:8px;
  265. padding-top:2px;
  266. padding-bottom:2px;
  267. margin-left:20px;
  268. display:inline-block;
  269. border-bottom:1px solid {color:linksborder};
  270.  
  271. }
  272.  
  273. .links a:hover {
  274. border-bottom:2px double {color:linksborder};
  275. color:{color:Hover}
  276. }
  277.  
  278. #title {
  279. font-size:30px;
  280. font-family: 'Tangerine', cursive;
  281. width:300px;
  282. margin-top:-225px;
  283. margin-left:-105px;
  284. text-align:center;
  285. color:{color:title};
  286. position:absolute;
  287. padding:3px;
  288. text-shadow:2pt 2pt 2pt #888;
  289. opacity:0;
  290. -webkit-transition-duration:1s;
  291. -moz-transition-duration:1s;
  292. -o-transition-duration:1s;
  293. }
  294.  
  295.  
  296. #description {
  297. position:absolute;
  298. font-family:Trebuchet MS;
  299. line-height:90%;
  300. overflow:scroll;
  301. font-size:9px;
  302. letter-spacing:1px;
  303. width:150px;
  304. height:60px;
  305. margin-left:-27px;
  306. margin-top:5px;
  307. background-color:{color:background};
  308. padding:8px;
  309. text-transform:uppercase;
  310. font-style:italic;
  311. opacity:0;
  312. text-align:center;
  313. color:{color:text};
  314. -webkit-transition-duration:1s;
  315. -moz-transition-duration:1s;
  316. -o-transition-duration:1s;
  317. }
  318.  
  319. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  320. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  321.  
  322.  
  323.  
  324. #back {
  325. font-family:Trebuchet MS;
  326. letter-spacing:0px;
  327. text-align:center;
  328. position:fixed;
  329. font-size:9px;
  330. margin-left:-45px;
  331. margin-top:-37px;
  332. -webkit-transition-duration:1s;
  333. -moz-transition-duration:1s;
  334. -o-transition-duration:1s;
  335. }
  336.  
  337. #next {
  338. font-family:Trebuchet MS;
  339. letter-spacing:0px;
  340. text-align:center;
  341. position:fixed;
  342. font-size:9px;
  343. margin-left:540px;
  344. margin-top:-37px;
  345. -webkit-transition-duration:1s;
  346. -moz-transition-duration:1s;
  347. -o-transition-duration:1s;
  348. }
  349.  
  350. #info {
  351. text-align:center;
  352. font-family:georgia;
  353. margin-top:7px;
  354. padding-top:2px;
  355. text-transform:none;
  356. font-size:9px;
  357. font-style:none;
  358. background-color:{color:info};
  359. border-top:3px double {color:info border};
  360. }
  361.  
  362.  
  363. #tags {
  364. font-family:arial;
  365. letter-spacing:0px;
  366. text-transform:uppercase;
  367. font-size:8px;
  368. font-style:none;
  369. padding-top:3px;
  370. text-align:right;
  371. background-color:{color:Background};
  372. margin-top:4px;
  373. margin-bottom:4px;
  374. text-align:center;
  375. }
  376.  
  377. #tags
  378. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  379. -webkit-transition: all 0.6s ease-in-out;
  380. -moz-transition: all 0.6s ease-in-out;
  381. -o-transition: all 0.6s ease-in-out;
  382. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  383.  
  384.  
  385. #asker {
  386. padding:5px;
  387. font-family:helvetica;
  388. letter-spacing:1px;
  389. text-align:left;
  390. border-radius:15px;
  391. font-style:italic;
  392. margin-left:15px;
  393. border-bottom:3px double #f2f2f2;
  394. border-top:3px double #f2f2f2;
  395. background-color:{color:Ask BG};
  396.  
  397. }
  398.  
  399. #answer {
  400. margin-top:-30px;
  401. margin-left:45px;
  402. padding-bottom:30px;
  403.  
  404. }
  405.  
  406. #audio {
  407. -webkit-transition-duration:1s;
  408. -moz-transition-duration:1s;
  409. -o-transition-duration:1s;
  410. }
  411.  
  412. #audio:hover {
  413. opacity:.2;
  414. -webkit-transition-duration:1s;
  415. -moz-transition-duration:1s;
  416. -o-transition-duration:1s;
  417. }
  418.  
  419. #audioinfo {
  420. border-left:3px solid lightgrey;
  421. margin-left:90px;
  422. padding-left:5px;
  423. }
  424.  
  425. /* --- CREDIT D O N O T R E M O V E ---*/
  426.  
  427. #credit {
  428. position:fixed;
  429. bottom:3px;
  430. right:-97px;
  431. font-size:10px;
  432. padding-top:7px;
  433. text-align:left;
  434. padding-left:5px;
  435. width:110px;
  436. height:17px;
  437. border:solid 1px #fff;
  438. letter-spacing:2px;
  439. font-family:arial;
  440. background-color:#ffffff;
  441. -webkit-transition-duration:1s;
  442. -moz-transition-duration:1s;
  443. -o-transition-duration:1s;
  444. }
  445.  
  446. #credit a{
  447. color:#000000;
  448. -webkit-transition-duration:1s;
  449. -moz-transition-duration:1s;
  450. -o-transition-duration:1s;
  451. }
  452.  
  453. #credit:hover {
  454. right:3px;
  455. background-color:#eaeaea;
  456. border:solid 1px #cacaca;
  457. border-radius:10px 0px 10px 0px;
  458. -webkit-transition-duration:1s;
  459. -moz-transition-duration:1s;
  460. -o-transition-duration:1s;
  461. }
  462.  
  463. #credit:hover a{
  464. color:#cacaca;
  465. -webkit-transition-duration:1s;
  466. -moz-transition-duration:1s;
  467. -o-transition-duration:1s;
  468. }
  469.  
  470.  
  471.  
  472.  
  473.  
  474. {CustomCSS}</style></head><body>
  475.  
  476.  
  477. <div id="sticky"><div id="navi">
  478.  
  479. <div class="links">
  480. <a href="/">home</a>
  481. <a href="/ask">mssg</a>
  482. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  483. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  484. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  485. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  486. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  487. </div>
  488.  
  489.  
  490.  
  491. </div></div>
  492. <div id="sidebar">
  493. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  494. <div id="description">
  495. {Description}
  496. </div>
  497. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  498.  
  499. <div id="title">{Title}</div>
  500.  
  501.  
  502. </div>
  503.  
  504. </div>
  505.  
  506. <div id="entries">
  507.  
  508. {block:Pagination}
  509. {block:PreviousPage}<div id="back"><a href="{PreviousPage}">retreat</a></div>{/block:PreviousPage}
  510. {block:NextPage}<div id="next"><a href="{NextPage}">advance</a></div>{/block:NextPage}
  511. {/block:Pagination}
  512.  
  513.  
  514. {block:Posts}<div id="post">
  515.  
  516. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  517.  
  518. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  519.  
  520. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  521.  
  522. {block:Quote}<h1>"{Quote}"</h1>{/block:Quote}
  523.  
  524. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  525.  
  526. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  527.  
  528.  
  529. <div id="audio">
  530. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" height="65px" align="left" style="margin-right:10px; border-radius:15px" />{/block:AlbumArt}</div><span class="audio">{AudioPlayerGrey}</left></span>
  531. <br>{block:TrackName}<div id="audioinfo"><b>Title:</b> {TrackName}<br />{/block:TrackName}
  532. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  533. {/block:ExternalAudio}<b>Played:</b> {FormattedPlayCount} times
  534. {/block:Audio} </div>
  535.  
  536. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  537.  
  538. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-30}" style="margin-left:6px;"><div id="answer"> {Asker} inquired: {Question}</div></div><center><font face="helvetica">{Answer}</font></center>{/block:Answer}
  539.  
  540. <div id="info">
  541. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> = {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <a href="{Permalink}">{NoteCountWithLabel}</a> = <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> = {block:ContentSource}( <a href="{SourceURL}">Β© </a>){/block:ContentSource}
  542.  
  543. {block:HasTags}<div id="tags">{block:Tags}-<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  544. {/block:Posts}
  545. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  546. {/block:Posts}</div>
  547. </div>
  548.  
  549.  
  550.  
  551. <!--
  552. THEME MAKER CREDIT
  553. -->
  554.  
  555. <div id="credit"><a href="http://tardissauce.tumblr.com/">Β© TARDISSAUCE</a></div>
  556.  
  557.  
  558. </body></html>
Add Comment
Please, Sign In to add comment