API tools faq
paste
Advertisement
stormaqeddon

theme 13

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