API tools faq
paste
silverrainresources

Base Theme 1 - Tumblr - Starxbcrn

silverrainresources
Feb 20th, 2017
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.07 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.  
  3. <html>
  4. <!--
  5. I'd live to give a big shout out to http://fratdadbase.tumblr.com/ for this base code. Couldn't have done this without their help.
  6.  
  7. STARXBCRN'S THEMES
  8. ⚜ this code was made by starxbcrn.tumblr.com
  9. ⚜ do not remove credit or claim as your own.
  10. ⚜ feel free to send me an ask if you have any questions
  11.  
  12. -->
  13.  
  14.  
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24.  
  25. <!--
  26. POP UP SCRIPT
  27. -->
  28.  
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  41. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  42. var popMargTop = ($('#' + popID).height() + 80) / 2;
  43. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  44. //Apply Margin to Popup
  45. $('#' + popID).css({
  46. 'margin-top' : -popMargTop,
  47. 'margin-left' : -popMargLeft
  48. });
  49. $('body').append('<div id="fade"></div>');
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  51. return false;
  52. });
  53. $('a.close, #fade').live('click', function() {
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61.  
  62.  
  63.  
  64.  
  65. <!--
  66. TOOLTIP STYLING SCRIPT
  67. -->
  68.  
  69.  
  70. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  73. <script>
  74. (function($){
  75. $(document).ready(function(){
  76. $("[title]").style_my_tooltips({
  77. tip_follows_cursor:true,
  78. tip_delay_time:200,
  79. tip_fade_speed:500
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85. </head>
  86.  
  87. <style type="text/css">
  88.  
  89. /*SCROLL BAR*/
  90.  
  91. ::-webkit-scrollbar {
  92. width: 2px;
  93. height: 2px;
  94. }
  95. ::-webkit-scrollbar-button {
  96. width: 0px;
  97. height: 0px;
  98. }
  99. ::-webkit-scrollbar-thumb {
  100. background: transparent;
  101. border: 0px none #ffffff;
  102. border-radius: 50px;
  103. }
  104. ::-webkit-scrollbar-thumb:hover {
  105. background: transparent;
  106. }
  107. ::-webkit-scrollbar-thumb:active {
  108. background: transparent;
  109. }
  110. ::-webkit-scrollbar-track {
  111. background: transparent;
  112. border: 0px none #ffffff;
  113. border-radius: 0px;
  114. }
  115. ::-webkit-scrollbar-track:hover {
  116. background:transparent;
  117. }
  118. ::-webkit-scrollbar-track:active {
  119. background: transparent;
  120. }
  121. ::-webkit-scrollbar-corner {
  122. background: transparent;
  123. }
  124.  
  125. body {
  126. background-color:;
  127. background-image: url('https://i.imgur.com/s1BEj2h.png');
  128. font-family:calibri;
  129. font-size: 11px;
  130. text-align: justify;
  131. color:#9d9999;
  132. }
  133.  
  134.  
  135.  
  136. /*ASK AND ANSWERS */
  137.  
  138. #askbox{
  139. border:0px solid yellow;
  140. height:85px;
  141. }
  142.  
  143. #askimg{
  144.  
  145. }
  146.  
  147. #asktext{
  148. border:0px solid red;
  149. max-width:100%;
  150. margin-top:-40px;
  151. margin-left:35px;
  152. color:#9b9187;
  153. text-transform:uppercase;
  154. font-weight:bold;
  155. text-align:right;
  156. padding-right:17px;
  157. letter-spacing:1px;
  158. text-shadow:2px 2px 0px #ffffff;
  159. }
  160.  
  161. #asker {
  162. font-family: 'Montserrat', sans-serif;
  163. background-color: #94cfc9;
  164. font-style:none;
  165. letter-spacing:3px;
  166. text-align:right;
  167. text-transform:uppercase;
  168. color: #222;
  169. font-size:15px;
  170. text-shadow:2px 2px 0px #ffffff;
  171. border: 2px solid #94cfc9;
  172. border-radius: 30px;
  173. max-width:100%;
  174. margin-left:0px;
  175. font-weight:bold;
  176. padding-top:2px;
  177. padding-right:5px;
  178. padding-left:5px;
  179. }
  180.  
  181.  
  182. #asker a{
  183. font-family: 'Montserrat', sans-serif;
  184. font-style:none;
  185. text-transform:uppercase;
  186. font-style: none;
  187. text-shadow: none;
  188. color: #314455;
  189. text-shadow:0 0 2px #131313;
  190. -webkit-filter: blur(0px);
  191. }
  192.  
  193.  
  194. #asker a:hover {
  195. color: #f2f0ec;
  196. text-shadow:0 0 10px #131313;
  197. -webkit-filter: blur(0px);
  198. -webkit-transition:all .5s ease-in-out;
  199. -moz-transition:all .5s ease-in-out;
  200. transition:all .5s ease-in-out;
  201. }
  202.  
  203.  
  204.  
  205. #ask {
  206. font-family: helvetica neue;
  207. font-size:7px;
  208. text-align:center;
  209. padding-top: 5px;
  210. margin-bottom:20px;
  211. margin-left:0px;
  212. text-transform:auto;
  213. letter-spacing:1px
  214. margin-top:-10px;
  215. padding:10px;
  216. background: transparent;
  217. /*background: url("http://i.imgur.com/pPrXixh.png");
  218.  
  219. background-clip:text;
  220. background-repeat:repeat;
  221. background-attachment:fixed;
  222. color:transparent;*/
  223.  
  224. color:#314455;
  225. text-transform: uppercase;
  226. border-top:1px solid #2b2927;
  227. border-bottom:1px solid #2b2927;
  228. border-radius:5px;
  229. letter-spacing:2px;
  230. box-shadow:0px 0px 10px #ffffff;
  231. word-wrap: break-word;
  232. z-index:99999;
  233.  
  234. }
  235.  
  236. .ans {
  237. text-align:center;
  238. padding:10px;
  239. }
  240.  
  241. /*CONTAINER AND POSTS*/
  242.  
  243. #container {
  244. background-color:transparent;
  245. width:260px;
  246. height:340px;
  247. padding: 20px;
  248. top:170px;
  249. margin-left: 455px;
  250. position:relative;
  251. overflow-y:scroll;
  252. overflow-x:hidden;}
  253.  
  254. #container img {
  255. height:auto;
  256. max-width:100%;
  257. }
  258.  
  259. #content {
  260. margin-left:62px;
  261. width:310px;
  262. margin-top: -90px;
  263. }
  264.  
  265. #posts {
  266. width:255px;
  267. padding:10px;
  268. margin-top: 75px;
  269. margin-left:-72px;
  270. padding-bottom:0px;
  271. overflow-y:scroll;
  272. overflow-x:hidden;
  273. }
  274.  
  275.  
  276. #description {
  277. margin-left: 0px;
  278. margin-top: -50px;
  279. width:180px;
  280. color:transparent;}
  281.  
  282.  
  283. .nav {
  284. position: fixed;
  285. top: 100px;
  286. width: 230px;
  287. height:150px;
  288. margin-left: 250px;
  289. overflow: none;
  290. background-color: transparent;
  291. }
  292.  
  293.  
  294. /*SIDEBOX*/
  295.  
  296. .sidebox {
  297. position: fixed;
  298. top: 430px;
  299. left: 275px;
  300. width: 175px;
  301. height: 130px;
  302. overflow: auto;
  303. }
  304.  
  305.  
  306. /*FANCY FONT*/
  307.  
  308. h1{
  309. font-family: 'Cinzel', serif;
  310. color:#292a37;
  311. background-color: #d0ffff;
  312. font-size: 20px;
  313. text-shadow:1px 1px 1px #94d6ba;
  314. text-align: center;
  315. text-transform: uppercase;
  316.  
  317. font-weight: normal;
  318. line-height: 21px;
  319. }
  320.  
  321. h2{
  322. font-family: 'Cinzel', serif;
  323. color:#c9d942;
  324. background-color:;
  325. font-size: 20px;
  326. text-align: right;
  327. text-transform: uppercase;
  328. border-right: 20px solid #c9d942;
  329. font-weight: normal;
  330. line-height: 21px;
  331. letter-spacing: 2px;
  332. }
  333.  
  334. h3{
  335. font-family: consolas;
  336. color:#1e3c3d;
  337. font-size; 6px;
  338. text-shadow:1px 1px #ffffff;
  339. }
  340.  
  341.  
  342. h4 {
  343. background-image: url('https://i.imgur.com/rU0tRWC.png');
  344. background-repeat:repeat;
  345. background-attachment:fixed;
  346. border-left: double 3px #000;
  347. border-top: double 3px #000;
  348. border-right: double 3px #000;
  349. border-bottom: double 3px #000;
  350. padding:2px;
  351. color:#fff;
  352. overflow: auto;
  353. text-shadow:1px 1px 0px #000,
  354. 1px -1px 0px #000,
  355. -1px -1px 0px #000,
  356. -1px 1px 0px #000,
  357. 0px 1px 0px #000,
  358. 0px -1px 0px #000,
  359. 1px 0px 0px #000,
  360. -1px 0px 0px #000;
  361. font-size:15px;
  362. font-family:calibri;
  363. text-transform:uppercase;
  364. letter-spacing:1px;
  365. text-align:center;
  366. }
  367.  
  368.  
  369.  
  370. b {
  371. font: 12px georgia;
  372. text-transform:uppercase;
  373. color: #03a2e8;
  374. letter-spacing: 1px;}
  375.  
  376. i {
  377. font: 20px georgia;
  378. font-style: italic;
  379. text-transform: uppercase;
  380. text-shadow:1px 1px 1px #ffffff;
  381. color: #c9d942;}
  382.  
  383. p {
  384. margin-top:5px;
  385. margin-bottom:5px;}
  386.  
  387.  
  388. ol {
  389. list-style:normal;}
  390.  
  391.  
  392. ul {
  393. list-style:square;}
  394.  
  395.  
  396. small {
  397. font-size:10px}
  398.  
  399.  
  400. sup,sub {
  401. font-size:11px}
  402.  
  403.  
  404. pre {
  405. font-size: 10px;
  406. letter-spacing:3px;
  407. background-color:#c9d942;
  408. font-family: "Times New Roman", Times, serif;
  409. font-style: none;
  410. text-align:center;
  411. }
  412.  
  413.  
  414.  
  415. big {
  416. font-size:14px;
  417. text-transform:uppercase;
  418. letter-spacing:2px;
  419. font-family: "Times New Roman", Times, serif;
  420. color: #4a132c;
  421. text-shadow: 0px 0px 2px #93345f;
  422. }
  423.  
  424. blockquote {
  425. word-wrap: break-word;
  426. padding:2px 7px;
  427. padding-right:17px;
  428. margin:3px 0 3px 10px;
  429. border-left:3px solid #2b2927;
  430. -webkit-border-radius: 30px;
  431. background-color:transparent;
  432. word-wrap: break-word;
  433. }
  434.  
  435.  
  436. blockquote img{
  437. max-width:100%;
  438. height:auto;
  439. }
  440.  
  441. blockquote blockquote img{
  442. max-width:100%;
  443. height:auto;
  444. }
  445.  
  446.  
  447. /*LINKS*/
  448.  
  449. a:link, a:active, a:visited {
  450. text-decoration: none;
  451. color: #5a674d;
  452. font-family:courier;
  453. font-size: 9px;
  454. -moz-transition-duration:.6s;
  455. -webkit-transition-duration:.6s;
  456. -o-transition-duration:.6s;
  457. -webkit-filter: blur(0px);}
  458.  
  459. a:hover {
  460. color: #8f8f8f;
  461. font-family:courier;
  462. -moz-transition-duration:.6s;
  463. -webkit-transition-duration:.6s;
  464. -o-transition-duration:.6s;
  465. -webkit-filter: blur(1px);}
  466.  
  467.  
  468. a.second, a.second:link, a.second:active, a.second:visited {
  469. font-family:consolas;
  470. font-size:8px;
  471. line-height:8pt;
  472. letter-spacing:0px;
  473. color:#d4cec3;
  474. text-shadow:0px 0px 7px #7f7f7f;
  475. text-decoration:none;
  476. text-transform:uppercase;
  477. letter-spacing:0px;
  478. background-color:#74c2ad;
  479. text-align:center;
  480. display:block;
  481. margin:1px 0px 3px 0px;
  482. -webkit-transition: all 0.4s ease-out;
  483. -moz-transition: all 0.4s ease-out;
  484. transition: all 0.4s ease-out;
  485. -moz-transition-duration: 0.4s;
  486. -webkit-transition-duration: 0.4s;
  487. -o-transition-duration: 0.4s;
  488. transition-duration: 0.4s;}
  489.  
  490. a.second:hover {
  491. font-family:consolas;
  492. font-style: bold;
  493. font-size:8px;
  494. line-height:8pt;
  495. letter-spacing:2px;
  496. font-weight:normal;
  497. color:#9b968c;
  498. background-color: #91f2d8;
  499. text-decoration:none;
  500. text-transform:uppercase;
  501. text-shadow:2px 2px #000000;
  502. background-color: #2a100c;
  503. text-align:center;
  504. display:block;
  505. margin:1px 0px 3px 0px;
  506. -moz-transition-duration: 0.4s;
  507. -webkit-transition-duration: 0.4s;
  508. -o-transition-duration: 0.4s;
  509. transition-duration: 0.4s;
  510. }
  511.  
  512.  
  513. a.third, a.third:link, a.third:active, a.third:visited {
  514. font-family:consolas;
  515. font-size:10px;
  516. line-height:10pt;
  517. letter-spacing:0px;
  518. color:#222222;
  519. text-decoration:none;
  520. text-transform:uppercase;
  521. letter-spacing:0px;
  522. background-color:#e7e7dd;
  523. border: 5px solid #e7e7dd;
  524. margin: 2px;
  525. text-align:center;
  526. text-shadow:4px 0px transparent;
  527. display:inline-block;
  528. -webkit-transition: all 0.4s ease-out;
  529. -moz-transition: all 0.4s ease-out;
  530. transition: all 0.4s ease-out;
  531. -moz-transition-duration: 0.4s;
  532. -webkit-transition-duration: 0.4s;
  533. -o-transition-duration: 0.4s;
  534. transition-duration: 0.4s;}
  535.  
  536. a.third:hover {
  537. font-family:consolas;
  538. font-style: bold;
  539. font-size:10px;
  540. line-height:10pt;
  541. letter-spacing:2px;
  542. font-weight:normal;
  543. color:#ffffff;
  544. text-decoration:none;
  545. text-transform:uppercase;
  546. text-shadow:2px 2px #000000;
  547. text-align:center;
  548. display:inline-block;
  549. -moz-transition-duration: 0.4s;
  550. -webkit-transition-duration: 0.4s;
  551. -o-transition-duration: 0.4s;
  552. transition-duration: 0.4s;
  553. }
  554.  
  555.  
  556. a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
  557. font-family:consolas;
  558. font-size:12px;
  559. line-height:12pt;
  560. letter-spacing:0px;
  561. color:#222;
  562. text-decoration:none;
  563. text-transform:uppercase;
  564. letter-spacing:0px;
  565. background-color:#c9d942;
  566. text-align:center;
  567. text-shadow:4px 0px transparent;
  568. display:inline-block;
  569. margin:1px 0px 3px 0px;
  570. -webkit-border-radius: 30px;
  571. -webkit-transition: all 0.4s ease-out;
  572. -moz-transition: all 0.4s ease-out;
  573. transition: all 0.4s ease-out;
  574. -moz-transition-duration: 0.4s;
  575. -webkit-transition-duration: 0.4s;
  576. -o-transition-duration: 0.4s;
  577. transition-duration: 0.4s;}
  578.  
  579. a.fourth:hover {
  580. font-family:consolas;
  581. font-style: bold;
  582. font-size:12px;
  583. line-height:12pt;
  584. letter-spacing:2px;
  585. font-weight:normal;
  586. color:#222222;
  587. text-decoration:none;
  588. text-transform:uppercase;
  589. text-shadow:2px 2px #000000;
  590. background-color:#e7e7dd;
  591. text-align:center;
  592. display:inline-block;
  593. margin:1px 0px 3px 0px;
  594. -webkit-border-radius: 30px;
  595. -moz-transition-duration: 0.4s;
  596. -webkit-transition-duration: 0.4s;
  597. -o-transition-duration: 0.4s;
  598. transition-duration: 0.4s;
  599. }
  600.  
  601.  
  602.  
  603. .pagination {
  604. position:fixed;
  605. top: 410px;
  606. left: 300px;
  607. height: 100px;
  608. width: 100px;
  609. text-align:center;
  610. }
  611. #navlinks {
  612. text-align:center;
  613. margin-top:10px;
  614. font-size:13px;
  615. }
  616. #navlinks a {
  617. color:{color:link colour};
  618. }
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625. /* POST INFO DETAILS */
  626.  
  627.  
  628.  
  629. #infobox {
  630. border:1px solid transparent;
  631. margin-bottom:0px;
  632.  
  633. padding-top:10px;
  634. }
  635.  
  636.  
  637. #info {
  638. margin-left:20px;
  639. }
  640.  
  641. #info a {
  642. color:#0e412c;
  643. text-shadow: 0px 0px 10px #3d3e41;
  644. }
  645.  
  646. #info a:hover {
  647. color:transparent;}
  648.  
  649.  
  650.  
  651.  
  652.  
  653. #tags {
  654. width:250px;
  655. height: 25px;
  656. padding:10px;
  657. margin-top: 10px;
  658. font-size:7px;
  659. text-align:justify;
  660. font-family:arial;
  661. text-transform:uppercase;
  662. background:transparent;
  663. overflow: auto;
  664. border-bottom:1px solid #474747;
  665. }
  666.  
  667.  
  668. #tags a {
  669. font-family:consolas;
  670. font-size:8px;
  671. line-height:8pt;
  672. letter-spacing:0px;
  673. color:#222;
  674. text-shadow:0px 0px 7px #7f7f7f;
  675. text-decoration:none;
  676. text-transform:uppercase;
  677. letter-spacing:0px;
  678. text-align:center;
  679. display:inline-block;
  680. margin:1px 0px 3px 0px;
  681. -webkit-transition: all 0.4s ease-out;
  682. -moz-transition: all 0.4s ease-out;
  683. transition: all 0.4s ease-out;
  684. -moz-transition-duration: 0.4s;
  685. -webkit-transition-duration: 0.4s;
  686. -o-transition-duration: 0.4s;
  687. transition-duration: 0.4s; }
  688.  
  689.  
  690. #tags a:hover {
  691. color:#555;
  692. text-shadow:0px 0px 1px #777;
  693. -webkit-filter:none;
  694. -webkit-transition: all 0.6s ease-in-out;
  695. opacity:1;
  696. -webkit-transition: all 0.6s ease-in-out;
  697. -moz-transition: all 0.6s ease-in-out;
  698. -o-transition: all 0.6s ease-in-out;
  699. -ms-transition: all 0.6s ease-in-out;
  700. transition: all 0.6s ease-in-out;
  701. }
  702.  
  703.  
  704.  
  705. /* MISC 02. */
  706.  
  707.  
  708.  
  709. .note {
  710. text-transform:uppercase;
  711. font-style:normal;
  712. letter-spacing:0px;
  713. font-size: 10px;
  714. text-align:left;
  715. line-height:90%;
  716. margin-left:-40px;}
  717.  
  718. .note li {
  719. list-style-type:none;
  720. border-bottom:0px solid {color:border};
  721. padding:10px 25px 10px 25px;
  722. text-align:left;
  723. margin:0px;
  724. -moz-transition-duration:0.5s;
  725. -webkit-transition-duration:0.5s;
  726. -o-transition-duration:0.5s;}
  727.  
  728. .note img.avatar {
  729. margin-right: 10px;
  730. width: 16px;
  731. height: 16px;}
  732.  
  733.  
  734.  
  735. /* BASIC POP-UP DETAILS */
  736.  
  737.  
  738. .popup_block{
  739. display:none;
  740. background:#aaf5e1;
  741. padding:20px;
  742. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  743. float:left;
  744. position:fixed;
  745. top:50%;left:50%;
  746. z-index: 99999;
  747. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  748. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  749. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  750. }
  751.  
  752. *html #fade {position: absolute;}
  753. *html .popup_block {position: absolute;}
  754. #fade {
  755. display:none;
  756. position:fixed;
  757. left:0px;
  758. top:0px;
  759. width:100%;
  760. height:100%;
  761. z-index:9999;
  762. background:#000; /* change to #fff for solid white */
  763. opacity:0.7; /* change to opacity:1; */
  764. }
  765.  
  766. .popupnavlinks {
  767. padding-top:5px;
  768. text-align:center; }
  769.  
  770.  
  771. .popupnavlinks a {
  772. display:inline-block;
  773. width:90px; height:4px;
  774. margin:2px; padding:3px 6px 10px;
  775. text-align:center;
  776. background-image: url('');
  777. background:#c9d942;
  778. background-repeat:repeat;
  779. background-attachment:fixed;
  780. border-left: double 3px #000;
  781. border-top: double 3px #000;
  782. border-right: double 3px #000;
  783. border-bottom: double 3px #000;
  784. color:#fff;
  785. font-size:9px;
  786. font-family:calibri;
  787. text-shadow:1px 1px 0px #000,
  788. 1px -1px 0px #000,
  789. -1px -1px 0px #000,
  790. -1px 1px 0px #000,
  791. 0px 1px 0px #000,
  792. 0px -1px 0px #000,
  793. 1px 0px 0px #000,
  794. -1px 0px 0px #000;
  795. display: inline-block;
  796. cursor: pointer;
  797. }
  798.  
  799.  
  800.  
  801. .popupnavlinks a:hover {
  802. display:inline-block;
  803. letter-spacing:2px;
  804. border-radius: 46px 10px 58px 0px;
  805. -moz-border-radius: 46px 10px 58px 0px;
  806. -webkit-border-radius: 46px 10px 58px 0px;
  807. -moz-transition-duration: 0.4s;
  808. -webkit-transition-duration: 0.4s;
  809. -o-transition-duration: 0.4s;
  810. transition-duration: 0.4s;
  811. }}
  812.  
  813.  
  814.  
  815. .popupclose {
  816. float:right; top:0px; right:0px;
  817. margin-top:-10px; margin-right:-10px;
  818. font-family:'Scada', sans serif;
  819. font-size:10px;
  820. font-weight:bold }
  821.  
  822. .popupclose a {
  823. color:#aaa }
  824.  
  825. /* TOOLTIP DETAILS */
  826.  
  827.  
  828.  
  829. #s-m-t-tooltip{
  830. max-width:400px;
  831. margin:15px;
  832. padding:2px 8px;
  833. background: #1c0915;
  834. background-image:url('https://i.imgur.com/rU0tRWC.png');
  835. background-repeat:repeat;
  836. background-attachment:fixed;
  837. border-left: double 3px #000;
  838. border-top: double 3px #000;
  839. border-right: double 3px #000;
  840. border-bottom: double 3px #000;
  841. color:#5a674d;
  842. text-shadow:1px 1px 0px #000,
  843. 1px -1px 0px #000,
  844. -1px -1px 0px #000,
  845. -1px 1px 0px #000,
  846. 0px 1px 0px #000,
  847. 0px -1px 0px #000,
  848. 1px 0px 0px #000,
  849. -1px 0px 0px #000;
  850. z-index:99999999999999999999;
  851. font-size:9px;
  852. letter-spacing:2px;
  853. font-style:bold;
  854. letter-spacing:2px;
  855. font-family: calibri;
  856. text-transform:uppercase;
  857. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  858.  
  859. /*VERSES*/
  860.  
  861.  
  862. #ocehans1{
  863. height:14px;
  864. text-align:justify;
  865. overflow:auto;
  866. margin-top:-1px;
  867. border-bottom:3px solid #efefef;
  868. text-transform:uppercase;
  869. letter-spacing:1px;
  870. font-size:8px;
  871. line-height:10px;
  872. z-index:999999999999999999999;
  873. -webkit-transition: all 0.5s ease-in-out;
  874. -moz-transition: all 0.5s ease-in-out;
  875. -o-transition: all 0.5s ease-in-out;
  876. }
  877. #ocehans1:hover{
  878. height:100px;
  879. -webkit-transition: all 0.5s ease-in-out;
  880. -moz-transition: all 0.5s ease-in-out;
  881. -o-transition: all 0.5s ease-in-out;
  882. }
  883.  
  884. #ocehans2{
  885. height:14px;
  886. text-align:justify;
  887. overflow:auto;
  888. border-bottom:3px solid #efefef;
  889. text-transform:uppercase;
  890. background-color:;
  891. letter-spacing:1px;
  892. font-size;8px;
  893. line-height:13px;
  894. z-index:999999999999999999999;
  895. -webkit-transition: all 0.5s ease-in-out;
  896. -moz-transition: all 0.5s ease-in-out;
  897. -o-transition: all 0.5s ease-in-out;
  898. }
  899.  
  900. #ocehans2:hover{
  901. height:100px;
  902. -webkit-transition: all 0.5s ease-in-out;
  903. -moz-transition: all 0.5s ease-in-out;
  904. -o-transition: all 0.5s ease-in-out;
  905. }
  906.  
  907. #ocehans3{
  908. height:14px;
  909. text-align:justify;
  910. overflow:auto;
  911. border-bottom:3px solid #efefef;
  912. text-transform:uppercase;
  913. background-color:;
  914. letter-spacing:1px;
  915. font-size;8px;
  916. line-height:13px;
  917. z-index:999999999999999999999;
  918. -webkit-transition: all 0.5s ease-in-out;
  919. -moz-transition: all 0.5s ease-in-out;
  920. -o-transition: all 0.5s ease-in-out;
  921. }
  922.  
  923. #ocehans3:hover{
  924. height:100px;
  925. -webkit-transition: all 0.5s ease-in-out;
  926. -moz-transition: all 0.5s ease-in-out;
  927. -o-transition: all 0.5s ease-in-out;
  928. }
  929.  
  930. #ocehans4{
  931. height:14px;
  932. text-align:justify;
  933. overflow:auto;
  934. border-bottom:3px solid #efefef;
  935. text-transform:uppercase;
  936. background-color:;
  937. letter-spacing:1px;
  938. font-size;8px;
  939. line-height:13px;
  940. z-index:999999999999999999999;
  941. -webkit-transition: all 0.5s ease-in-out;
  942. -moz-transition: all 0.5s ease-in-out;
  943. -o-transition: all 0.5s ease-in-out;
  944. }
  945.  
  946. #ocehans4:hover{
  947. height:100px;
  948. -webkit-transition: all 0.5s ease-in-out;
  949. -moz-transition: all 0.5s ease-in-out;
  950. -o-transition: all 0.5s ease-in-out;
  951. }
  952.  
  953. #ocehans5{
  954. height:14px;
  955. text-align:justify;
  956. overflow:auto;
  957. border-bottom:0px solid #efefef;
  958. text-transform:uppercase;
  959. background-color:;
  960. letter-spacing:1px;
  961. font-size;8px;
  962. line-height:13px;
  963. z-index:999999999999999999999;
  964. -webkit-transition: all 0.5s ease-in-out;
  965. -moz-transition: all 0.5s ease-in-out;
  966. -o-transition: all 0.5s ease-in-out;
  967. }
  968.  
  969. #ocehans5:hover{
  970. height:100px;
  971. -webkit-transition: all 0.5s ease-in-out;
  972. -moz-transition: all 0.5s ease-in-out;
  973. -o-transition: all 0.5s ease-in-out;
  974. }
  975.  
  976. #ocehans{
  977. text-align:left;
  978. font-size:8px;
  979. text-transform:None;
  980. opacity: .8;
  981. position:fixed;
  982. font-family:calibri;
  983. left:570px;
  984. background-color:transparent;
  985. letter-spacing:1px;
  986. width:250px;
  987. z-index:9999;
  988. padding:4px;
  989. top:205px;
  990.  
  991. }
  992.  
  993.  
  994. /*CREDIT*/
  995.  
  996. .credit {
  997. position:fixed;
  998. text-shadow: 0px 0px 11px #fff;
  999. right:15px;
  1000. bottom:15px;
  1001. transform: rotate(0deg);
  1002. font-family: helvetica;
  1003. font-size: 14px; }
  1004.  
  1005.  
  1006. .credit a {
  1007. padding:10px;
  1008. color:#fff;
  1009. margin-right:0px;
  1010. -webkit-filter: blur(1px);
  1011. -webkit-transition: 0.8s ease-in;
  1012. -moz-transition: 1s ease-in;
  1013. transition: 1s ease-in;
  1014. }
  1015.  
  1016. .credit a:hover {
  1017. -webkit-transition: all 0.6s ease-in-out;
  1018. -moz-transition: all 0.6s ease-in-out;
  1019. -o-transition: all 0.6s ease-in-out;
  1020. -ms-transition: all 0.6s ease-in-out;
  1021. transition: all 0.6s ease-in-out;
  1022. color: #000000;
  1023. text-shadow: 2px 2px 2px #000000;
  1024. }
  1025.  
  1026. </style>
  1027.  
  1028. <body>
  1029.  
  1030.  
  1031.  
  1032. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/53/53959/2/parts.js"></script>
  1033.  
  1034.  
  1035. <div class="nav">
  1036. <a href="/" class="poplight third" title="ask">H</a>
  1037. <a href="/ask" class="poplight third" title="ask">A</a>
  1038. <a href="#?w=260" rel="box2" class="poplight third" title="rules">R</a>
  1039. <a href="#?w=260" rel="box3" class="poplight third" title="navigation">N</a>
  1040. <a href="#?w=260" rel="box4" class="poplight third" title="verses">V</a>
  1041. </div>
  1042.  
  1043.  
  1044. <div class="pagination">{block:Pagination}
  1045. {block:PreviousPage}<a href="{PreviousPage}" class="fourth">☚</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="fourth">☛</a>
  1046. {/block:NextPage}
  1047. {/block:Pagination}</div>
  1048.  
  1049. <div id="container">
  1050.  
  1051. {block:Posts}
  1052.  
  1053. <div class="posts">
  1054.  
  1055. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1056.  
  1057. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1058.  
  1059. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1060.  
  1061. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1062.  
  1063. {block:Quote}"{Quote}"{block:Source}{Source}{/block:Source}{/block:Quote}
  1064.  
  1065. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1066.  
  1067. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  1068. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  1069.  
  1070. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1071.  
  1072. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1073.  
  1074. {block:Answer}<div id="asker" style="margin-left:-5px;width:300px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1075.  
  1076.  
  1077. <!--
  1078. INFO AND SYMBOLS
  1079. -->
  1080.  
  1081. <div id="infobox">
  1082. <div id="info">
  1083. <br>
  1084.  
  1085. &nbsp; &nbsp;
  1086.  
  1087.  
  1088. {block:Date}
  1089. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #5a674d;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ☪ </a>
  1090. {/block:Date}
  1091.  
  1092.  
  1093. {block:RebloggedFrom}
  1094. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-25px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ☄ </a>
  1095. {/block:RebloggedFrom}
  1096.  
  1097.  
  1098. {block:ContentSource}
  1099. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:20px; font-size:22px;opacity:0.7" title=" source. {SourceTitle} "> ✶</a>
  1100. {/block:ContentSource}
  1101.  
  1102.  
  1103. <a href="{Permalink}" style=style="position:absolute; margin-left:-10px; margin-top:0px; font-size:34px;line-height:100%; width:30px;opacity:1" title=" {NoteCount} notes "> ✱ </a>
  1104.  
  1105.  
  1106. <a href="{ReblogURL}" style="position:absolute; margin-left:-25px; margin-top:5px; font-size:10px;opacity:0.6" title="reblog"> ☀ </a>
  1107.  
  1108.  
  1109. <br>
  1110.  
  1111.  
  1112. <!--
  1113. INFO AND SYMBOLS ENDS
  1114. -->
  1115.  
  1116.  
  1117. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1118.  
  1119. <br><br><br><br>
  1120.  
  1121. {/block:Posts}
  1122. <div class="note">
  1123. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1124. </div></div>
  1125.  
  1126. {/block:Posts}
  1127.  
  1128. </div>
  1129. </body>
  1130.  
  1131. <div class="sidebox">
  1132. <h4>Owes</h4>
  1133. <center>
  1134. <b>Starters:</b> 00 || <b>Drafts:</b> 00 || <b>Memes:</b> 00
  1135. </center>
  1136. </div>
  1137.  
  1138. <!--
  1139. ♛ POP UP PAGES !!!
  1140. -->
  1141.  
  1142.  
  1143. <div id="box2" class="popup_block">
  1144.  
  1145. <div style="width:auto;height:425px;overflow:auto;padding:5px;">
  1146.  
  1147.  
  1148. <h1>GUIDELINES</h1>
  1149.  
  1150.  
  1151. RULES RULES RULES RULES
  1152.  
  1153. </div>
  1154. </div>
  1155.  
  1156.  
  1157. <div id="box3" class="popup_block">
  1158.  
  1159. <div style="width:auto;height:425px;overflow:auto;padding:5px;">
  1160.  
  1161. <center>
  1162.  
  1163. <h1>NAVIGATION</h1>
  1164.  
  1165.  
  1166. <div class="popupnavlinks">
  1167. <a href="/tagged/whatever">LINK</a>
  1168. <a href="/tagged/whatever">LINK</a>
  1169. <br>
  1170. <a href="/tagged/whatever">LINK</a>
  1171. <a href="/tagged/whatever">LINK</a>
  1172. <br>
  1173. <a href="/tagged/whatever">LINK</a>
  1174. <a href="/tagged/whatever">LINK</a>
  1175. <br>
  1176. <a href="/tagged/whatever">LINK</a>
  1177. <a href="/tagged/whatever">LINK</a>
  1178. <br>
  1179. <a href="/tagged/whatever">LINK</a>
  1180. <a href="/tagged/whatever">LINK</a>
  1181. <br>
  1182. <a href="/tagged/whatever">LINK</a>
  1183. <a href="/tagged/whatever">LINK</a>
  1184. <br>
  1185. <a href="/tagged/whatever">LINK</a>
  1186. <a href="/tagged/whatever">LINK</a>
  1187.  
  1188.  
  1189. <br><br><br>
  1190.  
  1191.  
  1192. </div>
  1193.  
  1194. </div></div>
  1195.  
  1196. <!--
  1197. VERSES STARTS
  1198. -->
  1199.  
  1200. <div id="box4" class="popup_block">
  1201. <div style="width:auto; height: 425px; overflow:auto;padding:5px;">
  1202.  
  1203. <H4>Verses</H4>
  1204.  
  1205. <div id="ocehans">
  1206. <center>
  1207. <div id="ocehans1">
  1208. <div style="font-size:11px;">CANON</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:justify; color:#b9b9b9; width: 250px;">
  1209. <br>
  1210. In this verse, everything that happened in the tv show is how I write my character. The bright personality, the twist to the dark side and of course, we can't forget the redemption story as well. Allison is truely a great character and it's such a shame that she was twisted and warped into something evil by her grandfather and aunt. But also, let's talk about how awesome Kate is as La Loba. I kind of do like her character.
  1211. <p></p>
  1212. </div>
  1213. </div>
  1214.  
  1215. <div id="ocehans2">
  1216. <div style="font-size:11px;">AU</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:justify; color:#b9b9b9; width: 250px;">
  1217. <br>
  1218. TEXT GOES HERE<br>
  1219. TEXT GOES HERE<br>
  1220. TEXT GOES HERE<br>
  1221. <p></p>
  1222. </div></div>
  1223.  
  1224. <div id="ocehans3">
  1225. <div style="font-size:11px;">VERSE 3</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:justify; color:#b9b9b9; width: 250px;">
  1226. <br>
  1227. TEXT GOES HERE<br>
  1228. TEXT GOES HERE<br>
  1229. TEXT GOES HERE<br>
  1230. <p></p>
  1231. </div>
  1232. </div>
  1233.  
  1234. <div id="ocehans4">
  1235. <div style="font-size:11px;">VERSE 4</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:justify; color:#b9b9b9; width: 250px;">
  1236. <br>
  1237. TEXT GOES HERE<br>
  1238. TEXT GOES HERE<br>
  1239. TEXT GOES HERE<br>
  1240. <p></p>
  1241. </div></div>
  1242.  
  1243. <div id="ocehans5">
  1244. <div style="font-size:11px;">VERSE 5</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:10px; line-height:10px; text-align:justify; color:#b9b9b9;width: 250px;">
  1245. <br>
  1246. TEXT GOES HERE<br>
  1247. TEXT GOES HERE<br>
  1248. TEXT GOES HERE<br>
  1249. <p></p>
  1250. </div></div>
  1251. </div></div></div></div>
  1252.  
  1253. </div>
  1254. </div>
  1255.  
  1256. <!--
  1257. VERSES ENDS
  1258. -->
  1259.  
  1260. <div class="credit">
  1261. <a href="http://starxbcrn.tumblr.com/" title="starxbcrn">C.</a>
  1262. </div>
  1263. </html>
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!