API tools faq
paste
assshhhhllleey

hiatus theme 01

assshhhhllleey
Sep 15th, 2013
923
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 　　　　　　
  3. Hiatus Theme 01 by
  4.  
  5. ╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
  6. ╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
  7. ╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
  8. ╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
  9. ╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
  10. ╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  12. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  13.  
  14. aka ashley
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19.  
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. {block:Description}<meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31.  
  32.  
  33.  
  34. <meta name="color:LinksAndTitle" content="#FFCCDD"/>
  35. <meta name="color:Asks" content="#FFCCDD"/>
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Text" content="#a8a8a8"/>
  38. <meta name="color:Link" content="#b8b8b8"/>
  39. <meta name="color:Tags" content="f0f0f0"/>
  40. <meta name="color:Hover" content="#f2f2f2"/>
  41. <meta name="color:Line" content="#f2f2f2"/>
  42. <meta name="color:Border" content="#dadada"/>
  43. <meta name="color:Post" content="#ffffff"/>
  44. <meta name="color:Scrollbar" content="#8C8C8C"/>
  45.  
  46. <meta name="text:title2" content="semi-hiatus!" />
  47. <meta name="text:Link 1" content="" />
  48. <meta name="text:Link 1 Text" content="" />
  49. <meta name="text:Link 2" content="" />
  50. <meta name="text:Link 2 Text" content="" />
  51.  
  52. <meta name="if:Show Link 1" content="1" />
  53. <meta name="if:Show Link 2" content="1" />
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. #bite
  61. #bite a{
  62. display:block
  63. }
  64. #bite .death {
  65. margin-top:0px;filter: alpha(opacity = 0);
  66. opacity:0;-webkit-transition: all 0.5s ease-out;
  67. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  68. }
  69.  
  70. #bite:hover .death {
  71. margin-top:0px;
  72. -webkit-transition: all 0.8s ease-out;
  73. -moz-transition: all 0.8s ease-out;
  74. transition: all 0.8s ease-out;
  75. filter: alpha(opacity = 100);
  76. filter: alpha(opacity = 100);
  77. opacity:100;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. width: 5px;
  82. height: 5px;
  83. }
  84.  
  85. ::-webkit-scrollbar-track {
  86. border-left:2px solid #fff;
  87. border-right:2px solid #fff;
  88. background:{color:Scrollbar};
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb:vertical {
  92. height: 9px;
  93. background-color: {color:Scrollbar};
  94. border-radius: 100px;
  95. border-top:1px solid {color:Scrollbar};
  96. border-bottom:1px solid {color:Scrollbar};
  97. }
  98.  
  99. /* ------------------ BODY ------------------*/
  100.  
  101. body {background-color: {color:Background};
  102. margin:0px;
  103. color:{color:text};
  104. font-family:Calibri;
  105. font-size:9px;
  106. line-height:100%;
  107.  
  108. }
  109.  
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. -moz-outline-style:none;
  114. color:{color:link};-webkit-transition: all 0.7s ease;
  115. -moz-transition: all 0.7s ease;
  116. -o-transition: all 0.7s ease;
  117. }
  118.  
  119. img {
  120. border:none;
  121. }
  122.  
  123. blockquote {
  124. padding-left:5px;
  125. border-left:2px solid;
  126. }
  127.  
  128. blockquote blockquote {
  129. padding-left:5px;
  130. border-left:2px solid;
  131. }
  132.  
  133. h1 {
  134. font-size:14px; font-style:italic;
  135. text-transform:uppercase; line-height:100%;
  136. }
  137.  
  138. a:hover {
  139. opacity:1;
  140. color:{color:hover};
  141. -webkit-transition: all 0.7s ease;
  142. -moz-transition: all 0.7s ease;
  143. -o-transition: all 0.7s ease;
  144. }
  145.  
  146. /* --------------- POSTS ---------------*/
  147.  
  148.  
  149. #entries {
  150. margin-left:60px;
  151. margin-top:0px;
  152. width:400px;
  153. padding:10px;
  154. padding-right:100px;
  155. padding-top:40px;
  156. font-size:11px;
  157. border-right: 2px dashed {color:Border};
  158. }
  159.  
  160. #post {
  161. margin-top:15px;
  162. width:400px;
  163. padding:10px;
  164. padding-bottom:20px; opacity:.8;
  165. background-color:{color:Post};
  166. }
  167.  
  168. #post img {
  169. -webkit-filter: grayscale(50%);
  170. -moz-filter: grayscale(50%);
  171. -o-filter: grayscale(50%);
  172. -ms-filter: grayscale(50%);
  173. -webkit-transition: all 0.7s ease;
  174. -moz-transition: all 0.7s ease;
  175. -o-transition: all 0.7s ease;
  176. }
  177.  
  178.  
  179. #post img:hover {
  180. -webkit-filter: grayscale(0%);
  181. -moz-filter: grayscale(0%);
  182. -o-filter: grayscale(0%);
  183. -ms-filter: grayscale(0%);
  184. -webkit-transition: all 0.7s ease;
  185. -moz-transition: all 0.7s ease;
  186. -o-transition: all 0.7s ease;
  187. }
  188.  
  189. /* -------------- SIDEBAR --------------*/
  190.  
  191.  
  192. #sidebar {
  193. margin-left:656px;
  194. margin-top:126px;
  195. width:100px;
  196. height: 100px;
  197. position:fixed;
  198. opacity:.9;
  199. }
  200.  
  201. .links {
  202. line-height:80%;
  203. margin-top:145px;
  204. margin-left:-5px;
  205. width:525px;
  206. height:5px;
  207. position:fixed;
  208. padding: 9px;
  209. padding-bottom:7px;
  210. text-align:center;
  211. word-spacing:2px;
  212. font-family:candara;
  213. }
  214.  
  215. .links a {
  216. font-size: 14px;border:4px double #d4d4d4;padding:4px; display: inline-block; width:112px; color: #ccc;
  217. }
  218.  
  219. .links a:hover {
  220. color:#fff; background:{color:LinksAndTitle}; border-color: white;
  221. }
  222.  
  223. #description {
  224. margin-top:55px;
  225. margin-left:10px;
  226. width:500px;
  227. position:fixed;
  228. padding:8px;
  229. line-height:100%;
  230. text-align:center;
  231. font-size:13px;
  232. font-style:italic;
  233. font-family:candara;
  234. color:#c4c4c4;
  235. word-spacing: 1px;
  236. }
  237.  
  238. #description a {
  239. color:{color:text};
  240. -moz-transition-duration:0.4s;
  241. -webkit-transition-duration:0.4s;
  242. -o-transition-duration:0.4s;
  243. }
  244.  
  245. #pagination {
  246. margin-left:-90px;
  247. margin-top:160px;
  248. width:100px;
  249. position:fixed;
  250. text-align:center;
  251. font-size:19px;
  252. letter-spacing:0px;
  253. font-family:consolas;
  254. }
  255.  
  256. #pagination a {
  257. color: #d4d4d4;}
  258.  
  259. #hiatus {
  260. height: 60px;
  261. margin-top:-30px;
  262. font-size:130px;
  263. font-family:dawning of a new day;
  264. position:fixed;
  265. margin-left:0px;
  266. color: {color:LinksAndTitle};
  267. width:550px;
  268. text-align:left;
  269. }
  270.  
  271. #picture img{
  272. width:460px;
  273. height: 100px;
  274. margin-top: 115px;
  275. margin-left: 690px;
  276. position:fixed;
  277. opacity: .2;
  278. }
  279.  
  280.  
  281. #picturee img{
  282. width:560px;
  283. height: 220px;
  284. bottom: -75px;
  285. margin-left: 640px;
  286. position:fixed;
  287. opacity: .5;
  288. -webkit-user-drag:none;
  289. }
  290.  
  291. #actualnews {
  292. font-family:calibri;
  293. font-size:12px;
  294. color: #b8b8b8;
  295. width:200px;
  296. height:auto; border-radius: 5px;
  297. padding:3px;
  298. bottom: 0px; border: 4px double {color:LinksAndTitle};
  299. margin-left: 820px;
  300. text-align:center;
  301. position:fixed; background: white;
  302. z-index: 99999999999999;
  303. }
  304. /* -------------- INFO/TAGS --------------*/
  305.  
  306.  
  307. #info {
  308. text-align:right;
  309. text-transform:uppercase;
  310. font-size:8px;
  311. font-style:none;
  312. font-family: cambria italic;
  313. border-top:1px solid {color:Line}
  314. }
  315.  
  316. #tags {
  317. margin-top:4px;
  318. text-align:right;
  319. text-transform:lowercase;
  320. font-size:10px;
  321. font-style:italic;
  322. letter-spacing:0px;
  323. font-family:cambria;
  324. opacity: 0;
  325. -webkit-transition: all 0.6s ease-in-out;
  326. -moz-transition: all 0.6s ease-in-out;
  327. -o-transition: all 0.6s ease-in-out;
  328. -ms-transition: all 0.6s ease-in-out;
  329. transition: all 0.6s ease-in-out;
  330. }
  331.  
  332. #tags a {
  333. display:inline;
  334. padding:-3px;
  335. text-align:left;
  336. color:{color:Tags};
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. -o-transition: all 0.6s ease-in-out;
  340. -ms-transition: all 0.6s ease-in-out;
  341. transition: all 0.6s ease-in-out;
  342. }
  343.  
  344. #post:hover #tags {
  345. opacity:1;
  346. }
  347.  
  348.  
  349. /* --------------- ASKS ---------------*/
  350.  
  351. #asker {
  352. border-radius:10px;
  353. font-size: 12px;
  354. padding:5px;
  355. text-align:left;
  356. letter-spacing:1px;
  357. font-style:italic;
  358. font-family:candara; line-height: 98%;
  359. color: #A6A6A6;
  360. background-color:{color:Asks};
  361. }
  362.  
  363. #asker a{
  364. color: #A6A6A6;
  365. }
  366.  
  367. #askeri {
  368. border-radius: 100px;
  369. float: left;
  370. padding-left: 4px;
  371. padding-right: 8px;
  372. padding-top: 4px;
  373. }
  374.  
  375. #askeri img {
  376. border-radius: 100px;
  377. border: 3px solid white;
  378. -webkit-filter: grayscale(60%);
  379. -moz-filter: grayscale(60%);
  380. -o-filter: grayscale(60%);
  381. -ms-filter: grayscale(60%);
  382. }
  383.  
  384. #askerurl {
  385. font-family:dawning of a new day;
  386. font-size:22px;
  387. letter-spacing:0px;
  388. font-style:italic;
  389. }
  390.  
  391. #answer {
  392. text-align: right;
  393. color: {color:Text};
  394. min-height: 30px;
  395. padding:1px;
  396. padding-right:9px;
  397. padding-left:11px;
  398. }
  399.  
  400. #answer a{
  401. color: #000;
  402. }
  403.  
  404. #bubble {
  405. width: 0;
  406. position: absolute;
  407. height: 0;
  408. margin-left:9px;
  409. border-top: 15px solid {color:Asks};
  410. border-right: 15px solid transparent;
  411. }
  412.  
  413. #boxy {
  414. width:445px;
  415. position:fixed;
  416. margin-left:660px;
  417. margin-top:300px;
  418. font-style: italic;
  419. opacity:.9;
  420. }
  421.  
  422. iframe#tumblr_controls {
  423. white-space:nowrap;
  424. -webkit-filter: invert(100%);
  425. -moz-filter: invert(100%);
  426. -o-filter: invert(100%);
  427. -ms-filter: invert(100%);
  428. filter: invert(100%);
  429. opacity:.2;transition: .8s ease-in-out;
  430. -webkit-transition: .8s ease-in-out;
  431. -moz-transition: .8s ease-in-out;
  432. -o-transition: .8s ease-in-out;
  433. }
  434.  
  435. /*-------------DON'T TOUCH-------------*/
  436.  
  437. #poop {padding: 2px; color:#8C8C8C; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px; letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }
  438.  
  439. #poop a {color: #8C8C8C;}
  440.  
  441. #poop:hover {
  442. bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
  443. }
  444.  
  445. /*-------------------------------------*/
  446.  
  447. {CustomCSS}</style></head><body>
  448.  
  449. <div id="picture"><img src="http://24.media.tumblr.com/42f1ae1bf18507e6fe8abea8219004af/tumblr_ms42u83MzF1relm2ao3_250.png"></div>
  450.  
  451. <div id="bite">
  452. <div id="picturee"><img src="http://31.media.tumblr.com/28b092f69c5816c09dba2bbe1fdc76d8/tumblr_ms45j5sbWK1relm2ao1_500.png"></div>
  453. <div class="death">
  454.  
  455. <div id="actualnews">
  456.  
  457. this is a built in news tab :)
  458.  
  459. </div>
  460. </div></div>
  461.  
  462. <div id="boxy"> <p><iframe frameborder="0" scrolling="yes" width="120%" height="190" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_formm"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  463.  
  464. <div id="sidebar">
  465.  
  466. <div id="hiatus">{text:title2}</div>
  467. <div id="description">
  468. {Description}
  469. </div>
  470.  
  471.  
  472. <div class="links">
  473. <a href="/">home</a>
  474. <a href="/ask">letters</a>
  475. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  476. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  477. </div>
  478.  
  479.  
  480. {block:Pagination}<div id="pagination">
  481. {block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}
  482. {block:NextPage}<a href="{NextPage}">>></a>{/block:NextPage}
  483. </div>{/block:Pagination}
  484.  
  485. </div>
  486.  
  487. <div id="entries">{block:Posts}<div id="post">
  488.  
  489. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  490.  
  491. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  492.  
  493. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  494.  
  495. {block:Quote}{Quote}{/block:Quote}
  496.  
  497. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  498.  
  499. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  500.  
  501. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  502. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  503. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  504. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  505. {/block:Audio}
  506.  
  507. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  508.  
  509. {block:Answer}<div id="askeri"><img src="{AskerPortraitURL-24}"></div><div id="asker"><div id="askerurl">{Asker} — </div><br>{Question}</div><div id="bubble"></div><div id="answer">{Answer}</div>{/block:Answer}
  510.  
  511. <div id="info">
  512. <br>{block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">
  513. {NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank">— reblog &nbsp;</a><div style="float:right;">{block:RebloggedFrom}— <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} — (<a href="{SourceURL}"> source</a> ){/block:ContentSource}</div>{block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}<img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"></div>{/block:HasTags} </div></div>{/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}{/block:Posts} </div></div>
  514.  
  515. <div id="poop">
  516. <a href="http://twerkitnarry.tumblr.com/">▲▼<br>TWERKITNARRY</a>
  517. </div>
  518.  
  519.  
  520. </body></html>
Advertisement
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!