API tools faq
paste
Advertisement
stormaqeddon

theme 15

stormaqeddon
Sep 29th, 2014
2,016
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <!-- no right click begin -->
  7. <script type="text/javascript">
  8. <!--
  9.  
  10. // Disable Right Click Script
  11.  
  12. function IE(e)
  13. {
  14. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  15. {
  16. return false;
  17. }
  18. }
  19. function NS(e)
  20. {
  21. if (document.layers || (document.getElementById && !document.all))
  22. {
  23. if (e.which == "2" || e.which == "3")
  24. {
  25. return false;
  26. }
  27. }
  28. }
  29. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  30.  
  31. //-->
  32. </script>
  33. <!-- no right click end -->
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  36. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  37.  
  38.  
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href={Favicon}>
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <!----Thanks for choosing my theme! The only thing I ask is that you do NOT remove the credit from the bottom corner. It's really small so you don't even notice it.
  46.  
  47. You can edit this as MUCH as you want, but DO NOT use this as a base code! There are plenty of free base codes available online to use :)
  48.  
  49. UPDATES TAB BY STORMAQEDDON
  50.  
  51. Enjoy! <3 Stef--->
  52.  
  53. <!-- pop up ask begin -->
  54. <script type="text/javascript"
  55. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  56. <script>
  57. $(document).ready(function() {
  58. //
  59. $('a.poplight[href^=#]').click(function() {
  60. var popID = $(this).attr('rel'); //Get Popup Name
  61. var popURL = $(this).attr('href'); //Get Popup href to define size
  62. var query= popURL.split('?');
  63. var dim= query[1].split('&');
  64. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  65. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  66. var popMargTop = ($('#' + popID).height() + 80) / 2;
  67. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  68. //Apply Margin to Popup
  69. $('#' + popID).css({
  70. 'margin-top' : -popMargTop,
  71. 'margin-left' : -popMargLeft
  72. });
  73. $('body').append('<div id="fade"></div>');
  74. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  75. return false;
  76. });
  77. $('a.close, #fade').live('click', function() {
  78. $('#fade , .popup_block').fadeOut(function() {
  79. $('#fade, a.close').remove(); //fade them both out
  80. });
  81. return false;
  82. });
  83. });
  84. </script>
  85. <!-- pop up ask end -->
  86.  
  87. <!-- sticky links -->
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  89. <script type="text/javascript">
  90. $(function(){
  91. var stickyRibbonTop = $('#stickylinks').offset().top;
  92.  
  93. $(window).scroll(function(){
  94. if( $(window).scrollTop() > stickyRibbonTop ) {
  95. $('#stickylinks').css({position: 'fixed', top: '0px'});
  96. } else {
  97. $('#stickylinks').css({position: 'static', top: '0px'});
  98. }
  99. });
  100. });
  101. </script>
  102. <!-- stick links end -->
  103.  
  104.  
  105.  
  106. <meta name="color:Background" content="#ffffff"/>
  107. <meta name="color:sbtitle" content="#ccc"/>
  108. <meta name="color:titleshadow" content=""/>
  109. <meta name="color:Text" content=""/>
  110. <meta name="color:description text" content="#aaa">
  111. <meta name="color:Link" content="000"/>
  112. <meta name="color:linkhover" content"000"/>
  113. <meta name="color:infoborder" content="#eee"/>
  114. <meta name="color:navi links" content=""/>
  115. <meta name="color:navi links shadow" content=""/>
  116. <meta name="color:scrollbar" content="#D6D5D5">
  117. <meta name="color:scrollbarbg" content="#FCFCFC">
  118. <meta name="color:pagination" content="">
  119. <meta name="color:paginationhover" content="">
  120. <meta name="color:tooltip background" content="#fff"/>
  121. <meta name="color:tooltip border" content="#bbb"/>
  122. <meta name="color:tooltip text" content="#bbb"/>
  123.  
  124.  
  125. <meta name="image:sidebar" content=""/>
  126.  
  127.  
  128. <meta name="text:sbtitle" content="title here"/>
  129. <meta name="text:navi link1" content="home">
  130. <meta name="text:navi link1 url" content="/">
  131. <meta name="text:navi link2" content="message">
  132. <meta name="text:navi link2 url" content="/ask">
  133. <meta name="text:navi link3" content="submit">
  134. <meta name="text:navi link3 url" content="">
  135. <meta name="text:navi link4" content="navigation">
  136. <meta name="text:navi link4 url" content="">
  137.  
  138.  
  139. <!--updates color customization-->
  140. <meta name="color:updates title" content="">
  141. <meta name="color:box1" content="">
  142. <meta name="color:box2" content="">
  143. <meta name="color:box3" content="">
  144. <meta name="color:box4" content="">
  145. <!--end-->
  146.  
  147.  
  148. <!-- this is for the descritption on hover-->
  149. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  150. <script type="text/javascript">
  151. $(document).ready(function () {
  152. $('li.drawer div:nth-child(2)').hide();
  153. $('li.drawer h4').click(function () {
  154. if ($(this).hasClass('open')) {
  155. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  156. else {
  157. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  158. $(this).next().slideDown();
  159. $(this).addClass('open');}
  160. });
  161. });
  162. </script>
  163. <!--end hover-->
  164. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  165. <script>
  166. (function($){
  167. $(document).ready(function(){
  168. $("[title]").style_my_tooltips({
  169. tip_follows_cursor:true,
  170. tip_delay_time:200,
  171. tip_fade_speed:300
  172. }
  173. );
  174. });
  175. })(jQuery);
  176. </script>
  177.  
  178.  
  179.  
  180. <style type="text/css">
  181.  
  182.  
  183. /* hover pop up */
  184. #s-m-t-tooltip{
  185. max-width:300px;
  186. margin:10px;
  187. padding:2px 4px;
  188. border:1px solid {color:tooltip border};
  189. border-radius:0px;
  190. background:{color:tooltip background};
  191. color:{color:tooltip text};
  192. z-index:999999;
  193. font-size:9px;
  194. letter-spacing:1px;
  195. font-style:normal;
  196. text-transform:uppercase;
  197. box-shadow:0px 0px 0px rgba(0,0,0,.1);}
  198.  
  199. /*the two lines below are for the tiny cursor*/
  200. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  201.  
  202.  
  203. body {
  204. background:{color:background};
  205. margin:0px;
  206. color:{color:text};
  207. font-family:Calibri;
  208. font-size:11px;
  209. line-height:120%;
  210. }
  211.  
  212. a {
  213. text-decoration:none;
  214. outline:none;
  215. -moz-outline-style:none;
  216. color:{color:link};
  217. }
  218.  
  219. a:hover {
  220. color: {color:linkhover};
  221. text-decoration:none;
  222. -moz-transition-duration:0.5s;
  223. -webkit-transition-duration:0.5s;
  224. -o-transition-duration:0.5s;
  225. }
  226.  
  227. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  228. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  229. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  230.  
  231. img {
  232. border:none;
  233. }
  234.  
  235. h1 {
  236. font-weight:normal;
  237. font-size:18px;
  238. text-align:center;
  239. font-style:normal;
  240. line-height:140%;
  241. letter-spacing:1px;
  242. text-transform:uppercase;
  243. color:{color:updates title};
  244. }
  245.  
  246. h2 {
  247. font-size:15px;
  248. text-align:center;
  249. line-height:110%;
  250. letter-spacing:-0.5px;
  251. color:{color:link};
  252. font-weight:normal;
  253. padding:5px;
  254. padding-bottom:2px;
  255. }
  256.  
  257. h3 {
  258. font-size:17px;
  259. text-align:center;
  260. line-height:140%;
  261. color:{color:link};
  262. font-weight:normal;
  263. padding:5px;
  264. padding-bottom:10px;
  265. letter-spacing:1px;
  266. }
  267.  
  268. h4 {
  269. font-weight:normal;
  270. font-size:11px;
  271. text-align:center;
  272. font-style:normal;
  273. line-height:140%;
  274. letter-spacing:1px;
  275. text-transform:uppercase;
  276. color:{color:updates title};
  277. }
  278.  
  279.  
  280. b {
  281. color:{color:box3};
  282. font-style:bold;
  283. }
  284.  
  285. em {
  286. color: {color:linkhover};
  287. font-style:italic;
  288. }
  289.  
  290. pre {
  291. color: {color:link};
  292. letter-spacing: 7px;
  293. text-indent:13px;
  294. font-style:italic;
  295. }
  296.  
  297. blockquote {
  298. border-left:2px solid {color:linkhover};
  299. padding-left:5px;
  300. font-size:11px;
  301. margin:5px;
  302. text-align:left;
  303. }
  304.  
  305. blockquote blockquote {
  306. border-left:2px solid {color:linkhover};
  307. padding-left:5px;
  308. font-size:11px;
  309. margin:5px;
  310. text-align:left;
  311. }
  312.  
  313. li {
  314. list-style:square;
  315. line-height:115%;
  316. list-style-position:inside;
  317. }
  318.  
  319. ol {
  320. list-style:lower-roman;
  321. line-height:115%;
  322. list-style-position:inside;
  323. }
  324.  
  325. #entries {
  326. padding:10px;
  327. width:500px;
  328. margin-left:auto;
  329. margin-right:auto;
  330. margin-top:250px;
  331. }
  332.  
  333. #post {
  334. width:500px;
  335. padding-bottom:20px;
  336. }
  337.  
  338. #sidebar {
  339. position:absolute;
  340. top:50px;
  341. line-height:30px;
  342. background: {color:background};
  343. width:100%;
  344. height:50px;
  345. -moz-transition-duration:0.7s;
  346. -webkit-transition-duration:0.7s;
  347. -o-transition-duration:0.7s;
  348. }
  349.  
  350.  
  351. #title {
  352. margin-left:auto;
  353. margin-right:auto;
  354. width:500px;
  355. text-align:center;
  356. margin-bottom:-10px;
  357. left:50%;
  358. }
  359.  
  360. #title a {
  361. font-size:50px;
  362. text-align:center;
  363. text-transform:uppercase;
  364. color:{color:sbtitle};
  365. letter-spacing: 9px;
  366. opacity: 1;
  367. font-family: 'Open Sans Condensed', sans-serif;
  368. text-shadow: 2px 2px {color:titleshadow};
  369. width:160px;
  370. -moz-transition-duration:0.7s;
  371. -webkit-transition-duration:0.7s;
  372. -o-transition-duration: 0.7s;
  373. }
  374.  
  375. #title a:hover {
  376. letter-spacing:9px;
  377. font-size:50px;
  378. color: {color:titleshadow};
  379. text-shadow: 2px 2px {color:sbtitle};
  380. -moz-transition-duration:0.7s;
  381. -webkit-transition-duration:0.7s;
  382. -o-transition-duration: 0.7s;
  383. }
  384.  
  385. #stickylinks {
  386. width:100%;
  387. background: {color:background};
  388. padding-top:5px;
  389. padding-bottom:5px;
  390. }
  391.  
  392. #navilinks {
  393. font-size: 13px;
  394. width:500px;
  395. left:50%;
  396. margin-left:auto;
  397. margin-right:auto;
  398. font-family: 'Open Sans Condensed', sans-serif;
  399. text-align: center;
  400. word-spacing: 7px;
  401. letter-spacing:2px;
  402. color: {color:navi links};
  403. -moz-transition-duration:0.7s;
  404. -webkit-transition-duration:0.7s;
  405. -o-transition-duration:0.7s;
  406. }
  407.  
  408. #navilinks a {
  409. color: {color:navi links};
  410. border-top:1px solid transparent;
  411. border-bottom:1px solid transparent;
  412. padding-left:3px;
  413. padding-right:3px;
  414. -moz-transition-duration:0.7s;
  415. -webkit-transition-duration:0.7s;
  416. -o-transition-duration:0.7s;
  417. }
  418.  
  419. #navilinks a:hover {
  420. color: {color:sbtitle};
  421. padding-left:3px;
  422. padding-right:3px;
  423. border-top:1px solid {color:titleshadow};
  424. border-bottom:1px solid {color:titleshadow};
  425. -moz-transition-duration:0.7s;
  426. -webkit-transition-duration:0.7s;
  427. -o-transition-duration:0.7s;
  428. }
  429.  
  430. #sidebar:hover #navi links {
  431. -moz-transition-duration:0.7s;
  432. -webkit-transition-duration:0.7s;
  433. -o-transition-duration:0.7s;
  434. }
  435.  
  436. /* DESCRIPTION HOVER */
  437. #description {
  438. overflow:auto;
  439. left:50%;
  440. width:480px;
  441. height:auto;
  442. margin-left:auto;
  443. margin-right:auto;
  444. border: 1px solid {color:description text};
  445. padding-left:10px;
  446. padding-right:10px;
  447. padding-top:7px;
  448. padding-bottom: 10px;
  449. line-height:12px;
  450. z-index:30px;
  451. font-size:10px;
  452. letter-spacing:2px;
  453. font-family: 'Open Sans Condensed', sans-serif;
  454. text-align: center;
  455. color: {color:description text};
  456. z-index:9999;
  457. opacity:1;
  458. -moz-transition-duration:0.7s;
  459. -webkit-transition-duration:0.7s;
  460. -o-transition-duration:0.7s;
  461. }
  462.  
  463. #sidebar:hover #description {
  464. opacity:1;
  465. -moz-transition-duration:0.7s;
  466. -webkit-transition-duration:0.7s;
  467. -o-transition-duration:0.7s;
  468. }
  469.  
  470. #pagination {
  471. font-size:12px;
  472. text-align:center;
  473. margin-top: 10px;
  474. margin-bottom: 10px;
  475. width:500px;
  476. font-family: 'Open Sans Condensed', sans-serif;
  477. word-spacing: 30px;
  478. color: {color:pagination};
  479. }
  480.  
  481. #pagination a {
  482. color: {color:paginationhover};
  483. -o-transition-transition: all 0.5s ease-in-out;
  484. -webkit-transition: all 0.5s ease-in-out;
  485. -moz-transition: all 0.5s ease-in-out;
  486. }
  487.  
  488. #pagination a:hover {
  489. color: {color:pagination};
  490. -o-transition-transition: all 0.5s ease-in-out;
  491. -webkit-transition: all 0.5s ease-in-out;
  492. -moz-transition: all 0.5s ease-in-out;
  493. }
  494.  
  495. #post:hover #info{
  496. opacity: 1;
  497. -moz-transition-duration:0.5s;
  498. -webkit-transition-duration:0.5s;
  499. -o-transition-duration:0.5s;
  500. }
  501.  
  502. #info {
  503. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  504. width:491px;
  505. margin-top:10px;
  506. padding:5px;
  507. word-spacing:2px;
  508. opacity: 0;
  509. font-size:10px;
  510. letter-spacing:1px;
  511. line-height:125%;
  512. color:{color:text};
  513. text-transform:uppercase;
  514. border-bottom: 1px solid {color:infoborder};
  515. font-style:normal;
  516. text-align:left;
  517. -moz-transition-duration:0.5s;
  518. -webkit-transition-duration:0.5s;
  519. -o-transition-duration:0.5s;
  520. }
  521. #info a {
  522. margin-right:2px;
  523. color:{color:link};
  524. font-style:normal;
  525. }
  526. #info a:hover {
  527. color:{color:linkhover};
  528. }
  529.  
  530. .tags {
  531. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  532. width:495px;
  533. text-transform:normal;
  534. line-height:120%;
  535. font-size:9px;
  536. text-align:center;
  537. opacity:0;
  538. letter-spacing:1px;
  539. padding-top:5px;
  540. padding-bottom:15px;
  541. -moz-transition-duration:0.5s;
  542. -webkit-transition-duration:0.5s;
  543. -o-transition-duration:0.5s;
  544. }
  545. .tags a{
  546. color:{color:link};
  547. -moz-transition-duration:.5s;
  548. -webkit-transition-duration:.5s;
  549. -o-transition-duration:.5s;
  550. }
  551. .tags a:hover{
  552. color:{color:linkhover};
  553. -moz-transition-duration:0.5s;
  554. -webkit-transition-duration:0.5s;
  555. -o-transition-duration:0.5s;
  556. }
  557. #post:hover .tags{
  558. opacity:1;
  559. -moz-transition-duration:0.5s;
  560. -webkit-transition-duration:0.5s;
  561. -o-transition-duration:0.5s;
  562. }
  563.  
  564.  
  565. #asker {
  566. float:left;
  567. margin-right:5px;
  568. margin-top: 2px;
  569. }
  570. #asker img {
  571. border-radius: 100%;
  572. }
  573.  
  574. #answer {
  575. padding-top:10px;
  576. text-align: center;
  577. font-size:11px;
  578. letter-spacing:1px;
  579. font-style:italic;
  580. color: {color:box2};
  581. }
  582.  
  583. ::selection {
  584. background-color:{color:link};
  585. color:#fff;
  586. }
  587.  
  588. #music {
  589. z-index:1;
  590. }
  591.  
  592. #chat {
  593. line-height:150%;
  594. }
  595.  
  596. #credit a {
  597. background-color:{color:background};
  598. font-weight:bold;
  599. font-size:12px;
  600. color: {color:sbtitle};
  601. padding:3px;
  602. font-family:calibri;
  603. letter-spacing:1px;
  604. position:fixed;
  605. right:10px;
  606. border: 0px solid #ccc;
  607. bottom:5px;
  608. -o-transition-transition: all 0.5s ease-in-out;
  609. -webkit-transition: all 0.5s ease-in-out;
  610. -moz-transition: all 0.5s ease-in-out;
  611. }
  612.  
  613. #credit a:hover {
  614. background: {color:sbtitle};
  615. color:{color:background};
  616. border-radius: 100%;
  617. -o-transition-transition: all 0.5s ease-in-out;
  618. -webkit-transition: all 0.5s ease-in-out;
  619. -moz-transition: all 0.5s ease-in-out;
  620. }
  621.  
  622. .tags .comma:last-child {
  623. display: none;
  624. }
  625.  
  626. /* sidebar updates*/
  627.  
  628. .square {
  629. height:15px;
  630. width: 15px;
  631. display:block;
  632. }
  633.  
  634. #box1 {
  635. border-top: 8px solid transparent;
  636. border-left: 13px solid {color:box1};
  637. border-bottom: 8px solid transparent;
  638. height:0px;
  639. width:0px;
  640. }
  641.  
  642. #box2 {
  643. border-top: 8px solid transparent;
  644. border-left: 13px solid {color:box2};
  645. border-bottom: 8px solid transparent;
  646. height:0px;
  647. width:0px;
  648. }
  649.  
  650. #box3 {
  651. border-top: 8px solid transparent;
  652. border-left: 13px solid {color:box3};
  653. border-bottom: 8px solid transparent;
  654. height:0px;
  655. width:0px;
  656. }
  657.  
  658. #box4 {
  659. border-top: 8px solid transparent;
  660. border-left: 13px solid {color:box4};
  661. border-bottom: 8px solid transparent;
  662. height:0px;
  663. width:0px;
  664. }
  665.  
  666.  
  667.  
  668. #tab01{
  669. margin-bottom:0px;
  670. padding-left:4px;
  671. height:15px;
  672. width:15px;
  673. text-align:left;
  674. overflow:hidden;
  675. text-transform:uppercase;
  676. position:fixed;
  677. letter-spacing:1px;
  678. font-size:10px;
  679. line-height:10px;
  680. color: {color:updates text};
  681. transition: all 0.7s ease-out;
  682. -webkit-transition: all 0.7s ease-in-out;
  683. -moz-transition: all 0.7s ease-in-out;
  684. -o-transition: all 0.7s ease-in-out;
  685. }
  686.  
  687.  
  688. #tab01:hover{
  689. height:240px;
  690. width:150px;
  691. padding-left:19px;
  692. display:block;
  693. transition: all 0.7s ease-out;
  694. -webkit-transition: all 0.7s ease-in-out;
  695. -moz-transition: all 0.7s ease-in-out;
  696. -o-transition: all 0.7s ease-in-out;
  697. }
  698.  
  699.  
  700.  
  701. #tab02{
  702. margin-bottom:0px;
  703. margin-top:25px;
  704. padding-left:4px;
  705. height:15px;
  706. width:15px;
  707. text-align:left;
  708. overflow:hidden;
  709. text-transform:uppercase;
  710. position:fixed;
  711. letter-spacing:1px;
  712. font-size:10px;
  713. line-height:10px;
  714. color: {color:updates text};
  715. transition: all 0.7s ease-out;
  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.  
  722. #tab02:hover{
  723. height:170px;
  724. width:150px;
  725. padding-left:19px;
  726. transition: all 0.7s ease-out;
  727. -webkit-transition: all 0.7s ease-in-out;
  728. -moz-transition: all 0.7s ease-in-out;
  729. -o-transition: all 0.7s ease-in-out;
  730. }
  731.  
  732.  
  733.  
  734. #tab03{
  735. margin-bottom:0px;
  736. padding-left:4px;
  737. margin-top:50px;
  738. height:15px;
  739. width:15px;
  740. text-align:left;
  741. overflow:hidden;
  742. text-transform:uppercase;
  743. position:fixed;
  744. letter-spacing:1px;
  745. font-size:10px;
  746. line-height:10px;
  747. color: {color:updates text};
  748. transition: all 0.7s ease-out;
  749. -webkit-transition: all 0.7s ease-in-out;
  750. -moz-transition: all 0.7s ease-in-out;
  751. -o-transition: all 0.7s ease-in-out;
  752. }
  753.  
  754.  
  755. #tab03:hover{
  756. height:210px;
  757. padding-left:19px;
  758. width:150px;
  759. transition: all 0.7s ease-out;
  760. -webkit-transition: all 0.7s ease-in-out;
  761. -moz-transition: all 0.7s ease-in-out;
  762. -o-transition: all 0.7s ease-in-out;
  763. }
  764.  
  765.  
  766.  
  767. #tab04{
  768. margin-bottom:0px;
  769. padding-left:4px;
  770. margin-top:75px;
  771. height:15px;
  772. width:15px;
  773. text-align:left;
  774. overflow:hidden;
  775. text-transform:uppercase;
  776. position:fixed;
  777. letter-spacing:1px;
  778. font-size:10px;
  779. line-height:10px;
  780. color: {color:updates text};
  781. transition: all 0.7s ease-out;
  782. -webkit-transition: all 0.7s ease-in-out;
  783. -moz-transition: all 0.7s ease-in-out;
  784. -o-transition: all 0.7s ease-in-out;
  785. }
  786.  
  787.  
  788. #tab04:hover{
  789. height:180px;
  790. width:150px;
  791. padding-left:19px;
  792. transition: all 0.7s ease-out;
  793. -webkit-transition: all 0.7s ease-in-out;
  794. -moz-transition: all 0.7s ease-in-out;
  795. -o-transition: all 0.7s ease-in-out;
  796. }
  797.  
  798.  
  799. #container{
  800. text-align:left;
  801. font-size:10px;
  802. text-transform:uppercase;
  803. position:fixed;
  804. font-family:calibri;
  805. left:25px;
  806. background-color:transparent;
  807. letter-spacing:1px;
  808. z-index:6;
  809. padding:4px;
  810. top:25px;
  811. color: {color:updates title};
  812.  
  813. }
  814.  
  815. #container a {
  816. color:{color:text};
  817. }
  818.  
  819. #container a:hover {
  820. color: {color:linkhover};
  821. }
  822.  
  823. .updateinfo {
  824. background:#f3f3f3;
  825. display:block;
  826. padding:8px;
  827. width:95px;
  828. z-index:1111;
  829. color:{color:text};
  830. }
  831.  
  832. /* end sidebar updates*/
  833.  
  834. {CustomCSS}</style></head><body>
  835.  
  836. <!--sidebar updates-->
  837. <div id="structure">
  838. <div id="container">
  839.  
  840. <!---begin tab 1 code--->
  841. <div id="tab01">
  842. <a id="box1" class="square"></a>
  843. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:updatestitle}; margin-top: -17px; margin-left:15px; ">u p d a t e s</div>
  844. <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};">
  845. <div class="updatesinfo">
  846. <br>
  847.  
  848. text yo
  849.  
  850.  
  851. </div>
  852. </div>
  853. </div>
  854. <!---end tab 1 code--->
  855.  
  856. <!---begin tab 2 code--->
  857. <div id="tab02">
  858. <a id="box2" class="square"></a>
  859. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:updatestitle}; margin-top: -17px; margin-left:15px; ">c u r r e n t l y</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  860.  
  861. wow look super cool stuff here
  862.  
  863.  
  864. </div></div>
  865. <!---end tab 2 code--->
  866.  
  867. <!---begin tab 3 code--->
  868. <div id="tab03">
  869. <a id="box3" class="square"></a>
  870. <div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:updatestitle}; margin-top: -17px; margin-left:15px; ">s o c i a l</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  871.  
  872. put text here
  873.  
  874. </div>
  875. </div>
  876. <!---end tab 3 code--->
  877.  
  878.  
  879. <!---begin tab 4 code--->
  880. <div id="tab04">
  881. <a id="box4" class="square"></a>
  882. <div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:updatestitle};">a w a r d s</div> <div style="padding-top:1px; padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>
  883.  
  884. put stuff here
  885.  
  886. </div>
  887. </div>
  888. <!---end tab 4 code--->
  889.  
  890.  
  891. </div></div></div></div>
  892.  
  893.  
  894. <!--sidebar updates end-->
  895.  
  896. <div id="sidebar">
  897.  
  898. <div id="title"><a href="/">{text:sbtitle}</a></div>
  899.  
  900. <div id="stickylinks">
  901. <div id="navilinks">
  902. <a href="{text:navi link1 url}">{text:navi link1}</a>
  903. <a href="{text:navi link2 url}">{text:navi link2}</a>
  904. <a href="{text:navi link3 url}">{text:navi link3}</a>
  905. <a href="{text:navi link4 url}">{text:navi link4}</a>
  906. </div></div>
  907.  
  908. <div id="description">{Description}</div>
  909.  
  910. </div>
  911.  
  912.  
  913.  
  914.  
  915. <div id="credit"><a title="themes by stefany" target="blank"href="http://stormaqeddon.tumblr.com"><i class="fa fa-star"></i></a></font></div>
  916.  
  917.  
  918. </div>
  919.  
  920. <div id="entries">{block:Posts}<div id="post">
  921.  
  922. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  923.  
  924. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  925.  
  926. {block:Photoset}{Photoset-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  927.  
  928. {block:Quote}<h3>“{Quote}”</h3><h4>{Source}</h4>{/block:Quote}
  929.  
  930. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  931.  
  932. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="chat"><center><b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</center></div>{/block:Chat}
  933.  
  934. {block:Audio}<div id="music">{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<p>{AudioPlayerWhite}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Audio}
  935.  
  936. {block:Video}{Video-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  937.  
  938. {block:Answer}<div id="asker"><a href="{AskerURL}" title="{AskerName}"><img src="{AskerPortraitURL-24}" /></a></div><br>{Question}<br><div id="answer">{Answer}</div>{/block:Answer}
  939.  
  940. {block:IfRemovePostInfo}
  941. <div style="visibility:hidden;">
  942. {/block:IfRemovePostInfo}
  943.  
  944. {block:Date}
  945. <div id="info">
  946. <a title="{Month} {DayofMonth}" href="{Permalink}">{12HourWithZero}:{Minutes} {AmPm}</a>{/block:Date}{block:NoteCount} & <a href="{Permalink}">{NoteCount}&nbsp;<i title="notes" class="fa fa-heart"></i></a> {/block:NoteCount}
  947.  
  948. <div style="float:right"><a title="reblog" href="{ReblogURL}">&nbsp; <i class= "fa fa-retweet"> </i> </a> </div>
  949.  
  950. {block:ContentSource} <div style="float:right;"><a title="{SourceTitle}" href="{SourceURL}">&nbsp;©</a> | </div> {/block:ContentSource}
  951.  
  952. {block:RebloggedFrom} <div style="float:right; text-transform: lowercase;"><a title="{ReblogParentName}" href="{ReblogParentURL}"> via </a> | </div> {/block:RebloggedFrom}</div>
  953.  
  954.  
  955. {block:HasTags}
  956. <div class="tags">{block:Tags}
  957. <a href="{TagURL}">{Tag}</a><span class="comma">, </span>
  958. {/block:Tags}</div>{/block:HasTags}
  959. <div class="postnote">
  960. {block:PostNotes}{PostNotes}{/block:PostNotes}
  961. </div>
  962. </div>
  963. {/block:Posts}
  964.  
  965. {block:IfRemovePostInfo}
  966. </div>
  967. {/block:IfRemovePostInfo}
  968.  
  969. <div id="pagination">
  970. {block:PreviousPage}
  971. <a href="{PreviousPage}">←</a>
  972. {/block:PreviousPage}
  973. {block:JumpPagination length="5"}
  974. {block:CurrentPage}
  975. <span class="current_page">{PageNumber}</span>
  976. {/block:CurrentPage}
  977. {block:JumpPage}
  978. <a class="jump_page" href="{URL}">{PageNumber}</a>
  979. {/block:JumpPage}
  980. {/block:JumpPagination}
  981. {block:NextPage}
  982. <a href="{NextPage}">→</a>
  983. {/block:NextPage}
  984. </div>
  985. {/block:Pagination}
  986. </div></div>
  987.  
  988. </body>
  989.  
  990.  
  991.  
  992. </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!