API tools faq
paste
trenzalours

theme 07 aether

trenzalours
May 20th, 2014
1,320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC
  2. "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <!---
  8. |||||||||| T R E N Z A L O U R S - T H E M E S ||||||||||
  9.  
  10. -PLEASE DON'T REMOVE THE CREDIT--DON'T REPOST AND CLAIM AS YOUR OWN-
  11. -EDIT AS MUCH AS YOU LIKE--Don't just take the update code from theme-
  12. _____________________________________________________________________________
  13. ~You can remove the updates tab I've labeled
  14. where the codes begin and end for you~
  15.  
  16. ~~~~With the Pop up ask box remember to scroll~~~~~
  17. to the very bottom and replace "YOUR URL" with your info!
  18. ~~~~~~That is also where you plug in your FAQ ~~~~~~
  19. _____________________________________________________________________________
  20. ~~~~~~~~If you want to change the icons on the tabs~~~~~~~~
  21. head over to http://astronautweb.co/snippet/font-awesome/site
  22. ~~~~~and pick the icon you want~~~~~
  23. Replace the entire <i class=""></i> with the one provided!
  24. _____________________________________________________________________________
  25.  
  26. -Feel free to message me with any questions! Enjoy!
  27.  
  28. wwww.trenzathemes.tumblr.com *****
  29. ****** wwww.trenzalours.tumblr.com
  30. _____________________________________________________________________________
  31. --->
  32.  
  33.  
  34. <head>
  35.  
  36. <!---TITLE--->
  37. <title>{Title}</title>
  38.  
  39. <!---FAVICON--->
  40. <link rel="shortcut icon" href="{Favicon}">
  41.  
  42. <!---RSS FEED--->
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44.  
  45. <!---DESCRIPTION--->
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}"/>
  48. {/block:Description}
  49.  
  50. <!---COLORS--->
  51. <meta name="color:background" content="#ffffff" />
  52. <meta name="color:accent" content="#000000" />
  53. <meta name="color:link" content="#A1A1A1" />
  54. <meta name="color:linkhover" content="#ffffff" />
  55. <meta name="color:title" content="#b8b8b8" />
  56. <meta name="color:font" content="#b6b5b5" />
  57. <meta name="color:infocolor" content="#eeeeee" />
  58. <meta name="color:scrollbar" content="#b8b8b8" />
  59. <meta name="color:selection" content="#b8b8b8" />
  60.  
  61.  
  62. <meta name="if:400px" content="0">
  63.  
  64. <!---updates tab meta--->
  65. <meta name="color:tabcolor" content="#000">
  66. <meta name="color:tabcolor2" content="#333233">
  67. <meta name="color:tabcolor3" content="#666566">
  68. <meta name="color:tabcolor4" content="#8C8C8C">
  69. <meta name="color:tabcolor5" content="#ABABAB">
  70.  
  71.  
  72.  
  73.  
  74. <!---LINKS--->
  75. <meta name="text:navititle" content="" />
  76. <meta name="text:Link 1 URL" content="" />
  77. <meta name="text:Link 1 Title" content="" />
  78. <meta name="text:Link 2 URL" content="" />
  79. <meta name="text:Link 2 Title" content="" />
  80. <meta name="text:Link 3 URL" content="" />
  81. <meta name="text:Link 3 Title" content="" />
  82.  
  83. <!---IMAGES--->
  84. <meta name="image:Sidebar Image" content="" />
  85.  
  86.  
  87. <!---fonts--->
  88. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  89.  
  90.  
  91. <!---begin script coding now--->
  92.  
  93. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  94.  
  95.  
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  97. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("a[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:90,
  104. tip_fade_speed:600,
  105. attribute:"title"
  106. });
  107. });
  108. })(jQuery);
  109. </script>
  110. <script type="text/javascript"
  111. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  112. <script>
  113. $(document).ready(function(){
  114. $("#navigation").click(function(){
  115. $("#links").slideToggle("slow");
  116. });
  117. });
  118. </script>
  119.  
  120.  
  121.  
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126.  
  127.  
  128. /*---WEBKIT SCROLLBAR---*/
  129. /* Styles specific to this particular page */
  130. .scroll-pane,
  131. .scroll-pane-arrows
  132. {
  133. width: 100%;
  134. height: 100px;
  135. overflow: auto;
  136. }
  137. .horizontal-only
  138. {
  139. height: auto;
  140. max-height: 200px;
  141. }
  142. *, body, a, a:hover {cursor: url(http://i58.tinypic.com/a2qecm.jpg), auto;}
  143.  
  144.  
  145. ::-webkit-scrollbar {
  146. width: 3px; height: 3px; background:white;
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb {
  150. background-color:{color:Scrollbar};
  151. }
  152.  
  153.  
  154. ::selection {
  155. background-color:{color:selection};
  156. color:white;
  157. }
  158.  
  159. /*---begin tooltips---*/
  160. #s-m-t-tooltip{
  161. max-width:250px;
  162. z-index:999999;
  163. margin:10px;
  164. padding:2px 5px;
  165. border-radius:3px;
  166. text-transform:uppercase; /* cand be lowercase or none */
  167. border:0px solid #DDD; /* change the border width and color */
  168. background:white; /* change the background color */
  169. color:{color:title}; /* change the text color */
  170. font-family:calibri; /* change the font */
  171. font-size:8px; /* change the font size */
  172. box-shadow:1px 1px 3px {color:title};
  173. letter-spacing:1px;
  174. }
  175.  
  176.  
  177. /*---updates tab css begin---*/
  178. #tabcode1{
  179. margin-bottom:3px;
  180. border-left:2px solid {color:tabcolor};
  181. padding-left:4px;
  182. height:14px;
  183. text-align:left;
  184. overflow:hidden;
  185. margin-top:-1px;
  186. border-bottom:0px solid #706732;
  187. text-transform:uppercase;
  188. letter-spacing:1px;
  189. font-size:8px;
  190. line-height:10px;
  191. z-index:0;
  192. -webkit-transition: all 0.7s ease-in-out;
  193. -moz-transition: all 0.7s ease-in-out;
  194. -o-transition: all 0.7s ease-in-out;
  195. }
  196. #tabcode1:hover{
  197. height:120px;
  198. -webkit-transition: all 0.7s ease-in-out;
  199. -moz-transition: all 0.7s ease-in-out;
  200. -o-transition: all 0.7s ease-in-out;
  201. }
  202.  
  203. #tabcode2{
  204. margin-bottom:3px;
  205. height:14px;
  206. text-align:left;
  207. overflow:hidden;
  208. border-left:2px solid {color:tabcolor2};
  209. padding-left:4px;
  210. text-transform:uppercase;
  211. background-color:#fff;
  212. letter-spacing:1px;
  213. font-size;8px;
  214. line-height:13px;
  215. z-index:0;
  216. -webkit-transition: all 0.7s ease-in-out;
  217. -moz-transition: all 0.7s ease-in-out;
  218. -o-transition: all 0.7s ease-in-out;
  219. }
  220.  
  221. #tabcode2:hover{
  222. height:140px;
  223. -webkit-transition: all 0.7s ease-in-out;
  224. -moz-transition: all 0.7s ease-in-out;
  225. -o-transition: all 0.7s ease-in-out;
  226. }
  227.  
  228. #tabcode3{
  229. margin-bottom:3px;
  230. border-left:2px solid {color:tabcolor3};
  231. padding-left:4px;
  232. height:14px;
  233. text-align:left;
  234. overflow:hidden;
  235. border-bottom:0px solid #ccc;
  236. text-transform:uppercase;
  237. background-color:#fff;
  238. letter-spacing:1px;
  239. font-size;8px;
  240. line-height:13px;
  241. z-index:0;
  242. -webkit-transition: all 0.7s ease-in-out;
  243. -moz-transition: all 0.7s ease-in-out;
  244. -o-transition: all 0.7s ease-in-out;
  245. }
  246.  
  247. #tabcode3:hover{
  248. height:135px;
  249. -webkit-transition: all 0.7s ease-in-out;
  250. -moz-transition: all 0.7s ease-in-out;
  251. -o-transition: all 0.7s ease-in-out;
  252. }
  253.  
  254. #tabcode4{
  255. margin-bottom:3px;
  256. border-left:2px solid {color:tabcolor4};
  257. padding-left:4px;
  258. height:14px;
  259. text-align:left;
  260. overflow:hidden;
  261. border-bottom:0px solid #ccc;
  262. text-transform:uppercase;
  263. background-color:#fff;
  264. letter-spacing:1px;
  265. font-size;8px;
  266. line-height:13px;
  267. z-index:0;
  268. -webkit-transition: all 0.7s ease-in-out;
  269. -moz-transition: all 0.7s ease-in-out;
  270. -o-transition: all 0.7s ease-in-out;
  271. }
  272.  
  273. #tabcode4:hover{
  274. height:60px;
  275. -webkit-transition: all 0.7s ease-in-out;
  276. -moz-transition: all 0.7s ease-in-out;
  277. -o-transition: all 0.7s ease-in-out;
  278. }
  279.  
  280. #tabcode5{
  281. margin-bottom:3px;
  282. border-left:2px solid {color:tabcolor5};
  283. padding-left:4px;
  284. height:14px;
  285. text-align:left;
  286. overflow:hidden;
  287. border-bottom:0px solid #ccc;
  288. text-transform:uppercase;
  289. background-color:#fff;
  290. letter-spacing:1px;
  291. font-size;8px;
  292. line-height:13px;
  293. z-index:0;
  294. -webkit-transition: all 0.7s ease-in-out;
  295. -moz-transition: all 0.7s ease-in-out;
  296. -o-transition: all 0.7s ease-in-out;
  297. }
  298.  
  299. #tabcode5:hover{
  300. height:35px;
  301. -webkit-transition: all 0.7s ease-in-out;
  302. -moz-transition: all 0.7s ease-in-out;
  303. -o-transition: all 0.7s ease-in-out;
  304. }
  305.  
  306. #tabcode{
  307. text-align:left;
  308. font-size:10px;
  309. opacity: .8;
  310. text-transform:uppercase;
  311. position:fixed;
  312. font-family:calibri;
  313. {block:IfNot400px}left:1013px;{/block:IfNot400px}
  314.  
  315. {block:If400px}left:920px;{/block:If400px}
  316. background-color:transparent;
  317. letter-spacing:1px;
  318. width:95px;
  319. z-index:9999;
  320. padding:4px;
  321. margin-top:135px;
  322.  
  323. }
  324. /*---end updates tab css---*/
  325.  
  326. /*---BODY---*/
  327. body {
  328. font-style:none;
  329. background:{color:background};
  330. margin:0px; color:{color:Font};
  331. font-family:calibri;
  332. font-size:11px;
  333. line-height:130%;
  334. }
  335.  
  336. blockquote {
  337. border-left:2px solid {color:title};
  338. padding-left:3px;
  339. margin:5px;
  340. }
  341.  
  342. a {color:{color:link};
  343. }
  344.  
  345. a {
  346. text-decoration:none;
  347. text-transform:lowercase;
  348. -webkit-transition:all 0.5s ease-in-out;
  349. -moz-transition:all 0.5s ease-in-out;
  350. -o-transition:all 0.5s ease-in-out;
  351. -ms-transition:all 0.5s ease-in-out;
  352. -transition:all 0.5s ease-in-out;
  353. }
  354.  
  355. a:hover {
  356. color:{color:linkhover}
  357. }
  358.  
  359. strong{
  360. font-style:bold;
  361. color:{color:accent};
  362. }
  363.  
  364.  
  365. b{
  366. font-style:bold;
  367. color:{color:accent};
  368. }
  369.  
  370. em{
  371. color:{color:accent};
  372. }
  373.  
  374.  
  375.  
  376.  
  377. img {
  378. max-height:100%;
  379.  
  380. }
  381.  
  382. h1 , h2 {
  383. color:{color:title};
  384. font-weight:none;
  385. font-family:serif;
  386. text-align:left;
  387. text-transform:lowercase;
  388. letter-spacing:2px;
  389. font-family: 'VT323';
  390. font-size:14px;
  391. }
  392.  
  393. /*---ENTRIES/POSTS---*/
  394. #entry {
  395. width:400px;
  396. margin-top:50px;
  397. }
  398.  
  399. #posts {
  400. {block:IfNot400px}width:500px;{/block:IfNot400px}
  401. {block:If400px}width:400px;{/block:If400px}
  402. padding-bottom:100px;
  403. font-style:none;
  404. border:0px solid #ececec;
  405. padding:15px;
  406. margin-left:490px;
  407. {block:IfNot400px}margin-bottom:50px;
  408. {/block:IfNot400px}
  409. {block:If400px}margin-bottom:40px;
  410. {/block:If400px}
  411. opacity:.9;
  412. -webkit-transition: all .8s ease-out;
  413. -moz-transition: all .8s ease-out;
  414. transition: all .8s ease-out;
  415. }
  416. #posts:hover{
  417. opacity:1;
  418. -webkit-transition: all .8s ease-in;
  419. -moz-transition: all .8s ease-in;
  420. transition: all .8s ease-in;
  421. }
  422.  
  423. /* --- SIDEBAR ---*/
  424.  
  425. #bt{
  426. font-size:14px;
  427. padding-left:10px;
  428. color:{color:title};
  429. font-family: 'VT323';
  430. padding-bottom:3px;
  431. width:230px;
  432. margin-left:45px;
  433. border-bottom:1px solid {color:accent};
  434. text-align:left;
  435. letter-spacing:1px;
  436. -webkit-transition: all 1s ease-out;
  437. -moz-transition: all 1s ease-out;
  438. transition: all 1s ease-out;
  439. }
  440. #bt a{
  441. color:{color:title};
  442. }
  443. #bt:hover{
  444. color:{color:linkhover};
  445. opacity:.3;
  446.  
  447. }
  448.  
  449. #sidebar {
  450. width:300px;
  451. position:fixed;
  452. {block:IfNot400px}
  453. margin-left:150px;
  454. {/block:IfNot400px}
  455. {block:If400px}
  456. margin-left:180px;
  457. {/block:If400px}
  458. margin-top:120px;
  459. }
  460.  
  461. #sidebar {
  462. width:100px;
  463.  
  464. }
  465.  
  466. #sidebarimage img {
  467. overflow:hidden;
  468. margin-left:40px;
  469. border-right:1px solid {color:accent};
  470. width:100px;
  471. height:100px;
  472. max-height:750px;
  473. margin-top:0px;
  474. padding:5px;
  475. padding-bottom:12px;
  476. }
  477.  
  478. #nav {
  479. position:fixed;
  480. overflow:hidden;
  481. margin-top:140px;
  482. margin-left:317px;
  483. }
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490. #link1 a, #link2 a, #link3 a, #link4 a, #link 5 a
  491.  
  492. #title {
  493. font-family:calibri;
  494.  
  495. text-align:center;
  496. margin-top:-129px;
  497. padding-bottom:0px;
  498. text-transform:none;
  499. font-style:normal;
  500. font-size:10px;
  501. }
  502.  
  503. #description {
  504.  
  505. margin-left: 147px;
  506. margin-top:-115px;
  507. width: 111px;
  508. line-height: 110%;
  509. text-transform:lowercase;
  510. text-align:justify;
  511. color:{color:font};
  512. font-family:calibri;
  513. font-size: 11px;
  514. font-style:none;
  515. height:70px;
  516. overflow:scroll;
  517. padding:14px;
  518. padding-right:13px;
  519. padding-bottom:8px;
  520. padding-top:8px;
  521. }
  522.  
  523. #navtitle{
  524. margin-left:46px;
  525. margin-top:-10px;
  526. width:100px;
  527. text-align:center;
  528. text-transform:uppercase;
  529. letter-spacing:5px;
  530. font-family: 'VT323';
  531. font-size:12px;
  532. color:{color:title};
  533. -webkit-transition:all 0.5s ease-in-out;
  534. -moz-transition:all 0.5s ease-in-out;
  535. -o-transition:all 0.5s ease-in-out;
  536. -ms-transition:all 0.5s ease-in-out;
  537. -transition:all 0.5s ease-in-out;
  538. }
  539. #navtitle:hover{
  540.  
  541. color:{color:linkhover};
  542. letter-spacing:3px;
  543. -webkit-transition:all 0.5s ease-in-out;
  544. -moz-transition:all 0.5s ease-in-out;
  545. -o-transition:all 0.5s ease-in-out;
  546. -ms-transition:all 0.5s ease-in-out;
  547. -transition:all 0.5s ease-in-out;
  548. }
  549.  
  550. #links,#navigation{
  551. text-align:center;
  552. width:100px;
  553.  
  554. }
  555.  
  556. #links {
  557.  
  558. display:none;
  559. background-color:white;
  560. opacity:.9;
  561. position: fixed;
  562. border:1px solid {color:accent};
  563. color:{color:link};
  564. font-family:calibri;
  565. margin-top:-80px;
  566. padding-bottom: 5px;
  567. margin-left:45px;
  568. letter-spacing: 2px;
  569. height:auto;
  570. z-index:0;
  571. text-align:center;
  572. width: 98px;
  573. }
  574.  
  575. #links a {
  576. font-family:calibri;
  577. color:{color:link};
  578. padding 5px;
  579. padding-top: 0px;
  580. padding-bottom: 10px;
  581. padding-right:2px;
  582. padding-left:2px;
  583. margin-bottom: 5px;
  584. opacity:1;
  585. font-size:8px;
  586. text-align:center;
  587. text-transform:uppercase;
  588. width: 50px;
  589. -webkit-transition-duration:.4s ease-in;
  590. -o-transition-duration:.4s ease-in;
  591. -moz-transition-duration:.4s ease-in;
  592.  
  593. }
  594. #links a:hover{
  595. color:{color:linkhover};
  596. opacity:1;
  597. letter-spacing:1px;
  598. -webkit-transition-duration:.4s ease-out;
  599. -o-transition-duration:.4s ease-out;
  600. -moz-transition-duration:.4s ease-out;
  601.  
  602. }
  603.  
  604. /*---ASKS/INFO---*/
  605.  
  606.  
  607.  
  608. #questions {
  609. background-color:#ffffff;
  610. color:{color:Font};
  611. margin-left:0px;
  612. padding:5px;
  613. margin-top:5px;
  614. margin-bottom:5px;
  615. font-family:calibri;
  616. font-size:10px;
  617. font-style:normal;
  618. text-align:center;
  619. }
  620.  
  621. #answers {
  622. background-color:#ffffff;
  623. color:{color:Font};
  624. padding:2px;
  625. font-family:cambria;
  626. font-size:10px;
  627. font-style:normal;
  628. text-align:justify;
  629. }
  630.  
  631.  
  632. /*/ NOTES /*/
  633.  
  634.  
  635. #info {
  636. position:absolute;
  637. {block:Ifnot400px}
  638. width:450px;
  639. {/block:Ifnot400px}
  640.  
  641. {block:If400px}
  642. width:350px;
  643. {/block:If400px}
  644.  
  645. margin-left:8px;
  646. padding:10px;
  647. font-size:8px;
  648. letter-spacing:1px;
  649. text-transform:uppercase;
  650. color:{color:text};
  651. margin-top:0px;
  652. margin-bottom:5px;
  653. text-align:left;
  654. }
  655.  
  656. #inforight{
  657. float:right;
  658. text-align:right;
  659. margin-left:-10px;
  660. }
  661.  
  662. #info a{
  663. color:{color:text};
  664. -webkit-transition: all .3s ease-in-out;
  665. -moz-transition: all .3s ease-in-out;
  666. -o-transition: all .3s ease-in-out;
  667. -ms-transition: all .3s ease-in-out;
  668. transition: all .3s ease-in-out;
  669. }
  670.  
  671. #info a:hover{
  672. text-shadow: 3px 0 .2px {color:accent1},
  673. -4px 0 .2px {color:accent2};
  674. color:{color:info hover};
  675. -webkit-transition: all .3s ease-in-out;
  676. -moz-transition: all .3s ease-in-out;
  677. -o-transition: all .3s ease-in-out;
  678. -ms-transition: all .3s ease-in-out;
  679. transition: all .3s ease-in-out;
  680. }
  681.  
  682. #tags {
  683. position:absolute;
  684. margin-top:5px;
  685. text-transform:lowercase;
  686. font-size:9px;
  687. margin-left:10px;
  688. opacity:0;
  689. color:{color:text};
  690. -webkit-transition: all .3s ease-in-out;
  691. -moz-transition: all .3s ease-in-out;
  692. -o-transition: all .3s ease-in-out;
  693. -ms-transition: all .3s ease-in-out;
  694. transition: all .3s ease-in-out;
  695. }
  696.  
  697. #tags a{
  698. color:{color:text};
  699. -webkit-transition: all .3s ease-in-out;
  700. -moz-transition: all .3s ease-in-out;
  701. -o-transition: all .3s ease-in-out;
  702. -ms-transition: all .3s ease-in-out;
  703. transition: all .3s ease-in-out;
  704. }
  705.  
  706. #tags a:hover{
  707. text-shadow: 3px 0 .2px {color:accent1},
  708. -4px 0 .2px {color:accent2};
  709. color:{color:info hover};
  710. -webkit-transition: all .3s ease-in-out;
  711. -moz-transition: all .3s ease-in-out;
  712. -o-transition: all .3s ease-in-out;
  713. -ms-transition: all .3s ease-in-out;
  714. transition: all .3s ease-in-out;
  715. }
  716.  
  717. #posts:hover #tags {
  718. opacity:1;
  719. margin-left:0px;
  720. -webkit-transition: all .3s ease-in-out;
  721. -moz-transition: all .3s ease-in-out;
  722. -o-transition: all .3s ease-in-out;
  723. -ms-transition: all .3s ease-in-out;
  724. transition: all .3s ease-in-out;
  725. }
  726.  
  727. ol.notes {
  728. display:block;
  729. text-align:left;
  730. margin-bottom:30px;
  731. list-style-type:none;
  732. width:520px;
  733. margin-left:10px;
  734. padding:0px;
  735. }
  736.  
  737. ol.notes li.note{
  738. padding:5px;
  739. padding-top:2px;
  740. margin-bottom:3px;
  741. }
  742.  
  743. .pagenotes {
  744. text-align:left;
  745. margin-left:500px;
  746. background:transparent;
  747. text-transform:uppercase;
  748. font-size:9px;
  749. }
  750.  
  751. .pagenotes:hover{
  752. Background:{color:link bg};
  753. }
  754.  
  755. .pagenotes img{
  756. padding-right:5px;
  757. padding-top:5px;
  758. margin-bottom:-5px;
  759. border:none;
  760. padding-bottom:2px;
  761. }
  762.  
  763.  
  764. /* pagination styles */
  765.  
  766. #pagination {
  767. text-align:center;
  768. letter-spacing:2px;
  769. width:150px;
  770. height:150px;
  771. margin:10px;
  772. margin-left:143px;
  773. font-size:9px;
  774. color:{color:link};
  775. }
  776.  
  777.  
  778.  
  779.  
  780. /*---CREDIT don't touch---*/
  781. #cred {
  782. bottom:3px;
  783. padding:5px;
  784. position:fixed;
  785. right:10px;
  786. float:right;
  787. font-size:12px;
  788. letter-spacing:1px;
  789. }
  790.  
  791. #cred a {
  792. color:{color:link};
  793. -webkit-transition-duration:1s;
  794. -o-transition-duration:1s;
  795. -moz-transition-duration:1s;
  796.  
  797. }
  798.  
  799. #cred a:hover {
  800. color:{color:linkhover};
  801. -webkit-transition-duration:1s;
  802. -o-transition-duration:1s;
  803. -moz-transition-duration:1s;
  804. }
  805. /*---END CSS---*/
  806.  
  807. {CustomCSS}
  808.  
  809. </style></head><body>
  810. <!---updates tab body--->
  811. <div id="tabholder">
  812. <div id="tabcode">
  813. <div id="tabcode1">
  814. <div style="font-size:8px;color:#453220;">about</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:left; color:#b9b9b9;"><br>
  815. TEXT HERE
  816.  
  817. </div>
  818. </div>
  819.  
  820. <div id="tabcode2">
  821. <div style="font-size:8px;color:#453220;">updates</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
  822. TEXT HERE
  823. </div></div>
  824.  
  825. <div id="tabcode3">
  826. <div style="font-size:8px;color:#453220;">currently</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
  827. TEXT HERE
  828. </div>
  829. </div>
  830.  
  831.  
  832. <div id="tabcode4">
  833. <div style="font-size:8px;color:#453220;">social</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
  834. TEXT HERE
  835.  
  836. </div>
  837. </div>
  838.  
  839. <div id="tabcode5">
  840. <div style="font-size:8px;color:#453220;">extra</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
  841. TEXT HERE
  842. </div>
  843. </div>
  844. </div></div></div></div>
  845. <!---end updates tab body--->
  846.  
  847.  
  848. <!---->
  849.  
  850.  
  851. <!---SIDEBAR--->
  852. <div id="sidebar">
  853. <div id="bt"><a href="/">{title}</a></div>
  854.  
  855. <div id="sidebarimage"><img src="{image:Sidebar Image}"/></div>
  856. <div id=navigation><div id="navtitle">{text:navititle}</div>
  857. <div id="links">
  858. <a href="/">home</a>
  859. <a href="/ask">ask</a>
  860. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  861. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  862. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  863. </div> </div>
  864.  
  865.  
  866. <div id="description">{Description}</div>
  867.  
  868.  
  869. {block:Pagination} <div id="pagination">
  870. {block:PreviousPage}<a href="{PreviousPage}" title="previous">&#8606;</a>
  871. {/block:PreviousPage}
  872. {block:JumpPagination length="3"}
  873. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  874. {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  875. {/block:JumpPagination}
  876. {block:NextPage}<a href="{NextPage}" title="forward">&#8608;</a>{/block:NextPage}
  877. </div>
  878. {/block:Pagination}
  879.  
  880. <div id="scrollbar">{scrollbar}</div>
  881.  
  882. {block:HasPages}
  883. {block:Pages}
  884. <a href="{URL}">{Label}</a>
  885. {/block:Pages}
  886. {/block:HasPages}
  887.  
  888. </div></center>
  889. </div>
  890. <!---END SIDEBAR--->
  891.  
  892. <!---POSTS--->
  893. <div id="entry">
  894. {block:Posts}
  895. <div id="posts">
  896.  
  897. <!---TEXT POSTS--->
  898. {block:Text}
  899. <h1>
  900. {block:Title}{Title}
  901. {/block:Title}
  902. </h1>
  903. {Body}
  904. {/block:Text}
  905.  
  906. {block:blockquote}
  907. {/block:blockquote}
  908.  
  909. <!---PHOTO POSTS--->
  910.  
  911.  
  912. {block:IfNot400px}
  913. <img src="{PhotoURL-500}"/>
  914. {/block:IfNot400px}
  915.  
  916. {block:If400px}
  917. <img src="{PhotoURL-400}"/>
  918. {/block:If400px}</a><p>
  919.  
  920. {/block:Photo}
  921.  
  922. {block:Photoset}<center>
  923. {block:IfNot400px}{Photoset-500}{/block:IfNot400px}
  924. {block:If400px}{Photoset-400}{/block:If400px}
  925. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  926. {/block:Photoset}</center>
  927. <!---QUOTE POSTS--->
  928. {block:Quote}
  929. {Quote}<p><center>
  930. {block:Source}
  931. —{Source}
  932. {/block:Source}</center>
  933. {/block:Quote}
  934.  
  935. <!---LINK POSTS--->
  936. {block:Link}
  937. <h1>
  938. <a href="{URL}"{Target}>{Name}</a>
  939. </h1>
  940. {block:Description}
  941. {Description}
  942. {/block:Description}
  943. {/block:Link}
  944. <!---CHAT POSTS--->
  945. {block:Chat}
  946. {block:Title}
  947. <h1>
  948. {Title}
  949. </h1>
  950. {/block:Title}
  951. {block:Lines}
  952. {block:Label}
  953. <b>{Label}</b>
  954. {/block:Label}
  955. {Line}<br>
  956. {/block:Lines}
  957. {/block:Chat}
  958. <!---AUDIO POSTS--->
  959. {block:Audio}
  960. {AudioPlayerBlack}
  961. {block:Caption}
  962. {Caption}
  963. {/block:Caption}
  964. {/block:Audio}
  965. <!---VIDEO POSTS--->
  966. {block:Video}
  967. {Video-500}
  968. {block:Caption}
  969. {Caption}
  970. {/block:Caption}
  971. {/block:Video}
  972. <!---ASK POSTS--->
  973. {block:Answer}<div id="questions">
  974. <a href="{askerURL}"><b>{Asker}</b> whispered:
  975. {Question}
  976. </div>
  977. <div id="answers">{Answer}</div>
  978. {/block:answer}
  979.  
  980. <!---END POSTS--->
  981.  
  982. <!---POST INFO--->
  983.  
  984. <div id="info">
  985. <a href="{Permalink}">
  986. {block:Date}
  987. {12Hour}:{Minutes} {AmPm}
  988. {/block:Date}
  989. </a> {block:NoteCount}
  990. | <a href="{Permalink}"> ♥ {NoteCount}</a> |{/block:NoteCount}
  991. <div id="inforight">
  992. {block:RebloggedFrom}
  993. <a href="{ReblogParentURL}">via</a>
  994. {/block:RebloggedFrom}
  995. {block:ContentSource} &
  996. <a href="{SourceURL}">src</a>
  997. {/block:ContentSource}
  998. </div>
  999.  
  1000. <div id="tags">
  1001. {block:HasTags}
  1002. {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}
  1003. {/block:HasTags}
  1004. </div>
  1005.  
  1006. </div></div>
  1007.  
  1008.  
  1009. {block:PostNotes}
  1010. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  1011. {/block:Posts}
  1012.  
  1013.  
  1014. {/block:Posts}</div>
  1015. <!---CREDIT DON'T TOUCH--->
  1016. <div id="cred">
  1017. <a href="http://trenzalours.tumblr.com/" title="trenzalours themes">
  1018. <i class="fa fa-moon-o"></i></a></div>
  1019.  
  1020. </body>
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!