API tools faq
paste
trenzalours

West Coast - 22

trenzalours
Jan 27th, 2015
349
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{title}</title>
  4.  
  5. <link rel="shortcut icon" href="http://i57.tinypic.com/2regqhl.png">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link href="styles.css" rel="stylesheet" media="all and (max-width: 1024px)">
  9.  
  10.  
  11. <!--
  12.  
  13. theme - 22 - west coast - personal
  14. all theme rules apply
  15. don't steal its not cool
  16. be fucking original
  17. --------
  18.  
  19. The tags and ask box section are located at the very bottom of the theme! Be sure to fill them out if you're going to be using them!
  20.  
  21. -->
  22.  
  23. <!--- F O N T S ---->
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
  26. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  28. <!--M E T A - T A G S-->
  29.  
  30. <meta name="image:Header Image" content=""/>
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Border" content="#aaaaaa"/>
  33. <meta name="color:Text" content="#aaaaaa"/>
  34. <meta name="color:Accent" content="#000000"/>
  35. <meta name="color:Title" content="#ffffff"/>
  36. <meta name="color:Title Background" content="#000000"/>
  37. <meta name="color:Scrollbar" content="#000000"/>
  38. <meta name="color:Link" content="#000000"/>
  39. <meta name="color:Hover" content="#aaaaaa"/>
  40. <meta name="color:Nav Hover" content="#aaaaaa"/>
  41. <meta name="color:Nav Link Hover" content="#ffffff"/>
  42. <meta name="color:Gradient 1" content="#aaaaaa"/>
  43. <meta name="color:Gradient 2" content="#ffffff"/>
  44.  
  45. <meta name="text:Link 1 URL" content="" />
  46. <meta name="text:Link 1" content="" />
  47. <meta name="text:Link 2 URL" content="" />
  48. <meta name="text:Link 2" content="" />
  49. <meta name="text:Link 3 URL" content="" />
  50. <meta name="text:Link 3" content="" />
  51.  
  52. <meta name="select:Player Color" content="black" title="Black">
  53. <meta name="select:Player Color" content="grey" title="Grey">
  54.  
  55.  
  56. <meta name="select:Header image" content="head-cover" title="Full screen">
  57. <meta name="select:Header image" content="head-pattern" title="Pattern">
  58. <meta name="select:Header image" content="head-gradient" title="Gradient">
  59.  
  60. <!--CSS customization here. -->
  61.  
  62. <style type="text/css">
  63.  
  64. ::selection {
  65. background-color:{color:text};
  66. color:{color:background};}
  67.  
  68. ::-webkit-scrollbar-thumb {background:{color:Scrollbar};border-radius:5px;}
  69.  
  70. ::-webkit-scrollbar{width: 3px;}
  71. ::-webkit-scrollbar-track {background:{color:title background};
  72. }
  73.  
  74. #s-m-t-tooltip{
  75. position:absolute;
  76. margin: 20px 25px;
  77. padding:10px 20px;
  78. z-index:9999;
  79. background:{color:title background};
  80. color:{color:title};
  81. font-family:Consolas;
  82. font-size:8px;
  83. letter-spacing:1px;
  84. text-transform:uppercase;
  85. border-bottom:1px solid {color:accent};
  86. }
  87.  
  88.  
  89.  
  90. /*basics*/
  91. blockquote {
  92. margin-left:5px;
  93. border-left:1px solid {color:text};
  94. padding-left:5px;
  95. max-width:239px;
  96. }
  97.  
  98. body {
  99. background:{color:background};
  100. color:{color:text};
  101. font-family:consolas;
  102. font-size:10px;
  103. text-align:justify;
  104. overflow-x:hidden;
  105. height:100%;
  106. width:100%;
  107. margin:0;
  108. line-height:16px;}
  109.  
  110. html { width: 100%; height: 100% }
  111.  
  112.  
  113. .head-cover {
  114. background: url({image:Header Image})
  115. no-repeat center center fixed;
  116. -webkit-background-size: cover;
  117. -moz-background-size: cover;
  118. -o-background-size: cover;
  119. background-size: cover;}
  120.  
  121. .head-pattern {
  122. background: url({image:Header Image});
  123. background-repeat:repeat;
  124. background-attachment: fixed;}
  125.  
  126. .head-gradient {
  127. background: {color:Gradient 1}; /* Old browsers */
  128. background: -moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 100%); /* FF3.6+ */
  129. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient 1}), color-stop(100%,{color:Gradient 2})); /* Chrome,Safari4+ */
  130. background: -webkit-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Chrome10+,Safari5.1+ */
  131. background: -o-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Opera 11.10+ */
  132. background: -ms-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* IE10+ */
  133. background: linear-gradient(to bottom, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* W3C */
  134. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient 1}', endColorstr='{color:Gradient 2}',GradientType=0 ); /* IE6-9 */
  135. background-attachment: fixed;
  136. }
  137.  
  138.  
  139. a {
  140. color:{color:link};
  141. text-decoration:none;
  142. -webkit-transition: ease all 0.5s;
  143. -moz-transition: ease all 0.5s;
  144. -ms-transition: ease all 0.5s;
  145. -o-transition: ease all 0.5s;
  146. transition: ease all 0.5s;
  147. }
  148.  
  149. a:hover {
  150. color:{color:Hover};
  151. }
  152.  
  153. img{opacity:1;
  154. border:none;
  155. text-decoration:none}
  156.  
  157.  
  158. small {
  159. font-size:9px;}
  160.  
  161. big {
  162. font-size:12px;}
  163.  
  164. b,strong{
  165. font-weight:700;
  166. }
  167.  
  168. i,em{
  169. font-style:italic;
  170. }
  171.  
  172. h1{
  173. text-align:center;
  174. font-size:19px;
  175. line-height:1.5em;
  176. font-weight:bold;
  177. margin-bottom:10px;
  178. font-weight:300;
  179. letter-spacing:2px;
  180. text-transform:uppercase;
  181. font-family: 'Open Sans Condensed', sans-serif;
  182. }
  183.  
  184. #title {
  185. font-size:13px;
  186. line-height:1.5em;
  187. font-weight:bold;
  188. margin-bottom:10px;
  189. font-weight:300;
  190. letter-spacing:2px;
  191. text-transform:uppercase;
  192. font-family: 'Open Sans Condensed', sans-serif;
  193. text-align:center;}
  194.  
  195.  
  196. #infscr-loading { display:none !important; }
  197.  
  198. /*sidebar*/
  199. #header {
  200. text-align:center;
  201. width:100%;
  202. height:100%;
  203. padding-top:210px;
  204. }
  205.  
  206. #stickyheader{
  207. width:100%;
  208. background:{color:Title Background};
  209. color:{color:Title};
  210. padding:20px;
  211. z-index:1;
  212. border-bottom:1px solid {color:accent};
  213. }
  214. #stick-con{
  215. margin-left:10px;
  216. font-family: 'Open Sans Condensed', sans-serif;
  217. font-size:16px;
  218. font-weight:300;
  219. text-transform:uppercase;
  220. letter-spacing:2px;
  221. }
  222. #stick-con a{
  223. margin-right:13px;
  224. color:{color:Title};
  225. padding:7px 10px;
  226. }
  227. #stick-con a:hover{
  228. color:{color:Hover};
  229. cursor:pointer;
  230. }
  231.  
  232. #scroll-btn{
  233. font-size:20px;
  234. padding:10px 0;
  235. margin-top:10px;
  236. margin-bottom:-40px;
  237. }
  238.  
  239. #header-con{
  240. margin:0 auto;
  241. text-align:center;
  242. padding:50px;
  243. width:300px;
  244. background:{color:background};
  245. border:1px solid {color:Border};
  246. }
  247.  
  248. #header-con:hover #blogt{
  249. margin-top:-30px;
  250. margin-bottom:-30px;
  251. opacity:0;
  252. -webkit-transition: ease-out all 0.5s;
  253. -moz-transition: ease-out all 0.5s;
  254. -ms-transition: ease-out all 0.5s;
  255. -o-transition: ease-out all 0.5s;
  256. transition: ease-out all 0.5s;
  257. }
  258.  
  259. #header-con:hover #links{
  260. margin-top:0px;
  261. opacity:1;
  262. -webkit-transition: ease-out all 0.5s;
  263. -moz-transition: ease-out all 0.5s;
  264. -ms-transition: ease-out all 0.5s;
  265. -o-transition: ease-out all 0.5s;
  266. transition: ease-out all 0.5s;
  267. }
  268.  
  269.  
  270. #blogt {
  271. font-size:25px;
  272. padding:10px 0;
  273. letter-spacing:2px;
  274. text-transform:uppercase;
  275. font-family: 'Open Sans Condensed', sans-serif;
  276. text-align:center;
  277. background:{color:Title Background};
  278. color:{color:Title};
  279. -webkit-transition: ease-in all 0.5s;
  280. -moz-transition: ease-in all 0.5s;
  281. -ms-transition: ease-in all 0.5s;
  282. -o-transition: ease-in all 0.5s;
  283. transition: ease-in all 0.5s;
  284. }
  285.  
  286. #links {
  287. font-size:9px;
  288. letter-spacing:1px;
  289. text-transform:uppercase;
  290. font-family: 'Open Sans Condensed', sans-serif;
  291. text-align:center;
  292. margin-top:-30px;
  293. opacity:0;
  294. -webkit-transition: ease-in all 0.5s;
  295. -moz-transition: ease-in all 0.5s;
  296. -ms-transition: ease-in all 0.5s;
  297. -o-transition: ease-in all 0.5s;
  298. transition: ease-in all 0.5s;
  299. }
  300.  
  301.  
  302. #links a{
  303. margin-right:3px;
  304. margin-bottom:10px;
  305. color:{color:title};
  306. background:{color:title background};
  307. padding:5px 10px;
  308. }
  309. #links a:hover{
  310. cursor:pointer;
  311. background:{color:Nav Hover};
  312. color:{color:Nav Link Hover};
  313. }
  314.  
  315. #description {
  316. margin:20px auto;
  317. text-align:center;
  318. font-family:consolas;
  319. text-transform:uppercase;
  320. font-size:9px;
  321. letter-spacing:1px;
  322. }
  323.  
  324. .button-close{
  325. position:relative;
  326. padding:20px 0;
  327.  
  328. }
  329. .button-close i{
  330. color:{color:title};
  331. }
  332. .menu-con{
  333. margin-left:45px;
  334. padding:20px;
  335. font-size:9px;
  336. text-transform:lowercase;
  337. color:{color:title}
  338. text-align:center;
  339. }
  340.  
  341. .menu-con2{
  342. padding:20px;
  343. font-size:9px;
  344. text-transform:lowercase;
  345. color:{color:title}
  346. text-align:center;
  347. }
  348.  
  349. .down {
  350. height:0px;
  351. -webkit-transition:all 00.8s;
  352. -moz-transition:all 0.3s;
  353. -ms-transition:all 00.8s;
  354. -o-transition:all 00.8s;
  355. transition:all 00.8s;
  356. }
  357.  
  358. .up {
  359. height:100%;
  360. z-index:10000000000;
  361. -webkit-transition:all 00.8s;
  362. -moz-transition:all 0.3s;
  363. -ms-transition:all 00.8s;
  364. -o-transition:all 00.8s;
  365. transition:all 00.8s;
  366. }
  367.  
  368. #nav {
  369. width:100%;
  370. z-index:10;
  371. left:0;
  372. bottom:0;
  373. position:fixed;
  374. background-color:{color:Title Background};
  375. color:{color:Title};
  376. }
  377.  
  378. #slide-tags {
  379. width:100%;
  380. z-index:10;
  381. left:0;
  382. bottom:0;
  383. position:fixed;
  384. background-color:{color:Title Background};
  385. color:{color:Title};
  386. }
  387.  
  388.  
  389. .down-2 {
  390. height:0px;
  391. -webkit-transition:all 00.8s;
  392. -moz-transition:all 0.3s;
  393. -ms-transition:all 00.8s;
  394. -o-transition:all 00.8s;
  395. transition:all 00.8s;
  396. }
  397.  
  398. .up-2 {
  399. height:100%;
  400. z-index:10000000000;
  401. -webkit-transition:all 00.8s;
  402. -moz-transition:all 0.3s;
  403. -ms-transition:all 00.8s;
  404. -o-transition:all 00.8s;
  405. transition:all 00.8s;
  406. }
  407.  
  408. .down-3 {
  409. height:0px;
  410. -webkit-transition:all 00.8s;
  411. -moz-transition:all 0.3s;
  412. -ms-transition:all 00.8s;
  413. -o-transition:all 00.8s;
  414. transition:all 00.8s;
  415. }
  416.  
  417. .up-3 {
  418. height:100%;
  419. z-index:10000000000;
  420. -webkit-transition:all 00.8s;
  421. -moz-transition:all 0.3s;
  422. -ms-transition:all 00.8s;
  423. -o-transition:all 00.8s;
  424. transition:all 00.8s;
  425. }
  426.  
  427. .down-4 {
  428. height:0px;
  429. -webkit-transition:all 00.8s;
  430. -moz-transition:all 0.3s;
  431. -ms-transition:all 00.8s;
  432. -o-transition:all 00.8s;
  433. transition:all 00.8s;
  434. }
  435.  
  436. .up-4 {
  437. height:100%;
  438. z-index:10000000000;
  439. -webkit-transition:all 00.8s;
  440. -moz-transition:all 0.3s;
  441. -ms-transition:all 00.8s;
  442. -o-transition:all 00.8s;
  443. transition:all 00.8s;
  444. }
  445.  
  446. #cont {
  447. margin-top:-20px;
  448. font-size:10px;
  449. color:{color:Title};
  450. font-family:consolas;
  451. padding:10px;
  452. text-align:center;
  453. }
  454.  
  455.  
  456.  
  457. /* Container */
  458.  
  459. #con {
  460. {block:IndexPage}
  461. width:1000px;
  462. left:50%;
  463. {/block:IndexPage}
  464. {block:Permalink}
  465. width:400px;
  466. {/block:Permalink}
  467. z-index:0;
  468. }
  469.  
  470. #entries{
  471. {block:IndexPage}
  472. width:1000px;
  473. left:50%;
  474. margin-left:-325px;
  475. {/block:IndexPage}
  476. {block:Permalink}
  477. width:400px;
  478. margin-left:450px;
  479. margin-top:30px;
  480. {/block:Permalink}
  481. z-index:0;
  482. margin-top:50px;
  483. float:center;
  484. position:relative;
  485. }
  486.  
  487. /* Post Style */
  488.  
  489.  
  490.  
  491. #post {
  492. padding:20px;
  493. background:{color:border};
  494. position: relative;
  495. {block:IndexPage}
  496. margin:20px 20px;
  497. float:left;
  498. width:400px;
  499. {/block:IndexPage}
  500. {block:PermalinkPage}
  501. margin-bottom:50px;
  502. {/block:PermalinkPage}
  503. z-index:999;
  504. }
  505.  
  506. #post img{max-width:100%; margin-bottom:-3px;}
  507. .photo-set img{max-width:400px;}
  508.  
  509. #post li, #post blockquote {max-width: 100%;}
  510.  
  511.  
  512. /* Fade Keyframes */
  513.  
  514. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  515. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  516. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  517.  
  518. .fade-in {
  519. opacity:0;
  520. -webkit-animation:fadeIn ease-in 1;
  521. -moz-animation:fadeIn ease-in 1;
  522. animation:fadeIn ease-in 1;
  523.  
  524. -webkit-animation-fill-mode:forwards;
  525. -moz-animation-fill-mode:forwards;
  526. animation-fill-mode:forwards;
  527.  
  528. -webkit-animation-duration:0.8s;
  529. -moz-animation-duration:0.8s;
  530. animation-duration:0.8s;
  531. }
  532.  
  533. .fade-in.one {
  534. -webkit-animation-delay: 0.7s;
  535. -moz-animation-delay: 0.7s;
  536. animation-delay: 0.7s;
  537. }
  538.  
  539. .fade-in.two {
  540. -webkit-animation-delay: 2s;
  541. -moz-animation-delay:2s;
  542. animation-delay: 2s;
  543. }
  544.  
  545.  
  546. /*quote*/
  547.  
  548. #titlequote{
  549. font-size:15px;
  550. color:{color:title};
  551. background:{color:title background};
  552. font-weight:300;
  553. letter-spacing:1px;
  554. text-transform:uppercase;
  555. font-family: 'Open Sans Condensed', sans-serif;
  556. padding:20px 10px;
  557. line-height:1.5em;
  558. z-index:999;
  559. }
  560.  
  561. .qq{
  562. /* font-family: 'Coustard', serif;
  563. color:{color:Accent};
  564. font-size:110px;
  565. position:absolute;
  566. margin-top:20px;
  567. margin-left:-20px;
  568. float:left;
  569. z-index:9; */
  570. display:none;
  571. }
  572.  
  573. .qqq{
  574. /* color:{color:Accent};
  575. font-size:47px;
  576. position:absolute;
  577. margin-top:-20px;
  578. margin-left:-13px;
  579. float:left;
  580. z-index:9; */
  581. display:none;
  582.  
  583. }
  584.  
  585. #source {
  586. margin-top:5px;
  587. text-align:center;
  588. font-family:consolas;
  589. text-transform:uppercase;
  590. letter-spacing:1px;
  591. font-size:9px;
  592. padding:10px;
  593. }
  594.  
  595. /*audio*/
  596.  
  597. /*audio*/
  598.  
  599. .tracks{
  600. padding:16px 12px;
  601. margin-bottom:1px;
  602. width:160px;
  603. }
  604.  
  605. .player iframe {
  606. width: 30px;
  607. height: 30px;}
  608.  
  609. .black .white,
  610. .black .grey { display: none;}
  611. .white .black,
  612. .white .grey { display: none;}
  613. .grey .white,
  614. .grey .black { display: none;}
  615.  
  616. .black .player_container { background: #000;}
  617. .black .player_wrap { background-color: rgba(0,0,0,0.8); }
  618. .white .player_container { background: #fff;}
  619. .white .player_wrap { background-color: rgba(255,255,255,0.8); }
  620. .grey .player_container { background: #e4e4e4;}
  621. .grey .player_wrap { background-color: rgba(228, 228, 228, 0.8); }
  622.  
  623. .black .tracks { background: #000; color:white;}
  624. .black .tracks { background-color: rgba(0,0,0,0.8);color:white;}
  625. .white .tracks { background: #fff;}
  626. .white .tracks { background-color: rgba(255,255,255,0.8); }
  627. .grey .tracks { background: #e4e4e4;}
  628. .grey .tracks { background-color: rgba(228, 228, 228, 0.8); }
  629.  
  630. .audio {
  631. position: relative;
  632. margin-bottom:20px;
  633. margin-top:10px;
  634. margin-left:50px;
  635. }
  636.  
  637. .player-art {
  638. width: 132px;
  639. height: 132px;
  640. position: relative;
  641. vertical-align: top;
  642. margin-left:-9px;
  643. margin-top:16px;
  644. }
  645. .player-art img { width: 132px; }
  646.  
  647. img.album { position: absolute; z-index: 2;}
  648. img.default { position: absolute; z-index: 1; }
  649.  
  650.  
  651. .player-wrap {
  652. position: relative;
  653. width: 95px;
  654. display: inline-block;
  655. left: 0;
  656. }
  657.  
  658. ol.audioinfo {
  659. list-style-type: none;
  660. width: auto;
  661. margin-left:12px;
  662. margin-top:0px;
  663. padding:0;
  664. z-index: 10;
  665. position: relative;
  666. display: inline-block;
  667. vertical-align: top;
  668. line-height: 1.39em;
  669. text-transform:uppercase;
  670. font-size:8px;
  671. letter-spacing:1px;
  672. }
  673.  
  674.  
  675. .player {
  676. width: 30px; height: 30px;
  677. overflow: hidden;
  678. margin: -14px 0 0 -14px;
  679. padding: 0px;
  680. position: absolute;
  681. top: 50%;
  682. left: 50%;
  683. }
  684. .player_container {
  685. z-index: 11;
  686. opacity: 0.3; filter: alpha(opacity=30);
  687. -webkit-transition: all 0.2s ease-in-out;
  688. -moz-transition: all 0.2s ease-in-out;
  689. -o-transition: all 0.2s ease-in-out ;
  690. -ms-transition: all 0.2s ease-in-out;
  691. }
  692. .player_wrap {
  693. z-index: 9;
  694. -webkit-transition: all 0.2s ease-in-out;
  695. -moz-transition: all 0.2s ease-in-out;
  696. -o-transition: all 0.2s ease-in-out ;
  697. -ms-transition: all 0.2s ease-in-out; }
  698.  
  699. .player_container, .player_wrap {
  700. position: absolute;
  701. top: 50%;
  702. left: 50%;
  703. width: 80px; height: 80px;
  704. margin-top: -30px;
  705. margin-left: -30px;
  706. -moz-border-radius:50px;
  707. -webkit-border-radius:50px;
  708. border-radius: 50px; }
  709.  
  710. .player_container:hover{
  711. width: 60px; height: 60px;
  712. margin-top: -20px;
  713. margin-left: -20px;
  714. opacity:1;
  715. -webkit-transition: all 0.2s ease-in-out;
  716. -moz-transition: all 0.2s ease-in-out;
  717. -o-transition: all 0.2s ease-in-out ;
  718. -ms-transition: all 0.2s ease-in-out;
  719. }
  720.  
  721.  
  722. /*asks*/
  723. .q {
  724. margin-bottom:10px;
  725. font-size:14px;
  726. line-height:1.5em;
  727. letter-spacing:1px;
  728. text-transform:uppercase;
  729. font-family: 'Open Sans Condensed', sans-serif;
  730. font-weight:300;
  731. text-align:center;
  732. padding:20px 10px;
  733. background:{color:Title Background};
  734. color:{color:Title};
  735. z-index:99;
  736. }
  737.  
  738.  
  739. .as {
  740. font-weight:bold;
  741. font-family:consolas;
  742. text-transform:uppercase;
  743. font-size:9px;;
  744. letter-spacing:1px; color:{color:Title};
  745. padding:5px;
  746. }
  747.  
  748. .as a{
  749. color:{color:Accent};
  750. }
  751. .q a{
  752. color:{color:Accent};
  753. }
  754. .a {margin-top:10px; font-family:consolas; text-transform:uppercase; font-size:9px;; letter-spacing:1px; padding:10px;}
  755.  
  756.  
  757. /*chat*/
  758.  
  759. .chat ol {
  760. padding:5px;
  761. list-style:none;
  762. text-indent:5px;
  763. }
  764. .line {padding:7px 4px;}
  765.  
  766. .label {font-weight:bold;}
  767.  
  768. .line.odd {
  769. background-color:{color:Title Background};
  770. color:{color:Title};
  771. padding:7px 4px;
  772. }
  773. .line.odd a{color:{color:title};}
  774.  
  775. .line.even {padding:7px 4px; margin-top:5px;}
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782. /*permalink and notes*/
  783. .info-permap{
  784. text-align:center;
  785. font-size:8px;
  786. text-transform:uppercase;
  787. letter-spacing:1px;
  788. display:block;
  789. margin-bottom:20px;
  790. padding:5px 20px;
  791. background:{color:title background};
  792. color:{color:nav link};
  793. border:1px solid {color:border};
  794.  
  795. }
  796.  
  797. .info-permab{
  798. text-align:center;
  799. font-size:8px;
  800. text-transform:uppercase;
  801. letter-spacing:1px;
  802. display:block;
  803. margin-top:-5px;
  804. padding:10px 20px;
  805. background:{color:title background};
  806. color:{color:nav link};
  807.  
  808. }
  809.  
  810. .info-permap a {color:{color:link};}
  811.  
  812.  
  813. .perma {
  814. opacity:0;
  815. width:440px;
  816. height:100%;
  817. max-height:100%;
  818. overflow:hidden;
  819. position:absolute;
  820. color:#000;
  821. left:0;
  822. top:0;
  823. -webkit-transition:all 0.5s;
  824. -moz-transition:all 0.5s;
  825. -ms-transition:all 0.5s;
  826. -o-transition:all 0.5s;
  827. transition:all 0.5s;
  828. }
  829. #post:hover .perma{opacity:1;}
  830. #post:hover .verba{opacity:1;}
  831.  
  832. .verba {
  833. opacity:0;
  834. top:0;
  835. left:0;
  836. float:left;
  837. width:220px;
  838. height:100%;
  839. padding:11px;
  840. max-height:100%;
  841. overflow-y:auto;
  842. position:absolute;
  843. text-align:left;
  844. overflow-x:hidden;
  845. background-color:rgba(255,255,255,1);
  846. color:#000;
  847. display:inline-block;
  848. -webkit-transition:all 0.5s;
  849. -moz-transition:all 0.5s;
  850. -ms-transition:all 0.5s;
  851. -o-transition:all 0.5s;
  852. transition:all 0.5s;
  853. }
  854.  
  855.  
  856. .nota {
  857. top:0;
  858. right:0;
  859. float:right;
  860. width:220px;
  861. height:100%;
  862. position:absolute;
  863. display:inline-block;
  864. background-color:{color:Title Background};
  865. -webkit-transition:all 0.5s;
  866. -moz-transition:all 0.5s;
  867. -ms-transition:all 0.5s;
  868. -o-transition:all 0.5s;
  869. transition:all 0.5s;
  870. }
  871. .nota-con{
  872. top:50%;
  873. padding-top:50px;
  874. text-align:center;
  875. color:{color:Title};
  876. line-height:2em;
  877. }
  878.  
  879. .nota-con a {color:{color:Title};}
  880.  
  881. #nota-number{
  882. padding:5px 10px;
  883. font-weight:300;
  884. letter-spacing:1px;
  885. text-transform:uppercase;
  886. font-family: 'Open Sans Condensed', sans-serif;
  887. font-size:20px;
  888. border-bottom:1px solid {color:accent};
  889. }
  890. .reblog{
  891. text-align:center;
  892. color:{color:title};
  893. }
  894. .reblog i{padding-top:10px;color:{color:title}; font-size:18px;}
  895.  
  896. .verba blockquote {
  897. width:160px;
  898. border-left:1px solid {color:Accent};
  899. float:left;
  900. border-right:0px solid #fff;
  901. text-align:left;
  902. padding:10px 5px;
  903. margin-left:10px;
  904. color:#000;
  905. }
  906. .verba a{
  907. color:#000;
  908. }
  909.  
  910. .src-v{
  911. font-size:8px;
  912. text-transform:uppercase;
  913. letter-spacing:1px;
  914. font-weight:800;
  915. padding:5px;
  916. }
  917. .tags{
  918. font-style:italic;
  919. font-size:8px;
  920. text-transform:uppercase;
  921. letter-spacing:1px;
  922. padding:5px;
  923. }
  924. .tags a{
  925. color:{color:title};
  926.  
  927. }
  928.  
  929.  
  930.  
  931. .pagenotes {
  932. color:{color:text};
  933. {block:IndexPage}
  934. display: none!important;
  935. {/block:IndexPage}
  936. margin:0 auto;
  937. width:360px;
  938. padding:20px;
  939. background:{color:background};
  940. color:{color:text};
  941. }
  942. .pagenotes a{color:{color:link};}
  943.  
  944. .pagenotes img {
  945. display:none!important;}
  946.  
  947. .pagenotes li {
  948. list-style-type:none;
  949. text-align:left;
  950. margin-bottom:15px;
  951. color:{color:text};
  952. }
  953.  
  954. ol.notes li.more_notes_link_container {
  955. display: block;
  956. text-transform:uppercase;
  957. font-family: 'Open Sans Condensed', sans-serif;
  958. font-size:14px;
  959. background:{color:title Background};
  960. color:{color:title};
  961. padding:10px;
  962. margin-left:-30px;
  963. }
  964.  
  965. ol.notes li.more_notes_link_container a{
  966. color:{color:title};
  967. }
  968.  
  969. #tumblrcontrols{
  970. z-index:1;
  971. margin-top:-15px;
  972. margin-right:30px;
  973. }
  974.  
  975.  
  976. #tumblrcontrols{
  977. float:right;
  978. font-family: 'Open Sans Condensed', sans-serif;
  979. font-size:16px;
  980. font-weight:300;
  981. text-transform:uppercase;
  982. letter-spacing:1px;
  983. opacity:1;
  984. z-index:1;
  985. -webkit-transition: all 10.8s ease-in;
  986. -moz-transition: all 10.8s ease-in;
  987. -o-transition: all 10.8s ease-in;
  988. -ms-transition: all 10.8s ease-in;
  989. transition: all 10.8s ease-in;
  990. }
  991.  
  992. #tumblrcontrols a{
  993. text-decoration:none;
  994. color:{color:Title};
  995. margin-right:12px;
  996. padding:7px 10px;
  997. background:{color:Title Background};
  998. }
  999.  
  1000.  
  1001. #tumblrcontrols a:hover{
  1002. color:{color:Hover};
  1003. cursor:pointer;
  1004. text-decoration:none;}
  1005.  
  1006. {block:IndexPage}
  1007. #tumblr_controls {display:none;}
  1008. {/block:IndexPage}
  1009.  
  1010. {block:PermalinkPage}
  1011. #tumblrcontrols{
  1012. display:none;}
  1013. iframe#tumblr_controls {
  1014. top:10px;
  1015. position: fixed !important;
  1016. -moz-transition: all 0.8s ease-out;
  1017. -webkit-transition: opacity 0.7s linear;
  1018. -webkit-transition: all 0.8s ease-out;
  1019. transition: all 0.8s ease-out;
  1020. opacity: 0.4;}
  1021.  
  1022. iframe#tumblr_controls:hover {
  1023. -webkit-transition: opacity 0.7s linear;
  1024. -moz-transition: all 0.4s ease-out;
  1025. -webkit-transition: all 0.4s ease-out;
  1026. transition: all 0.4s ease-out;
  1027. opacity:.7;}
  1028. {/block:PermalinkPage}
  1029.  
  1030. #navigation{
  1031. text-align:center;
  1032. text-transform:uppercase;
  1033. color:{color:text};
  1034.  
  1035. }
  1036.  
  1037. .faq-con{
  1038. margin:0 auto;
  1039. width:344px;
  1040. height:100px;
  1041. padding:29px;
  1042. margin-bottom:20px;
  1043. background:{color:background};
  1044. color:{color:text};
  1045. overflow-y:scroll;
  1046. overflow-x:hidden;
  1047. }
  1048.  
  1049. .slide-titles{
  1050. width:344px;
  1051. margin:10px auto;
  1052. font-family: 'Open Sans Condensed', sans-serif;
  1053. font-size:15px;
  1054. letter-spacing:2px;
  1055. text-transform:uppercase;
  1056. line-height:1.3em;
  1057. padding:14px 30px;
  1058. }
  1059.  
  1060. .tag-info{
  1061. height:360px;
  1062. margin-left:2px;
  1063. margin-top:5px;
  1064. padding:20px;
  1065. letter-spacing:1px;
  1066. text-transform:uppercase;
  1067. line-height:1.4em;
  1068. font-size:9px;
  1069. padding:5px;
  1070. display:inline-block;
  1071. background:{color:title background};
  1072. overflow-y:scroll;
  1073. overflow-x:hidden;
  1074. border:8px solid {color:title background};
  1075. }
  1076. .tag-info a{
  1077. display:inline-block;
  1078. padding:5px 10px;
  1079. width:190px;
  1080. text-align:center;
  1081. font-family:consolas;
  1082. text-transform:uppercase;
  1083. font-size:9px;
  1084. margin-bottom:10px;
  1085. margin-right:10px;
  1086. margin-left:10px;
  1087. margin-top:10px;
  1088. background:{color:background};
  1089. color:{color:Text};
  1090. border-bottom:1px solid transparent;
  1091. -moz-transition: all 0.5s ease;
  1092. -webkit-transition: all 0.5s ease;
  1093. -webkit-transition: all 0.5s ease;
  1094. transition: all 0.5s ease;
  1095.  
  1096. }
  1097.  
  1098.  
  1099. .tag-info a:hover{
  1100. background:{color:Nav Hover};
  1101. color:{color:Nav Link Hover};
  1102. border-bottom:1px solid {color:title background};
  1103. -moz-transition: all 0.5s ease;
  1104. -webkit-transition: all 0.5s ease;
  1105. -webkit-transition: all 0.5s ease;
  1106. transition: all 0.5s ease;
  1107.  
  1108. }
  1109.  
  1110. .update-2{
  1111. margin-top:10px;
  1112. text-align:center;
  1113. margin-right:9px;
  1114. padding:12px;
  1115. height:auto;
  1116. width:250px;
  1117. overflow:hidden;
  1118. float:left;
  1119. }
  1120.  
  1121. .rules{
  1122. background:{color:background};
  1123. color:{color:Text};
  1124. padding:10px;
  1125. font-family:'consolas' sans-serif;
  1126. text-transform:lowercase;
  1127. letter-spacing:1px;
  1128. line-height:1.5em;
  1129. font-size:9px;;
  1130. text-align:center;
  1131. }
  1132. .rules a{
  1133. color:{color:Link};
  1134. }
  1135.  
  1136. .update-info{
  1137. color:{color:Link};
  1138. padding:10px;
  1139. font-family: 'consolas', sans-serif;
  1140. text-transform:lowercase;
  1141. line-height:1.4em;
  1142. font-size:9px;
  1143. padding:5px;
  1144. }
  1145.  
  1146. .update-info a{
  1147. color:{color:Link};
  1148. }
  1149.  
  1150. .about-p{
  1151. margin:0 auto;
  1152. width:344px;
  1153. height:300px;
  1154. padding:29px;
  1155. margin-bottom:20px;
  1156. background:{color:background};
  1157. color:{color:text};
  1158. overflow-y:scroll;
  1159. overflow-x:hidden;
  1160. }
  1161.  
  1162. #music{
  1163. border:1px solid {color:Border};
  1164. text-align:left;
  1165. float:left;
  1166. display:inline-block;
  1167. margin-left:9px;
  1168. margin-top:9px;
  1169. background:{color:background};
  1170. width:15px;
  1171. padding:13px;
  1172. display:block;
  1173. overflow:hidden;
  1174. -webkit-transition: all .4s ease;
  1175. -moz-transition: all .4s ease;
  1176. -o-transition: all .4s ease;
  1177. -ms-transition: all .4s ease;
  1178. transition: all .4s ease;
  1179. }
  1180. #music i{
  1181. font-size:15px; color:{color:accent};background:{color:background};}
  1182.  
  1183. #music:hover{cursor:help; width:160px;}
  1184. #music:hover #music-con{opacity:1;margin-left:16px;
  1185. width:150px;
  1186. -webkit-transition: all 1s ease;
  1187. -moz-transition: all 1s ease;
  1188. -o-transition: all 1s ease;
  1189. -ms-transition: all 1s ease;
  1190. transition: all 1s ease;}
  1191.  
  1192. #music-con{
  1193. position:absolute;
  1194. opacity:0;
  1195. width:15px;
  1196. margin-top:-3px;
  1197. overflow:hidden;
  1198. -webkit-transition: all .4s ease;
  1199. -moz-transition: all .4s ease;
  1200. -o-transition: all .4s ease;
  1201. -ms-transition: all .4s ease;
  1202. transition: all .4s ease;}
  1203.  
  1204. {CustomCSS}
  1205.  
  1206.  
  1207. </style>
  1208.  
  1209.  
  1210.  
  1211. </head>
  1212.  
  1213. <body>
  1214. <div id="music">
  1215. <div id="music-con">
  1216. <embed src="http://www.sheepproductions.com/billy/billy.swf?
  1217. autoplay=false&f0=http://k003.kiwi6.com/hotlink/xmfjj3m0gv/Dark_Doo_Wop.mp3
  1218. &t0=Dark Doo wop&f1=http://k007.kiwi6.com/hotlink/qw9laj17fj/Gods_and_Monsters_Explicit_.mp3
  1219. &t1=Gods and Monsters&f2=http://k003.kiwi6.com/hotlink/pg9sxin1fb/Heartbeat_Explicit_.mp3
  1220. &t2=Heartbeat&f3=http://k003.kiwi6.com/hotlink/7p6vm9b1vd/Wicked_Games_Explicit_.mp3
  1221. &t3=Wicked Games&f4=http://k003.kiwi6.com/hotlink/7h3fd9r24e/Fantasy.mp3
  1222. &t4=Fantasy&f5=http://k003.kiwi6.com/hotlink/8xfomabg7a/400_Lux.mp3
  1223. &t5=400 Lux&f6=http://k003.kiwi6.com/hotlink/qfsqbbemjy/Storm_Song_-_Phildel.mp3
  1224. &t6=Storm Song&f7=http://k003.kiwi6.com/hotlink/jytgrld8g2/Sad_Girl.mp3
  1225. &t7=Sad Girl&f8=http://k007.kiwi6.com/hotlink/k0jpvseed8/Ribs.mp3
  1226. &t8=Ribs&f9=http://k003.kiwi6.com/hotlink/g9a4hlx1jy/Smother.mp3
  1227. &t9=Smother&f10=http://k003.kiwi6.com/hotlink/pio08qmtml/Buzzcut_Season.mp3
  1228. &t10=Buzzcut Season&f11=http://k003.kiwi6.com/hotlink/pos2hj4069/This_Isnt_Control.mp3
  1229. &t11=This isn't Control&total=12"
  1230. quality="high" wmode="transparent"
  1231. width="200" height="10" name="billy" align="middle"
  1232. type="application/x-shockwave-flash" style="-webkit-filter:brightness(0%)" />
  1233. </div>
  1234.  
  1235. <a href="https://drive.google.com/file/d/0B7PwqX_mBOuld1dlZlpyTEJIUGs/view" title="download"><i class="fa fa-music fa-4x"></i></a>
  1236. </div>
  1237. <!---begin top header image/links --->
  1238. <div id="header" class="{select:Header image}">
  1239. <div id="header-con">
  1240. <div id="blogt">{Title}</div>
  1241. <div id="description">{Description} <script language="JavaScript">
  1242. var ref = (''+document.referrer+'');
  1243. var w_h = window.screen.width + " x " + window.screen.height;
  1244. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3916909&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1245. </script></div>
  1246. <div id="links">
  1247. <a class="menu">ask</a>
  1248. <a class="menu-2">tags</a>
  1249. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1250. <!---<a href="{text:Link 2 URL}" >{text:Link 2}</a>--->
  1251. <!---<a href="{text:Link 3 URL}">{text:Link 3}</a>--->
  1252. <a class="menu-3">html</a>
  1253. <a class="menu-4">more</a>
  1254. </div>
  1255. <div id="scroll-btn">
  1256. <a href="#smooth-scroll"><i class="fa fa-chevron-down"></i></a>
  1257. </div>
  1258. </div>
  1259. </div><!---End header image stuff-->
  1260.  
  1261.  
  1262. <!---begin sticky header--->
  1263. <div id="smooth-scroll">
  1264. <div id="stickyheader" class="box fade-in one">
  1265. <div id="stick-con">
  1266. <a href="/">home</a>
  1267. <a class="menu">ask</a>
  1268. <a class="menu-2">tags</a>
  1269. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1270. <!---<a href="{text:Link 2 URL}" >{text:Link 2}</a>--->
  1271. <!---<a href="{text:Link 3 URL}">{text:Link 3}</a>--->
  1272. <a class="menu-3">html</a>
  1273. <a class="menu-4">more</a>
  1274. </div>
  1275. <div id="tumblrcontrols">
  1276. <a href="http://www.tumblr.com/follow/{Name}"class="control-link">follow</a>
  1277. <a href="http://www.tumblr.com/dashboard"class="control-link">dashboard</a>
  1278. </div>
  1279. </div><!---closing sticky header tag--->
  1280.  
  1281.  
  1282. <div id="con" class="box fade-in two">
  1283.  
  1284. <div id="entries">
  1285.  
  1286. {block:Posts}
  1287. <div id="post">
  1288.  
  1289.  
  1290. {block:Quote}
  1291. {block:Date}
  1292. <div class="info-permap">
  1293. <a href="{permalink}">{TimeAgo}</a> with
  1294. {block:NoteCount}
  1295. <a href="{permalink}">{NoteCountwithLabel}</a>
  1296. {/block:notecount}
  1297. </div>
  1298. {/block:Date}
  1299. <div id="titlequote-con"><span class="qq">&ldquo;</span>
  1300. <div id="titlequote"style="text-align:center;">{Quote}</div></div>
  1301. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1302. {/block:Quote}
  1303.  
  1304.  
  1305.  
  1306. {block:Text}
  1307. {block:Date}
  1308. <div class="info-permap">
  1309. <a href="{permalink}">{TimeAgo}</a> with
  1310. {block:NoteCount}
  1311. <a href="{permalink}">{NoteCountwithLabel}</a>
  1312. {/block:notecount}
  1313. </div>
  1314. {/block:Date}
  1315. {block:Title}
  1316. <div id="title">{Title}</div>{/block:Title}
  1317. {Body}
  1318. {/block:Text}
  1319.  
  1320. {block:Link}
  1321. {block:Date}
  1322. <div class="info-permap">
  1323. <a href="{permalink}">{TimeAgo}</a> with
  1324. {block:NoteCount}
  1325. <a href="{permalink}">{NoteCountwithLabel}</a>
  1326. {/block:notecount}
  1327. </div>
  1328. {/block:Date}
  1329. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  1330. {/block:Link}
  1331.  
  1332. {block:Chat}
  1333. {block:Date}
  1334. <div class="info-permap">
  1335. <a href="{permalink}">{TimeAgo}</a> with
  1336. {block:NoteCount}
  1337. <a href="{permalink}">{NoteCountwithLabel}</a>
  1338. {/block:notecount}
  1339. </div>
  1340. {/block:Date}
  1341. {block:Title}
  1342. <h1>{Title}</h1>
  1343. {/block:Title}
  1344. <div class="chat">
  1345. <ol>{block:Lines}
  1346. <li class="line {Alt}">
  1347. {block:Label}
  1348. <span class="label">
  1349. {Label}</span>
  1350. {/block:Label}{Line}</li>
  1351. {/block:Lines}
  1352. </ol></div>
  1353. {/block:Chat}
  1354.  
  1355. {block:Photo}
  1356. <!---Begin Permalink Notes and Caption 01--->
  1357. {block:permalinkpage}
  1358. {block:Date}
  1359. <div class="info-permap">
  1360. <a href="{permalink}">{TimeAgo}</a> with
  1361. {block:NoteCount}
  1362. <a href="{permalink}">{NoteCountwithLabel}</a>
  1363. {/block:notecount}
  1364. </div>
  1365. {/block:Date}{/block:PermalinkPage}
  1366. <!---End Permalink Notes and Caption 02--->
  1367.  
  1368.  
  1369. <!---Hover Notes and Caption on Index Page---->
  1370. {block:indexpage}
  1371. <div class="perma">
  1372. {block:caption}
  1373. <div class="verba">{caption}</div>
  1374. {/block:caption}
  1375.  
  1376. {block:date}
  1377. <div class="nota">
  1378. <div class="nota-con">
  1379. {block:NoteCount}
  1380. <p><span id="nota-number">
  1381. <a href="{permalink}">{NoteCountWithLabel}</a></span></p>
  1382. {/block:notecount}
  1383.  
  1384. <p><span class="reblog"><a href="{ReblogURL}" target="_blank" title="reblog this"><i class="fa fa-retweet fa-3x"></i></a></span></p>
  1385.  
  1386. {block:RebloggedFrom} <a href="{ReblogParentURL}" class="src-v" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" class="src-v" title="{SourceTitle}"><b>src</b></a>
  1387. {/block:ContentSource}
  1388.  
  1389. {block:HasTags}
  1390. <div class="tags">{block:Tags}
  1391. <a href="{TagURL}">#{Tag} </a>
  1392. {/block:Tags}</div>{/block:HasTags}
  1393. </div>
  1394. </div>
  1395. {/block:date}
  1396. </div><!-- closing tag for perma-->
  1397. {/block:indexpage}
  1398. <!---Post info end--->
  1399.  
  1400. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}
  1401. {block:Permalink}{block:Caption}
  1402. <div class="caption">{Caption}</div>
  1403. {/block:Caption}{/block:Permalink}
  1404. {block:permalinkpage}
  1405. {block:Date}
  1406. <div class="info-permab">
  1407. {block:RebloggedFrom}
  1408. <a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> /
  1409. {/block:RebloggedFrom}
  1410. {block:ContentSource}
  1411. <a href="{SourceURL}" title="{sourcetitle}">source</a>
  1412. {/block:ContentSource}
  1413. / <a href="{ReblogURL}" target="_blank" title="reblog this"><i class="fa fa-retweet"></i></a>
  1414. </div>
  1415. {/block:Date}{/block:PermalinkPage}
  1416. {/block:Photo}
  1417.  
  1418. {block:Photoset}
  1419. <!---Hover Notes and Caption on Index Page---->
  1420. {block:indexpage}
  1421. <div class="perma">
  1422. {block:caption}
  1423. <div class="verba">{caption}</div>
  1424. {/block:caption}
  1425.  
  1426. {block:date}
  1427. <div class="nota">
  1428. <div class="nota-con">
  1429. {block:NoteCount}
  1430. <p><span id="nota-number">
  1431. <a href="{permalink}">{NoteCountWithLabel}</a></span></p>
  1432. {/block:notecount}
  1433.  
  1434. <p><span class="reblog"><a href="{ReblogURL}" target="_blank" title="reblog this"><i class="fa fa-retweet fa-3x"></i></a></span></p>
  1435.  
  1436. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource}&#8212; <a href="{SourceURL}"title="{SourceTitle}"><b>original</b></a>
  1437. {/block:ContentSource}
  1438.  
  1439. {block:HasTags}
  1440. <div class="tags">{block:Tags}
  1441. <a href="{TagURL}">{Tag}</a>
  1442. {/block:Tags}</div>{/block:HasTags}
  1443. </div>
  1444. </div>
  1445. {/block:date}
  1446. </div><!-- closing tag for perma-->
  1447. {/block:indexpage}
  1448. <!---Post info end--->
  1449. <div class="photo-set">
  1450. {Photoset-400}
  1451. </div>
  1452. {block:Permalink}{block:Caption}
  1453. <div class="caption">{Caption}</div>
  1454. {/block:Caption}{/block:Permalink}
  1455. {/block:Photoset}
  1456.  
  1457. {block:Video}
  1458. <!---Hover Notes and Caption on Index Page---->
  1459. {block:indexpage}
  1460. <div class="perma">
  1461. {block:caption}
  1462. <div class="verba">{caption}</div>
  1463. {/block:caption}
  1464.  
  1465. {block:date}
  1466. <div class="nota">
  1467. <div class="nota-con">
  1468. {block:NoteCount}
  1469. <p><span id="nota-number">
  1470. <a href="{permalink}">{NoteCountWithLabel}</a></span></p>
  1471. {/block:notecount}
  1472.  
  1473. <p><span class="reblog"><a href="{ReblogURL}" target="_blank" title="reblog this"><i class="fa fa-retweet fa-3x"></i></a></span></p>
  1474.  
  1475. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource}&#8212; <a href="{SourceURL}"title="{SourceTitle}"><b>original</b></a>
  1476. {/block:ContentSource}
  1477.  
  1478. {block:HasTags}
  1479. <div class="tags">{block:Tags}
  1480. <a href="{TagURL}">{Tag}</a>
  1481. {/block:Tags}</div>{/block:HasTags}
  1482. </div>
  1483. </div>
  1484. {/block:date}
  1485. </div><!-- closing tag for perma-->
  1486. {/block:indexpage}
  1487. <!---Post info end--->
  1488. {Video-400}
  1489. {block:Permalink}{block:Caption}
  1490. <div class="caption">{Caption}</div>
  1491. {/block:Caption}{/block:Permalink}
  1492. {/block:Video}
  1493.  
  1494. {block:Audio}
  1495. {block:Date}
  1496. <div class="info-permap">
  1497. <a href="{permalink}">{TimeAgo}</a> with
  1498. {block:NoteCount}
  1499. <a href="{permalink}">{NoteCountwithLabel}</a>
  1500. {/block:notecount}
  1501. </div>
  1502. {/block:Date}
  1503. {/block:indexpage}
  1504. <!---Post info end--->
  1505. <div class="audio">
  1506. <div class="player-wrap {select:Player Color}">
  1507. <div class="player-art">
  1508. {block:AlbumArt}
  1509. <img class="album" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1510. {/block:AlbumArt}
  1511. <img class="default" src="http://static.tumblr.com/3dkvxpf/Pj9nbm5vp/default_cover_m.jpg" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1512. </div>
  1513.  
  1514.  
  1515. <div class="player_wrap {select:Avatar Shape}"></div>
  1516. <div class="player_container {select:Avatar Shape}">
  1517. <div class="player">
  1518. <div class="black">{AudioPlayerBlack}</div>
  1519. <div class="white">{AudioPlayerWhite}</div>
  1520. <div class="grey">{AudioPlayerGrey}</div>
  1521. </div>
  1522. </div>
  1523. </div>
  1524. <ol class="audioinfo">
  1525. <div class="tracks {select:Player Color}">
  1526. <li class="tracks">{block:TrackName} {TrackName}{/block:TrackName}</li>
  1527. <li class="tracks">{block:Artist} {Artist}{/block:Artist} </li>
  1528. <li class="tracks">{block:Album} {Album}{/block:Album}</li>
  1529. </ol>
  1530.  
  1531. </div>
  1532. {/block:Audio}
  1533.  
  1534.  
  1535. {block:Answer}
  1536. {block:Date}
  1537. <div class="info-permap">
  1538. <a href="{permalink}">{TimeAgo}</a> with
  1539. {block:NoteCount}
  1540. <a href="{permalink}">{NoteCountwithLabel}</a>
  1541. {/block:notecount}
  1542. </div>
  1543. {/block:Date}
  1544. <span class="qqq"><i class="fa fa-comment"></i></span><div class="q">
  1545. <div class="as">{Asker} said: </div>
  1546. {Question}</div>
  1547. <div class="a">{Answer}</div>
  1548. {/block:Answer}
  1549.  
  1550. </div>
  1551. {/block:Posts}
  1552.  
  1553. {block:IndexPage}<div class="column navigation" id="navigation">
  1554. {block:Pagination}
  1555. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1556. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1557. </div>{/block:IndexPage}
  1558.  
  1559.  
  1560. </div>
  1561. </div>
  1562. </div>
  1563.  
  1564. {block:PostNotes}
  1565. <div class="pagenotes">
  1566. {PostNotes}
  1567. </div>
  1568. {/block:PostNotes}
  1569.  
  1570. {block:ContentSource}
  1571. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1572. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1573. {/block:SourceLogo}
  1574. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1575. {/block:ContentSource}
  1576.  
  1577. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  1578.  
  1579. <div class="down" id="nav">
  1580. <div id="cont">
  1581. <div class="button-close">
  1582. <a class="menu" title="close"><i class="fa fa-bars fa-4x"></i></a>
  1583. </div>
  1584. <div class="menu-con2">
  1585. <div class="slide-titles">facts and questions</div>
  1586. <div class="faq-con">
  1587. <p class="rules" style="padding:14px;">
  1588. Feel free to ask me anything and start up a converstion at anytime!
  1589. I love meeting my followers and I love to get to know you all! I'm here for you guys and I'll always try to help you. xoxo</p>
  1590.  
  1591.  
  1592. <p class="rules" style="padding:14px;">Do not send hate of any kind. It will be deleted and I will move on with my day. My blog is a safe place where people shouldn't have to see such negativity!
  1593. If I unfollowed you it was either an accident or my dash was too cluttered.
  1594. </p>
  1595.  
  1596. <p class="rules" style="padding:14px;">Please don't send theme questions here! I am not answering any more HTML related questions on this blog. Head on over to <a href="960px.tumblr.com">960px</a> and I will be happy to help!<br></p>
  1597. </div>
  1598.  
  1599. <iframe frameborder="0" height="200" id="ask_form" class="asks" scrolling="none" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="400px"> </iframe>
  1600. </div>
  1601. </div><!----End Slide Ask--->
  1602.  
  1603. <div class="down-2" id="slide-tags">
  1604. <div id="cont">
  1605. <div class="button-close">
  1606. <a class="menu-2" title="close"><i class="fa fa-bars fa-4x"></i></a>
  1607. </div>
  1608. <div class="menu-con">
  1609. <Center>
  1610.  
  1611. <div class="update-2">
  1612. <big class="slide-titles">personal</big><br>
  1613. <!-- Feel free to delete the title if you don't need it :D--->
  1614. <p class="tag-info">
  1615. <a href="/about">about</a> <br>
  1616. <a href="/tagged/mirrors">my face</a><br>
  1617. <a href="/family1" >family</a><br>
  1618. <a href="/blogroll" >blogroll</a><br>
  1619. <a href="/tagged/my%20words" >poems</a><br>
  1620. <a href="/tagged/my%20kitty" >my kitties</a> <br>
  1621. <a href="http://imightbedrunk.org/" >boyfriend</a><br>
  1622. <a href="/tagged/code%20help" >code help</a><br>
  1623. <a href="/tagged/answered" >answered asks</a><br>
  1624. <a href="/tagged/fave" >inspiration</a> <br>
  1625. <a href="/tagged/q" >queued posts</a><br>
  1626. <a href="http://960px.tumblr.com/" >960px</a><br>
  1627. </p>
  1628. </div>
  1629.  
  1630.  
  1631.  
  1632. <div class="update-2">
  1633. <big class="slide-titles">general</big><br>
  1634. <!-- Feel free to delete the title if you don't need it :D--->
  1635. <p class="tag-info">
  1636. <a href="/tagged/words">writing</a><br>
  1637. <a href="/tagged/misc/" >other</a><br>
  1638. <a href="/tagged/audio/" >music</a><br>
  1639. <a href="/tagged/colors/" >colors</a><br>
  1640. <a href="/tagged/grid" >grids</a><br>
  1641. <a href="/tagged/lol" >laughs</a><br>
  1642. <a href="/tagged/art/" >artwork</a><br>
  1643. <a href="/tagged/fanart" >fanart</a><br>
  1644. <a href="/tagged/fashion" >fashion</a><br>
  1645. <a href="/tagged/design" >design</a><br>
  1646. <a href="/tagged/humans" >humans</a><br>
  1647. <a href="/tagged/femme" >girls</a><br>
  1648. <a href="/tagged/space" >space</a><br>
  1649. <a href="/tagged/arc" >architecture</a><br>
  1650. <a href="/tagged/type" >typography</a><br>
  1651. <a href="/tagged/photography" >photography</a><br>
  1652. <a href="/tagged/places-ive-been/" >traveled to</a><br>
  1653. <a href="/tagged/myth" >mythology</a><br>
  1654. <br>
  1655. </p>
  1656. </div>
  1657.  
  1658.  
  1659. <div class="update-2">
  1660. <big class="slide-titles">people</big><br>
  1661. <!-- Feel free to delete the title if you don't need it :D--->
  1662. <p class="tag-info">
  1663. <!---Just replace # with the name of the tag --->
  1664. <a href="/tagged/people" >all people</a> <br>
  1665. <a href="/tagged/jlc" >jenna coleman</a> <br>
  1666. <a href="/tagged/jlaw" >jennifer lawrence</a> <br>
  1667. <a href="/tagged/scarjo" >scarlett johansson</a> <br>
  1668. <a href="/tagged/tatiana" >tatiana maslany</a><br>
  1669. <a href="/tagged/ebo" >Evelyne Brochu</a><br>
  1670. <a href="/tagged/lana%20del%20rey/" >lana del ray</a><br>
  1671. <a href="/tagged/seb" >sebastian stan</a><br>
  1672. <a href="/tagged/cucumber" >benedict cumberbatch</a><br>
  1673. <a href="/tagged/ndormer" >natalie dormer</a><br>
  1674. <a href="/tagged/pcapaldi" >peter capaldi</a><br>
  1675. <a href="/tagged/billie%20piper" >billie piper</a> <br>
  1676. <a href="/tagged/matt%20smith" >matt smith</a><br>
  1677. <a href="/tagged/kaz" >karen gillian</a> <br>
  1678. <a href="/tagged/arthur%20darvill" >arthur darvill</a><br>
  1679. <a href="/tagged/dtennant" >david tennant</a><br>
  1680. <a href="/tagged/lee%20pace" >lee pace</a><br>
  1681. <a href="/tagged/jared" >jared padalecki</a><br>
  1682. <a href="/tagged/jensen" >jensen ackles</a><br>
  1683. <a href="/tagged/rdj" >robert downey jr</a><br>
  1684. <a href="/tagged/huisman" >Michiel Huisman</a><br>
  1685. <a href="/tagged/jordan" >Jordan Gavaris</a><br>
  1686. <a href="/tagged/dylan" >Dylan Bruce</a><br>
  1687. <a href="/tagged/st" >sophie turner</a><br>
  1688. <a href="/tagged/kit" >kit harrington</a><br>
  1689. <a href="/tagged/pascal" >pedro pacsal</a><br>
  1690. <a href="/tagged/lena" >lena hedley</a><br>
  1691. <a href="/tagged/ncw" >Nikolaj Coster-Waldau</a><br>
  1692. <a href="/tagged/madden" >richard madden</a><br>
  1693. <a href="/tagged/clarke" >emilia clarke</a><br>
  1694. <a href="/tagged/jolie" >angelina jolie</a><br>
  1695. <a href="/tagged/ga" >gillian anderson</a><br>
  1696. <a href="/tagged/pratt" >chris pratt</a><br>
  1697. <a href="/tagged/malone" >jenna malone</a><br>
  1698. </p>
  1699. </div>
  1700.  
  1701. <div class="update-2">
  1702. <big class="slide-titles">movies & tv</big><br>
  1703. <!-- Feel free to delete the title if you don't need it :D--->
  1704. <p class="tag-info">
  1705. <a href="/tagged/disney" >disney</a><br>
  1706. <a href="/tagged/hp" >harry potter</a><br>
  1707. <a href="/tagged/marvel" >marvel</a><br>
  1708. <a href="/tagged/tolkien" >tolkien</a><br>
  1709. <a href="/tagged/lotr" >lord of the rings</a><br>
  1710. <a href="/tagged/the hobbit" >the hobbit</a><br>
  1711. <a href="/tagged/gotg" >guardians of the galaxy</a><br>
  1712. <a href="/tagged/inception" >inception</a><br>
  1713. <a href="/tagged/maleficent" >maleficent</a><br>
  1714. <a href="/tagged/movies" >all moviess</a><br>
  1715. <a href="/tagged/interstellar" >interstellar</a><br>
  1716. <a href="/tagged/dw" >doctor who</a> <br>
  1717. <a href="/tagged/ob" >orphan black</a> <br>
  1718. <a href="/tagged/ouat" >once upon a time</a> <br>
  1719. <a href="/tagged/bobs%20burgers" >bobs burgers</a> <br>
  1720. <a href="/tagged/firefly" >firefly</a> <br>
  1721. <a href="/tagged/sherlock" >sherlock</a><br>
  1722. <a href="/tagged/spn" >supernatural</a> <br>
  1723. <a href="/tagged/hannibal" >hannibal</a> <br>
  1724. <a href="/tagged/AD" >arrested development</a><br>
  1725. <a href="/tagged/pushing%20daisies" >pushing daisies</a><br>
  1726. <a href="/tagged/b99" >brooklyn 99</a><br>
  1727. <a href="/tagged/merlin" >merlin</a><br>
  1728. <a href="/tagged/fringe" >fringe</a><br>
  1729. <a href="/tagged/maos" >agents of shield</a><br>
  1730. <a href="/tagged/btvs" >buffy the vampire slayer</a><br>
  1731. <a href="/tagged/got" >game of thrones</a><br>
  1732. </p>
  1733. </div>
  1734. </div>
  1735.  
  1736. </div>
  1737. </div>
  1738.  
  1739. <div class="down-3" id="nav">
  1740. <div id="cont">
  1741. <div class="button-close">
  1742. <a class="menu-3" title="close"><i class="fa fa-bars fa-4x"></i></a>
  1743. </div>
  1744. <div class="menu-con2">
  1745. <div class="about-p">
  1746. <p class="rules">I work very hard on each and everyone of my themes. Please be respectful when using them by following all of these rules. If you have any questions at all about my themes feel free to ask! Please be sure to read all the rules before proceeding! You can ask all questions on my theme blog as I will not be answering them here!</big>
  1747.  
  1748. <p class="rules">I love you guys and I love everyone who uses my themes. All your lovely messages and kind words inspire me all the time. You guys fuel the fire for me making these and I thank you for that.</p>
  1749. <p class="rules" style="text-align:right;padding:10px; text-transform:none; font-style:italic;">--- Erin</p>
  1750. <center>
  1751. <br>
  1752.  
  1753. <a href="http://960px.tumblr.com" style="text-transform:uppercase;font-size:10px; color:{color:Text};">lust</a> / <a href="https://www.youtube.com/watch?v=FTQbiNvZqaY" style="text-transform:uppercase;font-size:10px; color:{color:Text};">greed</a></center>
  1754.  
  1755. </div>
  1756. </div>
  1757. </div>
  1758. </div><!----End Slide Ask--->
  1759.  
  1760. <div class="down-4" id="nav">
  1761. <div id="cont">
  1762. <div class="button-close">
  1763. <a class="menu-4" title="close"><i class="fa fa-bars fa-4x"></i></a>
  1764. </div>
  1765. <div class="menu-con2">
  1766. <div class="about-p">
  1767. <big class="slide-titles">Hello! I'm Erin</big>
  1768. <p class="rules"> I'm 23 years old and I live in Florida!<br>
  1769. I'm currently on a semi-hiatus but still pretty active. I'm just filling up my queue and chatting with people. <br>
  1770.  
  1771. I'm a theme maker and I write poetry sometimes. I'm a huge mythology buff and you should come chat with me about it! I read a lot of books and I'm trying to learn to love myself. Oh and I watch too much Arrested Development. &hearts;</big><br>
  1772.  
  1773.  
  1774. <br><big class="slide-titles">general</big>
  1775. <p class="update-info" style="text-align:left;">
  1776. &#8627; mini - hiatus because i suck<br>
  1777. &#8627; coding stuff cause im trash<br>
  1778. </p>
  1779.  
  1780. <big class="slide-titles">watching</big>
  1781. <p class="update-info" style="text-align:left;">
  1782. &#8627; agent carter<br>
  1783. &#8627; broadchurch (s1)<br>
  1784. &#8627; the librarians<br>
  1785. &#8627; galavant<br>
  1786.  
  1787. </p>
  1788.  
  1789. <big class="slide-titles">theme networks</big>
  1790. <p class="update-info" style="text-align:left;">
  1791. &#8627; <a href="http://thecodersclub.tumblr.com" style="text-decoration: none" title="member">the coders club</a><br>
  1792. &#8627; <a href="http://htmlheroes.tumblr.com/" style="text-decoration: none" title="admin">html heroes</a><br>
  1793. &#8627; <a href="http://thmresources.tumblr.com/" style="text-decoration: none" title="member">thmresources</a><br></big>
  1794.  
  1795.  
  1796.  
  1797. </div>
  1798. </div>
  1799. </div>
  1800. </div><!----End Slide Ask--->
  1801.  
  1802. </body>
  1803.  
  1804. <!--T O O L T I P S-->
  1805.  
  1806.  
  1807. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1808. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1809.  
  1810. <script>
  1811.  
  1812. (function($){
  1813.  
  1814. $(document).ready(function(){
  1815.  
  1816. $("a[title]").style_my_tooltips({
  1817.  
  1818. tip_follows_cursor:true,
  1819.  
  1820. tip_delay_time:30,
  1821.  
  1822. tip_fade_speed:300,
  1823.  
  1824. attribute:"title"
  1825.  
  1826. });
  1827.  
  1828. });
  1829.  
  1830. })(jQuery);
  1831.  
  1832. </script>
  1833.  
  1834. <!--SMOOTH SCROLL-->
  1835. <script>
  1836. $(document).ready(function(){
  1837. $('a[href^="#"]').on('click',function (e) {
  1838. e.preventDefault();
  1839.  
  1840. var target = this.hash;
  1841. var $target = $(target);
  1842.  
  1843. $('html, body').stop().animate({
  1844. 'scrollTop': $target.offset().top
  1845. }, 1000, 'swing', function () {
  1846. window.location.hash = target;
  1847. });
  1848. });
  1849. });
  1850. </script>
  1851. <!------ Masonry Scripts Don't Touch! ------>
  1852. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1853.  
  1854. <script type="text/javascript">
  1855. $(window).load(function(){
  1856. var $wall = $('#entries');
  1857. $wall.imagesLoaded(function(){
  1858. $wall.masonry({
  1859. itemSelector: '#post',
  1860. isAnimated : true
  1861. });
  1862. });
  1863. $wall.infinitescroll({
  1864. navSelector : "div#navigation",
  1865. nextSelector : "div#navigation a#nextPage",
  1866. itemSelector : '#post',
  1867. loadingImg : "",
  1868. loadingText : "",
  1869. donetext : "",
  1870. extraScrollPx : 100,
  1871. bufferPx : 10000,
  1872. debug : true,
  1873. errorCallback: function() {
  1874. $('').animate({opacity:0},0).fadeOut('slow');
  1875. }},
  1876. function( newElements ) {
  1877. var $newElems = $( newElements );
  1878. $newElems.hide();
  1879. $newElems.imagesLoaded(function(){
  1880. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 400, easing: 'linear', queue: true}}, function(){$newElems.fadeIn('slow');} );
  1881. });
  1882. }); $('#entries').show(400);
  1883. });
  1884. </script>
  1885. <!---- end masonry scripts -->
  1886.  
  1887. <script type="text/javascript">
  1888. $(function(){
  1889. var stickyRibbonTop = $('#stickyheader').offset().top;
  1890. $(window).scroll(function(){
  1891. if( $(window).scrollTop() > stickyRibbonTop ) {
  1892. $('#stickyheader').css({position: 'fixed', top: '0px'});
  1893. } else {
  1894. $('#stickyheader').css({position: 'static', top: '0px', margin: '0px 0px 100px 0px'});
  1895. }
  1896. });
  1897. });
  1898. </script>
  1899.  
  1900.  
  1901.  
  1902. <script type="text/javascript">
  1903. $(document).ready(function(){
  1904. $(".menu").click(function(){
  1905. $(".down").toggleClass("up");
  1906. });
  1907. });
  1908. </script>
  1909.  
  1910. <script type="text/javascript">
  1911. $(document).ready(function(){
  1912. $(".menu-2").click(function(){
  1913. $(".down-2").toggleClass("up-2");
  1914. });
  1915. });
  1916. </script>
  1917.  
  1918. <script type="text/javascript">
  1919. $(document).ready(function(){
  1920. $(".menu-3").click(function(){
  1921. $(".down-3").toggleClass("up-3");
  1922. });
  1923. });
  1924. </script>
  1925.  
  1926.  
  1927. <script type="text/javascript">
  1928. $(document).ready(function(){
  1929. $(".menu-4").click(function(){
  1930. $(".down-4").toggleClass("up-4");
  1931. });
  1932. });
  1933. </script>
  1934.  
  1935. </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!