API tools faq
paste
Advertisement
xariaaaa

TVBOO Theme

xariaaaa
Jul 13th, 2015
216
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.29 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  5. ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  7.  
  8. <meta name="if:ShowCaptions" content="1"/>
  9. <meta name="if:ShowTags" content="1"/>
  10. <meta name="if:Monochrome" content="0">
  11. <meta name="if:Fade" content="0">
  12.  
  13. <meta name="if:250" content="1">
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <link rel="shortcut icon" href="{Favicon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.  
  24. <style type="text/css">
  25.  
  26. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  27. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  28.  
  29. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  30.  
  31. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  32.  
  33. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  34.  
  35. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  36.  
  37. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  38.  
  39. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  40.  
  41. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  42.  
  43. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  44.  
  45. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  46.  
  47. @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
  48.  
  49. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  50.  
  51. @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
  52.  
  53. @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
  54.  
  55. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  56.  
  57. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  58.  
  59. ::selection {
  60. background: #832929;
  61. color:#830b0b;
  62. }
  63.  
  64. ::-moz-selection {
  65. background: #832929;
  66. color:#830b0b;
  67. }
  68.  
  69. ::-webkit-selection {
  70. background: #832929;
  71. color:#830b0b;
  72. }
  73. /* THEME SPECIALS */
  74.  
  75. ::-webkit-scrollbar-thumb {
  76. background-color: #832929;
  77. border: 3px solid #242424;
  78. height: auto;
  79. border-bottom: none;
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height:9px;
  84. width:9px;
  85. background-color: #832929;
  86. border:4px solid #242424;
  87. }
  88.  
  89. /* BODY */
  90. body {
  91. background-image: url({image:background image});
  92. background-repeat: no-repeat;
  93. background-attachment: fixed;
  94. background-color: #242424;
  95. background-position: bottom right;
  96. margin: 0;
  97. }
  98.  
  99. a:link, a:visited, a:active {
  100. text-decoration: none;
  101. color: #832929;
  102. -moz-transition:all ease-in-out 0.7s;
  103. -webkit-transition:all ease-in-out 0.7s;
  104. -o-transition:all ease-in-out 0.7s;
  105. transition:all ease-in-out 0.7s;
  106. }
  107.  
  108. a:hover {
  109. text-shadow: 0 0 0.1em #830b0b;
  110. color: #832929;
  111. }
  112.  
  113. b, strong {
  114. color: #832929;
  115. }
  116.  
  117. i, em {
  118. color: #832929;
  119. }
  120.  
  121. small, sub, sup, code {
  122. font-family:'trebuchet ms';
  123. font-size:9px;
  124. letter-spacing: 1;
  125. line-height: 100%;
  126. margin-top: 10px !important;
  127. line-height: 90%;
  128. }
  129.  
  130. pre {
  131. width:100%;
  132. font-family: 'tinytots';
  133. font-size: 8px;
  134. text-align:center;
  135. text-transform: uppercase;
  136. white-space:pre-wrap;
  137. word-wrap:break-word;
  138. padding:3px;
  139. }
  140.  
  141. blockquote {
  142. margin-left:5px;
  143. width:90%;
  144. padding-left:5px;
  145. border-left: solid 1px #830b0b;
  146. overflow:hidden;
  147. }
  148.  
  149. blockquote blockquote {
  150. margin-left: 10px;
  151. width: 85%;
  152. text-align: justify;
  153. border-left: solid 1px #830b0b;
  154. padding: 5px;
  155. overflow:hidden;
  156. }
  157.  
  158. blockquote img {
  159. {block:if250}max-width:210px !important;{/block:if250}
  160. height: auto;
  161. {block:ifFade}opacity: .5;{/block:ifFade}
  162. overflow:hidden;
  163. }
  164.  
  165. blockquote blockquote img {
  166. {block:if250}max-width:180px !important;{/block:if250}
  167. height: auto;
  168. {block:ifFade}opacity: .5;{/block:ifFade}
  169. overflow:hidden;
  170. }
  171.  
  172. blockquote img:hover {
  173. {block:ifFade}opacity: 1;{/block:ifFade}
  174.  
  175. }
  176.  
  177. blockquote blockquote img:hover {
  178. {block:ifFade}opacity: 1;{/block:ifFade}
  179. }
  180.  
  181. .alignment {
  182. position: relative;
  183. margin-left: 150px;
  184. margin-top: 10px;
  185. height: 100%;
  186. height: auto !important;
  187. min-height: 100%;
  188. {block:if250}width:250px;{/block:if250}
  189. }
  190.  
  191. /* QUOTES */
  192.  
  193. #quote {
  194. color: #eeeeee;
  195. font-family: "ms gothic";
  196. font-size: 14px;
  197. }
  198.  
  199. #source {
  200. font-family: "gasara";
  201. font-size: 8px;
  202. letter-spacing: 1px;
  203. text-align: right;
  204. text-transform: uppercase;
  205. color: #832929;
  206. }
  207.  
  208. /* CONTENT WRAPPER */
  209.  
  210. #wrapper {
  211. width:270px;
  212. height:auto;
  213. margin-left:455px;
  214. margin-right:auto;
  215. margin-top:40px;
  216. margin-bottom:40px;
  217. position:relative;
  218. }
  219.  
  220. /* SB WRAPPER */
  221.  
  222. #sidebar {
  223. width: 500px;
  224. margin: 0 auto;
  225. margin-left:139px;
  226. margin-top:200px;
  227. position:fixed;
  228. -webkit-transition:all 0.7s ease-in-out;
  229. -moz-transition:all 0.7s ease-in-out;
  230. -o-transition:all 0.7s ease-in-out;
  231. -ms-transition:all 0.7s ease-in-out;
  232. transition:all 0.7s ease-in-out;
  233. }
  234.  
  235. /* BLOG POSTS */
  236.  
  237. .posts {
  238. {block:if250}width:250px;{/block:if250}
  239. font-family:'trebuchet ms';
  240. font-size:9px;
  241. letter-spacing: 1;
  242. line-height: 100%;
  243. color: #eeeeee;
  244. text-align: justify;
  245. word-wrap:break-word;
  246. background-color: #242424;
  247. padding: 10px;
  248. margin-bottom: 20px;
  249. -moz-transition:all ease-in-out 0.7s;
  250. -webkit-transition:all ease-in-out 0.7s;
  251. -o-transition:all ease-in-out 0.7s;
  252. transition:all ease-in-out 0.7s;
  253. }
  254.  
  255. .postinfo {
  256. {block:if250}width:250px;{/block:if250}
  257. font-family:'trebuchet ms';
  258. font-size:9px;
  259. letter-spacing: 1;
  260. line-height: 100%;
  261. color: #eeeeee;
  262. text-align: justify;
  263. word-wrap:break-word;
  264. margin-top: -15px;
  265. background-color: #242424;
  266. padding: 10px;
  267. -moz-transition:all ease-in-out 0.7s;
  268. -webkit-transition:all ease-in-out 0.7s;
  269. -o-transition:all ease-in-out 0.7s;
  270. transition:all ease-in-out 0.7s;
  271. }
  272.  
  273. .postcontainer img:hover, #photoset:hover {
  274. -moz-transition:all ease-in-out 0.7s;
  275. -webkit-transition:all ease-in-out 0.7s;
  276. -o-transition:all ease-in-out 0.7s;
  277. transition:all ease-in-out 0.7s;
  278. -webkit-filter: grayscale(0%) !important;
  279. opacity: 1;
  280. }
  281.  
  282. .postcontainer img, #photoset {
  283. {block:if250}max-width:250px;{/block:if250}
  284. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  285. {/block:ifMonochrome}
  286. {block:ifFade}opacity: .5;{/block:ifFade}
  287. -moz-transition:all ease-in-out 0.7s;
  288. -webkit-transition:all ease-in-out 0.7s;
  289. -o-transition:all ease-in-out 0.7s;
  290. transition:all ease-in-out 0.7s;
  291. }
  292.  
  293. .photopost img {
  294. {block:if250}max-width: 250px !important; {/block:if250}
  295. {block:ifFade}opacity: .5;{/block:ifFade}
  296. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  297. {/block:ifMonochrome}
  298. -moz-transition:all ease-in-out 0.7s;
  299. -webkit-transition:all ease-in-out 0.7s;
  300. -o-transition:all ease-in-out 0.7s;
  301. transition:all ease-in-out 0.7s;
  302. }
  303.  
  304. .photopost img:hover {
  305. {block:ifFade}opacity: 1;{/block:ifFade}
  306. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  307. {/block:ifMonochrome}
  308. -moz-transition:all ease-in-out 0.7s;
  309. -webkit-transition:all ease-in-out 0.7s;
  310. -o-transition:all ease-in-out 0.7s;
  311. transition:all ease-in-out 0.7s;
  312. }
  313.  
  314. .posts img, #photoset {
  315. {block:if250}max-width: 240px !important; {/block:if250}
  316. height: auto;
  317. {block:ifFade}opacity: .5;{/block:ifFade}
  318. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  319. {/block:ifMonochrome}
  320. -moz-transition:all ease-in-out 0.7s;
  321. -webkit-transition:all ease-in-out 0.7s;
  322. -o-transition:all ease-in-out 0.7s;
  323. transition:all ease-in-out 0.7s;
  324. }
  325.  
  326. .posts img:hover {
  327. {block:ifFade}opacity: 1;{/block:ifFade}
  328. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  329. {/block:ifMonochrome}
  330. -moz-transition:all ease-in-out 0.7s;
  331. -webkit-transition:all ease-in-out 0.7s;
  332. -o-transition:all ease-in-out 0.7s;
  333. transition:all ease-in-out 0.7s;
  334. }
  335.  
  336. .video {
  337. {block:if250}max-width: 250px !important; {/block:if250}
  338. {block:if400}max-width: 400px !important; {/block:if400}
  339. {block:if500}max-width: 500px !important; {/block:if500}
  340. {block:ifFade}opacity: .5;{/block:ifFade}
  341. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  342. {/block:ifMonochrome}
  343. -moz-transition:all ease-in-out 0.7s;
  344. -webkit-transition:all ease-in-out 0.7s;
  345. -o-transition:all ease-in-out 0.7s;
  346. transition:all ease-in-out 0.7s;
  347. }
  348.  
  349. .video:hover {
  350. {block:ifFade}opacity: 1;{/block:ifFade}
  351. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  352. {/block:ifMonochrome}
  353. -moz-transition:all ease-in-out 0.7s;
  354. -webkit-transition:all ease-in-out 0.7s;
  355. -o-transition:all ease-in-out 0.7s;
  356. transition:all ease-in-out 0.7s;
  357. }
  358.  
  359. .postnotes {
  360. {block:if250}width:250px;{/block:if250}
  361. font-family: 'tinytots';
  362. font-size: 8px;
  363. letter-spacing: 1;
  364. line-height: 100%;
  365. color: #eeeeee;
  366. text-align: left;
  367. text-transform: uppercase;
  368. word-wrap:break-word;
  369. background-color: #242424;
  370. padding: 10px;
  371. -moz-transition:all ease-in-out 0.7s;
  372. -webkit-transition:all ease-in-out 0.7s;
  373. -o-transition:all ease-in-out 0.7s;
  374. transition:all ease-in-out 0.7s;
  375. }
  376.  
  377. .postnotes img {
  378. display:none;
  379.  
  380. }
  381.  
  382. .postperma {
  383. {block:if250}width:246px;{/block:if250}
  384. margin-top: -20px;
  385. font-family: "gasara";
  386. font-size: 8px;
  387. color: #832929;
  388. text-transform: uppercase;
  389. text-align:center;
  390. line-height:100%;
  391. background-color: #242424;
  392. padding:1px;
  393. margin-bottom:6px;
  394. opacity:0;
  395. -moz-transition:all ease-in-out 0.7s;
  396. -webkit-transition:all ease-in-out 0.7s;
  397. -o-transition:all ease-in-out 0.7s;
  398. transition:all ease-in-out 0.7s;
  399. }
  400.  
  401. .postperma a {
  402. color: #830b0b;
  403. -moz-transition:all ease-in-out 0.7s;
  404. -webkit-transition:all ease-in-out 0.7s;
  405. -o-transition:all ease-in-out 0.7s;
  406. transition:all ease-in-out 0.7s;
  407.  
  408. }
  409.  
  410. .postperma a:hover {
  411. color: #830b0b;
  412. -moz-transition:all ease-in-out 0.7s;
  413. -webkit-transition:all ease-in-out 0.7s;
  414. -o-transition:all ease-in-out 0.7s;
  415. transition:all ease-in-out 0.7s;
  416.  
  417. }
  418.  
  419. .posts:hover .postperma {
  420. margin-top: 10px;
  421. opacity:1;
  422. -moz-transition:all ease-in-out 0.7s;
  423. -webkit-transition:all ease-in-out 0.7s;
  424. -o-transition:all ease-in-out 0.7s;
  425. transition:all ease-in-out 0.7s;
  426. }
  427.  
  428. #posttitle {
  429. font-family:'bebas neue';
  430. font-size:20px;
  431. letter-spacing:1px;
  432. line-height:16px;
  433. text-transform:uppercase;
  434. text-align:center;
  435. }
  436.  
  437. #permtitle {
  438. font-family: 'vdj';
  439. color: #832929;
  440. font-size: 8px;
  441. padding: 5px;
  442. margin-top: 5px;
  443. text-align: center;
  444. text-transform: uppercase;
  445. }
  446.  
  447. #odd {
  448. padding:2px;
  449. font-family:'trebuchet ms';
  450. font-size:9px;
  451. color: #eeeeee;
  452. }
  453.  
  454. #even {
  455. padding:2px;
  456. font-family:'trebuchet ms';
  457. font-size:9px;
  458. color: #eeeeee;
  459. }
  460.  
  461. #tags {
  462. font-family: 'tinytots';
  463. font-size: 8px;
  464. text-transform: uppercase;
  465. letter-spacing: 1;
  466. line-height: 100%;
  467. }
  468.  
  469. /* AUDIO */
  470.  
  471. .album {
  472. background-repeat: no-repeat;
  473. background-position: center;
  474. position: absolute;
  475. width: 86px;
  476. height: 86px;
  477. background-size: 60px;
  478. overflow: hidden;
  479. background-color: #181818;
  480. -moz-transition:all ease-in-out 0.7s;
  481. -webkit-transition:all ease-in-out 0.7s;
  482. -o-transition:all ease-in-out 0.7s;
  483. transition:all ease-in-out 0.7s;
  484. }
  485.  
  486. .album img {
  487. width: 86px;
  488. height: 86px;
  489. overflow: hidden;
  490. -moz-transition:all ease-in-out 0.7s;
  491. -webkit-transition:all ease-in-out 0.7s;
  492. -o-transition:all ease-in-out 0.7s;
  493. transition:all ease-in-out 0.7s;
  494. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  495. {/block:ifMonochrome}
  496. {block:ifFade}opacity:.5;{/block:ifFade}
  497. }
  498.  
  499. .album img:hover {
  500. -moz-transition:all ease-in-out 0.7s;
  501. -webkit-transition:all ease-in-out 0.7s;
  502. -o-transition:all ease-in-out 0.7s;
  503. transition:all ease-in-out 0.7s;
  504. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  505. {/block:ifMonochrome}
  506. {block:ifFade}opacity:1;{/block:ifFade}
  507. }
  508.  
  509. .player {
  510. width: 10px;
  511. height: 11px;
  512. overflow: hidden;
  513. padding: 4px 21px 21px 4px;
  514. margin-top: 27px;
  515. margin-left: 26px;
  516. position: absolute;
  517. background-color: #fff;
  518. opacity: 0.5;
  519. z-index: 10;
  520. -webkit-transition: all 0.4s linear;
  521. -moz-transition: all 0.4s linear;
  522. -o-transition: all 0.4s linear;
  523. -moz-border-radius: 30px;
  524. -webkit-border-radius: 30px;
  525. border-radius: 30px;
  526. }
  527.  
  528. .album:hover .player {
  529. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  530. }
  531.  
  532. .track {
  533. margin-left: 90px;
  534. min-height: 80px;
  535. max-height: 100px;
  536. overflow: auto;
  537. font-family:dixel;
  538. font-size: 8px;
  539. padding: 3px;
  540. color: #832929;
  541. text-transform: uppercase;
  542. letter-spacing: 1px;
  543. background: #181818;
  544. }
  545.  
  546.  
  547. /* QUESTION */
  548.  
  549. #ask {
  550. {block:if250}max-width:250px;{/block:if250}
  551. background-color: #181818;
  552. }
  553.  
  554. .as {
  555. min-height: auto;
  556. padding: 5px;
  557. padding-bottom:8px;
  558. background-color: #181818;
  559. }
  560.  
  561. .aske {
  562. margin-top:5px;
  563. font-family:'bebas neue';
  564. font-size:18px;
  565. line-height:13px;
  566. text-align:center;
  567. text-transform:none;
  568. color: #832929;
  569. background-color: #181818;
  570. -moz-transition:all ease-in-out 0.7s;
  571. -webkit-transition:all ease-in-out 0.7s;
  572. -o-transition:all ease-in-out 0.7s;
  573. transition:all ease-in-out 0.7s;
  574. }
  575.  
  576. .aske:hover {
  577. -moz-transition:all ease-in-out 0.7s;
  578. -webkit-transition:all ease-in-out 0.7s;
  579. -o-transition:all ease-in-out 0.7s;
  580. transition:all ease-in-out 0.7s;
  581. }
  582.  
  583. .que {
  584. font-family: ppixel;
  585. font-size: 8px;
  586. text-align:center;
  587. text-transform:uppercase;
  588. color: #832929;
  589. }
  590.  
  591. .ans {
  592. font-family:trebuchet ms;
  593. font-size:9px;
  594. color: #832929;
  595. }
  596.  
  597. /* Hover Title Style */
  598.  
  599. #s-m-t-tooltip{
  600. max-width:250px;
  601. margin-top:25px;
  602. margin-left:15px;
  603. padding-left:4px;
  604. padding-right:4px;
  605. z-index:9999999;
  606. background-color: #181818;
  607. color: #830b0b;
  608. font-family: "gasara";
  609. font-size:8px;
  610. letter-spacing:0px;
  611. text-transform:uppercase;
  612. text-align:center;
  613. line-height:14px;
  614. border-left: 3px solid #832929;
  615. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  616. }
  617.  
  618.  
  619. /* IMAGES */
  620.  
  621. #sidepic {
  622. position:absolute;
  623. margin-top: -215px;
  624. margin-left: -605px;
  625. z-index:-2;
  626. padding:3px;
  627. width:620px;
  628. height:700px;
  629. background: transparent;
  630. }
  631.  
  632. #sidepic img {
  633. width:620px;
  634. height:700px;
  635. -webkit-transition: all 0.7s ease-in-out;
  636. -moz-transition: all 0.7s ease-in-out;
  637. -o-transition: all 0.7s ease-in-out;
  638. -ms-transition: all 0.7s ease-in-out;
  639. transition: all 0.7s ease-in-out;
  640. }
  641.  
  642. #sidepic img:hover {
  643. -webkit-transition: all 0.7s ease-in-out;
  644. -moz-transition: all 0.7s ease-in-out;
  645. -o-transition: all 0.7s ease-in-out;
  646. -ms-transition: all 0.7s ease-in-out;
  647. transition: all 0.7s ease-in-out;
  648. }
  649.  
  650. /* TITLEU */
  651.  
  652. .titleu {
  653. position:absolute;
  654. margin-top: 115px;
  655. margin-left: -431px;
  656. width:252px;
  657. height:auto;
  658. font-family: 'bebas neue';
  659. font-size: 48px;
  660. z-index:-1;
  661. word-spacing:6px;
  662. color: #830b0b;
  663. text-transform: none;
  664. letter-spacing: 0px;
  665. padding:3px;
  666. text-shadow: 0px 0px 1px #830b0b;
  667. background: transparent;
  668. text-align: right;
  669. -webkit-transition:all 0.7s ease-in-out;
  670. -moz-transition:all 0.7s ease-in-out;
  671. -o-transition:all 0.7s ease-in-out;
  672. -ms-transition:all 0.7s ease-in-out;
  673. transition:all 0.7s ease-in-out;
  674. }
  675.  
  676. .titleu a {
  677. transform:rotate(0deg) scale(1);
  678. opacity:1;
  679. -moz-transition:all ease-in-out 0.7s;
  680. -webkit-transition:all ease-in-out 0.7s;
  681. -o-transition:all ease-in-out 0.7s;
  682. transition:all ease-in-out 0.7s;
  683. }
  684.  
  685. .titleu a:hover {
  686. transform: rotate(0deg) scale(0);
  687. opacity: 0;
  688. -moz-transition:all ease-in-out 0.7s;
  689. -webkit-transition:all ease-in-out 0.7s;
  690. -o-transition:all ease-in-out 0.7s;
  691. transition:all ease-in-out 0.7s;
  692. }
  693.  
  694. /* MUSIC */
  695.  
  696. .music {
  697. position:absolute;
  698. margin-top: 277px;
  699. margin-left: -430px;
  700. width: 235px;
  701. height: 21px;
  702. font-family: 'ms gothic';
  703. font-size: 10px;
  704. color: #5d5b5b;
  705. opacity:1;
  706. text-transform: uppercase;
  707. letter-spacing: 0px;
  708. text-align: center;
  709. background: transparent;
  710. -webkit-transition:all 0.7s ease-in-out;
  711. -moz-transition:all 0.7s ease-in-out;
  712. -o-transition:all 0.7s ease-in-out;
  713. -ms-transition:all 0.7s ease-in-out;
  714. transition:all 0.7s ease-in-out;
  715. }
  716.  
  717. /* DESCRIPTION */
  718.  
  719. .desc {
  720. position:absolute;
  721. overflow:auto;
  722. margin-top: 170px;
  723. margin-left: -320px;
  724. width:100px;
  725. height:100px;
  726. font-family: 'pixel';
  727. font-size: 8px;
  728. color: #832929;
  729. background-color: #181818;
  730. opacity: 0.4;
  731. text-transform: uppercase;
  732. padding:3px;
  733. text-align: center;
  734. -webkit-transition:all 0.7s ease-in-out;
  735. -moz-transition:all 0.7s ease-in-out;
  736. -o-transition:all 0.7s ease-in-out;
  737. -ms-transition:all 0.7s ease-in-out;
  738. transition:all 0.7s ease-in-out;
  739. }
  740.  
  741. .desc:hover{
  742. opacity: 1;
  743. -webkit-transition:all 0.7s ease-in-out;
  744. -moz-transition:all 0.7s ease-in-out;
  745. -o-transition:all 0.7s ease-in-out;
  746. -ms-transition:all 0.7s ease-in-out;
  747. transition:all 0.7s ease-in-out;
  748. }
  749.  
  750. .desc a {
  751. color: #830b0b;
  752. -moz-transition:all ease-in-out 0.7s;
  753. -webkit-transition:all ease-in-out 0.7s;
  754. -o-transition:all ease-in-out 0.7s;
  755. transition:all ease-in-out 0.7s;
  756. }
  757.  
  758. .desc::-webkit-scrollbar-thumb {
  759. background-color:{color:Desc Scrollbar Trackbar};
  760. border: 3px solid {color:Desc Scrollbar Background};
  761. height:auto;
  762. border-bottom:none;
  763. }
  764.  
  765. .desc::-webkit-scrollbar {
  766. height:9px;
  767. width:9px;
  768. background-color:{color:Desc Scrollbar Trackbar};
  769. border:4px solid {color:Desc Scrollbar Background};
  770. }
  771.  
  772. /* HOVERS */
  773.  
  774. .hovar {
  775. position:absolute;
  776. margin-top: 175px;
  777. margin-left: -216px;
  778. width:25px;
  779. height:87px;
  780. font-family: 'pixel';
  781. font-size: 8px;
  782. line-height:15px;
  783. color: #832929;
  784. text-transform: uppercase;
  785. padding:3px;
  786. text-align: center;
  787. -webkit-transition:all 0.7s ease-in-out;
  788. -moz-transition:all 0.7s ease-in-out;
  789. -o-transition:all 0.7s ease-in-out;
  790. -ms-transition:all 0.7s ease-in-out;
  791. transition:all 0.7s ease-in-out;
  792. }
  793.  
  794. .hovar a {
  795. color: #832929;
  796. transform:rotate(0deg) scale(1)
  797. opacity:1;
  798. text-align: center;
  799. -moz-transition:all ease-in-out 0.7s;
  800. -webkit-transition:all ease-in-out 0.7s;
  801. -o-transition:all ease-in-out 0.7s;
  802. transition:all ease-in-out 0.7s;
  803. }
  804.  
  805. .hovar a:hover {
  806. text-align: center;
  807. color: #832929;
  808. transform:rotate(0deg) scale(10);
  809. opacity: 0;
  810. -moz-transition:all ease-in-out 0.7s;
  811. -webkit-transition:all ease-in-out 0.7s;
  812. -o-transition:all ease-in-out 0.7s;
  813. transition:all ease-in-out 0.7s;
  814. }
  815.  
  816. .taboo{
  817. font-size: 13px;
  818. text-align: center;
  819. font-family: 'ms gothic';
  820. }
  821.  
  822. /* ABOUT BOX*/
  823.  
  824. .hidden {
  825. display: none;
  826. }
  827.  
  828. .unhidden {
  829. display: block;
  830. }
  831.  
  832. </style>
  833. <style type="text/css">{CustomCSS}</style>
  834.  
  835. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  836.  
  837.  
  838. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  839.  
  840.  
  841. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  842. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  843. <script>
  844. (function($){
  845. $(document).ready(function(){
  846. $("[title],a[title],img[title]").style_my_tooltips({
  847. tip_follows_cursor:true,
  848. tip_delay_time:100,
  849. tip_fade_speed:300,
  850. attribute:"title"
  851. });
  852. });
  853. })(jQuery);
  854. </script>
  855.  
  856. <script type="text/javascript">
  857. function unhide(divID) {
  858. var item = document.getElementById(divID);
  859. if (item) {
  860. item.className=(item.className=='hidden')?'unhidden':'hidden';
  861. }
  862. }
  863. </script>
  864.  
  865. </head>
  866.  
  867. <body>
  868.  
  869. <div id="wrapper">
  870.  
  871. <div id="sidebar">
  872.  
  873. <div id="sidepic"><img src="http://i.imgur.com/3cESScJ.png"/></div>
  874.  
  875. <div class="titleu">
  876. <a href="/" title="Refresh">T</a>
  877. <a href="/ask" title="Inbox">A</a>
  878. <a href="/archive" title="Archive">B</a>
  879. <a href="/bitter/taboos" title="Muses">O</a>
  880. <a href="/bitter/navi" title="Navigation">O</a>
  881. </div>
  882.  
  883. <div class="desc"><center>
  884. This is the description text.
  885. </center>
  886. </div>
  887.  
  888. <div class="hovar">
  889. <a title="This is a multimuse roleplay account.">●</a><br>
  890. <a title="I am strictily literate IC. May get lazy OOC.">●</a><br>
  891. <a title="Plots and random starters are love and nobody says no to love.">●</a><br>
  892. <a title="I have no affliation to any of the faces I portray; nor their opinions.">●</a><br>
  893. <a title="Every muse on this blog is an OC character and have no affliation to their K-Pop group.">●</a><br>
  894. <a title="NSFW and triggering themes may be apprached; all will be tagged accordingly!">●</a>
  895. </div>
  896.  
  897. </div>
  898.  
  899. <div class="alignment">
  900. <div class="autopagerize_page_element" >
  901.  
  902. {block:Posts}
  903. <div class="posts">
  904.  
  905. {block:ContentSource}
  906. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  907. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  908. {/block:SourceLogo}
  909. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  910.  
  911. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  912. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  913. {/block:ReblogParentLogo}
  914. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  915. {/block:ContentSource}
  916.  
  917.  
  918. <!-- PHOTO POSTS -->
  919.  
  920. {block:if250}
  921. {block:Photo}
  922. {LinkOpenTag}
  923. <div class="photopost">
  924. <img src="{PhotoURL-250}">
  925. </div>
  926. {LinkCloseTag}
  927. {block:ifShowCaptions}
  928. {block:Caption}
  929. {Caption}
  930. {/block:Caption}
  931. {/block:ifShowCaptions}
  932. {/block:photo}
  933. {/block:if250}
  934.  
  935.  
  936. {block:if400}
  937. {block:Photo}
  938. {LinkOpenTag}
  939. <div class="photopost">
  940. <img src="{PhotoURL-400}">
  941. </div>
  942. {LinkCloseTag}
  943. {block:ifShowCaptions}
  944. {block:Caption}
  945. {Caption}
  946. {/block:Caption}
  947. {/block:ifShowCaptions}
  948. {/block:photo}
  949. {/block:if400}
  950.  
  951. {block:if500}
  952. {block:Photo}
  953. {LinkOpenTag}
  954. <div class="photopost">
  955. <img src="{PhotoURL-500}">
  956. </div>
  957. {LinkCloseTag}
  958. {block:ifShowCaptions}
  959. {block:Caption}
  960. {Caption}
  961. {/block:Caption}
  962. {/block:ifShowCaptions}
  963. {/block:photo}
  964. {/block:if500}
  965.  
  966.  
  967.  
  968. <!-- PHOTOSET POSTS -->
  969. {block:if250}
  970. {block:Photoset}
  971. <div id="photoset">
  972. {Photoset-250}
  973. </div>
  974. {block:ifShowCaptions}
  975. {block:Caption}
  976. {Caption}
  977. {/block:Caption}
  978. {/block:ifShowCaptions}
  979. {/block:Photoset}
  980. {/block:if250}
  981.  
  982. {block:if400}
  983. {block:Photoset}
  984. <div id="photoset">
  985. {Photoset-400}
  986. </div>
  987. {block:ifShowCaptions}
  988. {block:Caption}
  989. {Caption}
  990. {/block:Caption}
  991. {/block:ifShowCaptions}
  992. {/block:Photoset}
  993. {/block:if400}
  994.  
  995. {block:if500}
  996. {block:Photoset}
  997. <div id="photoset">
  998. {Photoset-500}
  999. </div>
  1000. {block:ifShowCaptions}
  1001. {block:Caption}
  1002. {Caption}
  1003. {/block:Caption}
  1004. {/block:ifShowCaptions}
  1005. {/block:Photoset}
  1006. {/block:if500}
  1007.  
  1008.  
  1009. <!-- VIDEO POSTS -->
  1010. <div class="video">
  1011. {block:if250}
  1012. {block:Video}
  1013. {Video-250}
  1014. {block:ifShowCaptions}
  1015. {block:Caption}
  1016. {Caption}
  1017. {/block:Caption}
  1018. {/block:ifShowCaptions}
  1019. {/block:Video}
  1020. {/block:if250}
  1021.  
  1022. {block:if400}
  1023. {block:Video}
  1024. {Video-400}
  1025. {block:ifShowCaptions}
  1026. {block:Caption}
  1027. {Caption}
  1028. {/block:Caption}
  1029. {/block:ifShowCaptions}
  1030. {/block:Video}
  1031. {/block:if400}
  1032.  
  1033. {block:if500}
  1034. {block:Video}
  1035. {Video-500}
  1036. {block:ifShowCaptions}
  1037. {block:Caption}
  1038. {Caption}
  1039. {/block:Caption}
  1040. {/block:ifShowCaptions}
  1041. {/block:Video}
  1042. {/block:if500}
  1043. </div>
  1044.  
  1045. <!-- AUDIO POSTS -->
  1046. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1047.  
  1048. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1049.  
  1050. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1051. {Album}{/block:Album}</div>
  1052.  
  1053. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1054.  
  1055. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1056. {/block:Audio}
  1057.  
  1058.  
  1059. <!-- QUOTE POSTS -->
  1060. {block:Quote}
  1061. <div id="quote">{Quote}</div>
  1062. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1063. {/block:Quote}
  1064.  
  1065.  
  1066. <!-- TEXT POSTS -->
  1067. {block:Text}
  1068. {block:Title}
  1069. <div id="posttitle">{Title}</div>
  1070. {/block:Title}
  1071. {Body}
  1072. {/block:Text}
  1073.  
  1074.  
  1075. <!-- QUESTION POSTS -->
  1076. {block:Answer}
  1077. <div id="ask">
  1078. <div class="as">
  1079. <div class="aske">{Asker}</div>
  1080. <div class="que">{Question}</div>
  1081. </div>
  1082. </div>
  1083. <div class="ans">{Answer}</div>
  1084. {/block:Answer}
  1085.  
  1086. <!-- CHAT POSTS -->
  1087. {block:Chat}
  1088. {block:Title}
  1089. <div id="posttitle">{Title}</div><br />
  1090. {/block:Title}
  1091. {block:Lines}<div id="{Alt}">
  1092. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1093. {/block:Lines}
  1094. {/block:Lines}
  1095. {/block:Chat}
  1096.  
  1097. <!-- LINK POSTS -->
  1098. {block:Link}
  1099. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1100. {block:Description}
  1101. {Description}
  1102. {/block:Description}
  1103. {/block:Link}
  1104.  
  1105. {block:IndexPage}
  1106. <div class="postperma">
  1107. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}&middot; <a href="{Permalink}">
  1108. {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} &middot; <a href="{ReblogParentURL}"
  1109. title="{ReblogParentTitle}">via</a> &middot; <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom} &middot; <a href="{ReblogURL}">reblog</a><br> {block:ifShowTags}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>
  1110. {/block:IndexPage}
  1111.  
  1112. </div>
  1113.  
  1114. {block:PermaLinkPage}
  1115. <div class="postinfo">
  1116. <center>
  1117. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1118. {block:RebloggedFrom}
  1119. <div id="tags">Via:
  1120. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1121. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1122. {/block:RebloggedFrom}
  1123. </center>
  1124. <br>
  1125. {block:HasTags}
  1126. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1127. {/block:HasTags}
  1128. </div>
  1129.  
  1130. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1131. {/block:PermalinkPage}
  1132.  
  1133. {/block:Posts}
  1134.  
  1135. </div>
  1136. </div>
  1137. </div>
  1138. </div>
  1139.  
  1140.  
  1141. <a href="http://galaxias-themes.tumblr.com/" title="galaxias-themes" style="bottom:5px; left:5px; pading:2px; position:fixed; font-family: pxl; font-size:10px;">THEME</a>
  1142. </body>
  1143. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!