Advertisement
7th-district

[Theme #15] Endless

Dec 28th, 2013
10,962
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.18 KB | None | 0 0
  1. <!--
  2. _______________________________________________________________________
  3.  
  4. ► THEME MADE BY RACHEL @ ALMIGHTYONE.TUMBLR.COM
  5.  
  6. [THEME #15] ENDLESS
  7. If you have any questions, go to 7th-district.tumblr.com/message for help.
  8.  
  9. ► Terms Of Use
  10. - Do not remove the credit or move it anywhere! (No pages!)
  11. - Do not block the credit with images or anything else.
  12. - Do not make heavy changes that make the theme no longer recognizable as mine.
  13. - Do not take parts of my theme codes and add it into your theme!
  14. _______________________________________________________________________
  15. -->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24.  
  25. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  29. <!-- font-family: 'Open Sans Condensed', sans-serif; -->
  30.  
  31. <!-- COLOROPTIONS -->
  32. <meta name="color:blockquote" content="#699d91" />
  33. <meta name="color:scrollbar" content="#e46936" />
  34. <meta name="color:scrollbar bg" content="#fbfbfb" />
  35. <meta name="color:background" content="#fafafa" />
  36. <meta name="color:text" content="#323232" />
  37. <meta name="color:bold" content="#323232" />
  38. <meta name="color:italics" content="#323232" />
  39. <meta name="color:links" content="#598d88" />
  40. <meta name="color:links hover" content="#e35230" />
  41. <meta name="color:posts" content="#ffffff" />
  42. <meta name="color:posts border" content="#dddddd" />
  43. <meta name="color:permalink text" content="#000000" />
  44. <meta name="color:permalink text hover" content="#e46936" />
  45. <meta name="color:title" content="#467772 " />
  46. <meta name="color:title hover" content="#333333" />
  47. <meta name="color:description" content="#333333" />
  48. <meta name="color:description bg" content="#f5f5f5" />
  49. <meta name="color:main link text" content="#333333" />
  50. <meta name="color:main link bg" content="#eeefcf" />
  51. <meta name="color:main link border" content="#e4e4e4" />
  52. <meta name="color:custom links text" content="#444444" />
  53. <meta name="color:custom links 1 border" content="#aaaaaa" />
  54. <meta name="color:custom links 1 border hover" content="#487e7c" />
  55. <meta name="color:custom links 2 border" content="#bfae94" />
  56. <meta name="color:custom links 2 border hover" content="#e35230" />
  57. <meta name="color:pagination text" content="#ffffff" />
  58. <meta name="color:pagination bg" content="#87b0a8" />
  59. <meta name="color:pagination text hover" content="#111111" />
  60. <meta name="color:pagination bg hover" content="#e0dec3" />
  61.  
  62. <!-- IMAGEOPTIONS -->
  63. <meta name="image:background" content="http://25.media.tumblr.com/276cc2ecee48cb1a149cf94640066906/tumblr_movdbcThVO1ru3nbdo3_250.png" />
  64. <meta name="image:right sidebar" content="http://th04.deviantart.net/fs71/PRE/i/2012/341/f/b/dive_by_alchemaniac-d5naosj.jpg" />
  65. <meta name="image:left sidebar" content="http://static.tumblr.com/3ikb5og/8LSmyhyq8/3084867_m.jpg" />
  66.  
  67. <!-- TEXTOPTIONS -->
  68. <meta name="text:navigation title" content="menu" />
  69. <meta name="text:Link01 url" content="/">
  70. <meta name="text:Link01" content="link 1"/>
  71. <meta name="text:Link02 url" content="/">
  72. <meta name="text:Link02" content="link 2"/>
  73. <meta name="text:Link03 url" content="/">
  74. <meta name="text:Link03" content="link 3"/>
  75. <meta name="text:Link04 url" content="/">
  76. <meta name="text:Link04" content="link 4"/>
  77. <meta name="text:Link05 url" content="/">
  78. <meta name="text:Link05" content="link 5"/>
  79. <meta name="text:Link06 url" content="/">
  80. <meta name="text:Link06" content="link 6"/>
  81. <meta name="text:Link07 url" content="/">
  82. <meta name="text:Link07" content="link 7"/>
  83. <meta name="text:Link08 url" content="/">
  84. <meta name="text:Link08" content="link 8"/>
  85. <meta name="text:Link09 url" content="/">
  86. <meta name="text:Link09" content="link 9"/>
  87. <meta name="text:Link10 url" content="/">
  88. <meta name="text:Link10" content="link 10"/>
  89.  
  90. <!-- CLICKABLEOPTIONS-->
  91. <meta name="if:250" content="0" />
  92. <meta name="if:400" content="1" />
  93. <meta name="if:500" content="0" />
  94. <meta name="if:small cursor" content="0" />
  95. <meta name="if:photo fade" content="0" />
  96. <meta name="if:grayscale" content="0" />
  97. <meta name="if:infinite scroll" content="1" />
  98. <meta name="if:round sidebars" content="1" />
  99. <meta name="if:captions" content="0" />
  100.  
  101. <style type="text/css">
  102.  
  103. ::selection {
  104. background: #DBE1DF;
  105. color: #565656;
  106. }
  107.  
  108. ::-moz-selection {
  109. background: #DBE1DF;
  110. color: #565656;
  111. }
  112.  
  113. ::-webkit-selection {
  114. background: #DBE1DF;
  115. color: #565656;
  116. }
  117. ::-webkit-scrollbar-track {background-color:{color:scrollbar bg};}
  118. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};border:4px solid {color:scrollbar bg};border-radius:15px;}
  119. ::-webkit-scrollbar {width:13px;height:5px;;}
  120.  
  121. body{
  122. background:{color:background};
  123. background-image:url('{image:background}');
  124. background-attachment:fixed;
  125. background-repeat:repeat;
  126. font-family:calibri;
  127. font-size:11px;
  128. padding:0;
  129. margin:0;
  130. word-wrap:break-word;
  131. }
  132.  
  133. body a {text-decoration:none;}
  134.  
  135. #s-m-t-tooltip {
  136. position:relative;
  137. overflow:hidden;
  138. z-index:999;
  139. max-width:200px;
  140. margin:10px 0 0 10px;
  141. padding:3px 4px 4px 4px;
  142. font:11px calibri;
  143. background:#fff;
  144. line-height:100%;
  145. font-weight:bold;
  146. color:#333;
  147. border:1px solid #e4e4e4;
  148. border-radius:5px;
  149. }
  150.  
  151. #content {
  152. font-family: calibri;
  153. color:{color:text};
  154. line-height:110%;
  155. {block:indexpage}
  156. {block:if250}width:300px;font-size:11px;{/block:if250}
  157. {block:if400}width:455px;font-size:11px;{/block:if400}
  158. {block:if500}width:555px;font-size:12px;{/block:if500}
  159. margin:40px auto 40px auto;
  160. {/block:indexpage}
  161. {block:permalinkpage}
  162. margin:40px auto 40px auto;
  163. width:555px;
  164. {/block:permalinkpage}
  165. }
  166.  
  167. #content img{
  168. {block:indexpage}
  169. {block:if250}max-width:250px;{/block:if250}
  170. {block:if400}max-width:400px;{/block:if400}
  171. {block:if500}max-width:500px;{/block:if500}
  172. {/block:indexpage}
  173. {block:permalinkpage}
  174. max-width:500px;
  175. {/block:permalinkpage}
  176. }
  177.  
  178. ul{list-style-type:square;}
  179.  
  180. #content a{
  181. color:{color:links};
  182. -webkit-transition: all 0.4s ease-in-out;
  183. -moz-transition: all 0.4s ease-in-out;}
  184.  
  185. #content a:hover{
  186. color:{color:links hover};
  187. -webkit-transition: all 0.4s ease-in-out;
  188. -moz-transition: all 0.4s ease-in-out;
  189. }
  190.  
  191. blockquote {
  192. border-left:2px solid {color:blockquote};
  193. padding-left:8px;
  194. margin:2px;
  195. line-height:110%;
  196. }
  197.  
  198. blockquote img {
  199. {block:indexpage}
  200. {block:if250}width:180px;{/block:if250}
  201. {block:if400}width:330px;{/block:if400}
  202. {block:if500}width:430px;{/block:if500}
  203. {/block:indexpage}
  204. {block:permalinkpage}
  205. max-width:300px;
  206. {/block:permalinkpage}
  207. }
  208.  
  209. .posts {
  210. background:{color:posts};!important;
  211. line-height:110%;
  212. border:1px solid {color:posts border};
  213. margin:15px;
  214. {block:indexpage}
  215. {block:if250}width:250px;padding:10px;{/block:if250}
  216. {block:if400}width:400px;padding:12px;{/block:if400}
  217. {block:if500}width:500px;padding:12px;{/block:if500}
  218. {block:ifgrayscale}
  219. -webkit-filter: grayscale(100%);
  220. -moz-filter: grayscale(100%);
  221. -o-filter: grayscale(100%);
  222. -ms-filter: grayscale(100%);
  223. {/block:ifgrayscale}
  224. {block:ifphotofade}opacity:.7;{/block:ifphotofade}
  225. {/block:indexpage}
  226. {block:permalinkpage}
  227. width:500px;
  228. padding:12px;
  229. {/block:permalinkpage}
  230. -webkit-transition: all 0.4s ease-in-out;
  231. -moz-transition-duration: all 0.4s ease-in-out;
  232. -o-transition-duration: all 0.4s ease-in-out;
  233. -ms-transition-duration: all 0.4s ease-in-out;
  234. z-index:5;
  235. }
  236.  
  237. .posts:hover{
  238. {block:ifphotofade}opacity:1;{/block:ifphotofade}
  239. {block:ifgrayscale}
  240. -webkit-filter: grayscale(0%);
  241. -moz-filter: grayscale(0%);
  242. -o-filter: grayscale(0%);
  243. -ms-filter: grayscale(0%);
  244. {/block:ifgrayscale}
  245. -webkit-transition: all 0.4s ease-in-out;
  246. -moz-transition-duration: all 0.4s ease-in-out;
  247. -o-transition-duration: all 0.4s ease-in-out;
  248. -ms-transition-duration: all 0.4s ease-in-out;
  249. }
  250.  
  251. .posts .perma{
  252. text-align:center;
  253. position: absolute;
  254. width:75px;
  255. height: 33px;
  256. line-height:90%;
  257. border-radius:24px;
  258. margin-top: -60px;
  259. margin-left:-95px;
  260. padding: 6px 8px;
  261. opacity: 0;
  262. font-size: 10px;
  263. font-family: calibri;
  264. text-transform: uppercase;
  265. letter-spacing: 1px;
  266. text-shadow:2px 2px 1px #aaa;
  267. -webkit-transition: all 0.5s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. z-index:99;
  270. }
  271.  
  272. .posts:hover .perma{
  273. margin-top:0px;
  274. opacity:1;
  275. -webkit-transition: all 0.5s ease-in-out;
  276. -moz-transition-duration: 0.5s;
  277.  
  278. }
  279.  
  280. .perma a {
  281. line-height:90%;
  282. font-family: 'Open Sans Condensed', sans-serif;
  283. line-height:100%;
  284. color: {color:permalink text}!important;
  285. -webkit-transition: all 0.4s linear;
  286. -moz-transition-duration: all 0.4s linear;
  287. -o-transition-duration: all 0.4s linear;
  288. -ms-transition-duration: all 0.4s linear;
  289. }
  290.  
  291. .perma a:hover {
  292. color:{color:permalink text hover}!important;
  293. -webkit-transition: all 0.4s linear;
  294. -moz-transition-duration: all 0.4s linear;
  295. -o-transition-duration: all 0.4s linear;
  296. -ms-transition-duration: all 0.4s linear;
  297. }
  298.  
  299. #note{
  300. margin:20px auto;
  301. width: 500px;
  302. font-size: 11px;
  303. text-transform:lowercase;
  304. font-family:calibri;
  305. list-style-type:none!important;
  306. }
  307.  
  308. ol.notes{
  309. list-style-type:none!important;
  310. margin:0px;
  311. padding-left:5px;
  312. line-height:130%;
  313. }
  314.  
  315. ol.notes li.note img.avatar {
  316. margin-right: 10px;
  317. width: 16px;
  318. height: 16px;
  319. }
  320.  
  321. .info{
  322. padding-bottom:0px;
  323. padding-top:5px;
  324. padding-left:2px;
  325. text-align:center;
  326. font-family:consolas;
  327. font-size:11px;
  328. text-transform:none;
  329. margin-top:5px;
  330. }
  331.  
  332. .tags{
  333. font-family:calibri;
  334. font-size:8px;
  335. text-transform:uppercase;
  336. letter-spacing:1px;
  337. text-align:center;
  338. }
  339.  
  340. #ques{
  341. margin-bottom:0px;
  342. height:auto;
  343. color:#323232;
  344. border-bottom:1px solid #aaa;
  345. padding-bottom:10px;
  346. padding-top:5px;
  347. line-height:110%;
  348. }
  349.  
  350. #asker{
  351. padding-right:6px;
  352. text-align:left;
  353. font-size:10px;
  354. color:#262626!important;
  355. text-transform:uppercase;
  356. font-family: 'Open Sans Condensed', sans-serif;
  357. font-size:24px;
  358. letter-spacing:2px;
  359. vertical-align:-10px!important;
  360. }
  361.  
  362. #asker img{
  363. border:1px solid {color:posts border};
  364. padding:3px;
  365. margin-bottom:-9px;
  366. border-radius:100%;
  367. }
  368.  
  369. #answer{
  370. margin-top:-15px;
  371. }
  372.  
  373. #audio{
  374. display:block;
  375. background:black;
  376. opacity:.9;
  377. }
  378.  
  379. .title {
  380. {block:if250}font-size:14px;{/block:if250}
  381. {block:if400}font-size:15px;{/block:if400}
  382. {block:if500}font-size:18px;{/block:if500}
  383. letter-spacing:1px;
  384. text-align:center;
  385. color:#565656;
  386. font-weight:bold;
  387. text-transform:uppercase;
  388. }
  389.  
  390. .quote {
  391. font-family: trebuchet ms;
  392. {block:if250}font-size:13px;{/block:if250}
  393. {block:if400}font-size:15px;{/block:if400}
  394. {block:if500}font-size:16px;{/block:if500}
  395. {block:permalinkpage}font-size:17px;{/block:permalinkpage}
  396. font-style:italic;
  397. line-height:100%;
  398. }
  399.  
  400. .source{
  401. text-align:right;
  402. }
  403.  
  404. #side {
  405. position:fixed;
  406. top:15%;
  407. left:50%;
  408. {block:if250}
  409. margin-left:200px;
  410. {/block:if250}
  411. {block:if400}margin-left:270px;{/block:if400}
  412. {block:if500}margin-left:330px;{/block:if500}
  413. {block:permalinkpage}margin-left:330px;{/block:permalinkpage}
  414. width:auto;
  415. height:auto;
  416. padding:5px;
  417.  
  418. }
  419.  
  420. #sideimg img{
  421. {block:ifroundsidebars}
  422. border-radius:50px;
  423. {/block:ifroundsidebars}
  424. width:200px;
  425. height:auto;
  426. }
  427.  
  428. #tit{
  429. width:200px;
  430. text-align:center;
  431. margin-top:-23px;
  432. font-family: 'Open Sans Condensed', sans-serif;
  433. }
  434.  
  435. #tit:first-letter{
  436. font-weight:bold;
  437. }
  438.  
  439. #tit a{
  440. text-align:center;
  441. line-height:90%;
  442. font-family: 'Open Sans Condensed', sans-serif;
  443. text-transform:uppercase;
  444. padding:1px 13px;
  445. border-radius:25px;
  446. color:{color:title};
  447. opacity:.9;
  448. letter-spacing:2px;
  449. font-size:34px;
  450. text-shadow:4px 3px 2px #a4a4a4;
  451.  
  452. -webkit-transition: all 0.4s ease-in-out;
  453. -moz-transition-duration: all 0.4s ease-in-out;
  454. -o-transition-duration: all 0.4s ease-in-out;
  455. -ms-transition-duration: all 0.4s ease-in-out;
  456. }
  457.  
  458. #tit a:hover{
  459. color:{color:title hover};
  460. -webkit-transition: all 0.4s ease-in-out;
  461. -moz-transition-duration: all 0.4s ease-in-out;
  462. -o-transition-duration: all 0.4s ease-in-out;
  463. -ms-transition-duration: all 0.4s ease-in-out;
  464. }
  465.  
  466. #desc{
  467. color:{color:description};
  468. text-align:center;
  469. line-height:100%;
  470. width:150px;
  471. height:auto;
  472. background:{color:description bg};
  473. padding:8px 15px;
  474. border-radius:25px;
  475. margin-left:12px;
  476. margin-top:10px;
  477. margin-bottom:10px;
  478. }
  479.  
  480. #desc a{
  481. color:{color:links};
  482. -webkit-transition: all 0.4s ease-in-out;
  483. -moz-transition-duration: all 0.4s ease-in-out;
  484. -o-transition-duration: all 0.4s ease-in-out;
  485. -ms-transition-duration: all 0.4s ease-in-out;
  486. }
  487.  
  488. #desc a:hover{
  489. color:{color:links hover};
  490. -webkit-transition: all 0.4s ease-in-out;
  491. -moz-transition-duration: all 0.4s ease-in-out;
  492. -o-transition-duration: all 0.4s ease-in-out;
  493. -ms-transition-duration: all 0.4s ease-in-out;
  494. }
  495.  
  496. #links{
  497. width:200px;
  498. margin-top:5px;
  499. text-align:center;
  500. }
  501.  
  502. #links a{
  503. text-transform:uppercase;
  504. margin:2px;
  505. color:{color:main link text};
  506. font-size:9px;
  507. letter-spacing:1px;
  508. border-radius:3px;
  509. background:{color:main link bg};
  510. border:1px solid {color:main link border};
  511. padding:0px 3px 1px 4px;
  512. text-shadow: 0px 0 .0px #FF0000, -0px 0 .0px #00F1F5;
  513. -webkit-transition: all 0.4s ease-in-out;
  514. -moz-transition-duration: all 0.4s ease-in-out;
  515. -o-transition-duration: all 0.4s ease-in-out;
  516. -ms-transition-duration: all 0.4s ease-in-out;
  517. }
  518.  
  519. #links a:hover{
  520. text-shadow:7px 0px transparent, -7px 0px transparent;
  521. -webkit-transition: all 0.4s ease-in-out;
  522. -moz-transition-duration: all 0.4s ease-in-out;
  523. -o-transition-duration: all 0.4s ease-in-out;
  524. -ms-transition-duration: all 0.4s ease-in-out;
  525. }
  526.  
  527. #rachel{
  528. position:Fixed;
  529. top:30%;
  530. left:50%;
  531. {block:if250}
  532. margin-left:-370px;
  533. {/block:if250}
  534. {block:if400}margin-left:-440px;{/block:if400}
  535. {block:if500}margin-left:-490px;{/block:if500}
  536. {block:permalinkpage}margin-left:-490px;{/block:permalinkpage}
  537. width:150px;
  538. height:auto;
  539. padding:5px;
  540. }
  541.  
  542. #awesome{
  543. font-family: 'Open Sans Condensed', sans-serif;
  544. font-size:25px;
  545. letter-spacing:2px;
  546. color:#000;
  547. width:150px;
  548. text-align:center;
  549. line-height:100%;
  550. margin-top:-5px;
  551. text-shadow:3px 3px 1px #ddd;
  552. }
  553.  
  554. #rachel img {
  555. width:150px;
  556. height:auto;
  557. {block:ifroundsidebars}
  558. border-radius:50px;
  559. {/block:ifroundsidebars}
  560. margin-bottom:10px;
  561. }
  562.  
  563. #rachel .one {
  564. color:{color:custom links text};
  565. text-transform:uppercase;
  566. float:left;
  567. width:134px;
  568. line-height:100%;
  569. font-size:10px;
  570. font-family:calibri;
  571. letter-spacing:1px;
  572. padding:2px 8px 3px 8px;
  573. border-bottom:1px solid {color:custom links 1 border};
  574. text-shadow: 0px 0 .0px #FF0000, -0px 0 .0px #00F1F5;
  575. -webkit-transition: all 0.4s ease-in-out;
  576. -moz-transition-duration: all 0.4s ease-in-out;
  577. -o-transition-duration: all 0.4s ease-in-out;
  578. -ms-transition-duration: all 0.4s ease-in-out;
  579. }
  580.  
  581. #rachel .one:hover{
  582. letter-spacing:4px;
  583. font-weight:bold;
  584. border-bottom:1px solid {color:custom links 1 border hover};
  585. text-shadow:7px 0px transparent, -7px 0px transparent;
  586. -webkit-transition: all 0.4s ease-in-out;
  587. -moz-transition-duration: all 0.4s ease-in-out;
  588. -o-transition-duration: all 0.4s ease-in-out;
  589. -ms-transition-duration: all 0.4s ease-in-out;
  590. }
  591.  
  592. #rachel .two {
  593. color:{color:custom links text};
  594. text-transform:uppercase;
  595. float:right;
  596. text-align:right;
  597. width:134px;
  598. line-height:100%;
  599. font-size:10px;
  600. font-family:calibri;
  601. letter-spacing:1px;
  602. padding:2px 8px 3px 8px;
  603. border-bottom:1px solid {color:custom links 2 border};
  604. text-shadow: 0px 0 .0px #FF0000, -0px 0 .0px #00F1F5;
  605. -webkit-transition: all 0.4s ease-in-out;
  606. -moz-transition-duration: all 0.4s ease-in-out;
  607. -o-transition-duration: all 0.4s ease-in-out;
  608. -ms-transition-duration: all 0.4s ease-in-out;
  609. }
  610.  
  611. #rachel .two:hover{
  612. letter-spacing:4px;
  613. font-weight:bold;
  614. border-bottom:1px solid {color:custom links 2 border hover};
  615. text-shadow: 7px 0 .0px transparent, -7px 0 .0px transparent;
  616. -webkit-transition: all 0.4s ease-in-out;
  617. -moz-transition-duration: all 0.4s ease-in-out;
  618. -o-transition-duration: all 0.4s ease-in-out;
  619. -ms-transition-duration: all 0.4s ease-in-out;
  620. }
  621.  
  622.  
  623. {block:ifsmallcursor}
  624. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  625. {/block:ifsmallcursor}
  626.  
  627. .newplayerbutton {
  628. position: relative;
  629. width: 28px;
  630. height: 27px;
  631. overflow: hidden;
  632. }
  633.  
  634. .playerbuttonhug {
  635. position: absolute;
  636. top: -11px;
  637. left: -12px;
  638. }
  639.  
  640. .tumblr_audio_player {
  641. border: none;
  642. padding: 0px;
  643. margin: 0px;
  644. height: 50px;
  645. width: 500px;
  646. }
  647.  
  648. .playerbuttonbg {
  649. position: absolute;
  650. left: 20px;
  651. top: 20px;
  652. width: 28px;
  653. height: 28px;
  654. background-color: #ffffff;
  655. padding: 10px;
  656. -webkit-border-radius: 40px;
  657. -moz-border-radius: 40px;
  658. border-radius: 40px;
  659. opacity: .4;
  660. filter: alpha(opacity=40);
  661. -moz-opacity: 0.4;
  662. -khtml-opacity: 0.4;
  663. transition: opacity .7s ease-in-out;
  664. -moz-transition: opacity .7s ease-in-out;
  665. -webkit-transition: opacity .7s ease-in-out;
  666. }
  667.  
  668. .playerbuttonbg:hover {
  669. opacity: 1;
  670. filter: alpha(opacity=100);
  671. -moz-opacity: 1;
  672. -khtml-opacity: 1;
  673. }
  674.  
  675. .audioimgwrapper {
  676. position: absolute;
  677. left: 0px;
  678. top: 0px;
  679. -webkit-border-radius: 50px;
  680. -moz-border-radius: 50px;
  681. border-radius: 50px;
  682. overflow: hidden;
  683. width: 88px;
  684. height: 88px;
  685. }
  686.  
  687. .audioimgwrapper img {
  688. width: 100%;
  689. height: auto;
  690. -webkit-border-radius: 50px;
  691. -moz-border-radius: 50px;
  692. border-radius: 50px;
  693. }
  694.  
  695. .trackdetails {
  696. width: auto;
  697. display:inline-block;
  698. margin-left: 100px;
  699. min-height: 75px;
  700. padding-left:10px;
  701. padding-top:20px;
  702. border-left:1px solid {color:posts border};
  703. }
  704.  
  705. .audiowrapper {
  706. position: relative;
  707. display:inline-block;
  708. }
  709.  
  710.  
  711. #pagination{
  712. width:200px;
  713. margin-top:15px;
  714. text-align:center;
  715. padding:0px 2px;
  716. }
  717.  
  718. #pagination a {
  719. {block:ifinfinitescroll}
  720. display:none;
  721. {/block:ifinfinitescroll}
  722. font-family:calibri;
  723. font-size:12px;
  724. background:{color:pagination bg};
  725. color:{color:pagination text};
  726. padding:2px 7px;
  727. border-radius:5px;
  728. margin:2px;
  729. -webkit-transition: all 0.5s ease-in-out;
  730. -moz-transition: all 0.5s ease-in-out;
  731. -ms-transition: all 0.5s ease-in-out;
  732. -o-transition: all 0.5s ease-in-out;
  733. }
  734.  
  735. #pagination a:hover {
  736. color:{color:pagination text hover};!important;
  737. background:{color:pagination bg hover};!important;
  738. -webkit-transition: all 0.5s ease-in-out;
  739. -moz-transition: all 0.5s ease-in-out;
  740. -ms-transition: all 0.5s ease-in-out;
  741. -o-transition: all 0.5s ease-in-out;
  742. }
  743.  
  744. #pagination .current_page{
  745. background:{color:pagination bg hover};
  746. margin:2px;
  747. color:{color:pagination text hover};
  748. font-size:12px;
  749. padding:2px 7px;
  750. border-radius:5px;
  751. font-family:calibri;
  752. {block:ifinfinitescroll}
  753. display:none;
  754. {/block:ifinfinitescroll}
  755. }
  756.  
  757. b, strong {
  758. color:{color:bold};
  759. font-weight:bold;
  760. }
  761.  
  762. i, em {
  763. color:{color:italics};
  764. font-style:italic;
  765. }
  766.  
  767. {CustomCSS}
  768. </style>
  769. {block:ifinfinitescroll}
  770. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  771. {/block:ifinfinitescroll}
  772. </head>
  773. <body>
  774.  
  775. <div id="side">
  776. <div id="sideimg"><img src="{image:right sidebar}" /></div>
  777.  
  778. <div id="tit"><a href="/">{title}</a></div>
  779.  
  780. <div id="desc">{block:description}{description}{/block:description}</div>
  781.  
  782. <div id="links">
  783. <A href="/">home</A>
  784. <A href="/ask">message</a>
  785. <A href="/archive">history</a>
  786.  
  787. <!-- Do NOT remove or move the credit anywhere else! (No pages!!) Please leave the credit intact in the theme AND code! -->
  788. <A href="http://almightyone.tumblr.com/" title="made by almightyone">theme</a>
  789. <!-------------------------------------------------------------->
  790. </div>
  791.  
  792.  
  793. {block:Pagination}
  794. <div id="pagination">
  795. {block:PreviousPage}
  796. <a href="{PreviousPage}">⇠</a>
  797. {/block:PreviousPage}
  798.  
  799. {block:JumpPagination length="3"}
  800. {block:CurrentPage}
  801. <span class="current_page">{PageNumber}</span>
  802. {/block:CurrentPage}
  803.  
  804. {block:JumpPage}
  805. <a class="jump_page" href="{URL}">{PageNumber}</a>
  806. {/block:JumpPage}
  807. {/block:JumpPagination}
  808.  
  809. {block:NextPage}
  810. <a href="{NextPage}">⇢</a>
  811. {/block:NextPage}
  812. </div>
  813. {/block:Pagination}
  814.  
  815. </div> <!--side-->
  816.  
  817. <div id="rachel">
  818. <img src="{image:left sidebar}" />
  819. <div id="awesome">{text:navigation title}</div>
  820. {block:IfLink01}
  821. <a href="{text:Link01 url}" class="one">{text:Link01}</a>
  822. {/block:IfLink01}
  823. {block:IfLink02}
  824. <a href="{text:Link02 url}" class="one">{text:Link02}</a>
  825. {/block:IfLink02}
  826. {block:IfLink03}
  827. <a href="{text:Link03 url}" class="one">{text:Link03}</a>
  828. {/block:IfLink03}
  829. {block:IfLink04}
  830. <a href="{text:Link04 url}" class="one">{text:Link04}</a>
  831. {/block:IfLink04}
  832. {block:IfLink05}
  833. <a href="{text:Link05 url}" class="one">{text:Link05}</a>
  834. {/block:IfLink05}
  835.  
  836. {block:IfLink06}
  837. <a href="{text:Link06 url}" class="two">{text:Link06}</a>
  838. {/block:IfLink06}
  839. {block:IfLink07}
  840. <a href="{text:Link07 url}" class="two">{text:Link07}</a>
  841. {/block:IfLink07}
  842. {block:IfLink08}
  843. <a href="{text:Link08 url}" class="two">{text:Link08}</a>
  844. {/block:IfLink08}
  845. {block:IfLink09}
  846. <a href="{text:Link09 url}" class="two">{text:Link09}</a>
  847. {/block:IfLink09}
  848. {block:IfLink10}
  849. <a href="{text:Link10 url}" class="two">{text:Link10}</a>
  850. {/block:IfLink10}
  851.  
  852. </div> <!--rachel-->
  853.  
  854. <div id="content">
  855. {block:ifinfinitescroll}
  856. <div class="autopagerize_page_element">{/block:ifinfinitescroll}
  857. {block:posts}
  858. <div class="posts">
  859.  
  860. {block:Photo}
  861. {block:indexpage}
  862. <div class="perma">
  863. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  864. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  865. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="" style="
  866. {block:if250}max-width:250px;{/block:if250}
  867. {block:if400}max-width:400px;{/block:if400}
  868. {block:if500}max-width:500px;{/block:if500}" />{LinkCloseTag}</center>
  869. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  870. {/block:indexpage}
  871.  
  872. {block:permalinkpage}
  873. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="" />{LinkCloseTag}</center>
  874. {block:Caption}{Caption}{/block:Caption}
  875. <div class="info">
  876. {block:RebloggedFrom}<span style="text-transform:uppercase">
  877. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  878. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  879. {/block:RebloggedFrom}
  880. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  881. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  882. </div>
  883. {block:HasTags}<div class="tags">&nbsp; TAGGED AS:
  884. {block:Tags}
  885. <a href="{TagURL}">#{Tag} </a>
  886. {/block:Tags}
  887. </div>
  888. {/block:HasTags}
  889. {/block:permalinkpage}
  890. {/block:Photo}
  891.  
  892. {block:Photoset}
  893. {block:indexpage}
  894. <div class="perma">
  895. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  896. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  897. {block:if250}{Photoset-250}{/block:if250}
  898. {block:if400}{Photoset-400}{/block:if400}
  899. {block:if500}{Photoset-500}{/block:if500}
  900. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  901. {/block:indexpage}
  902. {block:permalinkpage}
  903. {Photoset-500}
  904. {block:Caption}{Caption}{/block:Caption}
  905. <div class="info">
  906. {block:RebloggedFrom}<span style="text-transform:uppercase">
  907. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  908. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  909. {/block:RebloggedFrom}
  910. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  911. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  912.  
  913. </div>
  914. {block:HasTags}<div class="tags">
  915. {block:Tags}
  916. <a href="{TagURL}">#{Tag} </a>
  917. {/block:Tags}
  918. </div>
  919. {/block:HasTags}
  920. {/block:permalinkpage}
  921. {/block:Photoset}
  922.  
  923. {block:Video}
  924. {block:indexpage}
  925. <div class="perma">
  926. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  927. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  928. {block:if250}{Video-250}{/block:if250}
  929. {block:if400}{Video-400}{/block:if400}
  930. {block:if500}{Video-500}{/block:if500}
  931. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  932. {/block:indexpage}
  933. {block:permalinkpage}
  934. {Video-500}
  935. {block:Caption}{Caption}{/block:Caption}
  936. <div class="info">
  937. {block:RebloggedFrom}<span style="text-transform:uppercase">
  938. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  939. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  940. {/block:RebloggedFrom}
  941. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  942. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  943. </div>
  944. {block:HasTags}<div class="tags">
  945. {block:Tags}
  946. <a href="{TagURL}">#{Tag} </a>
  947. {/block:Tags}
  948. </div>
  949. {/block:HasTags}
  950. {/block:permalinkpage}
  951. {/block:Video}
  952.  
  953. {block:Audio}
  954. {block:indexpage}
  955. <div class="perma">
  956. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  957. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  958.  
  959. {block:AudioPlayer}
  960. <div class="audiowrapper">
  961. {block:AlbumArt}
  962. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  963. {/block:AlbumArt}
  964.  
  965. <div class="playerbuttonbg">
  966. <div class="newplayerbutton">
  967. <div class="playerbuttonhug">
  968.  
  969. {AudioPlayerWhite}
  970.  
  971. </div>
  972. </div>
  973. </div>
  974.  
  975. <div class="trackdetails">
  976.  
  977. {block:TrackName}<span style="font-size:12px;font-weight:bold;">{TrackName}</span>{/block:TrackName}<br/>
  978. {block:Artist}<b style="font-family:calibri;text-transform:uppercase">Artist:</b> {Artist}{/block:Artist}<br/>
  979. {block:Album}<b style="font-family:calibri;text-transform:uppercase">Album:</b> {Album}{/block:Album}<br/>
  980. {PlayCountWithLabel}
  981.  
  982. </div>
  983. </div>
  984. {/block:AudioPlayer}
  985. {block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}
  986. {/block:indexpage}
  987. {block:permalinkpage}
  988. <span style="background:#e4e4e4;max-width:500px;display:block;">{AudioPlayerGrey}</span>
  989. {block:Caption}<br />{Caption}{/block:Caption}
  990. <div class="info">
  991. {block:RebloggedFrom}<span style="text-transform:uppercase">
  992. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  993. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  994. {/block:RebloggedFrom}
  995. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  996. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  997. </div>
  998. {block:HasTags}<div class="tags">
  999. {block:Tags}
  1000. <a href="{TagURL}">#{Tag} </a>
  1001. {/block:Tags}
  1002. </div>
  1003. {/block:HasTags}
  1004. {/block:permalinkpage}
  1005. {/block:Audio}
  1006.  
  1007. {block:Quote}
  1008. {block:indexpage}
  1009. <div class="perma">
  1010. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  1011. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  1012. <div class="quote"><span style="font-size:20px;opacity:.3;letter-spacing:4px;">❝</span>{Quote}<span style="font-size:20px;opacity:.3;letter-spacing:4px;">❞</span></div>
  1013. {block:Source}<br /><Div class="source">━ {Source}</div>{/block:Source}
  1014. {/block:indexpage}
  1015. {block:permalinkpage}
  1016. <div class="quote"><span style="font-size:20px;opacity:.3;letter-spacing:4px;">❝</span>{Quote}<span style="font-size:20px;opacity:.3;letter-spacing:4px;">❞</span></div>
  1017. {block:Source}<br /><div class="source">{Source}</div>{/block:Source}
  1018. <div class="info">
  1019. {block:RebloggedFrom}<span style="text-transform:uppercase">
  1020. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1021. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  1022. {/block:RebloggedFrom}
  1023. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1024. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1025. </div>
  1026. {block:HasTags}<div class="tags">
  1027. {block:Tags}
  1028. <a href="{TagURL}">#{Tag} </a>
  1029. {/block:Tags}
  1030. </div>
  1031. {/block:HasTags}
  1032. {/block:permalinkpage}
  1033. {/block:Quote}
  1034.  
  1035. {block:Text}
  1036. {block:indexpage}
  1037. <div class="perma">
  1038. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  1039. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  1040. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1041. {Body}
  1042. {/block:indexpage}
  1043. {block:permalinkpage}
  1044. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1045. {Body}
  1046. <div class="info">
  1047. {block:RebloggedFrom}<span style="text-transform:uppercase">
  1048. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1049. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  1050. {/block:RebloggedFrom}
  1051. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1052. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1053. </div>
  1054. {block:HasTags}<div class="tags">
  1055. {block:Tags}
  1056. <a href="{TagURL}">#{Tag} </a>
  1057. {/block:Tags}
  1058. </div>
  1059. {/block:HasTags}
  1060. {/block:permalinkpage}
  1061. {/block:Text}
  1062.  
  1063. {block:Answer}
  1064. {block:indexpage}
  1065. <div class="perma">
  1066. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  1067. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  1068. <div id="asker"><img src="{AskerPortraitURL-24}" /> {Asker} ━ </div><br>
  1069. <div id="ques">{Question}
  1070. </div><br />
  1071. <div id="answer">{Answer}</div>
  1072.  
  1073. {/block:indexpage}
  1074. {block:permalinkpage}
  1075. <div id="asker"><img src="{AskerPortraitURL-24}" /> {Asker} ━ </div><br>
  1076. <div id="ques">{Question}
  1077. </div><br />
  1078. <div id="answer">{Answer}</div>
  1079.  
  1080.  
  1081. <div class="info">
  1082. {block:RebloggedFrom}<span style="text-transform:uppercase">
  1083. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1084. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  1085. {/block:RebloggedFrom}
  1086. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1087. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1088. </div>
  1089. {block:HasTags}<div class="tags">
  1090. {block:Tags}
  1091. <a href="{TagURL}">#{Tag} </a>
  1092. {/block:Tags}
  1093. </div>
  1094. {/block:HasTags}
  1095.  
  1096. {/block:permalinkpage}
  1097. {/block:Answer}
  1098.  
  1099. {block:Chat}
  1100. {block:indexpage}
  1101. <div class="perma">
  1102. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  1103. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  1104.  
  1105. {block:Title}{Title}<br />{/block:Title}
  1106. {block:Lines}
  1107. {block:Label}<b style="font-family:calibri;text-transform:uppercase">{Label}</b>{/block:Label} {Line}<br />
  1108. {/block:Lines}
  1109. {/block:indexpage}
  1110.  
  1111. {block:permalinkpage}
  1112. {block:Title}{Title}<br />{/block:Title}
  1113. {block:Lines}
  1114. {block:Label}<b style="font-family:calibri;text-transform:uppercase">{Label}</b>{/block:Label} {Line}<br />
  1115. {/block:Lines}
  1116. <div class="info">
  1117. {block:RebloggedFrom}<span style="text-transform:uppercase">
  1118. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1119. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  1120. {/block:RebloggedFrom}
  1121. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1122. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1123. </div>
  1124. {block:HasTags}<div class="tags">
  1125. {block:Tags}
  1126. <a href="{TagURL}">#{Tag} </a>
  1127. {/block:Tags}
  1128. </div>
  1129. {/block:HasTags}
  1130. {/block:permalinkpage}
  1131. {/block:Chat}
  1132.  
  1133. {block:Link}
  1134. {block:indexpage}
  1135. <div class="perma">
  1136. <a href="{Permalink}" title="permalink" style="font-size:20px;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
  1137. <a href="{ReblogURL}" target="_blank" title="reblog?" style="font-family:calibri;font-size:10px;line-height:0px;">REBLOG</a></div>
  1138. <a href="{URL}" class="title">{Name}</a>
  1139. {block:Description}<br />{Description}{/block:Description}
  1140. {/block:indexpage}
  1141. {block:permalinkpage}
  1142. <a href="{URL}" class="title">{Name}</a>
  1143. {block:Description}<br />{Description}{/block:Description}
  1144.  
  1145. <div class="info">
  1146. {block:RebloggedFrom}<span style="text-transform:uppercase">
  1147. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  1148. Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span><br /><br />
  1149. {/block:RebloggedFrom}
  1150. {block:Date}Posted on {Month} {DayOfMonth}, {Year}{/block:Date}
  1151. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1152. </div>
  1153. {block:HasTags}<div class="tags">
  1154. {block:Tags}
  1155. <a href="{TagURL}">#{Tag} </a>
  1156. {/block:Tags}
  1157. </div>
  1158. {/block:HasTags}
  1159. {/block:permalinkpage}
  1160. {/block:Link}
  1161.  
  1162. {block:PostNotes}
  1163. <div id="note">{PostNotes}</div>
  1164. {/block:PostNotes}
  1165.  
  1166. {block:ContentSource}
  1167. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1168. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1169. {/block:SourceLogo}
  1170. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1171. {/block:ContentSource}
  1172.  
  1173.  
  1174. </div> <!--posts -->
  1175. {/block:posts}
  1176. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  1177. </div> <!--content -->
  1178.  
  1179.  
  1180. </body>
  1181. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement