API tools faq
paste
tardissauce

Theme 4: Exasperation

tardissauce
Aug 26th, 2013
594
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.21 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 #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
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!