API tools faq
paste
Advertisement
KeiChanNyan

Glynda Theme 1

KeiChanNyan
Feb 19th, 2018
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.99 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--verses tabs script-->
  45. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  46. <!--script end-->
  47.  
  48. <!--tooltip script end-->
  49. <!--pop up script-->
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script>
  53. $(document).ready(function() {
  54. //
  55. $('a.poplight[href^=#]').click(function() {
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57. var popURL = $(this).attr('href'); //Get Popup href to define size
  58. var query= popURL.split('?');
  59. var dim= query[1].split('&');
  60. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  61. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. $('body').append('<div id="fade"></div>');
  70. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  71. return false;
  72. });
  73. $('a.close, #fade').live('click', function() {
  74. $('#fade , .popup_block').fadeOut(function() {
  75. $('#fade, a.close').remove(); //fade them both out
  76. });
  77. return false;
  78. });
  79. });
  80. </script>
  81. <!--ask pop script end-->
  82. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87.  
  88. /*cursor code, change image to change cursor*/
  89. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  90.  
  91. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  92. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  93.  
  94. /*these are the custom fonts, you can install more just by pasting the code here*/
  95.  
  96.  
  97.  
  98. @font-face{font-family:"bebas neue";src:url('https://dl.dropboxusercontent.com/s/ve5e59sbnw2vei5/BebasNeue.ttf');}
  99. @font-face{font-family:"nightingale";src:url('https://dl.dropboxusercontent.com/s/pa1adg9sn1490m8/Nightingale.ttf');}
  100. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  101.  
  102.  
  103.  
  104.  
  105. /*selection color*/
  106.  
  107. ::-moz-selection { /* Code for Firefox */
  108. color: #fff; /*text color of selected text*/
  109. background: #a4a4a4; /*color of selection bg*/
  110. }
  111.  
  112. ::selection {
  113. color: #fff; /*text color of selected text*/
  114. background: #a4a4a4; /*color of selection bg*/
  115. }
  116.  
  117. /*selection color end*/
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. background-color:#431361; /*scrollbar's slider color*/
  121. background-image:url('URL HERE'); /*optional background image*/
  122. height:0px;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. height:0px;
  127. width:3px; /*width of slider*/
  128. background-color:transparent; /*scrollbar's main color*/
  129. background-image:url('URL HERE'); /*optional background image*/
  130. }
  131.  
  132. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  133.  
  134. img, iframe {
  135.  
  136. opacity:1; /*this determines opacity of images*/
  137. -moz-transition-duration: 0.5s;
  138. -o-transition-duration: 0.5s;
  139. -webkit-transition-duration: 0.5s;
  140. transition-duration: 0.5s;
  141. padding:5px;
  142. }
  143.  
  144.  
  145.  
  146. img:hover,iframe:hover {
  147.  
  148. opacity:1;
  149. -webkit-filter:none;
  150. -moz-transition-duration: 0.5s;
  151. -o-transition-duration: 0.5s;
  152. -webkit-transition-duration: 0.5s;
  153. transition-duration: 0.5s;}
  154.  
  155. /*HOVER IMAGE CODE END*/
  156.  
  157.  
  158. body {
  159. background-color:#4b1b6b; /*set this the same color as your background image to avoid black areas on different resolutions*/
  160. background-image:url('http://static.tumblr.com/do3likg/8s8ov5j6v/glynda_final_copy.png'); /*bg image goes here*/
  161. background-attachment: fixed;
  162. background-repeat: no-repeat;
  163. background-position: left top;
  164. color:#fff; /*body font color*/
  165. text-shadow: 0px 0px 2px #fff; /*shadow of body text*/
  166. font-weight:bold;
  167. font-family: 'overpass';
  168. text-align:justify;
  169. font-size: 15px;
  170. letter-spacing:3px;
  171.  
  172. }
  173.  
  174. .pagi {
  175. font-size:35px;
  176. font-family:'overpass';
  177. margin-top:630px; /*change to decide position of pagination*/
  178. margin-left:670px;
  179. color: #fff;
  180. position:fixed;
  181. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  182. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  183.  
  184. .pagi a {
  185. color: #fff; /*color of pagination*/
  186. text-shadow: 0px 0px 5px #2e0d44; /*shadow | glow of pagination*/
  187. -webkit-filter: blur(1px);
  188. -moz-filter: blur(1px);
  189. -o-filter: blur(1px);
  190. -ms-filter: blur(1px);
  191. filter: blur(1px);
  192. }
  193.  
  194. .pagi a:hover {
  195. color: #c27df0; /*color of pagination on hover*/
  196. }
  197.  
  198. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  199. this script stylizes it*/
  200.  
  201. #s-m-t-tooltip{
  202. max-width:400px;
  203. margin:15px;
  204. padding:2px 8px;
  205. background-image: url(""); /*include image if you want a background for the tooltip text*/
  206. background: transparent;
  207. background-repeat:repeat;
  208. background-attachment:fixed;
  209. color:#fff; /*color of tooltip text*/
  210. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  211. text-shadow:1px 1px #2e0d44,
  212. 1px -1px #2e0d44,
  213. 1px 0px #2e0d44,
  214. 0px 1px #2e0d44,
  215. 0px -1px #2e0d44,
  216. -1px 1px #2e0d44,
  217. -1px 0px #2e0d44,
  218. -1px -1px #2e0d44;
  219. z-index:99999999999999999999;
  220. font-size:15px;
  221. letter-spacing:2px;
  222. font-style:bold;
  223. letter-spacing:2px;
  224. font-family: 'nightingale';
  225. text-transform:lowercase;
  226. box-shadow:0px 0px 0px;}
  227.  
  228.  
  229. #s-m-tooltip:hover {
  230. -webkit-transition: all 0.6s ease-out;
  231. -moz-transition: all 0.6s ease-out;
  232. transition: all 0.6s ease-out;
  233. -o-transition:all 0.6s ease;
  234. -ms-transition: all 0.6s ease-in-out;}
  235.  
  236. /* TOOLTIP END */
  237.  
  238.  
  239. small,sub,sup {
  240. font-size:16px;
  241. }
  242.  
  243. b, bold, strong {
  244. font-size:18px;
  245. letter-spacing:1px;
  246. font-weight:normal;
  247. line-height: 120%;
  248. font-family: 'bebas neue';
  249. color: #2e0d44; /*color of bold text*/
  250. text-shadow:0 1 0px #fff; /*shadow of bold text*/
  251. }
  252.  
  253.  
  254.  
  255. i, italic, em {
  256. font-size:20px;
  257. color: #fff;
  258. font-family: 'black jack';
  259. line-height:120%;
  260. text-shadow:0 0 3px #fff;
  261. font-weight:normal;
  262. letter-spacing:1px;
  263. text-transform:lowercase;
  264. }
  265.  
  266.  
  267. /* This styles the headers of the sidebar as well as the headers inside the popups */
  268. h3, h4 {
  269. background-image: url('https://68.media.tumblr.com/b0f44f246f470d56c9254990ad935d76/tumblr_inline_ov6d7ajNeD1tgi4i2_540.png');
  270. background-repeat:repeat;
  271. background-attachment:fixed;
  272. padding:2px;
  273. color:#fff; /*text color of sidebar titles*/
  274. text-shadow:1px 1px #2e0d44,
  275. 1px -1px #2e0d44,
  276. 1px 0px #2e0d44,
  277. 0px 1px #2e0d44,
  278. 0px -1px #2e0d44,
  279. -1px 1px #2e0d44,
  280. -1px 0px #2e0d44,
  281. -1px -1px #2e0d44;
  282. /*change all the hex of the text shadow to the same code
  283. to change the outline of the text*/
  284. font-size:8px;
  285. line-height:120%;
  286. font-family:'arial';
  287. text-transform:uppercase;
  288. border: double 2px #622688;
  289. text-align:center;}
  290.  
  291.  
  292. a,a:visited,a:active {
  293. color: #fff; /*color of links*/
  294. text-decoration:none;
  295. text-shadow: 0px 0px 0px #000;
  296. -moz-transition-duration: 0.6s;
  297. -o-transition-duration: 0.6s;
  298. -webkit-transition-duration: 0.6s;
  299. transition-duration: 0.6s;
  300. -webkit-filter: blur(.5px);
  301. -moz-filter: blur(.5px);
  302. -o-filter: blur(.5px);
  303. -ms-filter: blur(.5px);
  304. filter: blur(.5px);
  305.  
  306. }
  307.  
  308. a:hover {
  309. color: #7c7c7c; /*color of links on hover*/
  310. text-shadow: 0px 0px 3px #7c7c7c;
  311. -webkit-transition: all 0.6s ease-out;
  312. -moz-transition: all 0.6s ease-out;
  313. transition: all 0.6s ease-out;
  314. -o-transition:all 0.6s ease;
  315. -ms-transition: all 0.6s ease-in-out;}
  316.  
  317. /*POST TITLE SETTINGS*/
  318.  
  319. .titulo {
  320.  
  321. font-family: 'bebas neue';
  322. font-weight:normal;
  323. font-size: 23px; /*size of title*/
  324. text-align: center;
  325. color: #7c7c7c; /*color of title*/
  326. text-shadow: 0px 0px 2px #7c7c7c;
  327.  
  328. }
  329.  
  330.  
  331. /*TITLE SETTINGS END*/
  332.  
  333. #container {
  334. position:absolute;
  335. left:390px; /*position of container from the left*/
  336. top:147px; /*position of container from top*/
  337. height:450px; /*determines height of container*/
  338. overflow-y:scroll;
  339. -webkit-mask-image: -webkit-gradient(
  340. linear, center 75%, center bottom,
  341. from(rgba(0,0,0,10)),
  342. to(rgba(10,0,0,0)));
  343. border:1px solid transparent;
  344. }
  345.  
  346. #entries {
  347. background-color:transparent;
  348.  
  349. }
  350.  
  351. #content {
  352. width:310px; /*determines size of posts*/
  353. margin-bottom:20px;
  354. padding:10px 7px 10px 10px;
  355. }
  356.  
  357.  
  358. #entries img {
  359. max-width: 100%;
  360. height: auto;
  361. opacity:0.7; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  362. -moz-transition-duration: 0.5s;
  363. -o-transition-duration: 0.5s;
  364. -webkit-transition-duration: 0.5s;
  365. transition-duration: 0.5s;
  366. padding:5px;
  367.  
  368.  
  369. }
  370.  
  371. #entries img:hover {
  372. opacity: 1; /*image opacity of posts on hover*/
  373. -moz-transition-duration: 0.5s;
  374. -o-transition-duration: 0.5s;
  375. -webkit-transition-duration: 0.5s;
  376. transition-duration: 0.5s;
  377. padding:5px;
  378.  
  379. }
  380.  
  381.  
  382. blockquote {
  383. border-left: 5px solid #4f1475; /*color of blockquote*/
  384. border-radius:15px;
  385. padding: 2px 0px 2px 8px;
  386. margin: 3px 0 3px 8px;
  387. }
  388.  
  389. blockquote img {
  390. max-width:100%;
  391. height:auto;
  392. }
  393.  
  394. /*ASK*/
  395.  
  396. #asker {
  397. font-size:15px;
  398. letter-spacing:1px;
  399. margin-bottom:-13px;
  400. color: #fff; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  401. font-family: 'nightingale';
  402. text-shadow:0px 0px 5px #2e0d44;
  403. text-align:center;
  404. text-decoration:none;
  405. -webkit-transition: all 0.6s ease-out;
  406. -moz-transition: all 0.6s ease-out;
  407. transition: all 0.6s ease-out;
  408. -o-transition:all 0.6s ease;
  409. -ms-transition: all 0.6s ease-in-out;
  410.  
  411. }
  412.  
  413. /*to change the part that says whispered, scroll down to the html*/
  414.  
  415. #asker a {
  416. color: #fff;
  417. }
  418.  
  419. #asker a:hover {
  420. -webkit-filter: blur(1px);
  421. -moz-filter: blur(1px);
  422. -o-filter: blur(1px);
  423. -ms-filter: blur(1px);
  424. filter: blur(1px);
  425. color: #d0ace6;
  426. transition: all 0.6s ease-out;
  427. }
  428.  
  429. #ask {
  430. background: url("https://68.media.tumblr.com/b0f44f246f470d56c9254990ad935d76/tumblr_inline_ov6d7ajNeD1tgi4i2_540.png");/*image behind the question*/
  431. background-color:#7c7c7c; /*background color of question if no background image is selected*/
  432. background-repeat:repeat;
  433. font-size:8px;
  434. font-family:arial;
  435. line-height:120%;
  436. text-align:center;
  437. text-transform:uppercase;
  438. color: #fff; /*color of question text*/
  439. border-top:double 3px #4f1475; /*border color of question*/
  440. border-bottom:double 3px #4f1475; /*border color of question*/
  441. border-right:solid 1px #4f1475;
  442. border-left:solid 1px #4f1475;
  443. border-radius:15px;
  444. padding: 10px 20px 10px 20px;
  445. text-shadow: 1px 1px #2e0d44,
  446. 1px -1px #2e0d44,
  447. 1px 0px #2e0d44,
  448. 0px 1px #2e0d44,
  449. 0px -1px #2e0d44,
  450. -1px 1px #2e0d44,
  451. -1px 0px #2e0d44,
  452. -1px -1px #2e0d44;
  453. /*change all the hex of the text shadow to the same code
  454. to change the outline of the text*/
  455. }
  456.  
  457.  
  458. #answer {
  459. padding-top:0px;
  460. }
  461. /*ASK ENDS HERE*/
  462.  
  463. /*CHAT POST BEGINS HERE*/
  464.  
  465. .convo {
  466. font-size: 10px;
  467. line-height:120%;
  468. text-align:left;
  469. padding:0px;
  470.  
  471. }
  472.  
  473. .convo li {
  474. list-style:none;
  475. }
  476.  
  477. .convo .label {
  478. text-transform: uppercase;
  479. font-weight:bold;
  480.  
  481. }
  482.  
  483. .line_odd .label {
  484. color: #fff; /* Color of odd person in the chat */
  485. background: none;
  486. }
  487.  
  488. .line_even .label {
  489. color: #7c7c7c; /* Color of even person in the chat */
  490. }
  491.  
  492. .line_even {
  493. margin:0px 10px;
  494. padding: 5px;
  495. text-align:left;
  496. font-weight:bold;
  497. color: #7c7c7c; /*color of even text*/
  498. text-shadow:none;
  499. padding: 10px 20px 10px 20px;
  500. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  501. }
  502.  
  503. .line_odd {
  504. margin:0px 10px;
  505. padding: 5px;
  506. background-color:#a4a4a4; /*background color of odd text*/
  507. text-align:left; /*color of odd text*/
  508. color: #ccc; /*color of odd text*/
  509. text-shadow:none;
  510. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  511. padding: 10px 20px 10px 20px;
  512. }
  513.  
  514.  
  515.  
  516.  
  517. /*CHAT POST ENDS HERE*/
  518.  
  519. /*QUOTE BEGINS HERE*/
  520.  
  521.  
  522. .quote {
  523. font-family: "black jack";
  524. font-size: 25px;
  525. font-weight:normal;
  526. line-height:100%;
  527. padding-bottom:30px;
  528. text-align: center;
  529. color: #fff; /*color of quote*/
  530. text-shadow: 0px 0px 2px #fff,
  531.  
  532. }
  533.  
  534. /*QUOTE ENDS HERE*/
  535.  
  536.  
  537. /*LINK POST BEGIN*/
  538.  
  539. #linku {
  540. text-transform:uppercase;
  541. text-align:center;
  542. letter-spacing:0px;
  543. font-weight:normal;
  544. font-family: 'bebas neue';
  545. font-size:14px;
  546. }
  547.  
  548. /*LINK POST END*/
  549.  
  550. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  551.  
  552. #boxy {
  553. position:fixed;
  554. top:120px; /*position of the box*/
  555. margin-left:350px;
  556. overflow:hidden; /*this keeps the text hidden without hover, change to scroll bar if you want it to scroll and show*/
  557. height:40px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  558. width:400px; /*determines width of description*/
  559. opacity:1;
  560. -webkit-transition: all 0.7s ease;
  561. -moz-transition: all 0.7s ease;
  562. -o-transition: all 0.7s ease;}
  563.  
  564. #boxy:hover {
  565. opacity:1;
  566. height:120px; /*height of box on hover*/
  567. top:45px; /*position of box on hover*/
  568. -webkit-transition: all 0.7s ease;
  569. -moz-transition: all 0.7s ease;
  570. -o-transition: all 0.7s ease;
  571. }
  572.  
  573. .anchor {
  574. font-family:'nightingale';
  575. font-size:11px;
  576. letter-spacing:0px;
  577. padding-top:5px;
  578. line-height:100%;
  579. color:#fff; /*color of top bar title, the one reading not all treasure.. */
  580. text-shadow:0px 0px 10px #2e0d44,
  581. 0px 0px 3px #2e0d44;
  582. z-index:99999999999;
  583. -webkit-transition: all 0.7s ease;
  584. -moz-transition: all 0.7s ease;
  585. -o-transition: all 0.7s ease;
  586. }
  587.  
  588. #boxy:hover .anchor {
  589. color: #8a3ebd; /*color of title on hover*/
  590. z-index:9999999999;
  591. -webkit-transition: all 0.7s ease;
  592. -moz-transition: all 0.7s ease;
  593. -o-transition: all 0.7s ease;
  594. }
  595.  
  596. .sail {
  597. width:345px; /*determines width of description — can't be more than width of the box*/
  598. margin-left:20px;
  599. margin-top:5px;
  600. background-color:#622688; /*background color of description*/
  601. border:2px solid #fff; /*border color of description*/
  602. box-shadow:1px 1px #2e0d44,
  603. 1px -1px #2e0d44,
  604. 1px 0px #2e0d44,
  605. 0px 1px #2e0d44,
  606. 0px -1px #2e0d44,
  607. -1px 1px #2e0d44,
  608. -1px 0px #2e0d44,
  609. -1px -1px #2e0d44;
  610. border-radius:15px;
  611. padding:5px;
  612. opacity:0; /*keeps description hidden before hover*/
  613. -webkit-transition: all 0.7s ease;
  614. -moz-transition: all 0.7s ease;
  615. -o-transition: all 0.7s ease;
  616. }
  617.  
  618. #boxy:hover .sail {
  619. opacity:1;/*shows description hidden before hover*/
  620. -webkit-transition: all 0.7s ease;
  621. -moz-transition: all 0.7s ease;
  622. -o-transition: all 0.7s ease;
  623. }
  624.  
  625. #despacito {
  626. margin-top:10px;
  627. text-align:center;
  628.  
  629.  
  630. }
  631.  
  632. /*SIDE BAR / DESCRIPTION END*/
  633.  
  634. /*TAGS AND INFO BEGINS HERE*/
  635. .permalinks {
  636. background-image: url(''); /*you can insert image here for the permalinks bg*/
  637. background-color:transparent; /*color of post links' background*/
  638. color: #fff; /*color of peramalinks' text*/
  639. border-bottom:solid 1px #a2a2a2; /*border of permalinks*/
  640. padding: 1px 5px 5px 1px;
  641. letter-spacing:5px;
  642. text-align:center;
  643. font-size:9px;
  644. text-transform:uppercase;
  645. margin-top:15px;
  646. -moz-transition-duration:.6s;
  647. -webkit-transition-duration:.6s;
  648. -o-transition-duration:.6s;
  649. -webkit-filter: blur(0px);
  650.  
  651.  
  652. }
  653.  
  654. .permalinks a {
  655. font-family:calibri;
  656. color:#fff; /*color of permalinks actual links*/
  657. font-weight:bold;
  658. text-shadow: 0px 0px 2px #2e0d44;
  659. text-decoration:none;
  660. }
  661.  
  662.  
  663. .permalinks a:hover {
  664. color:#431162; /*color of links on hover*/
  665. text-shadow: 0px 0px 2px #000;
  666. -webkit-transition: all 0.5s ease-in-out;
  667. -moz-transition: all 0.5s ease-in-out;
  668. -o-transition: all 0.5s ease-in-out;
  669. -ms-transition: all 0.5s ease-in-out;
  670. transition: all 0.5s ease-in-out;
  671. }
  672.  
  673. .tags {
  674.  
  675. text-align:justify;
  676. padding-left:5px;
  677. padding-right:15px;
  678. margin-bottom:15px;
  679. color: #fff; /*this determines the color of the small symbol (by default a ' ; ' but you can change it) next to the tags*/
  680. font-size:10px;
  681. text-shadow:0px 0px 3px #fff
  682. }
  683.  
  684. .tags a {
  685. color:#fff; /*change this for the actual color of the tags*/
  686. font-size:8px;
  687. font-weight:bold;
  688. font-family:calibri;
  689. text-transform:uppercase;
  690. text-shadow:0px 0px 3px #2e0d44
  691. letter-spacing:0px;
  692.  
  693. }
  694.  
  695.  
  696. .tags a:hover {
  697. color: #ce87fb; /*tag color on hover*/
  698. -webkit-transition: all 0.5s ease-in-out;
  699. -moz-transition: all 0.5s ease-in-out;
  700. -o-transition: all 0.5s ease-in-out;
  701. -ms-transition: all 0.5s ease-in-out;
  702. transition: all 0.5s ease-in-out;
  703.  
  704. }
  705.  
  706.  
  707. /*POP UP CODES AND LINKS BEGIN*/
  708.  
  709.  
  710. #pops {
  711. position:fixed;
  712.  
  713. }
  714.  
  715.  
  716. #linku1 {
  717. position:fixed;
  718. font-size:30px;
  719. text-decoration:none;
  720. margin-left:760px;
  721. margin-top:220px;
  722. z-index:99999999999999999999;
  723. }
  724.  
  725.  
  726. #linku1 a {
  727. color: #fff; /*color of custom links*/
  728. text-shadow: 0px 0px 5px #2e0d44; /*shadow | glow of custom links*/
  729. -webkit-filter: blur(1px);
  730. -moz-filter: blur(1px);
  731. -o-filter: blur(1px);
  732. -ms-filter: blur(1px);
  733. filter: blur(1px);
  734. }
  735.  
  736. #linku1 a:hover {
  737. color: #fff;
  738. }
  739.  
  740. #linku1:hover {
  741. -webkit-filter: blur(2px);
  742. -moz-filter: blur(2px);
  743. -o-filter: blur(2px);
  744. -ms-filter: blur(2px);
  745. filter: blur(2px);
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. }
  752.  
  753. #linku2 {
  754. position:fixed;
  755. font-size:30px;
  756. text-decoration:none;
  757. margin-left:760px;
  758. margin-top:491px;
  759. }
  760.  
  761. #linku2:hover {
  762. -webkit-filter: blur(2px);
  763. -moz-filter: blur(2px);
  764. -o-filter: blur(2px);
  765. -ms-filter: blur(2px);
  766. filter: blur(2px);
  767. -webkit-transition: all 0.5s ease-in-out;
  768. -moz-transition: all 0.5s ease-in-out;
  769. -o-transition: all 0.5s ease-in-out;
  770. -ms-transition: all 0.5s ease-in-out;
  771. transition: all 0.5s ease-in-out;
  772. }
  773.  
  774.  
  775. #linku2 a {
  776. color: #fff; /*color of custom links*/
  777. text-shadow: 0px 0px 5px #2e0d44; /*shadow | glow of custom links*/
  778. -webkit-filter: blur(1px);
  779. -moz-filter: blur(1px);
  780. -o-filter: blur(1px);
  781. -ms-filter: blur(1px);
  782. filter: blur(1px);
  783. }
  784.  
  785. #linku2 a:hover {
  786. color: #fff;
  787. }
  788.  
  789.  
  790. #linku4 {
  791. position:fixed;
  792. font-size:16px;
  793. text-decoration:none;
  794. margin-left:732px;
  795. margin-top:250px;
  796. }
  797.  
  798. #linku4:hover {
  799. -webkit-filter: blur(2px);
  800. -moz-filter: blur(2px);
  801. -o-filter: blur(2px);
  802. -ms-filter: blur(2px);
  803. filter: blur(2px);
  804. -webkit-transition: all 0.5s ease-in-out;
  805. -moz-transition: all 0.5s ease-in-out;
  806. -o-transition: all 0.5s ease-in-out;
  807. -ms-transition: all 0.5s ease-in-out;
  808. transition: all 0.5s ease-in-out;
  809. }
  810.  
  811. #linku5 {
  812. position:fixed;
  813. font-size:13px;
  814. text-decoration:none;
  815. width:70px;
  816. height:auto;
  817. margin-left:732px;
  818. margin-top:334px;
  819. }
  820.  
  821. #linku5:hover {
  822. -webkit-filter: blur(2px);
  823. -moz-filter: blur(2px);
  824. -o-filter: blur(2px);
  825. -ms-filter: blur(2px);
  826. filter: blur(2px);
  827. -webkit-transition: all 0.5s ease-in-out;
  828. -moz-transition: all 0.5s ease-in-out;
  829. -o-transition: all 0.5s ease-in-out;
  830. -ms-transition: all 0.5s ease-in-out;
  831. transition: all 0.5s ease-in-out;
  832. }
  833.  
  834. #linku6 {
  835. position:fixed;
  836. font-size:13px;
  837. width:70px;
  838. height:auto;
  839. text-decoration:none;
  840. margin-left:732px;
  841. margin-top:420px;
  842.  
  843. }
  844.  
  845. #linku6:hover {
  846. -webkit-filter: blur(2px);
  847. -moz-filter: blur(2px);
  848. -o-filter: blur(2px);
  849. -ms-filter: blur(2px);
  850. filter: blur(2px);
  851. -webkit-transition: all 0.5s ease-in-out;
  852. -moz-transition: all 0.5s ease-in-out;
  853. -o-transition: all 0.5s ease-in-out;
  854. -ms-transition: all 0.5s ease-in-out;
  855. transition: all 0.5s ease-in-out;
  856. }
  857.  
  858.  
  859. #fade { /*--Transparent background layer--*/
  860. display: none; /*--hidden by default--*/
  861. background: #a4a4a4; /*color of pop up fade */
  862. background-image: url(''); /*if you want to add a background image to go behind your popup */
  863. position: fixed; left: 0; top: 0;
  864. width: 100%;
  865. height: 100%;
  866. opacity: 0.7;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  867. z-index: 9999;
  868. }
  869.  
  870. .popup_block {
  871. display:none;
  872. HEIGHT:auto;
  873. width:auto;
  874. background:transparent;
  875. padding:0px;
  876. float:left;
  877. position:fixed;
  878. margin:auto;
  879. z-index: 99999;
  880. }
  881.  
  882. .popup_boxy {
  883. background:#dadada; /*color of popup background*/
  884. background-image:url("http://static.tumblr.com/do3likg/x3Iov5xji/bannerrrr.png"); /*main image of popup*/
  885. border:solid 1px #fff; /*border color of main popup*/
  886. position:absolute;
  887. box-shadow: 0px 0px 2px #2e0d44; /*shadow color of popup*/
  888. text-align:center;
  889. font-size: 12px; /*font size of the words inside the box */
  890. padding:20px;
  891. margin:auto;
  892. width: 575px; /*width of main pop up*/
  893. height:350px; /*height of main pop up*/
  894. overflow-y:none;
  895. top:235px; /*position of pop up*/
  896. left:450px;
  897. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  898. }
  899.  
  900. .popup_content {
  901. height:321px;
  902. width: 327px;
  903. padding: 10px;
  904. margin:5px;
  905. border: solid 1px #fff; /*border color of square that includes popup content*/
  906. overflow-y:scroll;
  907. background:#622688; /*background color of pop up content, the square that has your text*/
  908. float:right;
  909. }
  910.  
  911. .tabheader {
  912. position:absolute;
  913. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  914. left:812px;
  915. text-align:center;
  916. width:300px;
  917. background:transparent;
  918. color:#e6e6e6; /* color of hanging pop up header */
  919. text-shadow:0px 0px 10px #2e0d44,
  920. 0px 0px 3px #2e0d44;
  921. overflow-y:scroll;
  922. font-family: 'nightingale';
  923. font-size:15px;
  924. font-weight:normal;
  925. letter-spacing:1px;
  926. text-transform:lowercase;
  927. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  928. }
  929.  
  930. /*verses tab begins*/
  931.  
  932. #headerbar{
  933. position:absolute;
  934. top: 355px; /*position of verses navigation*/
  935. left: 1065px; /*position of verses navigation*/
  936. text-align:center;
  937. border:none;
  938. width:auto;
  939. background:transparent; /*background color of pop up side navigation*/
  940. height:auto;
  941. overflow:scroll;
  942. text-align:justify;
  943. padding:5px;
  944. font-size:9px;
  945. font-family:calibri;
  946. text-transform:uppercase;
  947. letter-spacing:1px;
  948. text-align:center;
  949. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  950. }
  951.  
  952. }
  953.  
  954. #tabbar{
  955.  
  956. margin-top:auto; /*– for placing –*/
  957. margin-left:auto; /*– for placing –*/
  958. width: 400px; /*– sets width of your text –*/
  959. height:440px; /*– sets height of your text –*/
  960. overflow: scroll;
  961. text-align:justify;
  962. font-family:calibri;
  963. font-size:10px;
  964. }
  965.  
  966. ul#tabs {text-align: center;}
  967.  
  968. ul#tabs li { /*– your inactive / not viewed tabs –*/
  969. display:block;
  970. width: 100px;
  971. padding: 5px;
  972. margin:10px;
  973. font-size:11px;
  974. background-image: url('');
  975. background:#622688;
  976. background-repeat:repeat;
  977. background-attachment:fixed;
  978. border: double 3px #2e0d44;
  979. box-shadow: 0px 0px 5px #a4a4a4;
  980. color:#fff;
  981. font-family:calibri;
  982. text-transform:uppercase;
  983. cursor:pointer;
  984. }
  985.  
  986. ul#tabs li.active { /*– your active tab –*/
  987.  
  988. text-align:justify;
  989. width: 100px;
  990. box-shadow: 0px 0px 5px #a4a4a4;
  991. background-image: url('https://68.media.tumblr.com/b0f44f246f470d56c9254990ad935d76/tumblr_inline_ov6d7ajNeD1tgi4i2_540.png');
  992. background-repeat:repeat;
  993. background-attachment:fixed;
  994. border: double 3px #2e0d44; /*color of border of the titles of the sidebar*/
  995. padding:5px;
  996. margin:10px;
  997. color:#fff; /*text color of sidebar titles*/
  998. text-shadow:1px 1px #191919,
  999. 1px -1px #191919,
  1000. 1px 0px #191919,
  1001. 0px 1px #191919,
  1002. 0px -1px #191919,
  1003. -1px 1px #191919,
  1004. -1px 0px #191919,
  1005. -1px -1px #191919;
  1006. /*change all the hex of the text shadow to the same code
  1007. to change the outline of the text*/
  1008. font-size:11px;
  1009. font-family:calibri;
  1010. text-transform:uppercase;
  1011. letter-spacing:1px;
  1012. text-align:center;
  1013. -webkit-transition:
  1014. all 0.5s ease-out;
  1015. -moz-transition: all 0.5s ease-out;
  1016. transition: all 0.5s ease-out;
  1017. }
  1018.  
  1019. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  1020. ul#tab li.active {display: block;}
  1021. ul#tab li {display: none;}
  1022.  
  1023. /*end*/
  1024.  
  1025. img.btn_close {
  1026. float: right;
  1027. margin: -5px -5px 0 0;
  1028. }
  1029. /*--Making IE6 Understand Fixed Positioning--*/
  1030. *html #fade {
  1031. position: absolute;
  1032. }
  1033. *html .popup_block {
  1034. position: absolute;
  1035. }
  1036.  
  1037.  
  1038. /*The header of each part of the navigation*/
  1039. .navi_linksu h3 {
  1040. font-size:22px;
  1041. margin-bottom:-5px;
  1042. border:none;
  1043. color: #a4a4a4; /*color of header*/
  1044. font-family: 'selima';
  1045. font-weight:normal;
  1046. letter-spacing:1px;
  1047. text-transform:lowercase;
  1048. background:transparent;
  1049. }
  1050.  
  1051. .navi_linksu {
  1052. text-align:center;
  1053. }
  1054.  
  1055. .navi_linksu a {
  1056. display: inline-block;
  1057. width: 120px;
  1058. padding: 5px;
  1059. margin:5px;
  1060. font-size:11px;
  1061. background-image: url('');
  1062. background:#ccc; /*color of navigation links background*/
  1063. background-repeat:repeat;
  1064. background-attachment:fixed;
  1065. border: solid 1px #622688;
  1066. color:#7c7c7c;
  1067. font-family:calibri;
  1068. text-transform:uppercase;
  1069.  
  1070.  
  1071. }
  1072.  
  1073. .navi_linksu a:hover {
  1074. -webkit-transition: all .5s ease-in-out;
  1075. -moz-transition: all .5s ease-in-out;
  1076. -ms-transition: all .5s ease-in-out;
  1077. -o-transition: all .5s ease-in-out;
  1078. transition: all .5s ease-in-out;
  1079. background:#7c7c7c; /*background color of navi links on hover*/
  1080. border: solid 1px #ccc;
  1081. color:#ccc; /*color of links on hover*/
  1082. }
  1083.  
  1084. .versu {
  1085. width:80px;
  1086. height:auto;
  1087. float:left;
  1088. padding:20px;
  1089. }
  1090.  
  1091.  
  1092. .vee {
  1093. text-align:center;
  1094. padding:10px;
  1095. margin-bottom:20px;
  1096. }
  1097.  
  1098. /*POP UP END*/
  1099.  
  1100.  
  1101. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1102. .credit {
  1103. font-weight:bold;
  1104. border-top:dashed 1px #2e0d44;
  1105. border-right:dashed 1px #2e0d44;
  1106. border-left:dashed 1px #2e0d44;
  1107. background:#58237b;
  1108. color:#fff;
  1109. padding:10px;
  1110. font-size:15px;
  1111. bottom:0px;
  1112. right:20px;
  1113. position:fixed;
  1114. font-family:'sail';
  1115. -webkit-filter: blur(.5px);
  1116. -moz-filter: blur(.5px);
  1117. -o-filter: blur(.5px);
  1118. -ms-filter: blur(.5px);
  1119. filter: blur(.5px);
  1120.  
  1121. }
  1122.  
  1123. .credit a {
  1124. color:#fff;
  1125. }
  1126.  
  1127. .credit a:hover {
  1128. color: #fff;
  1129. }
  1130. /*CREDIT END*/
  1131.  
  1132. </style>
  1133.  
  1134. <body>
  1135. <!--sidebar begins here-->
  1136. <div id="boxy">
  1137. <div id="despacito">
  1138. <div class="anchor">The crown is heavy, but someone has to wear it.</div>
  1139. <div class="sail"><sub>Glynda Goodwitch, as portrayed by Kei.
  1140. Tracks <em>professor goodwitch</em>.</sub></div>
  1141. </div>
  1142. </div>
  1143.  
  1144. <!--sidebar end-->
  1145.  
  1146. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1147. <div id="pops">
  1148. <div id="linku1"> <a href="/" title="HOME.">✖</a></div>
  1149. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="ASK.">✖</a></div>
  1150. <div id="linku4"> <a href="#?w=320" rel="box3" class="poplight" title="RULES."><img src="http://static.tumblr.com/do3likg/ti5ov5ouv/glynda1.png"></a></div> <!--change image source to change the squares labelled icon-->
  1151. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES."><img src="http://static.tumblr.com/do3likg/8oRov5p2q/glynda2.png"></a></div> <!--change image source to change the squares labelled icon-->
  1152. <div id="linku6"> <a href="#?w=320" rel="box5" class="poplight" title="ABOUT."><img src="http://static.tumblr.com/do3likg/GM4ov5p2t/glynda3.png"></a></div> <!--change image source to change the squares labelled icon-->
  1153. </div>
  1154. </div>
  1155. </div>
  1156.  
  1157. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1158. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1159.  
  1160. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1161.  
  1162. {block:Pagination}
  1163. <div class="pagi">
  1164. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1165. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1166. </div>
  1167. {/block:Pagination}
  1168. <div id="container">
  1169. <div id="entries">
  1170.  
  1171. {block:Posts}
  1172.  
  1173. <div id="content">
  1174. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1175. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1176. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1177.  
  1178. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1179. {/block:Photoset}
  1180.  
  1181. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1182. {block:Link}
  1183. {block:Thumbnail}
  1184. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1185. {/block:Thumbnail}
  1186. <div id="linku">
  1187. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1188. </div>
  1189. {/block:Link}
  1190.  
  1191. {block:Chat}
  1192. {block:Title}
  1193. <div class="titulo">{Title}</div>{/block:Title}<br>
  1194. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1195. {Line}</li>{/block:Lines}</ul>
  1196. {/block:Chat}
  1197.  
  1198. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1199. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1200. {block:Answer}
  1201. <div id="asker">{Asker}<span style="font-size:13px; font-family:bebas neue;"> whispered: </span></div><div id="ask">{Question}</div>
  1202. <div id="answer">
  1203. {Answer}</div>
  1204. {/block:Answer}
  1205. <div class="permalinks">
  1206. {block:RebloggedFrom}
  1207. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a>
  1208. {/block:RebloggedFrom}
  1209. <a href="{Permalink}" title="{timeago}">✖</a>{block:NoteCount}
  1210. <a href="{Permalink}" title="{NoteCount} hits.">✖</a>{/block:NoteCount}
  1211. {block:ContentSource}
  1212. <a href="{SourceURL}" title="source: {SourceTitle}">✖</a>
  1213. {/block:ContentSource}
  1214. <a href="{ReblogURL}" title="reblog" target="_blank">✖</a>
  1215. {/block:RebloggedFrom}
  1216. </div>
  1217. <div class="tags">
  1218. {block:HasTags}
  1219. {block:Tags}
  1220. <!--you can change symbol before tags to something else-->; <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1221. {/block:Tags}
  1222. {/block:HasTags}
  1223. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1224.  
  1225. </div></div>
  1226. {/block:Posts}
  1227. </div>
  1228. </div>
  1229. </body>
  1230.  
  1231.  
  1232. <!--This is where the pop up begins, you can edit beyond this point-->
  1233.  
  1234. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1235. <i style="text-align:center;">{AskLabel}</i>
  1236. <br>
  1237. <div class="queque">
  1238. {block:ShowHeaderImage}<img src="{HeaderImage}" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1239. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/professor-goodwitch.tumblr.com" width="100%"></iframe>
  1240. </div></div>
  1241. </div>
  1242. <div id="box2" class="popup_block">
  1243. <div class="tabheader">Navigation.</div><div class="popup_boxy">
  1244. <div class="popup_content">
  1245. <h3>navigation</h3>
  1246. <div class="navi_linksu">
  1247. <h3>Main</h3>
  1248.  
  1249. <a href="/tagged/">TAG</a>
  1250. <a href="/tagged/">TAG</a>
  1251. <a href="/tagged/">TAG</a>
  1252. <a href="/tagged/">TAG</a>
  1253. <a href="/tagged/">TAG</a>
  1254. <a href="/tagged/">TAG</a>
  1255. <a href="/tagged/">TAG</a>
  1256. <a href="/tagged/">TAG</a>
  1257. <a href="/tagged/">TAG</a>
  1258. <h3>other</h3>
  1259. <a href="/tagged/">TAG</a>
  1260. <a href="/tagged/">TAG</a>
  1261. <a href="/tagged/">TAG</a>
  1262. <a href="/tagged/">TAG</a>
  1263. <a href="/tagged/">TAG</a>
  1264. <a href="/tagged/">TAG</a>
  1265. <a href="/tagged/">TAG</a>
  1266. <a href="/tagged/">TAG</a>
  1267. <a href="/tagged/">TAG</a>
  1268. </div>
  1269. </div>
  1270. </div>
  1271. </div>
  1272.  
  1273. <div id="box3" class="popup_block"><div class="tabheader">Rules.</div>
  1274. <div id="headerbar">
  1275. <ul id="tabs">
  1276. <li class="active">INTRO.</li>
  1277. <li>RULES.</li>
  1278. <li>CREDITS.</li>
  1279. </ul></div>
  1280. <div class="popup_boxy"><div class="popup_content">
  1281.  
  1282. <div id="tabbar">
  1283. <ul id="tab">
  1284.  
  1285. <li class="active">
  1286.  
  1287. <h3>Introduction.</h3>
  1288. <figure data-orig-height="130" data-orig-width="120"><img src="https://68.media.tumblr.com/19052b65c84094391ad304ec286e52b0/tumblr_inline_ot9curEp8k1tgi4i2_540.png" data-orig-height="130" data-orig-width="120"></figure>
  1289.  
  1290. <p> A pleasure to see you in my rules section! Here are the details you need to know about me~</p>
  1291. <p>Name: Kei</p>
  1292. <p>Age: 21</p>
  1293. <p>Birthday: December 22,1994</p>
  1294. <p>Roleplay Experience: 7+ ( 5years in the forums, 2 years in Tumblr)</p>
  1295. <p>Genres I like: Mostly Romance, Angst and Crack</p>
  1296.  
  1297. <p>Mun gets excited easily when she likes and RP - So please do not freak out when I freak out about a ship I like or a headcanon I like or obsess with GG overall</p>
  1298. <p>Pace - Lately with all of you lovely followers.. when sent an ask. depending on the amount of drafts I get usually takes a day or two.. Especially LONG threads.. I don’t usually take a week to reply but when I’m really not in the mood I tend to get really slow.. &nbsp;TL:DR: I’m slow..</p>
  1299. <p>Dropping Threads: Relating to the bullet point above when it’s too much I tend to drop threads so please bear with me if I drop a thread. Don’t get mad at me.</p>
  1300. <p>You see me reply to other RPs all the time? - If you see me reply to other threads and not yours. DO NOT EVER THINK I DON’T LIKE YOU. I tend to be selective responding to threads so please. Be fucking patient.</p>
  1301. <p>Plotting - Because of Tumblr’s new messenger system you may now plot with me and hit me up for us to plot!</p>
  1302. <p>Please remind me atleast FIVE (5) days you’ve replied and I haven’t responded - athough I cannot guarantee that I will get to them, I just need a constant reminder</p>
  1303. <p>Skype is available upon request</p>
  1304.  
  1305. <p>Other blogs:</p>
  1306. <p><b><a href="http://kei-nekomun.tumblr.com/">kei-nekomun [ Personal blog ]</a></b></p>
  1307. <p><b><a href="http://moonlightpuppeteer.tumblr.com/">moonlightpuppeteer [ Dynasty Warriors Yue Ying ]</a></b></p>
  1308. <p><b><a href="http://amane-bakura.tumblr.com/">amane-bakura [ Amane Bakura, Ryou’s sister, Yu-Gi-Oh ]</a></b></p>
  1309. </li>
  1310.  
  1311. <li>
  1312. <h3>Rules.</h3>
  1313. <p><strong><em>FIRST AND FOREMOST RULE REGARDING ANONS:</em> </strong>I&rsquo;m very much okay with you messaging me about threads, complimenting my writing, expressing love through anon etc.</p>
  1314.  
  1315. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; BUT.</p>
  1316. <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; What I DO NOT tolerate AND WILL NEVER ANSWER, Are anons that come into my inbox, asking me personal stuff that is NOT MEANT TO BE PUBLIC OR ARE SUPPOSED TO BE ADDRESSED PRIVATELY. No matter what, I will NOT and NEVER answer you unless you show yourself OFF ANON to address it. Once more is that I do not tolerate hate in my askbox. Anything negative I receive or something personal on anon. I will delete it.</p>
  1317.  
  1318. <p><strong>AGE</strong> Mun is of age and old as fuck</p>
  1319. <p><strong>THOSE UNDER AGE 18 OR LEGAL AGE I will NOT roleplay smut or nsfw stuff with you</strong></p>
  1320.  
  1321.  
  1322. <p><strong><em>&ldquo;Length&rdquo; </em></strong>- You don&rsquo;t need to match my reply length. However, I will still reply in vivid details if I feel like it.</p>
  1323. <p>In light of an event that happened in the past. I highly urge that you bear with me if I reply shorter or less than what you expected.</p>
  1324. <p><strong>Thread Response time:</strong> Average of 2 weeks. [ Blame Overwatch ]</p>
  1325. <p><strong>Tracking: <span style="text-decoration: underline;"></span></strong>#professsor goodwitch &amp; #professorgoodwitch</p>
  1326. <p><strong>Format - </strong>You don&rsquo;t need to format your replies or add icons if you don&rsquo;t have one.</p>
  1327. <p><strong>Speed -</strong> <em>(baymax voice)</em> I am not fast. Because I cater to almost everyone because I am a totally open blog, replies usually take waiting time of 3 - 9 days. This is due to the system I follow that I queue</p>
  1328. <p><em><strong>Godmodding</strong> - BIG NO NO.&nbsp;</em></p>
  1329. <p><em><strong>Don&rsquo;t realize</strong> </em><em><strong>your godmodding</strong> <strong>me?</strong></em> - Pretty much controlling my characters movements and emotions</p>
  1330. <p><em><strong>NSFW </strong></em>- Yes. But! It will be tagged with #nsfw even if it&rsquo;s not sexual content. There are tendencies of gore, torture etc.</p>
  1331. <p><strong>NSFW blog [ MINORS NOT ALLOWED ] -</strong> If your sole purpose is just to smut with me. Please go to <a href="http://glynda-badwitch.tumblr.com">glynda-badwitch </a></p>
  1332. <p><strong>Triggers - #thirdparty #cheating or anything that will indicate being unloyal. Please discuss with me if you have any intention on doing any plots with me and I will deliberate it. There are cases I&rsquo;ve allowed it but I want it to be known to me through IM first. Sometimes I don&rsquo;t like being caught off guard regarding this matter, it triggers my paranoia and anxiety on,</strong></p>
  1333. <p><strong>OCs - </strong>Semi-Selective but if in anyway I am told I don&rsquo;t like OCs&hellip; you are dead to me. Bear in mind that I want to cater to everyone as much as possible but I have my limits please. If you plot with me with your OC or tell me about them that will interest me then we&rsquo;ll talk.</p>
  1334. <p><strong>Sent Asks, Threads&nbsp; etc.</strong> - My tumblr is always glitching and there WILL be tendencies I don&rsquo;t receive asks, get tagged in threads or miss a thread. Please do not take it as I don&rsquo;t like you, sometimes its tumblr.</p>
  1335. <p><strong>Response time</strong> This is different from replying to threads. This is regarding IMs and OOC related asks. I often see them but I can only reply to them when I feel like it. Please.. again, don&rsquo;t think of it as I don&rsquo;t like you. It&rsquo;s just sometimes I am busy enough that I can&rsquo;t pile up anymore things to do and my attention span is almost negative that I will forget receiving anything. I apologize for that</p>
  1336. <p><strong>DROPPED THREADS</strong> - PLEASE if you feel like I&rsquo;ve dropped our thread, approach to me about in a way that you don&rsquo;t guilt trip me. I&rsquo;ve had many cases where people have told me &ldquo; I&rsquo;m assuming you dropped our thread, was it not good?&rdquo; please don&rsquo;t. A subtle reminder of our thread is enough to at least let me inform you that I may or may have not dropped it. Also, please don&rsquo;t get upset or take it personally if I&rsquo;ve dropped your thread.</p>
  1337. <p><strong>Selective Replying </strong>This happens because my motivations in some threads are hyped that I can only bring myself to respond to that. Please don&rsquo;t think I&rsquo;m ignoring your thread. I will get to it when I can I promise.</p>
  1338.  
  1339.  
  1340. <p><em><strong>This is a multishipping blog,&nbsp;</strong></em><strong> -</strong> I am a multishipping blog so there will be a lot of AUs. So don&rsquo;t call me a shipping whore.</p>
  1341. <p>Regarding previous bullet, the only polyship I will ever agree is between professor-ozpin and voiceofvale. Any other plot, [ not discussed with me ], that indicates being unloyal is a big no no for me.</p>
  1342. <p><strong><em>Ships - </em>I ship based on chemistry. So Glynda can be shipped with anyone of any gender or non-binary as long as there is chemistry in the ship<br /></strong></p>
  1343. <p><strong>Do not</strong> force ship me or I will slap you with Glynda&rsquo;s riding crop</p>
  1344. <p><strong>DO NOT REBLOG MY THREADS IF YOU ARE NOT IN THE THREAD PLEASE. <em>Likes are welcome</em> </strong></p>
  1345. <p><strong>There will also be tendencies for me to reblog non-rp stuff and even non-fandom related stuff as this also serves as my personal blog.</strong></p>
  1346. <p><strong>TAGGING: </strong>this is somewhat important. when i lurk I do shift+r type of reblogs so I don&rsquo;t get to tag that much. Of course, I always tag ;;nsfw stuff and triggering posts. BUT i tend to forget because i always reblog so fast. do message me if you find something in my content triggering please inform me</p>
  1347.  
  1348. <p><strong>Overwatch &gt;&nbsp; Threads </strong>I have a full team in Overwatch and we play on a nightly basis so please be patient with me if I suddenly disappear on you. It&rsquo;s because they need a healer and they die without me, jk. This is often the reason why I take long in threads because I always end up too tired because we play late. [ Also add me in BattleNet KeiChanNyan#1680 ]</p>
  1349.  
  1350. <p><strong>This Blog is 70% Crack&nbsp;</strong>&nbsp;- I admit that Glynda is a very stern and strict character, I always make her sassy and full of crack at some point.&nbsp;</p>
  1351.  
  1352.  
  1353. <p>—————————————————————————————————-</p>
  1354.  
  1355. <p>Now if you’ve read my rules please send in my ask box:</p>
  1356. <p>IT’S CONTEST OF MEASURING DICKS! or Where’s Glynda’s paycheck?</p>
  1357.  
  1358. <p>If you’re a mutual that’s read my old and now read new rules please send:</p><p>#LoveIntheElevator2k15 or Daddy~ Please kinkshame me.</p>
  1359.  
  1360. </li>
  1361.  
  1362. <li>
  1363.  
  1364. <h3>Credits.</h3>
  1365. This theme was made and coded for me by my waifu for laifu <em><a href="http://froppii.tumblr.com/">Queenie</a></em>.
  1366. <p>
  1367. Fanart Glynda Icons are done by the amzing
  1368.  
  1369. <a href="http://rontra.tumblr.com/"><em></em>Granny Rontra</em></a>
  1370.  
  1371. </li>
  1372. </ul> <!--important don't delete-->
  1373. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1374.  
  1375. </div>
  1376. </div></div>
  1377.  
  1378. <div id="verses" class="popup_block"><div class="tabheader">Verses.</div>
  1379. <div id="headerbar">
  1380. <ul id="tabs">
  1381. <li class="active">main.</li>
  1382. <li>OTHER.</li>
  1383. </ul></div>
  1384.  
  1385. <div class="popup_boxy"><div class="popup_content">
  1386.  
  1387. <div id="tabbar">
  1388. <ul id="tab">
  1389.  
  1390. <li class="active">
  1391.  
  1392. <h3>MAIN</h3>
  1393.  
  1394. <!--start copying from here if you want more verse blocks-->
  1395.  
  1396. <div class="vee">
  1397.  
  1398. <img class="versu" src="https://68.media.tumblr.com/4904ea12c3976874c913ca405c36c911/tumblr_inline_ov5q13dgYk1tgi4i2_540.png"> <!--REPLACE WITH IMAGE URL-->
  1399.  
  1400. <p><b>Main Verse</b>
  1401.  
  1402. <br><br><br><br>This is my main verse where Glynda is arried to <a href="http://professor-ozpin.tumblr.com">Ozpin</a> and has a daughter named <a href="http://orianna-ozpin.tumblr.com">Orianna Ozpin</a>.
  1403.  
  1404. </div>
  1405.  
  1406. <!--paste here-->
  1407.  
  1408.  
  1409. </li>
  1410.  
  1411. <li>
  1412.  
  1413. <h3>OTHER</h3>
  1414.  
  1415. <!--start copying from here if you want more verse blocks-->
  1416.  
  1417. <div class="vee">
  1418.  
  1419. <img class="versu" src="https://68.media.tumblr.com/7afbd94dbc85c27fd17c842ceb0a79f9/tumblr_inline_ov5qvdWhqh1tgi4i2_540.png"> <!--REPLACE WITH IMAGE URL-->
  1420.  
  1421. <p><b>Young Glynda</b>
  1422.  
  1423. <br><br><br><br><p><span style="text-decoration: underline;">Backstory could be read <a href="http://professor-goodwitch.tumblr.com/post/155396183766/glynda-backstorymore-when-glynda-was-a-child">here </a></span></p>
  1424. <p><em>** I suggest reading up on the backstory to know her Young!Glynda verse better.</em></p>
  1425. <p>After running away from her father, Glynda has been living on her own ever since. Surviving on her own, thanking magic that she's able to survive harsh conditions. She's worked at least 3 jobs to earn enough lien to afford a cheap apartment to get by. She visits local libraries to continue studying and pursue her dreams of becoming a huntress to help those who need it. Glynda passes the exam at Beacon with flying colors and starts her path towards her goal.</p>
  1426. <p>*Her personality is much different from her main/canon personality. Glynda still exhibits cautious and wariness at others but she's much more calm and sophisticated. She suffers from PTSD because of the memories from the day her father murdered her mother and all those harsh punishments he inflicted upon her. In the back of her mind, she will always be afraid the dark power in her will lose control that's why she prefers to keep distant.</p>
  1427.  
  1428.  
  1429. </div>
  1430.  
  1431. <!--paste here-->
  1432. <!--start copying from here if you want more verse blocks-->
  1433.  
  1434. <div class="vee">
  1435.  
  1436. <img class="versu" src="https://68.media.tumblr.com/8a3a05a0f8b553b5677b80a8859ef1be/tumblr_inline_ov5r1gO9Ub1tgi4i2_540.png"> <!--REPLACE WITH IMAGE URL-->
  1437.  
  1438. <p><b>Dynasty Warriors</b>
  1439.  
  1440. <br><br><br><br>Glynda originates from an unknown place from the far west. She's a traveler that has no intentions of going home. She arrives in China in hopes to learn more of their culture and possibly earn for a living there. She serves as a Free Officer around the lands of China. She's at least worked with the Three Kingdoms, Shu, Wei and Wu. Her loyalty stands to those who can convince her and she finds worthy to work for.
  1441.  
  1442. </div>
  1443.  
  1444. <!--paste here-->
  1445.  
  1446. <!--start copying from here if you want more verse blocks-->
  1447.  
  1448. <div class="vee">
  1449.  
  1450. <img class="versu" src="https://68.media.tumblr.com/d609d1f2ba1cc41ce98042df10407c51/tumblr_inline_ov5r5oeNpb1tgi4i2_540.png"> <!--REPLACE WITH IMAGE URL-->
  1451.  
  1452. <p><b>Voltron</b>
  1453.  
  1454. <br><br><br><br>Glynda is a Galra Witch that doesn't work for Zarkon or any Galra Army units. She offers services to anyone who has 'impossible' wishes they wish granted. However, she makes them a hefty price that will make her customer remember this transaction eternally.</p>
  1455. <p>She has a shop that is hidden in a space pocket and only lucky ones can see her ship, if they can see it that is. Her ship has glass exteriors that reflects space that can conceal its location. The ship will only open up should she see this potential customer worthy of her services.</p>
  1456. <p>Her motives aren't determined nor will it be known for the witch only knows her own reason why she doesn't serve her fellow people. She's a neutral party considering she only seeks to offer her services to those who need their wishes granted, if they can pay for it.
  1457.  
  1458. </div>
  1459.  
  1460. <!--paste here-->
  1461.  
  1462. <!--start copying from here if you want more verse blocks-->
  1463.  
  1464. <div class="vee">
  1465.  
  1466. <img class="versu" src="https://68.media.tumblr.com/860af7d540a7232a76e97d96acfff5ad/tumblr_inline_ov5rahgCnO1tgi4i2_540.png"> <!--REPLACE WITH IMAGE URL-->
  1467.  
  1468. <p><b>Overwatch</b>
  1469.  
  1470. <br><br><br><br>Not yet fleshed out.
  1471.  
  1472. </div>
  1473.  
  1474. <!--paste here-->
  1475.  
  1476. </li>
  1477.  
  1478.  
  1479. </ul> <!--important don't delete-->
  1480. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1481.  
  1482. </div>
  1483. </div></div>
  1484.  
  1485. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1486. <div id="headerbar">
  1487. <ul id="tabs">
  1488. <li class="active">basic info.</li>
  1489. <li>backstory.</li>
  1490. <li>more info.</li>
  1491. <li>mains.</li>
  1492.  
  1493. </ul></div>
  1494. <div class="popup_boxy"><div class="popup_content">
  1495.  
  1496. <div id="tabbar">
  1497. <ul id="tab">
  1498.  
  1499. <li class="active">
  1500.  
  1501. <h3>Basic Information</h3>
  1502. <img src="https://68.media.tumblr.com/c1e6419b095b93c0f22bac2619307380/tumblr_inline_o05j275AHr1s6358n_500.png">
  1503. <p>NAME. Glynda Goodwitch.</p>
  1504.  
  1505. <p>NICKNAMES. Sasswitch, Goodbitch, Glyn.</p>
  1506.  
  1507. <p>AGE. 29 to mid-30s.</p>
  1508.  
  1509. <p>SEX || GENDER. Female (She/Her).</p>
  1510.  
  1511. <p>OCCUPATION. Professor/Huntress.</p>
  1512.  
  1513. <p>SEMBLANCE. Telekinesis.</p>
  1514.  
  1515. <p>FAMILY. <a href="http://professor-ozpin.tumblr.com">Husband</a>, <a href="http://orianna-ozpin.tumblr.com">Daughter</a>, <a href="http://sxlemwitch.tumblr.com/">Sister</a>.</P>
  1516.  
  1517. <p>PERSONALITY. Her natural elegance and charm earns her the first impression of a girl with so much integrity. However, she oblivious to anything.</p>
  1518. </li>
  1519.  
  1520. <li>
  1521.  
  1522. <h3>Backstory</h3>
  1523. <p>Glynda Goodwitch is a professor of Beacon Academy but at the same time a professional huntress and is one of the renowed protectors/leaders of Vale Kingdom. She supervises the combat classes of Beacon and is also the right-hand of Headmaster Ozpin. She has a strict nature of keeping the students in line as they progress to become huntsman and huntresses. However, she is often pacified by Ozpin that they are still young children that should still be children before they set out in the real world. Glynda makes sure that her students are well taught and can survive on their own however, she also makes sure none of them die under her watch. They came to Beacon to learn, not die because of non-experience.</p>
  1524.  
  1525. <p>Some depict her as the mother of Beacon Academy because she often fixes any damages and takes care of any mishaps around the school. Of course, this can annoy her to a great extent but she composes herself to the point that she becomes a sarcastic irate.</p>
  1526.  
  1527. <p>Glynda works around the clock with whatever she is doing, as it was implied by Oobleck and Port from after the Fall of Beacon. Stress overtakes her so much but she rarely takes the time to rest. She has a philosophy that much time is wasted when slacking around. It is very hard to convince her that she needs a break sometimes.</p>
  1528.  
  1529. <p>Glynda wields a riding crop that serves as a focus when casting dust spells and combat. Her normal attacks consist of purple blue beams that hits enemies and out right puncturing them for damage. She also uses elemental dusts to enhance her attack such as summoning ice rain. Much like Weiss, Glynda is shown to be using glyphs that serves as a shield when directly attacked. She exhibits an amount of power that equals a maidens power based on her battle with Cinder in the very first volume and episode of RWBY.</p>
  1530.  
  1531. <p>All in all, Glynda Goodwitch is a stern and badass woman who will kick you out of the window if you disturb her work.</p>
  1532. </li>
  1533.  
  1534. <li>
  1535.  
  1536. <h3>More Info</h3>
  1537. <p><strong>[Note this part and below are 3yrs old so.. it&rsquo;s p old ]</strong></p>
  1538. <p><strong>Personality:</strong></p>
  1539.  
  1540. <p><span>She is proven to be quite strict seeing despite good efforts seen in action but sees the danger to an individuals irrational reaction [E.g. getting mad at Ruby for endangering the civilians while fighting Roman&rsquo;s henchmen]</span></p>
  1541. <p>She requires a high level of respect towards her and anyone who would not will immediately be a sour eye to her.</p>
  1542. <p>Her harsh and cold words can sometimes come off as a encouragement to the students since she is still the professor and she needs to motivate her students becoming a hunter and a huntress</p>
  1543. <p>She is quite the sarcastic professor that belittles her students based on their poor performance. Vice versa, she praises students with a good performance but no one has ever gotten her favortism standards.</p>
  1544. <p>SASSY WHEN SHE IS IN A BAD MOOD OR JUST DOWN RIGHT SASSY</p>
  1545.  
  1546. <p><strong>Other Headcanons</strong></p>
  1547.  
  1548. <p>Glynda gets irritated easily especially to the students who disobey her rules.</p>
  1549. <p>Glynda&rsquo;s trigger is when anyone would talk about her childhood and easily gets upset and mad.</p>
  1550. <p>Glynda often smiles when she is very pleased.</p>
  1551. <p>She laughs when she&rsquo;s very pleased.</p>
  1552. <p>She always works overtime on paper work but mostly its Ozpin&rsquo;s work.</p>
  1553. <p>Counterpart to Ozpin&rsquo;s obsession with coffee. She is obsessed with tea.</p>
  1554. <p>In her rare freetime, she takes a nap on her desk, timing it for exactly 30 minutes then goes back to work.</p>
  1555. <p>Glynda can go a day without sleeping from doing work</p>
  1556. <p>If you cherish your life, you never peek at her tablet. Not just because it contains classified information. It contains personal classified information.&nbsp;<strike>its her diary</strike>s</p>
  1557. <p>She offers drastic punishment to students especially those that involve ruining one&rsquo;s dignity</p>
  1558. <p>Prior to previous bullet, she is very sensitive when it comes to women&rsquo;s dignity. She get furious if she finds out that a woman disgraces her dignity in exchange for something that gives short pleasure</p>
  1559. <p>She has a hidden obsession with chocolate, so any student that offers her chocolate often go easy on them. But only for a short duration since chocolate digests so her soft side also digest and reverts back to her normal strict side.</p>
  1560. <p>She reads romance novels mostly in her tablet, but she has favorite ones that she would buy the actual book.</p>
  1561.  
  1562. <div><strong>Added Headcanons [[ accepted from Headcanon memes ]]<br /></strong></div>
  1563. <div>
  1564.  
  1565. <p>Glynda is a perfectionist. She won&rsquo;t send out her work until it&rsquo;s completely flawless.</p>
  1566. <p>One of the things to get Glynda instantly pissed off is having coffee spilled on her white button-up. The stain drives her absolutely loony. (Ozpin has taken a number of coffee depravations because of this.)</p>
  1567. <p>&nbsp;Glynda has a great amount of vacation days, but never uses them. Ozpin is always telling her to take a break and just relax a little. To which she says, &ldquo;If I took some time off, who would do all of the paperwork? Not you, certainly.&rdquo;</p>
  1568.  
  1569. </div>
  1570. <p>[[ I&rsquo;d write her backstory but I&rsquo;m way too lazy to for now ]]</p>
  1571.  
  1572.  
  1573. </li>
  1574.  
  1575. <li>
  1576.  
  1577. <h3>Mains</h3>
  1578. <p>Mains does not mean exclusives! This just means these are the blogs I'll mainly interact with.</p>
  1579.  
  1580. <a href="http://orianna-ozpin.tumblr.com/" title="Orianna."><img src="https://68.media.tumblr.com/2adba9808a4176969e813ace2f79129f/tumblr_inline_ov5u0tkho61tgi4i2_540.png"></a>
  1581.  
  1582. <a href="http://professor-ozpin.tumblr.com/" title="Ozpin."><img src="https://68.media.tumblr.com/df39470c9ca4485e54bdd08e5bb3e02e/tumblr_inline_ov5u0tvurQ1tgi4i2_540.png"></a>
  1583.  
  1584. <a href="http://sxlemwitch.tumblr.com/" title="Salem."><img src="https://68.media.tumblr.com/7bacd371fae0daf4d3341d26177cb990/tumblr_inline_ov5u0ten9o1tgi4i2_540.png"></a>
  1585.  
  1586. </li>
  1587.  
  1588. </ul> <!--important don't delete-->
  1589. </div></div></div></div></div></div></div></div></div></div></div></div>
  1590. </div>
  1591.  
  1592. </div></div>
  1593.  
  1594. </div></div></div></div></div></div></div></div></div></div></div>
  1595.  
  1596. </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!