API tools faq
paste
Advertisement
arrowes

theme 6

arrowes
Sep 20th, 2014
1,103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.90 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 6
  3. by arrowsthemes (@beautrisprior)
  4.  
  5. updates tab credit: http://septembre.co.vu/updatestabv2
  6.  
  7. please dont steal and all that stuff its mean, dont move, delete or edit credit etc. feel free to customize as much as you want and all that but don't use as a base to make your own theme
  8.  
  9. like/reblog post if using, thank you!
  10.  
  11. -->
  12.  
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23.  
  24. <meta name="image:background" content=""/>
  25. <meta name="image:container background" content=""/>
  26. <meta name="image:header background" content=""/>
  27. <meta name="image:description img" content=""/>
  28.  
  29.  
  30. <meta name="color:background" content="#000"/>
  31. <meta name="color:container" content=""/>
  32. <meta name="color:header" content=""/>
  33. <meta name="color:posts background" content="#fff"/>
  34. <meta name="color:borders" content="#fff"/>
  35.  
  36. <meta name="color:accent" content="#f5f5f5"/>
  37. <meta name="color:scrollbar" content="#fff"/>
  38. <meta name="color:blog title" content="#fff"/>
  39. <meta name="color:header links" content="#fff"/>
  40. <meta name="color:text" content="#000"/>
  41. <meta name="color:links" content="#f8f8f8"/>
  42. <meta name="color:links hover" content="#fff"/>
  43.  
  44. <meta name="color:blockquote" content="#000"/>
  45. <meta name="color:post info" content="#000"/>
  46. <meta name="color:tags" content="#f8f8f8"/>
  47. <meta name="color:tags hover" content="#f5f5f5"/>
  48. <meta name="color:updates tab borders" content="#0000"/>
  49. <meta name="color:updates tab text" content="#0000"/>
  50.  
  51.  
  52.  
  53. <meta name="if:underlinehover" content="1"/>
  54. <meta name="if:transparentcontainer" content="1"/>
  55. <meta name="if:transparentheader" content="1"/>
  56.  
  57. <meta name="text:about" content=""/>
  58. <meta name="text:ask text" content=""/>
  59.  
  60. <meta name="text:updates title 1" content=""/>
  61. <meta name="text:updates text 1" content="write whatever here"/>
  62. <meta name="text:updates title 2" content=""/>
  63. <meta name="text:updates text 2" content="this is the text that goes INSIDE your updates tab"/>
  64. <meta name="text:updates title 3" content=""/>
  65. <meta name="text:updates text 3" content="updates tab credit: http://septembre.co.vu/updatestabv2"/>
  66.  
  67. <meta name="text:link1 url" content="/"/>
  68. <meta name="text:link1" content=""/>
  69. <meta name="text:link2 url" content="/"/>
  70. <meta name="text:link2" content=""/>
  71. <meta name="text:link3 url" content="/"/>
  72. <meta name="text:link3" content=""/>
  73. <meta name="text:link4 url" content="/"/>
  74. <meta name="text:link4" content=""/>
  75. <meta name="text:link5 url" content="/"/>
  76. <meta name="text:link5" content=""/>
  77. <meta name="text:link6 url" content="/"/>
  78. <meta name="text:link6" content=""/>
  79. <meta name="text:link7 url" content="/"/>
  80. <meta name="text:link7" content=""/>
  81. <meta name="text:link8 url" content="/"/>
  82. <meta name="text:link8" content=""/>
  83.  
  84.  
  85.  
  86.  
  87. <!-- SCRIPTS 1-->
  88. <!-- font awesome-->
  89. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  90.  
  91. <!-- Drop down-->
  92. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  93. </script>
  94. <script type="text/javascript">
  95. $(document).ready(function(){
  96. $(".links_body").hide();
  97. $(".links_head").click(function(){
  98. $(this).next(".links_body").slideToggle('fast');
  99. }); }); </script>
  100.  
  101.  
  102. <!-- JQUERY +TOOL TIPS-->
  103.  
  104.  
  105. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  106.  
  107. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  108. <script>
  109. (function($){
  110. $(document).ready(function(){
  111. $("[title]").style_my_tooltips({
  112. tip_follows_cursor:true,
  113. tip_delay_time:200,
  114. tip_fade_speed:300
  115. }
  116. );
  117. });
  118. })(jQuery);
  119. </script>
  120.  
  121.  
  122. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  123.  
  124.  
  125.  
  126. <script>
  127. $(document).ready(function(){
  128. $(".click1").click(function(){
  129. $(".revealed").toggleClass("pocahontas");
  130. });
  131. });
  132. </script>
  133.  
  134.  
  135. <script>
  136. $(document).ready(function(){
  137. $(".click2").click(function(){
  138. $(".revealed").removeClass("pocahontas");
  139. });
  140. });
  141. </script>
  142.  
  143. <script>
  144. $(document).ready(function(){
  145. $(".click3").click(function(){
  146. $(".revealed").removeClass("pocahontas");
  147. });
  148. });
  149. </script>
  150.  
  151. <script>
  152. $(document).ready(function(){
  153. $(".click2").click(function(){
  154. $(".ask").toggleClass("pocahontas");
  155. });
  156. });
  157. </script>
  158.  
  159. <script>
  160. $(document).ready(function(){
  161. $(".click1").click(function(){
  162. $(".ask").removeClass("pocahontas");
  163. });
  164. });
  165. </script>
  166.  
  167. <script>
  168. $(document).ready(function(){
  169. $(".click3").click(function(){
  170. $(".ask").removeClass("pocahontas");
  171. });
  172. });
  173. </script>
  174.  
  175. <script>
  176. $(document).ready(function(){
  177. $(".click3").click(function(){
  178. $(".linkse").toggleClass("pocahontas");
  179. });
  180. });
  181. </script>
  182.  
  183. <script>
  184. $(document).ready(function(){
  185. $(".click2").click(function(){
  186. $(".linkse").removeClass("pocahontas");
  187. });
  188. });
  189. </script>
  190.  
  191. <script>
  192. $(document).ready(function(){
  193. $(".click1").click(function(){
  194. $(".linkse").removeClass("pocahontas");
  195. });
  196. });
  197. </script>
  198.  
  199.  
  200.  
  201. <!-- END SCRIPTS-->
  202.  
  203. <style type="text/css">
  204.  
  205. /***SIDEB LINKS***/
  206. #c {
  207. display:inline;
  208. float:right;
  209. width:130px;
  210. text-align:right;
  211. margin-top:-20px;
  212. margin-left:5px;
  213. z-index:99999;
  214. }
  215.  
  216. #c0 {
  217. display:inline;
  218. float:left;
  219. width:20px;
  220. text-align:right;
  221. margin-left:10px;
  222. z-index:99999;
  223. }
  224.  
  225.  
  226. #c1 {
  227. display:inline;
  228. float:left;
  229. width:20px;
  230. text-align:right;
  231. margin-left:10px;
  232. z-index:99999;
  233. }
  234.  
  235. #c2 {
  236. display:inline;
  237. float:left;
  238. width:20px;
  239. text-align:right;
  240. margin-left:10px;
  241. z-index:99999;
  242. }
  243.  
  244.  
  245. #c3 {
  246. display:inline;
  247. float:left;
  248. width:20px;
  249. text-align:right;
  250. margin-left:10px;
  251. z-index:99999;
  252. }
  253.  
  254.  
  255. /***SLIDE***/
  256. .revealed {
  257. height:0;
  258. overflow:hidden;
  259. width:440px;
  260. margin-left:-370px;
  261. margin-top:20px;
  262. z-index:99999;
  263. -webkit-transition:opacity 1.6s;
  264. -moz-transition:opacity 1.6s;
  265. -ms-transition:opacity 1.6s;
  266. -o-transition:opacity 1.6s;
  267. transition:opacity 1.6s;
  268.  
  269. }
  270. .ask {
  271. height:0;
  272. overflow:hidden;
  273. width:440px;
  274. margin-left:-400px;
  275. margin-top:20px;
  276. z-index:9999999;
  277. -webkit-transition:opacity 1.6s;
  278. -moz-transition:opacity 1.6s;
  279. -ms-transition:opacity 1.6s;
  280. -o-transition:opacity 1.6s;
  281. transition:opacity 1.6s;
  282.  
  283. }
  284.  
  285. .linkse {
  286. height:0;
  287. overflow:hidden;
  288. width:440px;
  289. margin-left:-430px;
  290. margin-top:20px;
  291. z-index:99999;
  292. -webkit-transition:opacity 1.6s;
  293. -moz-transition:opacity 1.6s;
  294. -ms-transition:opacity 1.6s;
  295. -o-transition:opacity 1.6s;
  296. transition:opacity 1.6s;r
  297.  
  298. }
  299.  
  300. .pocahontas {
  301. margin-top:30px;
  302. position:fixed;
  303. height:475px;
  304. width:440px;
  305. padding:20px;
  306. margin-right:10px;
  307. background-color:{color:container};
  308. background-image:url('{image:background}');
  309. background-image:url('{image:container background}');
  310. background-size:cover;
  311. z-index:99999;
  312. -webkit-transition:opacity 1.6s;
  313. -moz-transition:opacity 1.6s;
  314. -ms-transition:opacity 1.6s;
  315. -o-transition:opacity 1.6s;
  316. transition:opacity 1.6s;
  317.  
  318. }
  319.  
  320. .click0, .click1, .click2, .click3, .click0 a{
  321. width:15px;
  322. height:15px;
  323. padding:5px;
  324. font-size:16px;
  325. font-weight:bold;
  326. text-align:center;
  327. color:{color:header links};
  328. -webkit-transition:opacity 1.6s;
  329. -moz-transition:opacity 1.6s;
  330. -ms-transition:opacity 1.6s;
  331. -o-transition:opacity 1.6s;
  332. transition:opacity 1.6s;
  333. }
  334.  
  335. .click0:hover, .click1:hover, .click2:hover, .click3:hover{
  336. letter-spacing:0px;
  337. text-decoration:none;
  338. opacity:0.6;
  339. -webkit-transition:opacity 1.6s;
  340. -moz-transition:opacity 1.6s;
  341. -ms-transition:opacity 1.6s;
  342. -o-transition:opacity 1.6s;
  343. transition:opacity 1.6s;
  344. }
  345.  
  346.  
  347. /***SCROLLBAR***/
  348. ::-webkit-scrollbar{
  349. height: 5px;
  350. width: 5px;
  351. -webkit-border-radius: 0px;
  352. background-color:transparent;
  353. }
  354.  
  355. ::-webkit-scrollbar-thumb{
  356. background-color:{color:scrollbar};
  357. border-radius:0px;
  358. }
  359.  
  360. ::-webkit-scrollbar-track{
  361. background-color:transparent;
  362. }
  363.  
  364. /***tool tips***/
  365.  
  366. #s-m-t-tooltip{
  367. max-width:300px;
  368. margin:15px;
  369. padding:2px 8px;
  370. border:1px solid {color:borders};
  371. background:{color:posts background};
  372. color:{color:text};
  373. z-index:90000000;
  374. font-size:10px;
  375. font-style:none;
  376. text-transform:lowercase;
  377. letter-spacing:1px;
  378. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  379.  
  380.  
  381. /***main***/
  382.  
  383. blockquote {
  384. padding:0.5px 0px 0.5px 30px;
  385. border-left:1px solid {color:blockquote};
  386. margin-left:30px;
  387. }
  388.  
  389.  
  390. body {
  391. font-size: 11px;
  392. font-family: arial;
  393. color: {color:text};
  394. background-color:{color:background};
  395. background-image:url('{image:Background}');
  396. background-size:cover;
  397.  
  398. }
  399.  
  400.  
  401. a {color:{color:links};
  402. text-decoration: none;
  403.  
  404. -moz-transition-duration: 0.5s;
  405. -o-transition-duration: 0.5s;
  406. -webkit-transition-duration: 0.5s;
  407. transition-duration: 0.5s;
  408. }
  409.  
  410. a:hover {color:{color:links hover};
  411. {block:Ifunderlinehover}
  412. text-decoration:underline;
  413. {/block:Ifunderlinehover}
  414.  
  415. -moz-transition-duration: 0.5s;
  416. -o-transition-duration: 0.5s;
  417. -webkit-transition-duration: 0.5s;
  418. transition-duration: 0.5s;
  419. }
  420.  
  421.  
  422. .container {
  423. width: 440px;
  424. padding:30px;
  425. margin-left:auto;
  426. margin-right:auto;
  427. }
  428.  
  429.  
  430.  
  431.  
  432. /***SIDEBAR***/
  433. #titlebox{
  434. padding:3px;
  435. position:relative;
  436. margin-top:-8px;
  437. float:left;
  438. }
  439.  
  440. #blogtitle {
  441. font-size:22px;
  442. font-family:courier;
  443. font-weight:none;
  444. text-align:left;
  445. letter-spacing:2px;
  446. text-transform:uppercase;
  447. color:{color:blog title};
  448. }
  449.  
  450. #blogtitle:hover {
  451. opacity:0.7;
  452. }
  453.  
  454. #sideb {
  455. width: 440px;
  456. padding:20px;
  457. height:15px;
  458. background:{color:header};
  459. background-size:cover;
  460. background-image:url('{image:header background}');
  461. border:1px solid {color:borders};
  462. {block:Iftransparentheader}
  463. background:transparent;
  464. {/block:Iftransparentheader}
  465.  
  466. }
  467.  
  468.  
  469. #desc {
  470. width:370px;
  471. margin-left:20px;
  472. height:435px;
  473. padding:20px;
  474. background-color:{color:posts background};
  475. opacity:0.9;
  476. font-size:12px;
  477. color:{color:text};
  478. text-align:justify;
  479. }
  480.  
  481. #descimg img{
  482. margin-top:30px;
  483. margin-left:120px;
  484. max-width:90px;
  485. border:20px solid {color:accent};
  486. }
  487.  
  488. #descimg img:hover{
  489. }
  490.  
  491. #desctext{
  492. margin:30px;
  493. padding:20px;
  494. opacity:1;
  495. max-height:150px;
  496. overflow-y:scroll;
  497. overflow-x:hidden;
  498. }
  499.  
  500.  
  501. #faqask {
  502. width:370px;
  503. margin-left:20px;
  504. height:435px;
  505. padding:20px;
  506. background-color:{color:posts background};
  507. opacity:0.9;
  508. font-size:12px;
  509. color:{color:text};
  510. text-align:justify;
  511. }
  512.  
  513. .faqgroup{
  514. margin-bottom:5px;
  515. max-height:180px;
  516. overflow:scroll;
  517. margin-left:30px;
  518. margin-top:20px;
  519. margin-right:30px;
  520. }
  521.  
  522.  
  523. .faqanswer{
  524. text-align:left;
  525. line-height:15px;
  526. font-size:11px;
  527. font-family:helvetica;
  528. font-weight:none;
  529. margin-bottom:10px;
  530. }
  531.  
  532.  
  533. #linksb {
  534. width:370px;
  535. margin-left:20px;
  536. height:435px;
  537. padding:20px;
  538. background-color:transparent;
  539. font-size:12px;
  540. color:{color:text};
  541. text-align:justify;
  542. overflow-x:hidden;
  543. }
  544.  
  545. #nav {
  546. margin-top:70px;
  547. margin-left:30px;
  548. }
  549.  
  550.  
  551. #nav a{
  552. width: 96.3px;
  553. color:{color:borders};
  554. line-height: 14px;
  555. float:left;
  556. height: 7px;
  557. margin: 10px;
  558. padding: 20px;
  559. font-size: 9px;
  560. font-family: arial;
  561. letter-spacing: 1px;
  562. font-weight: bold;
  563. text-align: center;
  564. text-transform: uppercase;
  565. border:1px solid {color:borders};
  566. moz-transition-duration:0.5s;
  567. -webkit-transition-duration:0.5s;
  568. -o-transition-duration:0.5s;
  569.  
  570. }
  571.  
  572. #nav a:hover {
  573. color:{color:links};
  574. opacity:1;
  575. box-shadow: inset 137.3px 0 0 #fff;
  576. moz-transition-duration:0.5s;
  577. -webkit-transition-duration:0.5s;
  578. -o-transition-duration:0.5s;
  579.  
  580.  
  581. }
  582.  
  583.  
  584. /***POSTS***/
  585.  
  586. .postcol {
  587. width: 440px;
  588. position:fixed;
  589. height:500px;
  590. padding-top:15px;
  591. padding-right:20px;
  592. padding-left:20px;
  593. padding-bottom:0px;
  594. margin-top:10px;
  595. overflow-y:scroll;
  596. border:1px solid {color:borders};
  597. background:{color:container};
  598. background-image:url('{image:container background}');
  599. background-size:cover;
  600.  
  601. {block:Iftransparentcontainer}
  602. background:transparent;
  603. {/block:Iftransparentcontainer}
  604. z-index:100;
  605. }
  606.  
  607.  
  608. .posts {
  609. width: 400px;
  610. margin-bottom:50px;
  611. padding:20px;
  612. background:{color:posts background};
  613.  
  614.  
  615.  
  616. }
  617.  
  618. .posts li {
  619. list-style: square;
  620. }
  621.  
  622. .posts blockquote {
  623. border-left: 1px solid {color:blockquote};
  624. padding-left: 5px;
  625. }
  626.  
  627. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  628.  
  629. .postinfo{
  630. width:380px;
  631. font-family:calibri;
  632. margin-top:5px;
  633. text-transform:uppercase;
  634. padding-top:5px;
  635. padding-bottom:0px;
  636. padding-right:10px;
  637. padding-left:10px;
  638. color: {color:post info};
  639.  
  640. }
  641.  
  642. .postinfo a {
  643. color: {color:post info};
  644. }
  645.  
  646.  
  647. .postinfo a:hover{
  648. color:{color:links hover};
  649.  
  650. }
  651.  
  652. .date, .date a{
  653. font-size:10px;
  654. text-align:left;
  655. }
  656.  
  657. .viasource {
  658. floaT:right;
  659. padding:10px;
  660. font-size:8px;
  661. color:{color:post info};
  662. }
  663. .viasource a{
  664. color:{color:post info};
  665.  
  666. }
  667.  
  668. .caption {
  669. width:100%;
  670. margin-top:5px;
  671. }
  672.  
  673. /***NOTES***/
  674.  
  675. .postnotes{
  676. {block:IndexPage}
  677. display: none;
  678. {/block:IndexPage}
  679. width:400px;
  680. text-align:left;
  681. margin-left:20px;
  682. padding:0px;
  683. border-top:1px solid {color:borders};
  684. background-color:{color:posts background};
  685. opacity:0.8;
  686. }
  687.  
  688. .postnotes li {
  689. list-style-type:none;
  690. padding:5px 0px;
  691. text-align:left;
  692. }
  693.  
  694. .postnotes img {
  695. display:none;
  696. }
  697.  
  698.  
  699.  
  700. .pagination{
  701. width:420px;
  702. margin-bottom:5px;
  703. margin-top:5px;
  704. text-align:center;
  705. background:{color:posts background};
  706. padding:10px;
  707. font-size:9px;
  708. font-family:consolas;
  709. text-transform:uppercase;
  710. font-weight:normal;
  711. letter-spacing:0px;
  712. opacity:0.9;
  713. }
  714.  
  715. /***TAGS***/
  716. #tags{
  717. text-transform:lowercase;
  718. }
  719.  
  720.  
  721. #tags a{
  722. color:{color:tags};
  723. text-transform:lowercase;
  724. font-size:10px;
  725. margin-top:2px;
  726. -webkit-transition: all 0.7s ease;
  727. -moz-transition: all 0.5s ease;
  728. -ms-transition: all 0.5s ease;
  729. -o-transition: all 0.5s ease;
  730. transition: all 0.5s ease;
  731. }
  732.  
  733. #tags a:hover{
  734. color:{color:tags hover};
  735. text-transform:lowercase;
  736.  
  737. -webkit-transition: all 0.7s ease;
  738. -moz-transition: all 0.5s ease;
  739. -ms-transition: all 0.5s ease;
  740. -o-transition: all 0.5s ease;
  741. transition: all 0.5s ease;
  742.  
  743. }
  744.  
  745.  
  746.  
  747. /***TITLES***/
  748. .posts h1 {
  749. text-align:center;
  750. font-size: 14px;
  751. color: {color:title};
  752. font-weight: bold;
  753. font-family:arial;
  754. margin: 2px;
  755. }
  756.  
  757. .posts h1 a{
  758. font-size: 14px;
  759. color: {color:links};
  760. font-weight: bold;
  761. font-family:arial;
  762. margin: 2px;
  763. }
  764.  
  765.  
  766.  
  767.  
  768. /***AUDIO***/
  769. #audio {
  770. width:400px;
  771. height:auto;
  772. min-height:90px;
  773. padding-bottom:10px;
  774. }
  775.  
  776. .playbox {
  777. overflow:hidden;
  778. opacity:1;
  779. position:absolute;
  780. z-index:1000;
  781. margin-left:10px;
  782. width:27px;
  783. border:10px solid #f1f0f0;
  784. border-bottom:8px solid #f1f0f0;
  785. margin-top:0px;
  786. text-align:center;
  787. -moz-transition-duration:0.5s;
  788. -webkit-transition-duration:0.5s;
  789. -o-transition-duration:0.5s;
  790. background-color:#f1f0f0;
  791. }
  792.  
  793. .audioinfo {
  794. padding:2px;
  795. margin-left:55px;
  796. margin-top:-100px;
  797. line-height:14px;
  798. padding-bottom:4px;
  799. }
  800.  
  801.  
  802.  
  803. .newplayerbutton {
  804. position: relative;
  805. width: 28px;
  806. height: 27px;
  807. overflow: hidden;
  808. }
  809.  
  810. .playerbuttonhug {
  811. position: absolute;
  812. top: -11px;
  813. left: 0px;
  814. }
  815.  
  816.  
  817. .tumblr_audio_player {
  818. border: none;
  819. padding: 0px;
  820. margin: 0px;
  821. height: 50px;
  822. width: 400px;
  823. }
  824.  
  825. .playerbuttonbg {
  826. position: absolute;
  827. left: 20px;
  828. top: 20px;
  829. width: 28px;
  830. height: 28px;
  831. background-color: {color:posts background};
  832. padding: 10px;
  833. -webkit-border-radius: 40px;
  834. -moz-border-radius: 40px;
  835. border-radius: 40px;
  836. opacity: .4;
  837. filter: alpha(opacity=40);
  838. -moz-opacity: 0.4;
  839. -khtml-opacity: 0.4;
  840. transition: opacity .7s ease-in-out;
  841. -moz-transition: opacity .7s ease-in-out;
  842. -webkit-transition: opacity .7s ease-in-out;
  843. }
  844.  
  845. .playerbuttonbg:hover {
  846. opacity: 1;
  847. filter: alpha(opacity=100);
  848. -moz-opacity: 1;
  849. -khtml-opacity: 1;
  850. }
  851.  
  852. .audioimg {
  853. position: absolute;
  854. left: 0px;
  855. top: 0px;
  856. padding:10px;
  857.  
  858. -webkit-border-radius: 0px;
  859. -moz-border-radius: 0px;
  860. border-radius: 0px;
  861. overflow: hidden;
  862. width: 68px;
  863. height: 68px;
  864. }
  865.  
  866. .audioimg img {
  867. width: 100%;
  868. height: auto;
  869. -webkit-border-radius: 0px;
  870. -moz-border-radius: 0px;
  871. border-radius: 0px;
  872. }
  873.  
  874. .trackdetails {
  875. width: auto;
  876. display:inline-block;
  877. margin-left: 100px;
  878. margin-top:20px;
  879. min-height: 65px;
  880.  
  881. }
  882.  
  883.  
  884. .audio {
  885. position: relative;
  886. display:inline-block;
  887. }
  888.  
  889.  
  890. /***CHAT***/
  891. .chat ol {
  892. padding:10px;
  893. list-style:none;
  894. }
  895.  
  896. .line {
  897. padding:4px 0;
  898. }
  899.  
  900. .label {
  901. font-size:12px;
  902. font-weight:bold;
  903. color:{color:text};
  904. }
  905.  
  906. /***QUOTE***/
  907. #quotetext{
  908. text-align:left;
  909. font-size:15px;
  910. line-height:17px;
  911. font-weight:bold;
  912. }
  913.  
  914. #source {
  915. margin-top:15px;
  916. margin-left:15px;
  917. }
  918.  
  919. /***ASKS***/
  920. .question {
  921. margin-bottom:10px;
  922. height: auto;
  923. border-bottom:3px solid {color:accent};
  924. border-left:3px solid {color:accent};
  925. border-right:2px solid {color:accent};
  926. border-top:2px solid {color:accent};
  927. padding: 10px;
  928. font-size:11px;
  929. padding-left:20px;
  930.  
  931.  
  932. }
  933.  
  934. .asker{ font-weight:bold;
  935. font-family:calibri;
  936. font-size:10px;
  937. margin-bottom:3px;
  938. text-transform:uppercase;
  939. letter-spacing:1px;
  940. text-align:left;
  941. margin-left:-5px;
  942.  
  943. }
  944.  
  945. .answer{
  946. margin-top:10px;
  947. padding:0px 20px;
  948.  
  949. }
  950. /***DROP MENU**/
  951. .links_head {
  952. text-align:left;
  953. font-family:calibri;
  954. letter-spacing:1px;
  955. font-size:10px;
  956. padding:1px;
  957. font-weight:bold;
  958. text-transform:uppercase;
  959. }
  960.  
  961. .links_body {
  962. text-align:justify;
  963. font-size:10px;
  964. padding:3px;
  965. overflow-x:auto;
  966. max-width:350px;
  967. }
  968.  
  969. .links_body a{color:{color:text};
  970.  
  971. }
  972. .links_body a:hover{color:{color:links};
  973. }
  974.  
  975. /***CRED- PLEASE DONT REMOVE/EDIT!!***/
  976.  
  977. #credit{
  978. font-size:8px;
  979. letter-spacing:1px;
  980. bottom:8px;
  981. right:8px;
  982. text-align:right;
  983. position:fixed;
  984. padding:1px 3px 1px 3px;
  985. font-weight:bold
  986. color:#fff;
  987. -webkit-transition: all 0.5s ease;
  988. -moz-transition: all 0.5s ease;
  989. -ms-transition: all 0.5s ease;
  990. -o-transition: all 0.5s ease;
  991. transition: all 0.5s ease;
  992. border: 1px solid {color:borders};
  993. }
  994.  
  995. #credit a {
  996. text-decoration:none;
  997. text-shadow:none;
  998. color:{color:tags};
  999.  
  1000.  
  1001. }
  1002.  
  1003. #credit:hover {
  1004. text-transform:underline;
  1005. border: 1px solid {color:borders};
  1006. opacity:0.5;
  1007.  
  1008. -webkit-transition: all 0.5s ease;
  1009. -moz-transition: all 0.5s ease;
  1010. -ms-transition: all 0.5s ease;
  1011. -o-transition: all 0.5s ease;
  1012. transition: all 0.5s ease;
  1013. }
  1014.  
  1015.  
  1016. /* UPDATES TAB BY THEMESBYZSU.TUMBLR.COM! */
  1017. #hardziamupdatestab{
  1018. position:fixed;
  1019. top:10px;
  1020. left:10px;
  1021. width:150px;
  1022. z-index:10000000;
  1023. font:10px Calibri;}
  1024.  
  1025. #hardziamupdatestab a{text-decoration:none;color:{color:accent};}
  1026.  
  1027. .ziam{
  1028. display:inline-block;
  1029. background: transparent;
  1030. color:{color:updates tab text};
  1031. margin-left:2px;
  1032. border:1px solid {color:updates tab borders};
  1033. padding:3px;
  1034. text-transform:uppercase;
  1035. font-family:calibri;
  1036. letter-spacing:2px;
  1037. font-size:8px;
  1038. -webkit-transition: all 0.5s ease-in-out;
  1039. -moz-transition: all 0.5s ease-in-out;
  1040. -o-transition: all 0.5s ease-in-out;
  1041. }
  1042.  
  1043.  
  1044. #bonruffians, #hardziam, #feverfires{
  1045. margin-bottom:15px;
  1046. }
  1047.  
  1048. #bonruffians:hover .ziam, #hardziam:hover .ziam, #feverfires:hover .ziam{
  1049. margin-left:85px;
  1050. -webkit-transition: all 0.5s ease-in-out;
  1051. -moz-transition: all 0.5s ease-in-out;
  1052. -o-transition: all 0.5s ease-in-out;
  1053. }
  1054.  
  1055. #hardziam:hover .ziam:before, #bonruffians:hover .ziam:before, #feverfires:hover .ziam:before{
  1056. opacity:1;
  1057. -webkit-transition: all 0.5s ease-in-out;
  1058. -moz-transition: all 0.5s ease-in-out;
  1059. -o-transition: all 0.5s ease-in-out;
  1060. }
  1061.  
  1062. #hardziam:hover .ziam:after, #bonruffians:hover .ziam:after, #feverfires:hover .ziam:after{
  1063. width:83px;
  1064. -webkit-transition: all 0.5s ease-in-out;
  1065. -moz-transition: all 0.5s ease-in-out;
  1066. -o-transition: all 0.5s ease-in-out;
  1067. }
  1068.  
  1069. .ziam:after{
  1070. content:'';
  1071. position:fixed;
  1072. width:0px;
  1073. height:1px;
  1074. margin-top:-8px;
  1075. left:15px;
  1076. background:transparent;
  1077. -webkit-transition: all 0.5s ease-in-out;
  1078. -moz-transition: all 0.5s ease-in-out;
  1079. -o-transition: all 0.5s ease-in-out;
  1080. }
  1081.  
  1082. .ziam:before{
  1083. content:'';
  1084. position:fixed;
  1085. width:8px;
  1086. height:8px;
  1087. margin-top:1px;
  1088. left:10px;
  1089. background:transparent;
  1090. opacity:0;
  1091. -webkit-transition: all 0.5s ease-in-out;
  1092. -moz-transition: all 0.5s ease-in-out;
  1093. -o-transition: all 0.5s ease-in-out;
  1094. }
  1095. .mulan{
  1096. height:0px;
  1097. width:100px;
  1098. opacity:0;
  1099. margin-top:-15px;
  1100. margin-left:3px;
  1101. border-left:1px solid {color:updates tab borders};
  1102. padding:5px;
  1103. overflow:hidden;
  1104. color:{color:updates tab text};
  1105. -webkit-transition: all 0.5s ease-in-out;
  1106. -moz-transition: all 0.5s ease-in-out;
  1107. -o-transition: all 0.5s ease-in-out;
  1108. }
  1109.  
  1110. #hardziam:hover .mulan, #feverfires:hover .mulan, #bonruffians:hover .mulan{
  1111. height:140px;
  1112. margin-top:-8px;
  1113. opacity:1;
  1114. -webkit-transition: all 0.5s ease-in-out;
  1115. -moz-transition: all 0.5s ease-in-out;
  1116. -o-transition: all 0.5s ease-in-out;
  1117. transition-delay: 0.5s;
  1118. -webkit-transition-delay: 0.5s; /* Safari */
  1119. }
  1120. #hardziamupdatestab h3{
  1121. font:10px Calibri;
  1122. color:#fff;
  1123. padding:2px;
  1124. width:120px;
  1125. font-weight:bold;
  1126. margin:auto;
  1127. height:11px;
  1128. text-transform:uppercase;
  1129. letter-spacing:3px;
  1130. }
  1131. #hardziamupdatestab h4{
  1132. font:8px Calibri;
  1133. color:#f5f5f5;
  1134. padding:2px;
  1135. width:150px;
  1136. margin:auto;
  1137. text-transform:uppercase;
  1138. letter-spacing:2px;
  1139. }
  1140.  
  1141.  
  1142.  
  1143. </style>
  1144.  
  1145. <!-----scRIPTS 2 ----->
  1146.  
  1147.  
  1148.  
  1149.  
  1150. </head>
  1151.  
  1152.  
  1153.  
  1154. <body>
  1155.  
  1156. <div id="hardziamupdatestab">
  1157. <div id="hardziam">
  1158. <div class="ziam">{text:updates title 1}</div> <!--updates title for the first box -->
  1159. <div class="mulan">
  1160.  
  1161. <!--updates text for the first box -->
  1162. {text:updates text 1}
  1163. <!-- END updates text for the first box -->
  1164.  
  1165. </div></div>
  1166.  
  1167.  
  1168. <div id="bonruffians">
  1169. <div class="ziam">{text:updates title 2}</div> <!--updates title for the second box -->
  1170. <div class="mulan">
  1171. <br>
  1172.  
  1173. <!--updates text for the second box -->
  1174. {text:updates text 2}
  1175.  
  1176. <!-- END updates text for the second box -->
  1177.  
  1178. </div>
  1179. </div>
  1180.  
  1181.  
  1182. <div id="feverfires">
  1183. <div class="ziam">{text:updates title 3}</div> <!--updates title for the third box -->
  1184. <div class="mulan">
  1185. <br>
  1186. <!--updates text for the third box -->
  1187. {text:updates text 3}
  1188.  
  1189. <!--END updates text for the third box -->
  1190.  
  1191. </div>
  1192. </div>
  1193. </div>
  1194.  
  1195. <div class="container">
  1196.  
  1197.  
  1198. <div id="sideb">
  1199.  
  1200.  
  1201. <div id="titlebox"> <div id="blogtitle"> <a id="blogtitle" href="/" >{Title}</a></div> </div>
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207. <br>
  1208. <div id="c">
  1209.  
  1210. <div id="c0">
  1211. <div class="click0">
  1212. <a href="/" title="home" ><i class="fa fa-home"></i></a></div>
  1213. <div class="home"> </div>
  1214. </div>
  1215.  
  1216.  
  1217. <div id="c1">
  1218. <div class="click1" title="about" ><i class="fa fa-book"></i></div>
  1219. <div class="revealed">
  1220.  
  1221. <div id="desc">
  1222. <div id="descimg">
  1223. <img src="{image:description img}">
  1224. </div>
  1225. <div id="desctext">
  1226. {text:about}
  1227. </div>
  1228. </div>
  1229. </div>
  1230. </div>
  1231.  
  1232. <div id="c2">
  1233. <div class="click2" title="ask"><i class="fa fa-envelope-o"></i></div>
  1234. <div class="ask">
  1235. <div id="faqask">
  1236. <div class="faqgroup">
  1237. <div class="faqanswer">{text:ask text}</div>
  1238. </div>
  1239. <iframe frameborder="0" height="230" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe> </div></div>
  1240. </div>
  1241.  
  1242.  
  1243. <div id="c3">
  1244. <div class="click3" title="links" ><i class="fa fa-bars"></i></div>
  1245. <div class="linkse">
  1246. <div id="linksb">
  1247.  
  1248. <div id ="nav">
  1249.  
  1250. <a href="{text:link1 url}"> {text:link1}</a>
  1251. <a href="{text:link2 url}">{text:link2}</a>
  1252. <a href="{text:link3 url}">{text:link3}</a>
  1253. <a href="{text:link4 url}">{text:link4}</a>
  1254. <a href="{text:link5 url}">{text:link5}</a>
  1255. <a href="{text:link6 url}">{text:link6}</a>
  1256. <a href="{text:link7 url}">{text:link7}</a>
  1257. <a href="{text:link8 url}">{text:link8}</a>
  1258.  
  1259. </div>
  1260.  
  1261. <br></br>
  1262. <br></br>
  1263. <br></br>
  1264. <br></br>
  1265. <br></br>
  1266. <br></br>
  1267.  
  1268. </div>
  1269.  
  1270. </div>
  1271. </div>
  1272. </div>
  1273.  
  1274.  
  1275.  
  1276.  
  1277. </div>
  1278.  
  1279.  
  1280.  
  1281. <div class="postcol">
  1282.  
  1283. {block:Posts}
  1284.  
  1285.  
  1286. <div class="posts">
  1287.  
  1288.  
  1289.  
  1290. {block:Answer}
  1291. <div class="question">
  1292. <div class="asker">
  1293. {Asker} said:
  1294. </div>
  1295. {Question}
  1296. </div>
  1297. <div class="answer">
  1298. {Answer}
  1299. </div>
  1300. {block:Caption}
  1301. <div class="caption">
  1302. {Caption}
  1303. </div>
  1304. {/block:Caption}
  1305. {/block:Answer}
  1306.  
  1307.  
  1308. {block:Audio}
  1309. {block:AudioPlayer}
  1310. <div class="audio">
  1311. {block:AlbumArt}
  1312. <img src="{AlbumArtURL}" class="audioimg">
  1313. {/block:AlbumArt}
  1314.  
  1315.  
  1316. <div class="playerbuttonbg">
  1317. <div class="newplayerbutton">
  1318. <div class="playerbuttonhug">
  1319. {AudioPlayer}
  1320. </div>
  1321. </div>
  1322. </div>
  1323.  
  1324. <div class="trackdetails">
  1325.  
  1326. {block:TrackName}
  1327. <b>Title: </b>
  1328. {TrackName}
  1329. {/block:TrackName}
  1330. <br/>
  1331. {block:Artist}
  1332. <b>Artist: </b>
  1333. {Artist}
  1334. {/block:Artist}
  1335. <br/>
  1336. {block:Album}
  1337. <b>Album:</b>
  1338. {Album}
  1339. {/block:Album}
  1340. <br/>
  1341. </div>
  1342. </div>
  1343. {/block:AudioPlayer}
  1344.  
  1345. {block:Caption}
  1346. <div class="caption">
  1347. {Caption}
  1348. </div>
  1349. {/block:Caption}
  1350. {/block:Audio}
  1351.  
  1352.  
  1353. {block:Chat}
  1354. {block:Title}
  1355. <h1>{Title}</h1>
  1356. {/block:Title}
  1357. <div class="chat">
  1358. <ol>
  1359. {block:Lines}
  1360. <li class="line {Alt}">
  1361. {block:Label}
  1362. <span class="label">
  1363. {Label}
  1364. </span>
  1365. {/block:Label}
  1366. {Line}
  1367. </li>
  1368. {/block:Lines}
  1369. </ol>
  1370. </div>
  1371. {/block:Chat}
  1372.  
  1373.  
  1374. {block:Link}
  1375. <h1><a href="{URL}">{Name}</a></h1>
  1376. {block:Description}
  1377. {Description}
  1378. {/block:Description}
  1379. {block:Caption}
  1380. <div class="caption">
  1381. {Caption}<
  1382. /div>
  1383. {/block:Caption}
  1384. {/block:Link}
  1385.  
  1386.  
  1387. {block:Panorama}
  1388. {LinkOpenTag}
  1389. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1390. {LinkCloseTag}
  1391. {block:Caption}
  1392. <div class="caption">
  1393. {Caption}
  1394. </div>
  1395. {/block:Caption}
  1396. {/block:Panorama}
  1397.  
  1398.  
  1399. {block:Photo}
  1400. {LinkOpenTag}
  1401. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  1402. {LinkCloseTag}
  1403. {block:Caption}
  1404. <div class="caption">
  1405. {Caption}
  1406. </div>
  1407. {/block:Caption}
  1408. {/block:Photo}
  1409.  
  1410.  
  1411. {block:Photoset}
  1412. {Photoset-400}
  1413. {block:Caption}
  1414. <div class="caption">
  1415. {Caption}
  1416. </div>
  1417. {/block:Caption}
  1418. {/block:Photoset}
  1419.  
  1420.  
  1421. {block:Quote}
  1422. <div id="quotetext">
  1423. "{Quote}"
  1424. </div>
  1425. {block:Source}
  1426. <div id="source">
  1427. - {Source}
  1428. </div>
  1429. {/block:Source}
  1430. {/block:Quote}
  1431.  
  1432.  
  1433. {block:Text}
  1434. {block:Title}
  1435. <h1>{Title}</h1>
  1436. {/block:Title}
  1437. {Body}
  1438. {block:Caption}
  1439. <div class="caption">
  1440. {Caption}
  1441. </div>
  1442. {/block:Caption}
  1443. {/block:Text}
  1444.  
  1445.  
  1446. {block:Video}
  1447. {Video-400}
  1448. {block:Caption}
  1449. <div class="caption">
  1450. {Caption}
  1451. </div>
  1452. {/block:Caption}
  1453. {/block:Video}
  1454.  
  1455. <div class="postinfo">
  1456. <div class="viasource">
  1457. {block:RebloggedFrom}
  1458. <a href="{ReblogParentURL}">via </a> |
  1459. <a href="{ReblogRootURL}">source </a>
  1460.  
  1461. {/block:RebloggedFrom} </a>
  1462. </div>
  1463.  
  1464. <div class="date">
  1465. <a href="{Permalink}">
  1466. {block:Date}
  1467. <b>{ShortMonth} {DayOfMonth} </b></a>
  1468. {block:NoteCount}
  1469. | <a href="{Permalink}">
  1470. +{NoteCount}</a>
  1471. {/block:NoteCount}
  1472. </div>
  1473.  
  1474.  
  1475.  
  1476. <div id="tags">
  1477. {block:HasTags}
  1478. {block:Tags}
  1479. <a href="{TagUrl}">#{Tag}</a>
  1480. {/block:Tags}
  1481. {/block:HasTags}
  1482. </div>
  1483.  
  1484. </div>
  1485. {/block:Date}
  1486.  
  1487. </div>
  1488.  
  1489.  
  1490. {block:PostNotes}
  1491. <div class="postnotes">
  1492. {PostNotes}
  1493. </div>
  1494. {/block:PostNotes}
  1495.  
  1496.  
  1497.  
  1498.  
  1499. {/block:Posts}
  1500.  
  1501.  
  1502. {block:Pagination}
  1503. <div class="pagination">
  1504. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} |
  1505. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1506. </div>
  1507. {/block:Pagination}
  1508.  
  1509.  
  1510. </div>
  1511.  
  1512. {block:ContentSource}
  1513. <!-- {SourceURL}
  1514. {block:SourceLogo}
  1515. <img src="{BlackLogoURL}"
  1516. width="{LogoWidth}"
  1517. height="{LogoHeight}"
  1518. alt="{SourceTitle}" />
  1519. {/block:SourceLogo}
  1520. {block:NoSourceLogo}
  1521. {SourceLink}
  1522. {/block:NoSourceLogo} -->
  1523. {/block:ContentSource}
  1524.  
  1525.  
  1526.  
  1527. </div>
  1528. </div>
  1529. </div>
  1530.  
  1531.  
  1532.  
  1533. <div id="credit"> <a href="http://arrowsthms.tumblr.com/">AT</a>
  1534.  
  1535. </div>
  1536.  
  1537.  
  1538. </body>
  1539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!