Advertisement
eucerin

gray kist

Jul 9th, 2018
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.10 KB | None | 0 0
  1. <!-- coded by devilout for commission. this was bought and paid for do not steal. code below all created by devilout with base codes. please do not use MY code as a base theme or take parts. -->
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}">
  10. {/block:Description}
  11.  
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
  13. <link href='https://fonts.googleapis.com/css?family=IM+Fell+English+SC' rel='stylesheet' type='text/css'>
  14. <link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  15. <link href='https://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
  16.  
  17. <!-- jquery for tooltips-->
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20.  
  21. <!-- POP UP SCRIPT -->
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51. <!-- POP UP SCRIPT END -->
  52. <!-- <meta mame="" content=""> -->
  53.  
  54.  
  55. <style type="text/css">
  56. /* TYPE; SCROLL */
  57. ::-webkit-scrollbar {width:1px;height:2px;background:transparent;}
  58. ::-webkit-scrollbar-thumb {background:#ffffff;}
  59. #ptags::-webkit-scrollbar {width:3px;max-height:2px;background:transparent;}
  60. #ptags::-webkit-scrollbar-thumb {background:#fff;}
  61. #ptags::-webkit-scrollbar-corner {
  62. /*
  63. background-image: url(resources/corner.png);
  64. background-repeat: no-repeat;
  65. */
  66. background-color: transparent;
  67. }
  68. /* TYPE; PHOTOSETS */
  69. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  70. #tumblr_lightbox {background:#000000!important;}
  71. #tumblr_lightbox_left_image,
  72. #tumblr_lightbox_right_image {opacity:0.5!important;}
  73. #tumblr_lightbox_center_image,
  74. #tumblr_lightbox_left_image,
  75. #tumblr_lightbox_right_image {
  76. box-shadow:none!important;
  77. border-radius:0px!important;
  78. }
  79.  
  80. #s-m-t-tooltip {
  81. background-color:#000000;
  82. color:#686868;
  83. border-top:2px solid #571e1e;
  84. border-bottom:2px solid #571e1e;
  85. max-width:200px;
  86. margin:15px;
  87. z-index:99999999;
  88. padding:3px;
  89. font-size:7px;
  90. text-transform:uppercase;
  91. letter-spacing:1px;
  92. font-family:trebuchet ms;}
  93.  
  94.  
  95. /* BASICS */
  96. html { color: #ffffff;}
  97.  
  98. body { background:#000000; background-image:url('https://static.tumblr.com/yseujy7/jlZpb9t02/graykist.png'); background-repeat:no-repeat; background-position:top left; background-attachment: fixed; text-align:justify; margin:0;}
  99.  
  100. /*article {}
  101. section {}*/
  102. b, strong {color:#eee;font-weight:bold;font-family:Consolas, Monaco, 'Andale Mono', monospace;text-transform:uppercase;letter-spacing:2px; font-size:10;}
  103.  
  104. i, em {color:#eee;font-family:Consolas, Monaco, 'Andale Mono', monospace;text-transform:uppercase;letter-spacing:2px; font-size:10px;}
  105.  
  106. strike {color:#eee;font-family:helvetica;text-transform:uppercase;letter-spacing:2px; font-size:10px;}
  107.  
  108. /* TEXT AESTHETIC */
  109. html, body, p, small, sub, sup, big { color:#838282; font-family:trebuchet ms; line-height: 130%; font-size:9px;}
  110.  
  111. h1, h2, h3, #perm {padding:10px; font-size:8px; text-transform:uppercase; font-family:calibri; text-align:center; letter-spacing:px; border:0px solid #2b0101; border-radius:px; color:#eee;}
  112.  
  113. pre, code { font-family: Consolas, Monaco, 'Andale Mono', monospace; white-space: pre;overflow: auto;}
  114. /* Link styles */
  115. a { color: #b8b8b8; text-decoration:none; transition: all 0.2s ease; font-weight:bold;}
  116.  
  117. /* Container and posts */
  118. #dbox {position:fixed; width:141px; height:30px; left:560px; top:115px; z-index:2; color:#eee; opacity:0; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; background-color:#242424; padding:10px; }
  119. #dboxlinks {position:fixed; background-color:242424; width:211px; left:532px; top:192px; z-index:1023; color:#000; font-size:10px;}
  120. #dboxlinks a { color:#fff;}
  121. #containertop {position:fixed; width:1043px; height:210px; z-index: 13; left:0px; top:0px; background-image:url('https://static.tumblr.com/yseujy7/3hvpb9tb6/graykisxt.png'); background-repeat:no-repeat; background-position:top left;}
  122.  
  123. #container { height:100%; margin-left: 540px;}
  124.  
  125. .entry { width:194px;margin-top:30px;}
  126. article:first-of-type {margin-top:225px;}
  127.  
  128. .caption img, .entry img { max-width:100%; height:auto; padding-bottom:5px;}
  129.  
  130.  
  131. /*.ask #aa a { font-family: 'Cedarville Cursive', cursive; font-size:26px; width:250px; padding-right:5px; word-break:break-all;} */
  132. .ask #aa img {float:left; padding:5px;}
  133. .ask #aa { min-height:64px;}
  134. #aaa { float:left; height:60px;margin-top:26px;}
  135. #a {padding:20px; border:1px solid #363636;}
  136.  
  137. #perm { margin-top:15px; text-align:center;}
  138.  
  139. #p { padding-top:0px; word-break:break-word; color:#fff; text-transform:lowercase; margin-bottom:100px;}
  140. #pdates {float:right;}
  141. #ptags {width:calc(194px - 50px); float:left; max-height:50px; overflow:scroll; padding: 0px 10px 0px 10px; font-size:8px; font-family:trebuchet ms; text-transform:uppercase; margin-top:0px; letter-spacing:0.8; border-left:1px solid #fff; padding:2px;}
  142.  
  143. img, iframe, photoset_iframe { max-width: 100%;}
  144.  
  145.  
  146. blockquote { padding-left: 1rem; border-left: 2px solid #eee; margin-left: .3rem; width:93%;}
  147. blockquote blockquote {margin-left:1px;}
  148.  
  149.  
  150. #info blockquote { padding-left: 1rem; border-left: 1px solid #eee; margin-left: .3rem; width:calc(194px - 35px);}
  151.  
  152. /* Audio styles */
  153. .tumblr_audio_player { height: 70px;}
  154.  
  155. /* Post notes */
  156.  
  157. ol.notes { list-style: none; padding: 0; max-width:194px; margin: 0;}
  158.  
  159. ol.notes li.note img.avatar { display: none;}
  160.  
  161. /* pop ups */
  162. .popup_block { display:none; background-image: url(''); background-repeat: no-repeat; background-position:top left; float:left; position:fixed; width:480px; height:400px; top:50%; left:50%; z-index:999999;}
  163. *html #fade {position: absolute;}
  164. *html .popup_block {position: absolute;}
  165. #fade { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999; background:#bababa; opacity:1;}
  166.  
  167. #credit {background-image:url('http://static.tumblr.com/ubda1wc/zYuo70vnf/black.png')}
  168. #creditinfo { overflow-y:scroll; overflow-x:hidden; position:absolute; margin-top:155px; margin-left:20px; padding:10px; width:220px; height:95px; -webkit-transition-duration: 2s; /* Safari */ transition-duration: 2s;}
  169. #credit #creditinfo a {color:#000!important;}
  170.  
  171. .credit {position:fixed;bottom:30px;right:10px;opacity:.4;}
  172. .credit a {color:#ffffff!important;}
  173.  
  174. #ask, #b, #c, #d {background-image:url('https://static.tumblr.com/yseujy7/0c6pb9uaw/graykistz.png');}
  175. #abcinfo { overflow-y:scroll; overflow-x:hidden; position:absolute; margin-top:105px; margin-left:40px; padding:10px; width:300px; height:244px; -webkit-transition-duration: 2s; /* Safari */ transition-duration: 2s;}
  176. #ask #abcinfo a, #b #abcinfo a, #c #abcinfo a, #d #abcinfo a {color:#fff!important;}
  177. /*more styling that's easier for me to get to without scrolling because fuck scrolling*/
  178.  
  179. #dboxicon { position:fixed;
  180. z-index:90;
  181. margin-left:450px;
  182. margin-top:-50px;}
  183. #dboxicon:hover #dbox, #dbox:hover {opacity:1;}
  184.  
  185. </style>
  186. </head>
  187. <body>
  188.  
  189.  
  190. <!-- MAIN SECTIONS -->
  191. <div id="containertop"></div>
  192. <div id="dboxicon"><i class="fa fa-exclamation-circle fa-spin fa-3x" aria-hidden="true"></i><div id="dbox"> <center><B>{title}</B> </center><div id="dbox2"><center>{description}</center></div></div></div>
  193.  
  194.  
  195.  
  196. <div id="dboxlinks"><center><a href="/" title="home">00.</a>
  197. <a href="/ask" rel="ask" title="ask" class="poplight">01.</a> <a href="/i" rel="b" title="rules" class="poplight">02.</a>
  198. <a href="/nav." rel="c" title="muses" class="poplight">03.</a>
  199. <a href="/theme" rel="d" title="navi" class="poplight">04.</a>
  200. <!-- PAGINATION -->
  201. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-backward"></i></a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><i class="fa fa-forward"></i></a>{/block:NextPage}{/block:Pagination} </center></div>
  202.  
  203. <div id="container">
  204. {block:Posts}
  205.  
  206. <article class="entry">
  207.  
  208. {block:Photoset} <section class="photoset">{Photoset}<br>{/block:Photoset}
  209.  
  210. {block:Photo} <section class="photo"> <img src="{PhotoURL-HighRes}">
  211. {/block:Photo}
  212.  
  213.  
  214. {block:Text} <section class="text"> {block:Title} <h2 class="title"><a href="{Permalink}">{Title}</a></h2> {/block:Title} {block:Body} {Body} {/block:Body} {/block:Text}
  215.  
  216. {block:Answer}
  217. <section class="ask"><div id="aaa"></div><div id="a"><div id="aa"><a href="{AskerUrl}"><img src="{askerportraiturl-64}"></a> {Question}</div></div>
  218. <br> <div id="ans">{Answer}</div>
  219. {/block:Answer}
  220.  
  221.  
  222. {block:Audio} <section class="audio"> {block:AudioEmbed} {AudioEmbed} {/block:AudioEmbed}{/block:Audio}
  223.  
  224. {block:Video} <section class="video"> {Video}{/block:Video}
  225.  
  226. {block:Quote} <section class="quote"><i class="fa fa-quote-left fa-4x fa-pull-left" aria-hidden="true"></i> {Quote}
  227. {block:Source} <br><blockquote><span class="source"> {Source}</span></blockquote> {/block:Source}{/block:Quote}
  228.  
  229. {block:Link}<section class="link"> <h2><a href="{URL}">{Name}</a></h2> {block:Description} {Description} {/block:Description}{/block:Link}
  230.  
  231. {block:Chat} {block:Title} <h1> {Title} </h1> {/block:Title} <section class="chat"> {block:Lines} {block:Label} <b>{Label}</b> {/block:Label} {Line} <br> {/block:Lines} {/block:Chat}
  232.  
  233. {block:Caption} <section class="caption"> {Caption} </section>
  234. {/block:Caption}
  235.  
  236. </section>
  237. <!-- END SECTION POST -->
  238.  
  239. {block:Date}
  240. <div id="p"><div id="pdates"><a href="{Permalink}" title="{timeago}" style="position:absolute; margin-left:-30px; margin-top:2px; font-size:20px;"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></a> <a href="{ReblogURL}" target="_blank" title="reblog?" style="position:absolute; margin-left:-15px; margin-top:19px;"><i class="fa fa-refresh fa-spin fa-lg fa-fw"></i></a> {block:NoteCount}<a href="{permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:-25px; margin-top:28px; font-size:20px;"><i class="fa fa-star-o" aria-hidden="true"></i></a>{/block:NoteCount}</div><div id="ptags">{block:HasTags}{block:Tags} <a href="{TagUrl}"><i class="fa fa-tags" aria-hidden="true"></i>{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  241.  
  242. {/block:Date}
  243. </article>
  244. <!-- END ARTICLE -->
  245. {block:PostNotes}
  246. {PostNotes}
  247. {/block:PostNotes}
  248.  
  249. <!-- SOURCE EDIT -->
  250. {block:ContentSource}
  251. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  252. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  253. {/block:SourceLogo}
  254. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  255. {/block:ContentSource}<!-- {block:NoRebloggedFrom}
  256. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  257. {/block:NoRebloggedFrom} -->
  258. <!-- SOURCE EDIT END-->
  259. {/block:Posts}
  260. <!-- END CONTAINER -->
  261.  
  262. <div class="credit"><a href="#?w=480px" rel="credit" title="click for credits" class="poplight">gk</a></div>
  263. </div></div></div></div></div></div>
  264.  
  265. </body>
  266.  
  267. <div id="credit" class="popup_block">
  268. <div id="creditinfo">
  269. <p>theme code & background were created by @<a href="http://graykist.tumblr.com">graykist</a></b>. if you are interested in commissioning me please ask on <a href="http://graykist.tumblr.com/c">this page</a>. please do not lift bits of code, or steal. come to me directly if you are interested in something. thank you.</p>
  270.  
  271. </div></div>
  272.  
  273. <div id="ask" class="popup_block"><div id="abcinfo">
  274. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/graykist.tumblr.com" width="100%"></iframe>
  275. </div></div>
  276.  
  277. <div id="b" class="popup_block"><div id="abcinfo">
  278. <h1>GUIDELINES, RULES, ETC.</h1>
  279. <h2>01. BASICS.</h2><p>this is an independent multi muse rp. low activity. non mutuals are allowed. feel free to create a sideblog if you are a 1x1 and would like to play against one of my muses. i go by lokin / reece.</p><h2>02. RULES ~ISH</h2><p>any thing rude, related to ship hate, anon hate, call outs, dash drama or politics is either soft blocked, hard blocked, or blacklisted by me. i just don&rsquo;t need or want it. i work fulltime and i prefer to come back to a clean dash. as long as the dash isn&rsquo;t cluttered with uncut posts or huge 500x500 gifs i&rsquo;m fine. i reserve the right to post when i like, what i like, how i like. i am not responsible for the media you consume.&nbsp;<strong>this blog is nsfw.</strong></p><p>on that note, i write with sub text + icons.</p><h2>03. SHIPS</h2><p>yes please.&nbsp;</p><h2>04. TRIGGERS &amp; TAGS</h2><p>if you need something tagged please ask.&nbsp;</p><h2>05. ETC</h2><p>most icons are cropped and coloured by me. if not, they&rsquo;ll be liked/credited.</p><p>10.26.2017 &mdash; shout out to @fnsies / @frednm for their awesome icon border seen on my little icons &amp; also shout out to them, myself, &amp; cosmicpsds for some of the random colorings i&rsquo;ve used through out.</p><p>11/19/2017 &mdash; psd by me, all icons either credited through likes/reblogs or are my own. theme is my own. artwork is credited as second post on blog.</p><p>11/21/2017 &mdash; psd by me, all icons either credited through likes/reblogs or are my own. theme is my own.&nbsp;</p><p>04/20/2018 &ndash; theme credit at bottom</p><h2>06. binch.</h2><p><a href="#mce_temp_url#"><span style="text-decoration: underline;"><strong>response to callouts</strong></span> </a>&larr;click.</p>
  280.  
  281. </div></div>
  282. <div id="c" class="popup_block"><div id="abcinfo">
  283.  
  284. <blockquote><p>&#65377; &#65381; : * television .</p></blockquote><p><strong>american horror story .</strong></p><p>madison montgomery .<br>zoe benson .<br>kyle spencer .</p><p><strong>daredevil (616 based ).</strong></p><p>matt murdock .<br>james wesley . (<a href="http://softmulti.tumblr.com/m/jw">info</a>)<br>foggy nelson . (<a href="http://softmulti.tumblr.com/m/fn">info</a>)<br>karen page .<br>marci .</p><p><strong>dusk til dawn .</strong></p><p>richi gecko .</p><p><strong>merlin .<br></strong></p><p>arthur pendragon .</p><p><strong>new girl .</strong></p><p>jessica day .<br>grumpy boy nick .</p><p><strong>once upon a time .</strong></p><p>victor whale . (<a href="http://softmulti.tumblr.com/m/vw">info</a>)<br>prince charming .<br>mad hatter .<br>baelfire .</p><p><strong>skins .</strong></p><p>dominic . (<a href="http://softmulti.tumblr.com/m/d">info</a>)<br>effy .<br>alo .<br>mini .</p><p><strong>supernatural .</strong></p><p>castiel ( @kqziel )<br>dean winchester . (<a href="http://softmulti.tumblr.com/m/dw">info</a>)<br>dark dean winchester (@goldenfuck)<br>jo harvalle .<br>jack klein .</p><p><strong>teen wolf .</strong></p><p>allison argent . (<a href="http://softmulti.tumblr.com/m/aa">info</a>)<br>derek hale . (<a href="http://softmulti.tumblr.com/m/dh">info</a>)<br>malia tate .<br>peter hale .<br>laura hale .<br>cora hale .</p><blockquote><p>&#65377; &#65381; : * movies .</p></blockquote><p><strong>alien covenant .</strong></p><p>walter .</p><p><strong>maleficent .<br></strong></p><p>sleeping beauty .&nbsp;<em>fc / elle fanning or georgia gibbs . </em>(<a href="http://softmulti.tumblr.com/tagged/a">info</a>)<br>diaval .&nbsp;<em>fc / thomas doherty .</em></p><p><strong>the man from uncle .</strong></p><p>gaby .</p><p><strong>repo the genetic opera .</strong></p><p>graverobber .<br>shilo .</p><p><strong>scooby doo .</strong></p><p>fred jones .</p><p><strong>star wars .</strong>&nbsp;</p><p>kylo ren .&nbsp;<br><em>rey</em> . <br>finn .<br>han solo .</p><p><strong>stoker .</strong></p><p>india stoker .</p><p><strong>zootopia .</strong></p><p>nick wilde .<br>judy hopps .&nbsp;<em>fc / jameela jamil .</em></p><blockquote><p>&#65377; &#65381; : * books .</p></blockquote><p><strong>harry potter .&nbsp;</strong></p><p>neville longbottom .<br>severus snape .</p><p><strong>hunger games .</strong></p><p>peeta mellark . (<a href="http://softmulti.tumblr.com/m/pm">info</a>)</p><p><strong>sherlock holmes .</strong></p><p>mycroft holmes . (<a href="http://softmulti.tumblr.com/m/mh">info</a>)</p><blockquote><p>&#65377; &#65381; : * video games .</p></blockquote><p><strong>digimon : cyber slueth .</strong></p><p>arata sanada .<br>takumi aiba .<br>ami aiba .</p><p><strong>legend of zelda / breath of the wild .</strong></p><p>link .<br>zelda .<br>mipha .<br>sheik .</p><p><strong>until dawn .</strong></p><p>sam .<br>chris .&nbsp;<br>josh .</p><blockquote><p>&#65377; &#65381; : * anime / manga / cartoon.</p></blockquote><p><strong>soul eater .</strong></p><p>franken stein .<br>maka albarn .</p><p><strong>adventure time .</strong></p><p>finn the human .<br>prince bubblegum .<br>princess bubblegum .<br>marciline the vampire queen .</p><blockquote><p>&#65377; &#65381; : * original characters.</p></blockquote><p><strong>fandomless .</strong></p><p>madison bryant .&nbsp;<em>fc / adele exarchopoulos . (</em><a href="http://softmulti.tumblr.com/m/cb">info</a>)<br>david smith .&nbsp;<em>fc / jason bateman . </em>(<a href="http://softmulti.tumblr.com/m/ds">info</a>)<br>maddox grey .&nbsp;<em>fc / zac efron . </em>(<a href="/m/mg">info</a>)<br>martin blank .&nbsp;<em>fc / john cusack . </em>(<a href="http://softmulti.tumblr.com/m/mb">info</a>)<br>ben masterson .&nbsp;<em>fc / tbd .&nbsp;</em>(<a href="http://softmulti.tumblr.com/m/bm">info</a>)</p><p><strong>ship / indi muses .</strong></p><p>jenny collins .&nbsp;<em>fc / meredith mickelson .&nbsp;</em><br>kit st. cloud .&nbsp;<em>fc / bella thorne .</em>&nbsp;<br>collette &lsquo;coco&rsquo; love .&nbsp;<em>fc / halston sage .<br></em>sage reynolds .&nbsp;<em>fc / dove cameron .<br><br></em></p><p><strong>supernatural .</strong></p><p>jazmin diaz .&nbsp;<em>fc / selena gomez .&nbsp;</em>(<a href="http://softmulti.tumblr.com/m/jd">info</a>)</p>
  285. </div></div>
  286.  
  287. <div id="d" class="popup_block"><div id="abcinfo">
  288. <h1>navi to be added</h1><p>information goes here</p>
  289. </div></div>
  290.  
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement