Isandria

Crimsonvipera theme

Jul 7th, 2016
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.44 KB | None | 0 0
  1. remove the pluses
  2. -
  3.  
  4. +<html>
  5. + <head>
  6. + <title>{Title}</title>
  7. + <link rel="shortcut icon" href="{Favicon}">
  8. + <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. + {block:Description}
  10. + <meta name="description" content="{MetaDescription}" />
  11. + {/block:Description}
  12. + </head>
  13. +
  14. +<!--
  15. + THEMES BY NAPS
  16. + ● find me at http://napsthemes.tumblr.com/
  17. + ● do not remove credit.
  18. + ● do not claim as your own.
  19. + ● do not use as a base code.
  20. +-->
  21. +<meta name="image:background" content="http://static.tumblr.com/91fd9c6234a4165e8e9d57d65dea368a/86jccts/ZAQo6x6l1/tumblr_static_a33f50lq4bkgko8cwwg04skok.jpg" />
  22. +
  23. +<meta name="color:background" content="#000000">
  24. +<meta name="color:text" content="#3f3f3f">
  25. +<meta name="color:bold" content="#3f3f3f">
  26. +<meta name="color:italic" content="#3f3f3f">
  27. +<meta name="color:blockquote" content="#3f3f3f">
  28. +<meta name="color:border" content="#7d2121">
  29. +<meta name="color:askbg" content="#7d2121">
  30. +<meta name="color:grad1" content="#7d2121">
  31. +<meta name="color:grad2" content="#7d2121">
  32. +<meta name="color:grad3" content="#7d2121">
  33. +<meta name="color:link" content="#dcdcdc">
  34. +<meta name="color:link hover" content="#cbcbcb">
  35. +<meta name="color:pagination" content="#dcdcdc">
  36. +<meta name="color:pagination hover" content="#cbcbcb">
  37. +<meta name="color:navigation" content="#dcdcdc">
  38. +<meta name="color:navigation hover" content="#cbcbcb">
  39. +<meta name="color:scrollbar" content="#fb9d28" />
  40. +<meta name="color:selectiontext" content="#ffffff" />
  41. +<meta name="color:selectionbg" content="#8c8c8c" />
  42. +<meta name="color:info" content="#8c8c8c" />
  43. +<meta name="color:info hover" content="#ffffff" />
  44. +<meta name="color:tags" content="#8c8c8c" />
  45. +<meta name="color:tags hover" content="#ffffff" />
  46. +<meta name="color:hover title" content="#ffffff" />
  47. +<meta name="text:font size" content="11" />
  48. +
  49. +<meta name="text:hover title" content="HOVER" />
  50. +<meta name="text:hover title size" content="25" />
  51. +<meta name="text:asked" content="Whispered" />
  52. +<meta name="text:navi links" content="⧗" />
  53. +<meta name="text:perma links" content="✖" />
  54. +
  55. +<meta name="text:link 1" content="link1 url" />
  56. +<meta name="text:link 1 hover" content="link1 hover" />
  57. +<meta name="text:link 2" content="link2 url" />
  58. +<meta name="text:link 2 hover" content="link2 hover" />
  59. +<meta name="text:link 3" content="link3 url" />
  60. +<meta name="text:link 3 hover" content="link3 hover" />
  61. +
  62. +
  63. +
  64. +<link href='https://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
  65. +
  66. +<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic' rel='stylesheet' type='text/css'>
  67. +
  68. +<link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  69. +
  70. +<link href='https://fonts.googleapis.com/css?family=Cinzel:400,900' rel='stylesheet' type='text/css'>
  71. +
  72. +<link href='https://fonts.googleapis.com/css?family=Gidugu' rel='stylesheet' type='text/css'>
  73. +
  74. +<!--- START Hover Pagnation Links --->
  75. +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. +
  77. +<script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  78. +
  79. +<link href='https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>
  80. +
  81. +<script>
  82. +(function($){
  83. +$(document).ready(function(){
  84. +$("a[title]").style_my_tooltips({
  85. +tip_follows_cursor:true,
  86. +tip_delay_time:90,
  87. +tip_fade_speed:600,
  88. +attribute:"title"
  89. +});
  90. +});
  91. +})(jQuery);
  92. +</script>
  93. +
  94. +<!--- END Hover Pagnation Links --->
  95. +
  96. +<!--- START Pop Up Script --->
  97. +<script type="text/javascript"
  98. +src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  99. +<script>
  100. +$(document).ready(function() {
  101. +//
  102. +$('a.poplight[href^=#]').click(function() {
  103. +var popID = $(this).attr('rel'); //Get Popup Name
  104. +var popURL = $(this).attr('href'); //Get Popup href to define size
  105. +var query= popURL.split('?');
  106. +var dim= query[1].split('&');
  107. +var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  108. +$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  109. +var popMargTop = ($('#' + popID).height() + 80) / 2;
  110. +var popMargLeft = ($('#' + popID).width() + 80) / 2;
  111. +//Apply Margin to Popup
  112. +$('#' + popID).css({
  113. +'margin-top' : -popMargTop,
  114. +'margin-left' : -popMargLeft
  115. +});
  116. +$('body').append('<div id="fade"></div>');
  117. +$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  118. +return false;
  119. +});
  120. +$('a.close, #fade').live('click', function() {
  121. +$('#fade , .popup_block').fadeOut(function() {
  122. +$('#fade, a.close').remove(); //fade them both out
  123. +});
  124. +return false;
  125. +});
  126. +});
  127. +</script>
  128. +
  129. +<!--- END Pop Up Script --->
  130. +
  131. +<style type="text/css">
  132. +
  133. +/* Hover Pagnation Links */
  134. +
  135. +#s-m-t-tooltip {
  136. + max-width:300px;
  137. + border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  138. + padding:4px; /* space around the text */
  139. + margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  140. + color:{color:text}; /* text color */
  141. + font-family: ‘Fjalla One’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
  142. + font-size:10px; /* font size of your hover info */
  143. + letter-spacing:2px; /* optional letter spacing */
  144. + background:{color:background}; /* change the background color of your hover info */
  145. + z-index:99999;}
  146.  
  147. +/* END Hover Pagnation Links */
  148. +
  149. +/*Hover Description*/
  150. +
  151. +#hovertitle {
  152. + font-family: 'Gidugu', sans-serif;
  153. + text-align:center;
  154. + font-size: {text:hover title size}px;
  155. + line-height: 100%;
  156. + letter-spacing:2px;
  157. + font-weight:normal;
  158. + text-transform:uppercase;
  159. + color:{color:hover title};
  160. + text-shadow: 0px 0px 10px #000;
  161. + -webkit-transform: rotate(-90deg);
  162. + position:fixed;
  163. + top:225px;
  164. + left:330px;
  165. +
  166. +}
  167. +
  168. +#hoverbox {
  169. + position:fixed;
  170. + top:30px;
  171. + margin-left:30px;}
  172. +
  173. +#hovercontent {
  174. + font-family: 'Josefin Sans', sans-serif;
  175. + font-size: {text:font size}px;
  176. + text-align:center;
  177. + margin-top:10px;
  178. + width:150px;
  179. + color:#fff;
  180. + opacity:0;
  181. + -webkit-transition: all 0.7s ease;
  182. + -moz-transition: all 0.7s ease;
  183. + -o-transition: all 0.7s ease;}
  184. +
  185. +#hoverbox:hover #hovercontent {
  186. + opacity:1;
  187. + -webkit-transition: all 0.7s ease;
  188. + -moz-transition: all 0.7s ease;
  189. + -o-transition: all 0.7s ease;}
  190. +
  191. +/* END Hover Description */
  192. +
  193. +::-webkit-scrollbar{
  194. + height:12px;
  195. + width:3px;
  196. + background:inherit;}
  197. +
  198. +::-webkit-scrollbar-thumb {
  199. + background: -webkit-linear-gradient({color:background}, {color:scrollbar}, {color:background});}
  200. +
  201. +::-webkit-scrollbar-track {
  202. + margin-top:20px;
  203. + margin-bottom:20px;
  204. + background:transparent;}
  205. +
  206. +::-moz-selection {
  207. + color:{color:selectiontext};
  208. + background:{color:selectionbg};}
  209. +
  210. +::selection {
  211. + color:{color:selectiontext};
  212. + background:{color:selectionbg};}
  213. +
  214. +body {
  215. + background-color:{color:background};
  216. + font-family:'Gibson', sans-serif;
  217. + font-size: {text:font size}px;
  218. + color:{color:text};
  219. + background-image: url('{image:background}');
  220. + background-attachment:fixed;
  221. + background-repeat:no-repeat;
  222. + background-position: top left;
  223. +}
  224. +
  225. +a {
  226. + text-decoration:none;
  227. + font-size:15px;
  228. + text-transform:uppercase;
  229. + font-family: 'Gidugu', sans-serif;
  230. + color:{color:link};
  231. + -webkit-transition: all 0.7s ease;
  232. + -moz-transition: all 0.7s ease;
  233. + -o-transition: all 0.7s ease;
  234. +}
  235. +
  236. +a:hover {
  237. + color:{color:link hover};
  238. +}
  239. +
  240. +b, strong {
  241. + font-size:13px;
  242. + font-family: 'Cinzel', serif;
  243. + color:{color:bold};
  244. + text-transform:uppercase;
  245. +}
  246. +
  247. +i, em {
  248. + font-size:11px;
  249. + font-family: 'Cinzel', serif;
  250. + color:{color:italic};
  251. + text-transform:lowercase;
  252. +}
  253. +
  254. +blockquote {
  255. + text-align:justify;
  256. + padding:2px 7px;
  257. + margin:3px 0 3px 8px;
  258. + border-radius:10px;
  259. + border-left:1px solid {color:blockquote};
  260. +}
  261. +
  262. +blockquote img {
  263. + max-width:100%;
  264. + height:auto;
  265. +}
  266. +
  267. +img {
  268. + max-width: 100%;
  269. +}
  270. +
  271. +h1 {
  272. + font-size:30px;
  273. + line-height:30px;
  274. + text-align:center;
  275. + margin-top: 5px;
  276. + margin-bottom: 5px;
  277. + margin-left: 0;
  278. + margin-right: 0;
  279. +}
  280. +
  281. +h2 {
  282. + font-size:25px;
  283. + line-height:100%;
  284. + text-align:center;
  285. + margin-top: 5px;
  286. + margin-bottom: 5px;
  287. + margin-left: 0;
  288. + margin-right: 0;
  289. + font-family: 'Sue Ellen Francisco', cursive;
  290. + text-transform:uppercase;
  291. +
  292. +}
  293. +
  294. +
  295. +h3 {
  296. + color: {color:bold};
  297. + font-size:35px;
  298. + line-height:100%;
  299. + text-align:center;
  300. + margin-top: 5px;
  301. + margin-bottom: 5px;
  302. + margin-left: 0;
  303. + margin-right: 0;
  304. + font-family: 'Gidugu', sans-serif;
  305. + text-transform:uppercase;
  306. +
  307. +}
  308. +
  309. +#container {
  310. + text-align:justify;
  311. + position:absolute;
  312. + width:425px;
  313. + height:395px;
  314. + overflow-x:hidden;
  315. + overflow-y:scroll;
  316. + top:190px;
  317. + left:370px;
  318. +}
  319. +
  320. +.posts {
  321. + font-family: 'Josefin Sans', sans-serif;
  322. + text-align:justify;
  323. + width:400px;
  324. + background-color:transparent;
  325. + padding:10px;
  326. + margin-bottom:30px;
  327. +
  328. +}
  329. +
  330. +.permalinks {
  331. + background-color:transparent;
  332. + text-align:center;
  333. + padding:5px;
  334. + height:12px;
  335. + background: -webkit-linear-gradient(-180deg,{color:grad1},{color:grad2},{color:grad3});
  336. + border:1px solid {color:bold};
  337. + -webkit-mask-image: -webkit-gradient(linear, center 40%, right, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  338. +
  339. +
  340. +}
  341. +
  342. +.permalinks a {
  343. + text-decoration:none;
  344. + font-size: 9px;
  345. + color:{color:pagination};
  346. +}
  347. +
  348. +.permalinks a:hover {
  349. + color:{color:pagination hover};
  350. +}
  351. +
  352. +.tags {
  353. + font-family: 'Gidugu', sans-serif;
  354. + max-height:0px;
  355. + line-height:130%;
  356. + text-align:center;
  357. + font-size:11px;
  358. + opacity:0;}
  359. +
  360. +.tags a {
  361. + font-family: 'Gidugu', sans-serif;
  362. + text-decoration:none;
  363. + font-size: 13px;
  364. + text-transform:uppercase;
  365. + color:{color:tags};
  366. + -webkit-transition: all 0.7s ease;
  367. + transition: all 0.7s ease;
  368. + -moz-transition: all 0.7s ease;
  369. + -o-transition: all 0.7s ease;}
  370. +
  371. +.tags a:hover {
  372. + color:{color:tags hover};
  373. + -webkit-transition: all 0.7s ease;
  374. + transition: all 0.7s ease;
  375. + -moz-transition: all 0.7s ease;
  376. + -o-transition: all 0.7s ease;}
  377. +
  378. +.posts:hover .tags{
  379. + max-height:300px;
  380. + opacity:1;
  381. + -webkit-transition: all 0.7s ease;
  382. + transition: all 0.7s ease;
  383. + -moz-transition: all 0.7s ease;
  384. + -o-transition: all 0.7s ease;}
  385. +
  386. +#description {
  387. + font-size: {text:font size}px;
  388. + color:{color:text};
  389. + text-align:right;
  390. + padding:10px;
  391. +}
  392. +
  393. +#sideimage img {
  394. + max-width:250px;
  395. + margin-left:10px;
  396. +}
  397. +
  398. +#links {
  399. + font-size:18px;
  400. + width:10px;
  401. + position:fixed;
  402. + text-align:right;
  403. + top:505px;
  404. + left:280px;
  405. + margin-bottom:-240px;
  406. + -webkit-transform: rotate(10deg);}
  407. +
  408. +#links a {
  409. + margin-bottom:3px;
  410. + padding-right:8px;
  411. + color:{color:navigation};
  412. + text-shadow: 0px 0px 10px #fff;
  413. + display:block;
  414. + -webkit-transition: all 0.7s ease;
  415. + transition: all 0.7s ease;
  416. + -moz-transition: all 0.7s ease;
  417. + -o-transition: all 0.7s ease;}
  418. +
  419. +#links a:hover {
  420. + color:{color:navigation hover};
  421. + letter-spacing:2px;
  422. + -webkit-transition: all 0.7s ease;
  423. + transition: all 0.7s ease;
  424. + -moz-transition: all 0.7s ease;
  425. + -o-transition: all 0.7s ease;}
  426. +
  427. +
  428. +#linksa {
  429. + font-size:18px;
  430. + width:10px;
  431. + position:fixed;
  432. + text-align:right;
  433. + top:525px;
  434. + left:260px;
  435. + margin-bottom:-240px;
  436. + -webkit-transform: rotate(10deg);}
  437. +
  438. +#linksa a {
  439. + margin-bottom:3px;
  440. + padding-right:8px;
  441. + color:{color:navigation};
  442. + text-shadow: 0px 0px 10px #fff;
  443. + display:block;
  444. + -webkit-transition: all 0.7s ease;
  445. + transition: all 0.7s ease;
  446. + -moz-transition: all 0.7s ease;
  447. + -o-transition: all 0.7s ease;}
  448. +
  449. +#linksa a:hover {
  450. + color:{color:navigation hover};
  451. + letter-spacing:2px;
  452. + -webkit-transition: all 0.7s ease;
  453. + transition: all 0.7s ease;
  454. + -moz-transition: all 0.7s ease;
  455. + -o-transition: all 0.7s ease;}
  456. +
  457. +#linksb {
  458. + font-size:18px;
  459. + width:10px;
  460. + position:fixed;
  461. + text-align:right;
  462. + top:545px;
  463. + left:280px;
  464. + margin-bottom:-240px;
  465. + -webkit-transform: rotate(10deg);}
  466. +
  467. +#linksb a {
  468. + margin-bottom:3px;
  469. + padding-right:8px;
  470. + color:{color:navigation};
  471. + text-shadow: 0px 0px 10px #fff;
  472. + display:block;
  473. + -webkit-transition: all 0.7s ease;
  474. + transition: all 0.7s ease;
  475. + -moz-transition: all 0.7s ease;
  476. + -o-transition: all 0.7s ease;}
  477. +
  478. +#linksb a:hover {
  479. + color:{color:navigation hover};
  480. + letter-spacing:2px;
  481. + -webkit-transition: all 0.7s ease;
  482. + transition: all 0.7s ease;
  483. + -moz-transition: all 0.7s ease;
  484. + -o-transition: all 0.7s ease;}
  485. +
  486. +#linksc {
  487. + font-size:18px;
  488. + width:10px;
  489. + position:fixed;
  490. + text-align:right;
  491. + top:525px;
  492. + left:300px;
  493. + margin-bottom:-240px;
  494. + -webkit-transform: rotate(10deg);}
  495. +
  496. +#linksc a {
  497. + margin-bottom:3px;
  498. + padding-right:8px;
  499. + color:{color:navigation};
  500. + text-shadow: 0px 0px 10px #fff;
  501. + display:block;
  502. + -webkit-transition: all 0.7s ease;
  503. + transition: all 0.7s ease;
  504. + -moz-transition: all 0.7s ease;
  505. + -o-transition: all 0.7s ease;}
  506. +
  507. +#linksc a:hover {
  508. + color:{color:navigation hover};
  509. + letter-spacing:2px;
  510. + -webkit-transition: all 0.7s ease;
  511. + transition: all 0.7s ease;
  512. + -moz-transition: all 0.7s ease;
  513. + -o-transition: all 0.7s ease;}
  514. +
  515. +#linksd {
  516. + font-size:18px;
  517. + width:10px;
  518. + position:fixed;
  519. + text-align:right;
  520. + top:505px;
  521. + left:320px;
  522. + margin-bottom:-240px;
  523. + -webkit-transform: rotate(10deg);}
  524. +
  525. +#linksd a {
  526. + margin-bottom:3px;
  527. + padding-right:8px;
  528. + color:{color:navigation};
  529. + text-shadow: 0px 0px 10px #fff;
  530. + display:block;
  531. + -webkit-transition: all 0.7s ease;
  532. + transition: all 0.7s ease;
  533. + -moz-transition: all 0.7s ease;
  534. + -o-transition: all 0.7s ease;}
  535. +
  536. +#linksd a:hover {
  537. + color:{color:navigation hover};
  538. + letter-spacing:2px;
  539. + -webkit-transition: all 0.7s ease;
  540. + transition: all 0.7s ease;
  541. + -moz-transition: all 0.7s ease;
  542. + -o-transition: all 0.7s ease;}
  543. +
  544. +#linkse {
  545. + font-size:18px;
  546. + width:10px;
  547. + position:fixed;
  548. + text-align:right;
  549. + top:525px;
  550. + left:340px;
  551. + margin-bottom:-240px;
  552. + -webkit-transform: rotate(10deg);}
  553. +
  554. +#linkse a {
  555. + margin-bottom:3px;
  556. + padding-right:8px;
  557. + color:{color:navigation};
  558. + text-shadow: 0px 0px 10px #fff;
  559. + display:block;
  560. + -webkit-transition: all 0.7s ease;
  561. + transition: all 0.7s ease;
  562. + -moz-transition: all 0.7s ease;
  563. + -o-transition: all 0.7s ease;}
  564. +
  565. +#linkse a:hover {
  566. + color:{color:navigation hover};
  567. + letter-spacing:2px;
  568. + -webkit-transition: all 0.7s ease;
  569. + transition: all 0.7s ease;
  570. + -moz-transition: all 0.7s ease;
  571. + -o-transition: all 0.7s ease;}
  572. +
  573. +#linksf {
  574. + font-size:18px;
  575. + width:10px;
  576. + position:fixed;
  577. + text-align:right;
  578. + top:545px;
  579. + left:320px;
  580. + margin-bottom:-240px;
  581. + -webkit-transform: rotate(10deg);}
  582. +
  583. +#linksf a {
  584. + margin-bottom:3px;
  585. + padding-right:8px;
  586. + color:{color:navigation};
  587. + text-shadow: 0px 0px 10px #fff;
  588. + display:block;
  589. + -webkit-transition: all 0.7s ease;
  590. + transition: all 0.7s ease;
  591. + -moz-transition: all 0.7s ease;
  592. + -o-transition: all 0.7s ease;}
  593. +
  594. +#linksf a:hover {
  595. + color:{color:navigation hover};
  596. + letter-spacing:2px;
  597. + -webkit-transition: all 0.7s ease;
  598. + transition: all 0.7s ease;
  599. + -moz-transition: all 0.7s ease;
  600. + -o-transition: all 0.7s ease;}
  601. +
  602. +#pagination {
  603. + position:fixed;
  604. + top:580px;
  605. + left:680px;
  606. +
  607. +}
  608. +
  609. +#pagination a {
  610. + color:{color:pagination};
  611. + text-transform:uppercase;
  612. + font-size:{text:hover title size}px;
  613. + font-family: 'Gidugu', sans-serif;
  614. + -webkit-transition: all 0.7s ease;
  615. + -moz-transition: all 0.7s ease;
  616. + -o-transition: all 0.7s ease;
  617. +}
  618. +
  619. +#pagination a:hover {
  620. + color:{color:pagination hover};
  621. +}
  622. +
  623. +
  624. +.asker {
  625. +padding: 0px 0px 2px 45px;
  626. +letter-spacing:5px;
  627. +line-height:115%;
  628. +text-transform: uppercase;
  629. +font-family: 'Sue Ellen Francisco', cursive;
  630. +}
  631. +
  632. +.question {
  633. +position: relative;
  634. +font-size:11px;
  635. +background: {color:askbg};
  636. +margin: 0px 0px 20px 0px;
  637. +padding: 15px;
  638. +}
  639. +
  640. +.question:after, .question:before {
  641. +bottom: 100%;
  642. +border: solid transparent;
  643. +content: "";
  644. +height: 0;
  645. +width: 0;
  646. +position: absolute;
  647. +pointer-events: none;
  648. +}
  649. +
  650. +.question:after {
  651. +border-color: transparent;
  652. +border-bottom-color: {color:askbg};
  653. +border-width: 10px;
  654. +left: 30px;
  655. +margin-left: -10px;
  656. +}
  657. +
  658. +.answer {
  659. +margin-bottom: 20px;
  660. +}
  661. +
  662. +.quote {
  663. + font-family: 'Gidugu', sans-serif;
  664. + font-size:13px;
  665. + letter-spacing:1px;
  666. + text-align:center;
  667. + margin-bottom:5px;
  668. + padding-bottom:3px;
  669. +}
  670. +
  671. +.quotesource {
  672. + font-size:10px;
  673. + letter-spacing:1px;
  674. + text-align:center;
  675. + margin-bottom:5px;
  676. +}
  677. +
  678. +/* CREDIT: DO NOT REMOVE */
  679. +#credit {
  680. + font-family: 'Trade Winds', cursive;
  681. + z-index:8;
  682. + bottom:-10px;
  683. + right:20px;
  684. + height:30px;
  685. + width:30px;
  686. + opacity:0.8;
  687. + font-size:12px;
  688. + position:fixed;
  689. + padding:5px;}
  690. +
  691. +/* POP UP CODES */
  692. +
  693. +.popup_block{
  694. + text-align:justify;
  695. + WIDTH: 300px;
  696. + MAX-HEIGHT: 400px;
  697. + OVERFLOW-Y:SCROLL;
  698. + OVERFLOW-X:HIDDEN;
  699. + display:none;
  700. + background:{color:background};
  701. + padding:20px;
  702. + border:1px solid {color:border}; /* if you want a solid white pop-up, delete this */
  703. + float:left;
  704. + position:fixed;
  705. + top:50%;left:50%;
  706. + z-index: 99999;
  707. + -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  708. + -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  709. + box-shadow: 0px 0px 20px #000; /* delete for solid white */
  710. +}
  711. +
  712. +*html #fade {position: absolute;}
  713. +*html .popup_block {position: absolute;}
  714. +#fade {
  715. + display:none;
  716. + position:fixed;
  717. + left:0px;
  718. + top:0px;
  719. + width:100%;
  720. + height:100%;
  721. + z-index:9999;
  722. + background:#000; /* change to #fff for solid white */
  723. + opacity:0.5; /* change to opacity:1; */
  724. +}
  725. +
  726. +
  727. +
  728. +
  729. +</style>
  730. +
  731. +<body>
  732. +
  733. +<div id="ask" class="popup_block">
  734. +<Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  735. +</center></div>
  736. +</div>
  737. +
  738. +</div></div></div></div></div></div></div></div></div></div>
  739. +
  740. +<div id="rules" class="popup_block">
  741. +<h1 style="text-align: center;"><strong><big><big><big><big>Guidelines</big></big></big></big></strong></h1>
  742. +<p style="text-align: center;">(<strong>Rules Updated June 3rd, 2016</strong>)</p>
  743. +<h2 style="text-align: center;">Intro</h2>
  744. +
  745. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  746. +
  747. +
  748. +<h2 style="text-align: center;">Threads</h2>
  749. +
  750. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  751. +
  752. +<h2 style="text-align: center;">Memes &amp; Asks</h2>
  753. +
  754. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  755. +
  756. +<h2 style="text-align: center;">Godmodding/Power Play</h2>
  757. +
  758. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  759. +
  760. +<h2 style="text-align: center;">Shipping</h2>
  761. +
  762. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  763. +
  764. +<h2 style="text-align: center;">Verses</h2>
  765. +
  766. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  767. +
  768. +<h2 style="text-align: center;">Plotting</h2>
  769. +
  770. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  771. +
  772. +<h2 style="text-align: center;">AUs &amp; Crossovers</h2>
  773. +
  774. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  775. +
  776. +<h2 style="text-align: center;">Follow Backs</h2>
  777. +
  778. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  779. +
  780. +<h2 style="text-align: center;">NSFW &amp; Triggers</h2>
  781. +
  782. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  783. +
  784. +<h2 style="text-align: center;">The Mun</h2>
  785. +
  786. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  787. +
  788. +<h2 style="text-align: center;">Credits &amp; Disclaimers</h2>
  789. +<p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  790. +</div>
  791. +</div>
  792. +
  793. +</div></div></div></div></div></div></div></div></div></div>
  794. +
  795. +<div id="about" class="popup_block">
  796. +
  797. +<h3>BASICS</h3>
  798. +<p><b>Name</b>: Character Name Here<br /><b>Codename</b>: ????<br /><b>Nicknames</b>: This is obvious<br /><b>Age</b>: 30.<br /><b>Birthdate</b>: &nbsp;July 4th, 1918<br /><b>Species</b>: Unicorn<br /><b>Gender</b>: &nbsp;Female<br /><b>Orientation</b>: &nbsp;Pansexual (Demi-Romantic)<br /><b>Profession</b>: ???</p>
  799. +<h3>PHYSICAL ASPECTS</h3>
  800. +<p><b>Hair</b>: &nbsp;Blonde<br /><b>Eyes</b>: &nbsp;Blue<br /><b>Height</b>: &nbsp;5'11"<br /><b>Weight</b>: ????</p>
  801. +<h3>SKILLS</h3>
  802. +<p><b>Abilities</b>: Interesting Things Here
  803. +<br /><b>Hobbies</b>:<i>OR more interesting things here</i></p>
  804. +<h3>TRAITS</h3>
  805. +<p><b>Positive</b>: Good things here
  806. +<br /><b>Negative</b>: Bad things here</p>
  807. +<h3>LIKES</h3>
  808. +<p><b>Colors</b>: &nbsp;Blues, Browns<br /><b>Smells</b>: Earth - Nature, Coffee<br /><b>Textures</b>: Cotton, jeans<br /><b>Drinks</b>: BOURBON</p>
  809. +<h3>OTHER DETAILS</h3>
  810. +<p><b>Smokes</b>: No<br /><b>Drugs</b>: No<br /><b>Driver</b> <b>License</b>: &nbsp;Yes<br /><b>Ever Been Arrested?</b>:No.</p>
  811. +
  812. +
  813. +</div>
  814. +</div>
  815. +
  816. +</div></div></div></div></div></div></div></div></div></div>
  817. +
  818. +
  819. +<div id="credit"><a href="http://napsthemes.tumblr.com/themes" title="theme by naps">NAPS</a></div>
  820. +
  821. +<div id="hoverbox">
  822. +<div id="hovertitle">{text:hover title}</div>
  823. + <div id="hovercontent">{description}</div>
  824. +</div>
  825. +
  826. +<div id="sidebar">
  827. +<div id="links"><a href="/" title="home">{text:navi links}</a></div>
  828. +<div id="linksa"><a href="#?w=400" rel="ask" class="poplight" title="ask">{text:navi links}</a></div>
  829. +<div id="linksb"><a href="#?w=400" rel="rules" class="poplight" title="rules">{text:navi links}</a></div>
  830. +<div id="linksc"><a href="#?w=400" rel="about" class="poplight" title="about">{text:navi links}</a></div>
  831. +<div id="linksd"><a href="{text:link 1}" title="{text:link 1 hover}">{text:navi links}</a></div>
  832. +<div id="linkse"><a href="{text:link 2}" title="{text:link 2 hover}">{text:navi links}</a></div>
  833. +<div id="linksf"><a href="{text:link 3}" title="{text:link 3 hover}">{text:navi links}</a></div>
  834. +
  835. +</div>
  836. +
  837. +<div id="pagination">{block:Pagination}
  838. +{block:PreviousPage}<a href="{PreviousPage}" title="previous page">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next page">»</a>
  839. +{/block:NextPage}
  840. +{/block:Pagination}</div>
  841. +
  842. +
  843. +
  844. +<div id="container">
  845. +
  846. +{block:Posts}
  847. +
  848. +<div class="posts">
  849. +
  850. +{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  851. +
  852. +{block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  853. +
  854. +{block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  855. +
  856. +{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  857. +
  858. +{block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  859. +
  860. +{block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  861. +
  862. +{block:Chat}{block:Title}{Title}</a>{/block:Title}
  863. +{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  864. +
  865. +{block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  866. +
  867. +{block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  868. +
  869. +{block:Answer}
  870. +<div class="asker">{Asker} {text:asked}</div>
  871. +<div class="question">{Question}</div>
  872. +<div class="answer"><p>{Answer}</p></div>
  873. +{/block:Answer}
  874. +
  875. +
  876. +<div class="permalinks">
  877. +
  878. +{block:Date}
  879. +<a href="{Permalink}" title="posted {TimeAgo}{/block:Date}"> {text:perma links} &nbsp; </a>
  880. +<a href="{Permalink}" title="{NoteCountWithLabel}"> {text:perma links} &nbsp; </a>
  881. +{block:RebloggedFrom}
  882. +<a href="{ReblogParentURL}" title="via : {ReblogParentName}"> {text:perma links} &nbsp; </a>
  883. +<a href="{ReblogRootURL}" title="source : {ReblogRootName}"> {text:perma links} &nbsp; </a>
  884. +{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this"> {text:perma links} </a>
  885. +</div>
  886. +
  887. +<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">&nbsp; #&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  888. +
  889. +{block:PostNotes}{PostNotes}
  890. +{/block:PostNotes}
  891. +
  892. +</div>
  893. +
  894. +{/block:Posts}
  895. +
  896. +</div>
  897. +
  898. +{block:ContentSource}
  899. +<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  900. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  901. +{/block:SourceLogo}
  902. +{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  903. +{/block:ContentSource}
  904. +</body>
  905. +</html>
Advertisement
Add Comment
Please, Sign In to add comment