API tools faq
paste
Advertisement
arrowes

theme 2-UPDATESTAB

arrowes
Jun 18th, 2014
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.58 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 2- UPDATES TAB VERSION
  3. by arrowsthemes (@beautrisprior)
  4.  
  5.  
  6. 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
  7.  
  8. like/reblog post if using, thank you!
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22.  
  23.  
  24. <meta name="color:body" content="#4f4d4d"/>
  25. <meta name="color:blog title" content="#888888"/>
  26. <meta name="color:borders" content="#cfcdcd"/>
  27. <meta name="color:title in text" content="#4f4d4d"/>
  28. <meta name="color:link title" content="#FF0000"/>
  29. <meta name="color:links" content="#7f7e7e"/>
  30. <meta name="color:links hover" content="#c30309"/>
  31.  
  32. <meta name="color:post info" content="#888888"/>
  33. <meta name="color:tags" content="#888888"/>
  34.  
  35. <meta name="color:description background" content="#f7f7f7"/>
  36. <meta name="color:ask background" content="#f7f7f7"/>
  37. <meta name="color:scrollbar" content="#cfcdcd"/>
  38.  
  39. <meta name="color:link1" content="#222222"/>
  40. <meta name="color:link2" content="#888888"/>
  41. <meta name="color:link3" content="#cccccc"/>
  42. <meta name="color:link4" content="#888888"/>
  43. <meta name="color:link5" content="#222222"/>
  44.  
  45. <meta name="color:link1 hover" content="#ffffff"/>
  46. <meta name="color:link2 hover" content="#ffffff"/>
  47. <meta name="color:link3 hover" content="#ffffff"/>
  48. <meta name="color:link4 hover" content="#ffffff"/>
  49. <meta name="color:link5 hover" content="#ffffff"/>
  50.  
  51.  
  52. <meta name="text:link1 url" content=""/>
  53. <meta name="text:link1" content=""/>
  54. <meta name="text:link2 url" content=""/>
  55. <meta name="text:link2" content=""/>
  56. <meta name="text:link3 url" content=""/>
  57. <meta name="text:link3" content=""/>
  58. <meta name="text:link4 url" content=""/>
  59. <meta name="text:link4" content=""/>
  60. <meta name="text:link5 url" content=""/>
  61. <meta name="text:link5" content=""/>
  62.  
  63. <meta name="if:underlinehover" content="1"/>
  64. <meta name="if:headerdivide" content="1"/>
  65. <meta name="if:spreadouttaghover" content="1"/>
  66.  
  67.  
  68.  
  69. <meta name="color:tabcolor1" content="#000000">
  70. <meta name="color:tabcolor2" content="#222222">
  71. <meta name="color:tabcolor3" content="#666566">
  72. <meta name="color:tabcolor4" content="#8C8C8C">
  73. <meta name="color:tabcolor5" content="#ABABAB">
  74.  
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80. ::-webkit-scrollbar{
  81. height: 5px;
  82. width: 9px;
  83. -webkit-border-radius: 0px;
  84. background-color:{color:background}
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb{
  88. background-color:{color:scrollbar};
  89. }
  90.  
  91. ::-webkit-scrollbar-track{
  92. background-color:{color:background};
  93. }
  94.  
  95.  
  96.  
  97.  
  98. /***MAIN***/
  99.  
  100. body {
  101. font-size: 11px;
  102. font-family: arial;
  103. color: {color:body};
  104. background-color: {color:background};
  105. }
  106.  
  107.  
  108. a {color: {color:links};
  109. text-decoration: none;
  110.  
  111. -moz-transition-duration: 0.5s;
  112. -o-transition-duration: 0.5s;
  113. -webkit-transition-duration: 0.5s;
  114. transition-duration: 0.5s;
  115. }
  116.  
  117. a:hover {color: {color:links hover};
  118.  
  119. {block:Ifunderlinehover}
  120. text-decoration:underline; {/block:Ifunderlinehover}
  121.  
  122. -moz-transition-duration: 0.5s;
  123. -o-transition-duration: 0.5s;
  124. -webkit-transition-duration: 0.5s;
  125. transition-duration: 0.5s;
  126. }
  127.  
  128.  
  129.  
  130. #container {
  131. margin:auto;
  132.  
  133. }
  134.  
  135. #main { margin-top:50px;
  136. }
  137.  
  138.  
  139.  
  140. /***HEADER***/
  141.  
  142. #blogtitle { font-size:30px;
  143. text-align:center;
  144. font-style: italic;
  145. letter-spacing:2px;
  146. color:{color:blog title};
  147. margin-bottom:10px;
  148.  
  149. }
  150.  
  151. #blogtitle a{ font-size:30px;
  152. text-align:right;
  153. font-style: italic;
  154. text-decoration:none;
  155. color:{color:blog title};
  156. }
  157.  
  158. #header {
  159. width: 450px;
  160. margin: auto;
  161. margin-top:50px;
  162. padding-bottom:20px;
  163. {block:Ifheaderdivide}
  164. border-bottom:1px solid {color:borders};
  165. {/block:Ifheaderdivide}
  166.  
  167. margin-bottom:80px;
  168. }
  169.  
  170.  
  171.  
  172. #desc {
  173. text-align:left;
  174. padding:5px;
  175. margin-left:50px;
  176. margin-right:50px;
  177. border:1px solid {color:borders};
  178. background-color:{color:description background};
  179. }
  180.  
  181.  
  182.  
  183. .pagination{
  184. margin:auto;
  185. width:500px;
  186. margin-bottom:40px;
  187. text-align:center;
  188. font-size:12px;
  189.  
  190.  
  191. }
  192.  
  193. /***LINKS***/
  194.  
  195. .c a{color:{color:link};
  196.  
  197. }
  198.  
  199. #c1 {
  200. position:absolute;
  201. display:block;
  202. padding:1px;
  203. background-color:{color:link1};
  204. height:10px;
  205. width:10px;
  206. margin-top:25px;
  207. margin-left:40px;
  208. -webkit-transition: all 0.7s ease;
  209. -moz-transition: all 0.7s ease;
  210. -o-transition: all 0.7s ease;
  211. -ms-transition: all 0.7s ease;
  212. transition: all 0.7s ease;
  213.  
  214.  
  215. }
  216.  
  217.  
  218. #c1:hover {
  219. background-color:{color:link1 hover};
  220. -webkit-transition: all 0.7s ease;
  221. -moz-transition: all 0.7s ease;
  222. -o-transition: all 0.7s ease;
  223. -ms-transition: all 0.7s ease;
  224. transition: all 0.7s ease;
  225. }
  226.  
  227. #c2 {
  228. position:absolute;
  229. display:block;
  230. padding:1px;
  231. background-color:{color:link2};
  232. height:10px;
  233. width:10px;
  234. margin: 5px 0 20px 0;
  235. margin-top:25px;
  236. margin-left:135px;
  237. -webkit-transition: all 0.7s ease;
  238. -moz-transition: all 0.7s ease;
  239. -o-transition: all 0.7s ease;
  240. -ms-transition: all 0.7s ease;
  241. transition: all 0.7s ease;
  242. }
  243.  
  244.  
  245. #c2:hover {
  246. background-color:{color:link2 hover};
  247. -webkit-transition: all 0.7s ease;
  248. -moz-transition: all 0.7s ease;
  249. -o-transition: all 0.7s ease;
  250. -ms-transition: all 0.7s ease;
  251. transition: all 0.7s ease; }
  252.  
  253. #c3 {
  254. position:absolute;
  255. display:block;
  256. padding:1px;
  257. background-color:{color:link3};
  258. height:10px;
  259. width:10px;
  260. margin-top:25px;
  261. margin-left:225px;
  262. -webkit-transition: all 0.7s ease;
  263. -moz-transition: all 0.7s ease;
  264. -o-transition: all 0.7s ease;
  265. -ms-transition: all 0.7s ease;
  266. transition: all 0.7s ease;
  267. }
  268.  
  269.  
  270. #c3:hover {
  271. background-color:{color:link3 hover};
  272. -webkit-transition: all 0.7s ease;
  273. -moz-transition: all 0.7s ease;
  274. -o-transition: all 0.7s ease;
  275. -ms-transition: all 0.7s ease;
  276. transition: all 0.7s ease;
  277. }
  278.  
  279.  
  280. #c4 {
  281. position:absolute;
  282. display:block;
  283. padding:1px;
  284. background-color:{color:link4};
  285. height:10px;
  286. width:10px;
  287. margin-top:25px;
  288. margin-left:315px;
  289. -webkit-transition: all 0.7s ease;
  290. -moz-transition: all 0.7s ease;
  291. -o-transition: all 0.7s ease;
  292. -ms-transition: all 0.7s ease;
  293. transition: all 0.7s ease;
  294. }
  295.  
  296.  
  297. #c4:hover {
  298. background-color:{color:link4 hover};
  299. -webkit-transition: all 0.7s ease;
  300. -moz-transition: all 0.7s ease;
  301. -o-transition: all 0.7s ease;
  302. -ms-transition: all 0.7s ease;
  303. transition: all 0.7s ease;
  304. }
  305.  
  306.  
  307.  
  308. #c5 {
  309. position:absolute;
  310. display:block;
  311. padding:1px;
  312. background-color:{color:link5};
  313. height:10px;
  314. width:10px;
  315. margin-top:25px;
  316. margin-left:405px;
  317. -webkit-transition: all 0.7s ease;
  318. -moz-transition: all 0.7s ease;
  319. -o-transition: all 0.7s ease;
  320. -ms-transition: all 0.7s ease;
  321. transition: all 0.7s ease;
  322. }
  323.  
  324.  
  325. #c5:hover {
  326. background-color:{color:link5 hover};
  327. -webkit-transition: all 0.7s ease;
  328. -moz-transition: all 0.7s ease;
  329. -o-transition: all 0.7s ease;
  330. -ms-transition: all 0.7s ease;
  331. transition: all 0.7s ease;
  332. }
  333.  
  334.  
  335.  
  336. /***POSTS***/
  337.  
  338. .posts {width: 500px;
  339. margin: auto;
  340. {block:IndexPage}
  341. margin-bottom:75px;
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. margin-bottom:40px;
  345. {/block:PermalinkPage}
  346. }
  347.  
  348. .posts li {list-style: square;
  349. }
  350.  
  351. .posts blockquote {border-left: 1px solid {color:text};
  352. padding-left: 5px;
  353. margin-left:30px;
  354. }
  355.  
  356.  
  357. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  358.  
  359. .postinfo {
  360. margin-top:3px;
  361. font-size:10px;
  362. padding:5px;
  363. color:{color:post info};
  364. border:1px solid {color:borders};
  365.  
  366. }
  367.  
  368. .postinfo a{
  369. margin-top:3px;
  370. font-size:10px;
  371. color:{color:post info};
  372. }
  373.  
  374. .postinfo a:hover{
  375. margin-top:3px;
  376. font-size:10px;
  377. color:{color:links hover};
  378. }
  379.  
  380. .perma {
  381. float:right;
  382. margin-top:3px;
  383. font-size:10px;
  384. color:{color:post info};
  385. }
  386.  
  387.  
  388. .postnotes{ {block:IndexPage}
  389. display: none;
  390. {/block:IndexPage}
  391. width:500px;
  392. text-align:left;
  393. margin-left:495px;
  394. }
  395.  
  396. .postnotes li {
  397. list-style-type:none;
  398. padding:5px 0px;
  399. text-align:left;
  400. }
  401.  
  402. .postnotes img {
  403. display:none;
  404. }
  405.  
  406.  
  407.  
  408.  
  409. /***TAGS***/
  410. #tags a{ color:{color:tags};
  411. text-transform:none;
  412. font-size:9px;
  413. margin-top:2px;
  414. -webkit-transition: all 0.7s ease;
  415. -moz-transition: all 0.5s ease;
  416. -ms-transition: all 0.5s ease;
  417. -o-transition: all 0.5s ease;
  418. transition: all 0.5s ease;
  419.  
  420. }
  421.  
  422. #tags a:hover{ color:{color:links hover};
  423. text-transform:none;
  424. font-size:9px;
  425. {block:Ifspreadouttaghover} letter-spacing:1.2px; {/block:Ifspreadouttaghover}
  426. margin-top:2px;
  427. -webkit-transition: all 0.7s ease;
  428. -moz-transition: all 0.5s ease;
  429. -ms-transition: all 0.5s ease;
  430. -o-transition: all 0.5s ease;
  431. transition: all 0.5s ease;
  432.  
  433. }
  434.  
  435. .caption {
  436. width:100%;
  437. margin-top:5px;
  438. }
  439.  
  440.  
  441. /***TITLES***/
  442. .posts h2 {
  443. font-size: 13px;
  444. color: {color:title in text};
  445. font-weight: normal;
  446. text-transform:lowercase;
  447. margin: 0px;
  448. }
  449.  
  450. .posts h2 a{
  451. font-size: 15px;
  452. color:{color:link title};
  453. font-weight: normal;
  454. text-transform:lowercase;
  455. margin: 0px;
  456. }
  457.  
  458.  
  459. /***AUDIO***/
  460. #audio {
  461. width:500px;
  462. height:auto;
  463. min-height:90px;
  464. padding-bottom:10px;
  465. }
  466.  
  467. .playbox {
  468. overflow:hidden;
  469. opacity:1;
  470. position:absolute;
  471. z-index:1000;
  472. margin-left:0px;
  473. width:27px;
  474. border:10px solid #f1f0f0;
  475. border-bottom:8px solid #f1f0f0;
  476. margin-top:0px;
  477. text-align:center;
  478. -moz-transition-duration:0.5s;
  479. -webkit-transition-duration:0.5s;
  480. -o-transition-duration:0.5s;
  481. background-color:#f1f0f0;
  482. }
  483.  
  484. .audioinfo {
  485. padding:2px;
  486. margin-left:55px;
  487. margin-top:-100px;
  488. line-height:14px;
  489. padding-bottom:4px;
  490. }
  491.  
  492.  
  493.  
  494. .newplayerbutton {
  495. position: relative;
  496. width: 28px;
  497. height: 27px;
  498. overflow: hidden;
  499. }
  500.  
  501. .playerbuttonhug {
  502. position: absolute;
  503. top: -11px;
  504. left: -12px;
  505. }
  506.  
  507.  
  508. .tumblr_audio_player {
  509. border: none;
  510. padding: 0px;
  511. margin: 0px;
  512. height: 50px;
  513. width: 500px;
  514. }
  515.  
  516. .playerbuttonbg {
  517. position: absolute;
  518. left: 20px;
  519. top: 20px;
  520. width: 28px;
  521. height: 28px;
  522. background-color: #ffffff;
  523. padding: 10px;
  524. -webkit-border-radius: 40px;
  525. -moz-border-radius: 40px;
  526. border-radius: 40px;
  527. opacity: .4;
  528. filter: alpha(opacity=40);
  529. -moz-opacity: 0.4;
  530. -khtml-opacity: 0.4;
  531. transition: opacity .7s ease-in-out;
  532. -moz-transition: opacity .7s ease-in-out;
  533. -webkit-transition: opacity .7s ease-in-out;
  534. }
  535.  
  536. .playerbuttonbg:hover {
  537. opacity: 1;
  538. filter: alpha(opacity=100);
  539. -moz-opacity: 1;
  540. -khtml-opacity: 1;
  541. }
  542.  
  543. .audioimg {
  544. position: absolute;
  545. left: 0px;
  546. top: 0px;
  547.  
  548. -webkit-border-radius: 0px;
  549. -moz-border-radius: 0px;
  550. border-radius: 0px;
  551. overflow: hidden;
  552. width: 88px;
  553. height: 88px;
  554. }
  555.  
  556. .audioimg img {
  557. width: 100%;
  558. height: auto;
  559. -webkit-border-radius: 0px;
  560. -moz-border-radius: 0px;
  561. border-radius: 0px;
  562. }
  563.  
  564. .trackdetails {
  565. width: auto;
  566. display:inline-block;
  567. margin-left: 100px;
  568. min-height: 85px;
  569. }
  570.  
  571. .audio {
  572. position: relative;
  573. display:inline-block;
  574. }
  575.  
  576.  
  577. /***CHAT***/
  578. .chat ol {
  579. padding:0;
  580. list-style:none;
  581. }
  582.  
  583. .line {
  584. padding:4px 0;
  585. }
  586.  
  587. .label {
  588. font-weight:bold;
  589. color:{color:link};
  590. }
  591.  
  592. /***QUOTE***/
  593. #quotetext{
  594. text-align:left;
  595. font-size:15px;
  596. line-height:17px;
  597. font-weight:bold;
  598. }
  599.  
  600. #source {
  601. margin-top:15px;
  602. margin-left:15px;
  603. }
  604.  
  605. /***ASKS***/
  606.  
  607. .question {
  608. margin-bottom:10px;
  609. height: auto;
  610. background-color: {color:ask background};
  611. padding: 10px;
  612. text-align:right;
  613.  
  614. }
  615.  
  616. .asker{
  617. margin-top:4px;
  618. font-weight:bold;
  619. font-size:13px;
  620. margin-bottom:3px;
  621. text-transform:lowercase;
  622. }
  623.  
  624. .answer{
  625. margin-top:10px;
  626.  
  627.  
  628. }
  629.  
  630. /***CRED***/
  631. #credit{
  632. font-size:8px;
  633. letter-spacing:1px;
  634. bottom:8px;
  635. right:8px;
  636. text-align:right;
  637. position:fixed;
  638. border: 1px solid #BDBDBD;
  639. padding:1px 3px 1px 3px;
  640. font-weight:bold;
  641. -webkit-transition: all 0.5s ease;
  642. -moz-transition: all 0.5s ease;
  643. -ms-transition: all 0.5s ease;
  644. -o-transition: all 0.5s ease;
  645. transition: all 0.5s ease;
  646. }
  647.  
  648. #credit a {
  649. text-transform:none
  650. }
  651.  
  652. #credit a:hover {
  653. color:{color:links hover};
  654. }
  655.  
  656. #credit:hover {
  657. text-transform:none;
  658. border: none;
  659. -webkit-transition: all 0.5s ease;
  660. -moz-transition: all 0.5s ease;
  661. -ms-transition: all 0.5s ease;
  662. -o-transition: all 0.5s ease;
  663. transition: all 0.5s ease;
  664. }
  665.  
  666. }
  667.  
  668. /***UPDATES***/
  669.  
  670.  
  671. #tabcode1{ /***ignore this one it doesnt do anything but it still needs to be here ok!!***/
  672. margin-bottom:3px;
  673. height:14px;
  674. text-align:left;
  675. overflow:hidden;
  676. border-left:4px solid {color:tabcolor1};
  677. padding-left:4px;
  678. margin-top:1px;
  679. background-color:#fff;
  680. text-transform:uppercase;
  681. letter-spacing:1px;
  682. font-size:8px;
  683. line-height:13px;
  684. z-index:0;
  685. -webkit-transition: all 0.7s ease-in-out;
  686. -moz-transition: all 0.7s ease-in-out;
  687. -o-transition: all 0.7s ease-in-out;
  688. }
  689. #tabcode1:hover{
  690. height:120px;
  691. -webkit-transition: all 0.7s ease-in-out;
  692. -moz-transition: all 0.7s ease-in-out;
  693. -o-transition: all 0.7s ease-in-out;
  694. }
  695.  
  696. #tabcode2{
  697. margin-bottom:3px;
  698. height:14px;
  699. text-align:left;
  700. overflow:hidden;
  701. border-left:4px solid {color:tabcolor1};
  702. padding-left:4px;
  703. text-transform:none;
  704. background-color:#fff;
  705. letter-spacing:1px;
  706. font-size;8px;
  707. line-height:13px;
  708. z-index:0;
  709. -webkit-transition: all 0.7s ease-in-out;
  710. -moz-transition: all 0.7s ease-in-out;
  711. -o-transition: all 0.7s ease-in-out;
  712. }
  713.  
  714. #tabcode2:hover{
  715. height:160px; /***increase height if its not big enough***/
  716. -webkit-transition: all 0.7s ease-in-out;
  717. -moz-transition: all 0.7s ease-in-out;
  718. -o-transition: all 0.7s ease-in-out;
  719. }
  720.  
  721. #tabcode3{
  722. margin-bottom:3px;
  723. border-left:4px solid {color:tabcolor2};
  724. padding-left:4px;
  725. height:14px;
  726. text-align:left;
  727. overflow:hidden;
  728. border-bottom:0px solid #ccc;
  729. text-transform:none;
  730. background-color:#fff;
  731. letter-spacing:1px;
  732. font-size;8px;
  733. line-height:13px;
  734. z-index:0;
  735. -webkit-transition: all 0.7s ease-in-out;
  736. -moz-transition: all 0.7s ease-in-out;
  737. -o-transition: all 0.7s ease-in-out;
  738. }
  739.  
  740. #tabcode3:hover{
  741. height:150px; /***increase height if its not big enough***/
  742. -webkit-transition: all 0.7s ease-in-out;
  743. -moz-transition: all 0.7s ease-in-out;
  744. -o-transition: all 0.7s ease-in-out;
  745. }
  746.  
  747. #tabcode4{
  748. margin-bottom:3px;
  749. border-left:4px solid {color:tabcolor3};
  750. padding-left:4px;
  751. height:14px;
  752. text-align:left;
  753. overflow:hidden;
  754. border-bottom:0px solid #ccc;
  755. text-transform:none;
  756. background-color:#fff;
  757. letter-spacing:1px;
  758. font-size;8px;
  759. line-height:13px;
  760. z-index:0;
  761. -webkit-transition: all 0.7s ease-in-out;
  762. -moz-transition: all 0.7s ease-in-out;
  763. -o-transition: all 0.7s ease-in-out;
  764. }
  765.  
  766. #tabcode4:hover{
  767. height:180px; /***increase height if its not big enough***/
  768. -webkit-transition: all 0.7s ease-in-out;
  769. -moz-transition: all 0.7s ease-in-out;
  770. -o-transition: all 0.7s ease-in-out;
  771. }
  772.  
  773. #tabcode5{
  774. margin-bottom:3px;
  775. border-left:4px solid {color:tabcolor4};
  776. padding-left:4px;
  777. height:14px;
  778. text-align:left;
  779. overflow:hidden;
  780. border-bottom:0px solid #ccc;
  781. text-transform:none;
  782. background-color:#fff;
  783. letter-spacing:1px;
  784. font-size;8px;
  785. line-height:13px;
  786. z-index:0;
  787. -webkit-transition: all 0.7s ease-in-out;
  788. -moz-transition: all 0.7s ease-in-out;
  789. -o-transition: all 0.7s ease-in-out;
  790. }
  791.  
  792. #tabcode5:hover{
  793. height:180px; /***increase height if its not big enough***/
  794. -webkit-transition: all 0.7s ease-in-out;
  795. -moz-transition: all 0.7s ease-in-out;
  796. -o-transition: all 0.7s ease-in-out;
  797. }
  798.  
  799. #tabcode6{
  800. margin-bottom:3px;
  801. border-left:4px solid {color:tabcolor5};
  802. padding-left:4px;
  803. height:14px;
  804. text-align:left;
  805. overflow:hidden;
  806. text-transform:none;
  807. background-color:#fff;
  808. letter-spacing:1px;
  809. font-size;8px;
  810. line-height:13px;
  811. z-index:0;
  812. -webkit-transition: all 0.7s ease-in-out;
  813. -moz-transition: all 0.7s ease-in-out;
  814. -o-transition: all 0.7s ease-in-out;
  815. }
  816.  
  817. #tabcode6:hover{
  818. height:180px; /***increase height if its not big enough***/
  819. -webkit-transition: all 0.7s ease-in-out;
  820. -moz-transition: all 0.7s ease-in-out;
  821. -o-transition: all 0.7s ease-in-out;
  822. }
  823.  
  824.  
  825. #tabcode{
  826. text-align:left;
  827. font-size:10px;
  828. opacity: .8;
  829. text-transform:uppercase;
  830. position:fixed;
  831. font-family:calibri;
  832. left:0px;
  833. background-color:transparent;
  834. letter-spacing:1px;
  835. width:95px;
  836. z-index:9999;
  837. padding:4px;
  838. top:30px;
  839.  
  840. }
  841.  
  842.  
  843. </style>
  844. </head>
  845.  
  846.  
  847.  
  848. <body>
  849.  
  850.  
  851. <div id="tabholder">
  852. <div id="tabcode">
  853.  
  854.  
  855. <div id="tabcode2">
  856. <div style=""><b>UPDATE TITLE</b></div> <div class="body">
  857. </br>
  858.  
  859. lalalalal info
  860.  
  861. </div></div>
  862.  
  863.  
  864. <div id="tabcode3">
  865. <div style=""><b>UPDATE TITLE</b></div> <div class="body">
  866. lalallala info
  867.  
  868. </div>
  869. </div>
  870.  
  871.  
  872. <div id="tabcode4">
  873. <div style=""><b>UPDATE TITLE</b></div> <div class="body">
  874.  
  875. INFOOOOOOOO
  876.  
  877. </div>
  878. </div>
  879.  
  880. <div id="tabcode5">
  881. <div style=""><b>UPDATE TITLE</b></div> <div class="body"> </br>
  882.  
  883. HEY PUT YOUR INFO HERE
  884.  
  885. </div>
  886. </div>
  887.  
  888. <div id="tabcode6">
  889. <div style=""><b>UPDATE TITLE</b></div> <div class="body"> </br>
  890. UPDATES TEXT- if you want to delete any of the tabs delete from the bit where it says div id and then tabcode to the two closing divs, there are two for each tab DELETE BOTH, but nothing else
  891.  
  892. </div></div>
  893.  
  894. </div></div></div></div>
  895.  
  896.  
  897.  
  898. <div id="container">
  899.  
  900.  
  901. <div id="header">
  902.  
  903.  
  904. <div id="blogtitle">
  905. <a href="/">{Title}</a>
  906. </div>
  907.  
  908.  
  909.  
  910. <div id="desc">
  911. {Description}
  912. </div>
  913.  
  914.  
  915.  
  916. <div id="c">
  917. <a id="c1" title="{text:link1}" href="{text:link1 url}"> </a>
  918. <a id="c2" title="{text:link2}" href="{text:link2 url}"> </a>
  919. <a id="c3" title="{text:link3}" href="{text:link3 url}"> </a>
  920. <a id="c4" title="{text:link4}" href="{text:link4 url}"> </a>
  921. <a id="c5" title="{text:link5}" href="{text:link5 url}"> </a>
  922. </div>
  923.  
  924.  
  925. <br></br>
  926.  
  927.  
  928. </div>
  929.  
  930.  
  931. <div id="main">
  932.  
  933. {block:Posts}
  934. <div class="posts">
  935.  
  936.  
  937. {block:Answer}
  938. <div class="question">
  939. <div class="asker">
  940. {Asker} said:
  941. </div>
  942. {Question}
  943. </div>
  944. <div class="answer">
  945. {Answer}
  946. </div>
  947. {block:Caption}
  948. <div class="caption">
  949. {Caption}
  950. </div>
  951. {/block:Caption}
  952. {/block:Answer}
  953.  
  954.  
  955. {block:Audio}
  956. {block:AudioPlayer}
  957. <div class="audio">
  958. {block:AlbumArt}
  959. <img src="{AlbumArtURL}" class="audioimg">
  960. {/block:AlbumArt}
  961.  
  962.  
  963. <div class="playerbuttonbg">
  964. <div class="newplayerbutton">
  965. <div class="playerbuttonhug">
  966. {AudioPlayer}
  967. </div>
  968. </div>
  969. </div>
  970.  
  971. <div class="trackdetails">
  972.  
  973. {block:TrackName}
  974. <b>Title: </b>
  975. {TrackName}
  976. {/block:TrackName}
  977. <br/>
  978. {block:Artist}
  979. <b>Artist: </b>
  980. {Artist}
  981. {/block:Artist}
  982. <br/>
  983. {block:Album}
  984. <b>Album:</b>
  985. {Album}
  986. {/block:Album}
  987. <br/>
  988. </div>
  989. </div>
  990. {/block:AudioPlayer}
  991.  
  992. {block:Caption}
  993. <div class="caption">
  994. {Caption}
  995. </div>
  996. {/block:Caption}
  997. {/block:Audio}
  998.  
  999.  
  1000. {block:Chat}
  1001. {block:Title}
  1002. <h2>{Title}</h2>
  1003. {/block:Title}
  1004. <div class="chat">
  1005. <ol>
  1006. {block:Lines}
  1007. <li class="line {Alt}">
  1008. {block:Label}
  1009. <span class="label">
  1010. {Label}
  1011. </span>
  1012. {/block:Label}
  1013. {Line}
  1014. </li>
  1015. {/block:Lines}
  1016. </ol>
  1017. </div>
  1018. {/block:Chat}
  1019.  
  1020.  
  1021. {block:Link}
  1022. <h2><a href="{URL}">{Name}</a></h2>
  1023. {block:Description}
  1024. {Description}
  1025. {/block:Description}
  1026. {block:Caption}
  1027. <div class="caption">
  1028. {Caption}<
  1029. /div>
  1030. {/block:Caption}
  1031. {/block:Link}
  1032.  
  1033.  
  1034. {block:Panorama}
  1035. {LinkOpenTag}
  1036. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1037. {LinkCloseTag}
  1038. {block:Caption}
  1039. <div class="caption">
  1040. {Caption}
  1041. </div>
  1042. {/block:Caption}
  1043. {/block:Panorama}
  1044.  
  1045.  
  1046. {block:Photo}
  1047. {LinkOpenTag}
  1048. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  1049. {LinkCloseTag}
  1050. {block:Caption}
  1051. <div class="caption">
  1052. {Caption}
  1053. </div>
  1054. {/block:Caption}
  1055. {/block:Photo}
  1056.  
  1057.  
  1058. {block:Photoset}
  1059. {Photoset-500}
  1060. {block:Caption}
  1061. <div class="caption">
  1062. {Caption}
  1063. </div>
  1064. {/block:Caption}
  1065. {/block:Photoset}
  1066.  
  1067.  
  1068. {block:Quote}
  1069. <div id="quotetext">
  1070. "{Quote}"
  1071. </div>
  1072. {block:Source}
  1073. <div id="source">
  1074. - {Source}
  1075. </div>
  1076. {/block:Source}
  1077. {/block:Quote}
  1078.  
  1079.  
  1080. {block:Text}
  1081. {block:Title}
  1082. <h2>{Title}</h2>
  1083. {/block:Title}
  1084. {Body}
  1085. {block:Caption}
  1086. <div class="caption">
  1087. {Caption}
  1088. </div>
  1089. {/block:Caption}
  1090. {/block:Text}
  1091.  
  1092.  
  1093. {block:Video}
  1094. {Video-500}
  1095. {block:Caption}
  1096. <div class="caption">
  1097. {Caption}
  1098. </div>
  1099. {/block:Caption}
  1100. {/block:Video}
  1101.  
  1102.  
  1103. <div class="postinfo">
  1104. <a href="{Permalink}">
  1105. {block:Date}
  1106. {ShortMonth} {DayOfMonth}</a>
  1107. {block:NoteCount}
  1108. | <a href="{Permalink}">
  1109. +{NoteCount}</a>
  1110. {/block:NoteCount}
  1111.  
  1112. <div class="perma">
  1113. {block:RebloggedFrom}
  1114. <a href="{ReblogParentURL}">via | </a>
  1115. <a href="{ReblogRootURL}">source </a>
  1116. {/block:RebloggedFrom} </a>
  1117. </div>
  1118.  
  1119. <div id="tags">
  1120. {block:HasTags}
  1121. {block:Tags}
  1122. <a href="{TagUrl}">#{Tag}</a>
  1123. {/block:Tags}
  1124. {/block:HasTags}
  1125. </div>
  1126.  
  1127.  
  1128.  
  1129.  
  1130. </div>
  1131. {/block:Date}
  1132.  
  1133.  
  1134. </div>
  1135.  
  1136.  
  1137. {block:PostNotes}
  1138. <div class="postnotes">
  1139. {PostNotes}
  1140. </div>
  1141. {/block:PostNotes}
  1142.  
  1143. {/block:Posts}
  1144.  
  1145.  
  1146.  
  1147. </div>
  1148. {block:Pagination}
  1149. <div class="pagination">
  1150. {block:PreviousPage}
  1151. <a href="{PreviousPage}">previous |</a>
  1152. {/block:PreviousPage}
  1153. {block:NextPage}
  1154. <a href="{NextPage}">| next</a>
  1155. {/block:NextPage}
  1156. </div>
  1157. {/block:Pagination}
  1158.  
  1159. {block:ContentSource}
  1160. <!-- {SourceURL}
  1161. {block:SourceLogo}
  1162. <img src="{BlackLogoURL}"
  1163. width="{LogoWidth}"
  1164. height="{LogoHeight}"
  1165. alt="{SourceTitle}" />
  1166. {/block:SourceLogo}
  1167. {block:NoSourceLogo}
  1168. {SourceLink}
  1169. {/block:NoSourceLogo} -->
  1170. {/block:ContentSource}
  1171.  
  1172. </div>
  1173.  
  1174.  
  1175. </div>
  1176.  
  1177.  
  1178.  
  1179. <div id="credit"><a href="http://beautrisprior.tumblr.com">AT</a> </div>
  1180.  
  1181.  
  1182. </body>
  1183. </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!