API tools faq
paste
Advertisement
bbrose

Always Wright [Custom Theme]

bbrose
Apr 30th, 2017
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.99 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!--Always WRIGHT // Custom Theme #1 by Yang Wolf-->
  12.  
  13. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <!---POP UP ASK BOX--->
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78. <!---END--->
  79.  
  80.  
  81. <!---COLORS--->
  82.  
  83. <meta name="color:background" content="#adadad">
  84. <meta name="color:links" content="#9d2e4c">
  85. <meta name="color:links hover" content="#ffffff">
  86. <meta name="color:text" content="#b00000">
  87. <meta name="color:blockquote" content="#a77dc2">
  88. <meta name="color:blockquotetext" content="#c28ce5">
  89. <meta name="color:strikethrough" content="#f2992e">
  90. <meta name="color:strike shadow" content="#000000">
  91. <meta name="color:header1" content="#2b23cc">
  92. <meta name="color:header 1 shadow" content="#000000">
  93. <meta name="color:header2" content="#ff44dd">
  94. <meta name="color:header 2 shadow" content="#000000">
  95. <meta name="color:small" content="#ffffff">
  96. <meta name="color:small shadow" content="#000000">
  97. <meta name="color:bold" content="#ffa781">
  98. <meta name="color:bold shadow" content="#000000">
  99. <meta name="color:italic" content="#d7d42b">
  100. <meta name="color:italic shadow" content="#000000">
  101. <meta name="color:ask text" content="#000000">
  102. <meta name="color:askbg" content="#c0bdbd">
  103. <meta name="color:ask border" content="#000000">
  104. <meta name="color:info text" content="#890000">
  105. <meta name="color:info hover" content="#ffffff">
  106. <meta name="color:info bg" content="#2b2b2b">
  107. <meta name="color:info border" content="#000000">
  108. <meta name="color:tags" content="#000000">
  109. <meta name="color:tags hover" content="#f2992e">
  110. <meta name="color:credit" content="#000000">
  111.  
  112. <!---IMAGES--->
  113.  
  114. <meta name="image:background" content="http://static.tumblr.com/jhua2co/Ufxop9457/alwayswright.png"/>
  115. <meta name="image:info" content="http://static.tumblr.com/jhua2co/a1kop94bp/a32dd4af6e118e090626eacc471.jpg"/>
  116. <meta name="image:ask" content="http://static.tumblr.com/jhua2co/7rvop94ej/y4g7bj.jpg"/>
  117. <meta name="image:pop" content="http://static.tumblr.com/jhua2co/j7top94f1/6ddpvwc.jpg"/>
  118. <meta name="image:tip" content="http://static.tumblr.com/jhua2co/sgYop94dh/ecig-14331.jpg"/>
  119. <meta name="image:quote" content="http://static.tumblr.com/jhua2co/a1kop94bp/a32dd4af6e118e090626eacc471.jpg"/>
  120. <meta name="image:credit" content="http://static.tumblr.com/jhua2co/76colu2s1/txt1.jpg"/>
  121. <meta name="image:banner" content="http://static.tumblr.com/jhua2co/7rvop94ej/y4g7bj.jpg"/>
  122.  
  123. <!---CUSTOM FONTS--->
  124. <!---if you don't want these fonts, feel free to change and replace them~ --->
  125.  
  126. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  127. <link href='https://fonts.googleapis.com/css?family=Arima+Madurai' rel='stylesheet' type='text/css'>
  128. <link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet" type="text/css">
  129. <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
  130. <link href="http://fonts.googleapis.com/css?family=Flamenco" rel="stylesheet" type="text/css">
  131. <link href="http://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet" type="text/css">
  132. <link href="http://fonts.googleapis.com/css?family=Mirza" rel="stylesheet" type="text/css">
  133. <link href="http://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" type="text/css">
  134. <link href="http://fonts.googleapis.com/css?family=Coda" rel="stylesheet" type="text/css">
  135. <link href="http://fonts.googleapis.com/css?family=Kelly+Slab" rel="stylesheet" type="text/css">
  136. <link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  137. <link href="http://fonts.googleapis.com/css?family=Crushed" rel="stylesheet" type="text/css">
  138. <link href="http://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet" type="text/css">
  139. <link href="http://fonts.googleapis.com/css?family=Marvel" rel="stylesheet" type="text/css">
  140. <link href="http://fonts.googleapis.com/css?family=Damion" rel="stylesheet" type="text/css">
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145. ::-webkit-scrollbar-thumb{
  146. background-color: transparent;
  147. border-radius:0px;
  148. height:auto;
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. height:auto;
  153. width:4px;
  154. border: 1px transparent;
  155. border-radius:0px;
  156. }
  157.  
  158. *,body, a:hover {cursor: url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  159.  
  160. body {
  161. background-color:{color:background};
  162. background-image: url("{image:background}"); /*can be changed, if you want to use a link instead, just delete {image:background} */
  163. font-family:'Passion One';
  164. background-position: top left;
  165. background-repeat: no-repeat;
  166. background-attachment: fixed;
  167. font-size:23px;
  168. color:{color:text};
  169. }
  170.  
  171. a {
  172. color:{color:links};
  173. text-decoration:none;
  174. }
  175.  
  176. a:hover {
  177. color:{color:links hover};
  178. }
  179.  
  180. b, strong {
  181. color:{color:bold};
  182. text-shadow: 1px 1px 1px {color:bold shadow}; /*optional! If you don't want shadows, just delete this line!*/
  183. font-size:24px;
  184. font-family: 'Crushed';
  185. }
  186.  
  187. i, em {
  188. color:{color:italic};
  189. text-shadow: 1px 1px 1px {color:italic shadow}; /*optional! If you don't want shadows, just delete this line!*/
  190. font-size:24px;
  191. font-family:'Marvel';
  192. }
  193.  
  194. strike, strikethrough {
  195. color:{color:strikethrough};
  196. text-shadow: 1px 1px 1px {color:strike shadow}; /*optional! If you don't want shadows, just delete this line!*/
  197. font-size:16px;
  198. font-family:'Flamenco';
  199. }
  200.  
  201. small, sub, sup {
  202. color:{color:small};
  203. text-shadow: 1px 1px 1px {color:small shadow}; /*optional! If you don't want shadows, just delete this line!*/
  204. font-size:13px;
  205. font-family:'Coda';
  206. }
  207.  
  208. h1 {
  209. font-size: 30px;
  210. color: {color:header1};
  211. text-shadow: 1px 1px 1px {color:header 1 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  212. font-family: 'Damion';
  213. }
  214.  
  215. h2 {
  216. font-family:'Mirza';
  217. font-size:30px;
  218. color: {color:header2};
  219. text-shadow: 1px 1px 1px {color:header 2 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  220. text-align:center;
  221. line-height:25px;
  222. padding:0 6px 0 6px;
  223. }
  224.  
  225.  
  226. h3 {
  227. font-size: 30px;
  228. color: {color:link};
  229. text-shadow: 1px 1px 1px {color:header 1 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  230. font-family: 'Coming Soon';
  231. text-transform: uppercase;
  232. }
  233.  
  234.  
  235. h4 {
  236. background-image: url("{image:banner}");
  237. background-repeat: repeat;
  238. background-attachment: fixed;
  239. border-left: solid 1px #9b9b9b;
  240. border-top: solid 1px #9b9b9b;
  241. border-right: solid 1px #9b9b9b;
  242. border-bottom: solid 1px #9b9b9b;
  243. padding:1px;
  244. color:#e6e6e6;
  245. text-shadow:1px 1px 0px #000,
  246. 1px -1px 0px #000,
  247. -1px -1px 0px #000,
  248. -1px 1px 0px #000,
  249. 0px 1px 0px #000,
  250. 0px -1px 0px #000,
  251. 1px 0px 0px #000,
  252. -1px 0px 0px #000;
  253. font-size:20px;
  254. font-family:'Dancing Script';
  255. text-transform:none;
  256. letter-spacing:1px;
  257. text-align:center;}
  258.  
  259.  
  260. blockquote {
  261. padding:2px 7px;
  262. margin:3px 0 3px 8px;
  263. font-size:15px;
  264. border-left: solid 3px {color:blockquote};
  265. color:{color:blockquotetext};
  266. text-shadow: 1px 1px 1px #000;
  267. font-family:'Arima Madurai';
  268. border-radius: 10px 0px 0px 10px;
  269. -moz-border-radius: 10px 0px 0px 10px;
  270. -webkit-border-radius: 10px 0px 0px 10px;
  271. }
  272.  
  273. blockquote img {
  274. max-width:100%;
  275. height:auto;
  276. }
  277.  
  278. img {
  279. max-width: 100%;
  280. }
  281.  
  282. #container {
  283. position:absolute;
  284. top:90px;
  285. left:564px;
  286. /* If you want a border, just add 'border: _px solid #color;' */
  287. height:340px;
  288. width:525px;
  289. word-wrap: break-word;
  290. z-index:999;
  291. overflow-y:scroll;
  292. background:transparent;
  293. opacity:0.2;
  294. }
  295.  
  296. #container:hover {
  297. opacity:1;
  298. transition: opacity .7s ease-in-out;
  299. -moz-transition: opacity .7s ease-in-out;
  300. -webkit-transition: opacity .7s ease-in-out;
  301. }
  302.  
  303. .posts {
  304. width:500px;
  305. padding:10px;
  306. margin-bottom:30px;
  307. }
  308.  
  309. #hoverbox {
  310. position:fixed;
  311. top:125px;
  312. left:1100px;
  313. }
  314.  
  315. #hovercontent {
  316. margin-top:10px;
  317. width:230px;
  318. height:320px;
  319. color:{color:text};
  320. opacity:0;
  321. overflow-y:scroll;
  322. }
  323.  
  324. #hoverbox:hover #hovercontent {
  325. opacity:1;
  326. -webkit-transition: all 0.7s ease;
  327. -moz-transition: all 0.7s ease;
  328. -o-transition: all 0.7s ease;
  329. }
  330.  
  331. #hovertitle {
  332. font-size: 30px;
  333. line-height: 1px;
  334. letter-spacing:2px;
  335. font-family:'Yellowtail';
  336. color: #8f97aa;
  337. text-align:center;
  338. }
  339.  
  340. .links {
  341. position: fixed;
  342. font-style:none;
  343. top: 420px;
  344. left: 470px;
  345. word-spacing:30px;
  346. line-height: 850%;
  347. transform:rotate(15deg);
  348. text-align: left;
  349. width: auto;
  350. margin-right: auto;
  351. z-index:9;
  352. }
  353.  
  354. .links a {
  355. font-family: 'Kelly Slab';
  356. text-transform:none;
  357. letter-spacing:-2px;
  358. font-style:none;
  359. padding-left: 0px;
  360. font-size: 120px;
  361. line-height:80%;
  362. color: #045fb4;
  363. text-shadow: 0px 0px 8px #fff;
  364. opacity:1;
  365. -webkit-transition:all .1s ease-in-out;
  366. -moz-transition:all .1s ease-in-out;
  367. transition:all .1s ease-in-out;
  368.  
  369.  
  370. }
  371.  
  372.  
  373.  
  374. .links a:hover {
  375. text-decoration:none;
  376. color: {color:navigation hover};
  377. opacity:1;
  378. -webkit-transition:all .1s ease-in-out;
  379. -moz-transition:all .1s ease-in-out;
  380. transition:all .1s ease-in-out;
  381. }
  382.  
  383.  
  384.  
  385. .links1 {
  386. position: fixed;
  387. font-style:none;
  388. top: 360px;
  389. left: 475px;
  390. font-size: 2px;
  391. word-spacing:30px;
  392. line-height: 850%;
  393. transform:rotate(0deg);
  394. text-align: left;
  395. width: auto;
  396. margin-right: auto;
  397.  
  398. }
  399.  
  400. .links1 a {
  401. font-family: 'Kelly Slab';
  402. text-transform:none;
  403. letter-spacing:-2px;
  404. font-style:none;
  405. padding-left: 0px;
  406. font-size: 80px;
  407. line-height:80%;
  408. color: #045fb4;
  409. text-shadow: 0px 0px 8px #fff;
  410. opacity:1;
  411. -webkit-transition:all .1s ease-in-out;
  412. -moz-transition:all .1s ease-in-out;
  413. transition:all .1s ease-in-out;
  414.  
  415.  
  416. }
  417.  
  418. .links1 a:hover {
  419. text-decoration:none;
  420. color: {color:navigation hover};
  421. opacity:1;
  422. -webkit-transition:all .1s ease-in-out;
  423. -moz-transition:all .1s ease-in-out;
  424. transition:all .1s ease-in-out;
  425. }
  426.  
  427.  
  428.  
  429.  
  430. .links2 {
  431. position: fixed;
  432. font-style:none;
  433. top: 445px;
  434. left: 600px;
  435. font-size: 2px;
  436. word-spacing:30px;
  437. line-height: 850%;
  438. transform:rotate(-15deg);
  439. text-align: left;
  440. width: auto;
  441. margin-right: auto;
  442. }
  443.  
  444. .links2 a {
  445. font-family: 'Kelly Slab';
  446. text-transform:none;
  447. letter-spacing:0px;
  448. font-style:none;
  449. padding-left: 0px;
  450. font-size: 70px;
  451. line-height:80%;
  452. color: #045fb4;
  453. text-shadow: 0px 0px 8px #fff;
  454. opacity:1;
  455. -webkit-transition:all .1s ease-in-out;
  456. -moz-transition:all .1s ease-in-out;
  457. transition:all .1s ease-in-out;
  458.  
  459.  
  460. }
  461.  
  462. .links2 a:hover {
  463. color: {color:navigation hover};
  464. text-decoration:none;
  465. opacity:1;
  466. -webkit-transition:all .1s ease-in-out;
  467. -moz-transition:all .1s ease-in-out;
  468. transition:all .1s ease-in-out;
  469. }
  470.  
  471. .links3 {
  472. position: fixed;
  473. font-style:none;
  474. top: 30px;
  475. left: 1000px;
  476. font-size: 2px;
  477. word-spacing:30px;
  478. line-height: 850%;
  479. transform:rotate(-40deg);
  480. text-align: left;
  481. width: auto;
  482. margin-right: auto;
  483. }
  484.  
  485. .links3 a {
  486. font-family: 'Kelly Slab';
  487. text-transform:none;
  488. letter-spacing:0px;
  489. font-style:none;
  490. padding-left: 0px;
  491. font-size: 80px;
  492. line-height:80%;
  493. color: #fff;
  494. text-shadow: 0px 0px 8px #045fb4;
  495. opacity:1;
  496. -webkit-transition:all .1s ease-in-out;
  497. -moz-transition:all .1s ease-in-out;
  498. transition:all .1s ease-in-out;
  499.  
  500.  
  501. }
  502.  
  503. .links3 a:hover {
  504. color: {color:navigation hover};
  505. text-decoration:none;
  506. opacity:1;
  507. -webkit-transition:all .1s ease-in-out;
  508. -moz-transition:all .1s ease-in-out;
  509. transition:all .1s ease-in-out;
  510. }
  511.  
  512.  
  513. .links4 {
  514. position: fixed;
  515. font-style:none;
  516. top: 80px;
  517. left: 1100px;
  518. font-size: 2px;
  519. word-spacing:30px;
  520. transform:rotate(30deg);
  521. line-height: 850%;
  522. text-align: left;
  523. width: auto;
  524. margin-right: auto;
  525. }
  526.  
  527. .links4 a {
  528. font-family: 'Kelly Slab';
  529. text-transform: none;
  530. letter-spacing:0px;
  531. font-style:none;
  532. padding-left: 0px;
  533. font-size: 70px;
  534. line-height:80%;
  535. color: #fff;
  536. text-shadow: 0px 0px 8px #045fb4;
  537. opacity:1;
  538. -webkit-transition:all .1s ease-in-out;
  539. -moz-transition:all .1s ease-in-out;
  540. transition:all .1s ease-in-out;
  541.  
  542.  
  543. }
  544.  
  545. .links4 a:hover {
  546. color: {color:navigation hover};
  547. text-decoration:none;
  548. opacity:1;
  549. -webkit-transition:all .1s ease-in-out;
  550. -moz-transition:all .1s ease-in-out;
  551. transition:all .1s ease-in-out;
  552. }
  553.  
  554. .links5 {
  555. position: fixed;
  556. font-style:none;
  557. top: 10px;
  558. left: 1050px;
  559. font-size: 2px;
  560. word-spacing:30px;
  561. transform:rotate(-30deg);
  562. line-height: 850%;
  563. text-align: left;
  564. width: auto;
  565. margin-right: auto;
  566. }
  567.  
  568. .links5 a {
  569. font-family: 'Kelly Slab';
  570. text-transform: none;
  571. letter-spacing:0px;
  572. font-style:none;
  573. padding-left: 0px;
  574. font-size: 100px;
  575. line-height:80%;
  576. color: #fff;
  577. text-shadow: 0px 0px 8px #045fb4;
  578. opacity:1;
  579. -webkit-transition:all .1s ease-in-out;
  580. -moz-transition:all .1s ease-in-out;
  581. transition:all .1s ease-in-out;
  582.  
  583.  
  584. }
  585.  
  586. .links5 a:hover {
  587. color: {color:navigation hover};
  588. text-decoration:none;
  589. opacity:1;
  590. -webkit-transition:all .1s ease-in-out;
  591. -moz-transition:all .1s ease-in-out;
  592. transition:all .1s ease-in-out;
  593. }
  594.  
  595.  
  596. #credit {
  597. bottom:10px;
  598. left:10px;
  599. font-size:15px;
  600. position:fixed;
  601. color: {color:credit};
  602. text-shadow: 0px 0px 8px #fff;
  603. font-family:'Marvel';
  604. border: 1px solid #000;
  605. padding:3px 7px 3px 8px;
  606. background-color:{color:background};
  607. background-image:url("{image:credit}");
  608. text-transform:none;
  609. z-index:999999999999;
  610. letter-spacing:2px;
  611. }
  612.  
  613. #s-m-t-tooltip {
  614. max-width:300px;
  615. padding:3px 7px 3px 8px;
  616. margin:-20px 0px 0px 20px;
  617. background-color:{color:background};
  618. background-image:url("http://static.tumblr.com/jhua2co/cDnoihunq/01.jpg"); /* remove link and replace with "{image:tip}" if you don't want a gif */
  619. background-repeat:repeat;
  620. background-attachment:fixed;
  621. border:1px solid #000000;
  622. color:#000000;
  623. font-size:13px;
  624. font-family:'Oswald';
  625. text-transform:none;
  626. z-index:999999999999;
  627. letter-spacing:2px;
  628. }
  629.  
  630. .asker {
  631. text-transform:none;
  632. font-family: 'Fredericka the Great', cursive;
  633. padding-top:5px;
  634. max-width:380px;
  635. margin-top:0px;
  636. font-size:35px;
  637. margin-left:9px;
  638. }
  639.  
  640. #asker a{
  641. color: {color:bold};
  642. font-family: 'Lobster Two', cursive;
  643. letter-spacing: 1px;
  644. font-size:20px;
  645. text-shadow: 1px 1px 1px {color:bold shadow};
  646. }
  647.  
  648. #asker a:hover {
  649. color: {color:links hover};
  650. letter-spacing: 1px;
  651. }
  652.  
  653. .askeru {
  654. margin-top:-5px;
  655. margin-left:50px;
  656. text-transform:none;
  657. font-size:30px; }
  658.  
  659. #ask {
  660. font-family: 'Yellowtail', serif;
  661. font-size:20px;
  662. text-align:center;
  663. padding-top: 5px;
  664. margin-left:5px;
  665. text-transform:auto;
  666. line-height:190%;
  667. padding:8px;
  668. background:url("{image:ask}");
  669. background-repeat:repeat;
  670. background-attachment:fixed;
  671. color:{color:ask text};
  672. text-shadow: 1px 1px 1px {color:bold shadow};
  673. text-transform: none;
  674. border:1px {color:ask border} solid;
  675. }
  676.  
  677. .ans {
  678. text-align:left;
  679. padding:10px;
  680.  
  681. }
  682.  
  683. .quotemarkleft {
  684. font-size: 80px;
  685. font-family: 'Fredericka the Great';
  686. font-weight: bold;
  687. line-height: 100px;
  688. position: relative;
  689. margin: 0px 0 -70px 30px;
  690. color: {color:small};
  691. opacity: 0.9;
  692. }
  693.  
  694. .quotemarkright {
  695. font-family: 'Fredericka the Great';
  696. font-size: 80px;
  697. font-weight: bold;
  698. padding-right: 0px;
  699. line-height: 30px;
  700. text-align: right;
  701. position: relative;
  702. margin:0 30px 0 -10px;
  703. color: {color:small};
  704. opacity: 0.97;
  705. }
  706.  
  707.  
  708. #quote {
  709. background:url("{image:quote}");
  710. background-repeat:repeat;
  711. background-attachment:fixed;
  712. font-family:'Risque';
  713. color:{color:ask text};
  714. font-size:12px;
  715. text-align:center;
  716. line-height:200%;
  717. padding:5px;
  718. padding-top:12px;
  719. padding-bottom:8px;
  720. }
  721.  
  722. .qsource{
  723. padding-top:3px;
  724. padding-bottom:1px;
  725. font-family:'Risque';
  726. font-size:15px;
  727. text-align:right;
  728. }
  729.  
  730. .pagination {
  731. top: 65px;
  732. left: 700px;
  733. position: fixed;
  734. text-align: left;
  735. letter-spacing:1px;
  736. text-transform:none;
  737.  
  738. }
  739.  
  740. .pagination a {
  741. color: {color:link};
  742. text-transform:none;
  743. font-family:'Lobster Two';
  744. letter-spacing:0px;
  745. font-size:16px;
  746. }
  747.  
  748. .pagination a:hover{
  749. color:{color:link hover};
  750. -webkit-transition:all .5s ease-in-out;
  751. -moz-transition:all .5s ease-in-out;
  752. transition:all .5s ease-in-out;
  753. }
  754.  
  755. .note {
  756. text-transform:none;
  757. word-wrap: break-word;
  758. font-style:normal;
  759. letter-spacing:0px;
  760. width: 250px;
  761. font-size: 12px;
  762. text-align:left;
  763. line-height:90%;
  764. margin-left:-10px;
  765. }
  766.  
  767. .note li {
  768. list-style-type:none;
  769. padding:10px 25px 10px 25px;
  770. text-align:left;
  771. margin:0px;
  772. -moz-transition-duration:0.5s;
  773. -webkit-transition-duration:0.5s;
  774. -o-transition-duration:0.5s;
  775. }
  776.  
  777. #info {
  778. font-family: 'Pompiere';
  779. width:490px;
  780. height:auto;
  781. margin-top:5px;
  782. padding-top:5px;
  783. margin-left:auto;
  784. margin-right:auto;
  785. padding-top:7px;
  786. font-size:25px;
  787. color:{color:info text};
  788. text-transform:none;
  789. letter-spacing:1px;
  790. font-style:normal;
  791. text-align:center;
  792. padding:4px;
  793. background-image:url("{image:info}"); /* remove link and replace with "{image:info}" if you don't want a gif */
  794. background-repeat:repeat;
  795. background-attachment:fixed;
  796. border:solid {color:info border} 1px;
  797. }
  798.  
  799.  
  800. #info a {
  801. color:{color:info text};
  802. }
  803.  
  804. #info a:hover {
  805. color:{color:info hover};
  806. margin-right: auto;
  807. -webkit-transition:all .1s ease-in-out;
  808. -moz-transition:all .1s ease-in-out;
  809. }
  810.  
  811.  
  812. .tags {
  813. text-align:center;
  814. }
  815.  
  816. .tags a {
  817. text-decoration:none;
  818. font-size: 14px;
  819. color:{color:tags};
  820. font-family:arial;
  821. }
  822.  
  823. .tags a:hover {
  824. color:#ffffff;
  825. }
  826.  
  827. .popup_block {
  828. text-align:justify;
  829. width: 200px;
  830. max-height: 300px;
  831. overflow-y:scroll;
  832. overflow-x:hidden;
  833. display:none;
  834. background:url('{image:pop}');
  835. padding:20px;
  836. float:left;
  837. position:fixed;
  838. top:50%;left:50%;
  839. z-index: 99999;
  840. -webkit-box-shadow: 0px 0px 20px #000;
  841. -moz-box-shadow: 0px 0px 20px #000;
  842. box-shadow: 0px 0px 20px #000;
  843. }
  844.  
  845. *html #fade {position: absolute;}
  846. *html .popup_block {position: absolute;}
  847. #fade {
  848. display:none;
  849. position:fixed;
  850. left:0px;
  851. top:0px;
  852. width:100%;
  853. height:100%;
  854. z-index:9999;
  855. background:#000;
  856. opacity:0.5;
  857. }
  858.  
  859.  
  860. </style>
  861.  
  862. <body>
  863.  
  864. <div id="sidebar">
  865. <div class="links"><a href="/" title="refresh">✦</a></div>
  866. <div class="links1"><a href="#?w=500" rel="askbox" class="poplight" title="ask">✶</a></div>
  867. <div class="links2"><a href="#?w=250" rel="box2" class="poplight" title="link 1">★</a></div>
  868. <div class="links3"><a href="#?w=250" rel="box3" class="poplight" title="link 2">✧</a></div>
  869. <div class="links4"><a href="#?w=250" rel="box4" class="poplight" title="link 3">✩</a></div>
  870. <div class="links5"><a href="#?w=250" rel="box5" class="poplight" title="link 4">✵</a></div>
  871. </div>
  872. </div>
  873.  
  874. <div id="credit"><a href="http://yangxtbh.tumblr.com/" title="yangxtbh">THEMED BY YANG</a></div>
  875.  
  876. <div class="pagination">
  877.  
  878. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page">prev</a>{/block:PreviousPage} &nbsp;&nbsp; / &nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" title="next page">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  879. </div></div></div>
  880.  
  881. </div>
  882.  
  883. <div id="askbox" class="popup_block">
  884. <h1>Ask Title Here.</h1>
  885. <br>
  886. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="http://www.tumblr.com/ask_form/{url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  887. </center></div>
  888. </div>
  889.  
  890. </div></div></div></div></div></div></div></div></div></div>
  891.  
  892. </div>
  893.  
  894. <div id="hoverbox">
  895. <div id="hovertitle">Updates</div>
  896. <div id="hovercontent">
  897. <h4>Quote/Title/Whatever Here</h4>
  898. <center><small>This is your updates box!! Fill it in as long as you want! You can add or remove sections if you'd like!</small></center>
  899. <h4>Quote/Title/Whatever Here</h4>
  900. <center><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small></center>
  901. <h4>Quote/Title/Whatever Here</h4>
  902. <center><small>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small></center>
  903. </div>
  904. </div>
  905.  
  906. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  907. <div id="box2" class="popup_block">
  908. <h1>PAGE TITLE HERE.</h1>
  909. <h4>Sub Category Title</h4>
  910. <small><li>This is your rules page!! Or, whatever you want it to be!! Fill it in as long as you want! You can add or remove sections if you'd like!</small>
  911. <h4>Sub Category Title</h4>
  912. <small><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.</small>
  913. <h4>Sub Category Title</h4>
  914. <small><li>In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.</small>
  915. <h4>Sub Category Title</h4>
  916. <small><li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis.</small>
  917. <h4>Sub Category Title</h4>
  918. <small><li>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.</small>
  919. <h4>Sub Category Title</h4>
  920. <small><li>Praesent ultricies suscipit tempus. Sed euismod vestibulum aliquet. Mauris non magna massa. Nam eget ipsum ac dui iaculis ultrices non at eros. Sed pulvinar sem iaculis viverra hendrerit. Aliquam ut velit et ex varius tristique eget nec est. Aenean interdum lobortis arcu vitae semper.</small>
  921. </div>
  922. </div>
  923. <!--END OF BOX -->
  924.  
  925.  
  926. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  927. <div id="box3" class="popup_block">
  928. <h1>PAGE TITLE HERE.</h1>
  929. <h4>Title/Quote/Whatever you want here.</h4>
  930. <blockquote>This is your about page!! Or whatever you want it to be!! Fill it in as long as you want!! </blockquote>
  931. <h4>Title/Quote/Whatever you want here.</h4>
  932. <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.
  933. <br><br>
  934. In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.
  935. </blockquote>
  936. <h4>Title/Quote/Whatever you want here.</h4>
  937. <blockquote>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis. Donec egestas hendrerit interdum. Curabitur pretium leo a libero posuere aliquam. Ut sed metus ut dui finibus varius. Sed odio tellus, porttitor non auctor at, commodo at est. Maecenas libero arcu, ultrices et mi sed, suscipit placerat risus.</blockquote>
  938. <h4>Title/Quote/Whatever you want here.</h4>
  939. <blockquote>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.
  940. </blockquote>
  941. </div>
  942. </div>
  943. <!--END OF BOX -->
  944.  
  945. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  946. <div id="box4" class="popup_block">
  947. <h1>PAGE TITLE HERE.</h1>
  948. <blockquote><small>This is your stats page! Fill in with your muse's name, age, birthday, relationships, everything basically~ Or this page can be whatever you want it to be!!</small></blockquote>
  949. </div>
  950. </div>
  951. <!--END OF BOX -->
  952.  
  953. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  954. <div id="box5" class="popup_block">
  955. <h1>PAGE TITLE HERE.</h1>
  956. <center><small>Here's an extra page!! Fill it in with whatever you want!!</small></center>
  957. </div>
  958. </div>
  959. <!--END OF BOX -->
  960.  
  961. <div id="container">
  962.  
  963. {block:Posts}
  964.  
  965. <div class="posts">
  966.  
  967. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  968.  
  969. {block:Photo}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  970.  
  971. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  972.  
  973. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  974.  
  975. {block:Quote}<div id="quote"><h1>❝ {Quote} ❞</h1>{block:Source}<br><br> <div style="text-align: right;"><h3>━ {Source}</h3></div></div>{/block:Source}{/block:Quote}
  976.  
  977. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>{block:Description}{Description}{/block:Description}{/block:Link}
  978.  
  979. {block:Chat}{block:Title}<h2>{Title}</h2></a>{/block:Title}
  980. {block:Lines}<i>{block:Label}{Label}{/block:Label}</i>&nbsp;{Line}<p>{/block:Lines}{/block:Chat}
  981.  
  982. <center>{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  983.  
  984. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  985.  
  986. {block:Answer}
  987. <div id="ask">{question}<br><div style="text-align: right;">━ {asker}</div></div>
  988. {Answer}{/block:Answer}
  989.  
  990. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">✦</a>
  991. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount} notes">✦</a> ━ {/block:NoteCount}
  992.  
  993. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">✧</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">✧</a>{/block:ContentSource} ━ {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog">★</a> </div>
  994.  
  995. {block:HasTags}
  996. <div class="tags">
  997. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  998. {/block:HasTags}
  999. </div>
  1000.  
  1001. <div class="postnote">
  1002. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1003.  
  1004. {/block:Posts}
  1005.  
  1006. </body>
  1007.  
  1008. <!-- SCRIPTS -->
  1009.  
  1010. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1011. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1012.  
  1013. <script>
  1014. (function($){
  1015. $(document).ready(function(){
  1016. $("[title]").style_my_tooltips({
  1017. tip_follows_cursor:true,
  1018. tip_delay_time:90,
  1019. tip_fade_speed:600,
  1020. attribute:"title"});
  1021. });})(jQuery);
  1022. </script>
  1023.  
  1024. </div>
  1025. </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!