API tools faq
paste
Advertisement
Arya_Stark

Wrapper

Arya_Stark
Nov 30th, 2015
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title><% TITLE %></title>
  5. <% CSS %>
  6. <% JAVASCRIPT %>
  7.  
  8. <script src="https://dl.dropbox.com/s/ip6ntod4od66vld/stickycontent.js?dl=0">
  9.  
  10. <script type='text/javascript' src="http://youdot.s1.jcink.com/getElemsByClass.js"></script>
  11.  
  12. <script type='text/javascript' src='http://www.elegantexpressions.us/black/cs.min.js'></script>
  13.  
  14.  
  15. /***********************************************
  16. * Sticky Content script (c) Dynamic Drive (www.dynamicdrive.com)
  17. * This notice MUST stay intact for legal use
  18. * Visit http://www.dynamicdrive.com/ for this script and 100s more.
  19. ***********************************************/
  20.  
  21. </script>
  22.  
  23. <script>
  24.  
  25. //initialize sticky content:
  26.  
  27. jQuery(document).ready(function($){
  28.  
  29. $('#sidebox').stickyit({
  30. gap: 40,
  31. stickyclass: "docked"
  32. })
  33.  
  34. })
  35.  
  36. </script>
  37.  
  38. <link href='https://fonts.googleapis.com/css?family=Eagle+Lake' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700|Six Caps|Lobster|Pathway+Gothic+One|Oswald:300,400,700|Quintessential|Seaweed+Script' rel='stylesheet' type='text/css'>
  41. </head>
  42. <body>
  43. <div id="n-toggle">O<br>O<br>C<br><br> C<br>b<br>o<br>x</div>
  44. <div id="n-cbox"><!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
  45. <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 250px; font-size: 0; line-height: 0;">
  46. <div style="position: relative; height: 300px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="http://www3.cbox.ws/box/?boxid=3486317&boxtag=dkw3qa&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain3-3486317" id="cboxmain3-3486317"></iframe></div>
  47. <div style="position: relative; height: 100px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="http://www3.cbox.ws/box/?boxid=3486317&boxtag=dkw3qa&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform3-3486317" id="cboxform3-3486317"></iframe></div>
  48. </div>
  49. <!-- END CBOX --> </div>
  50.  
  51. <div id="n-toggle-2">IC Cbox</div>
  52. <div id="n-cbox-2"><!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
  53. <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 250px; font-size: 0; line-height: 0;">
  54. <div style="position: relative; height: 293px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#DBE2ED 1px solid;"><iframe src="http://www3.cbox.ws/box/?boxid=3478555&boxtag=x08ztc&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain3-3478555" id="cboxmain3-3478555"></iframe></div>
  55. <div style="position: relative; height: 107px; overflow: hidden; border:#DBE2ED 1px solid; border-top: 0px;"><iframe src="http://www3.cbox.ws/box/?boxid=3478555&boxtag=x08ztc&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform3-3478555" id="cboxform3-3478555"></iframe></div>
  56. </div>
  57. <!-- END CBOX --> </div>
  58.  
  59.  
  60.  
  61. <div id="wrapper">
  62. <center>
  63. <div id=headspan>
  64. <div class=titlebox>
  65. <div class=headtitle>
  66.  
  67. The Accession
  68.  
  69. </div><div class=headt2>
  70.  
  71. War Begins Now
  72.  
  73. </div><div class=headsub>
  74.  
  75. An AU Supernatural RP
  76.  
  77. </div>
  78. </div>
  79.  
  80.  
  81. <ul class="ch-grid">
  82. <li>
  83. <div class="ch-itema"><div class="ch-head ch-img-1">Welcome</div>
  84. <div class="ch-info">
  85. <h3>
  86.  
  87. The Accession
  88.  
  89. </h3>
  90. <div class=tabtext>
  91.  
  92. BRIEF DESCRIPTION ABOUT SITE HERE
  93.  
  94. </div>
  95. </div>
  96. </div>
  97. </li>
  98. <li>
  99. <div class="ch-itemb"><div class="ch-head ch-img-2">Staff</div>
  100. <div class="ch-info">
  101. <h3>Meet our Staff!</h3>
  102.  
  103. <h2>Phoenix</h2>
  104. <a href="">Admin Account</a> ♦ <a href="">Character</a>
  105.  
  106. <h2>Aphrodite</h2>
  107. <a href=""><Mod account</a> ♦ <a href="">Character</a> ♦ <a href="">Character</a>
  108.  
  109. <h2>Staff Name 3</h2>
  110. <a href="">Character</a> ♦ <a href="">Mod Account</a>
  111.  
  112. </div>
  113. </div>
  114. </li>
  115. <li>
  116. <div class="ch-itemc"><div class="ch-head ch-img-3">Credits</div>
  117. <div class="ch-info">
  118. <h3>Site Credits</h3>
  119. <div class=tabtext>
  120. The Accession and its content belongs to Pheonix and The Accession community. All content by members is protected under Creative Commons usage. Do not plagiarize, copy or recreate our ideas, graphics or coding. Site Graphics by Phoenix and Aphrodite. Original image by [name]. Site skin by Skye at CC, Caution and Shine. Custom board mod by <a href="http://code.b1.jcink.com/index.php?showtopic=13">Black</a>. Sidebar script by Dynamic Drive.</div>
  121.  
  122. </div>
  123. </div>
  124. </li>
  125. </ul>
  126.  
  127. </div>
  128. <ul class=headlinks><li></li><li><a href="#">Home</a></li><li><a href="#">Link</a></li><li><a href="#">Link</a></li><li><a href="#">Link</a></li><li><a href="#">Link</a></li><li><a href="#">Link</a></li></ul>
  129. </center>
  130.  
  131. <div class=inwrap>
  132. <% BOARD HEADER %>
  133. <script> $('#userlinks:contains("Logged in as:")').html(function(i, h) { return h.replace(/Logged in as:/g, ''); }); </script>
  134. <div id="innerwrapper">
  135. <div id="navi">
  136. <% NAVIGATION %> <% PM %>
  137. </div>
  138. <center><div class=newshub><table><tbody><tr><td class="newsa" rowspan="2">
  139. <div class=newshead>Updates</div>
  140. <div class=newsbit style="height:336px;">
  141.  
  142. <h1>5 December, 2014</h1>
  143. <h2>Announcement Title</h2>
  144.  
  145. <div class=newspost>
  146.  
  147. ANNOUNCEMENT
  148.  
  149. </div>
  150.  
  151. <h1>10 December, 2013</h1>
  152. <h2>Contest alert!</h2>
  153.  
  154. <div class=newspost>
  155.  
  156. ANNOUNCEMENT
  157.  
  158. </div>
  159.  
  160. <!-- end of announcements -->
  161.  
  162. </div>
  163. </td>
  164. <td class=newsa>
  165. <div class=newsbit style="overflow:auto;height:120px;padding:0;width:275px;">
  166. <marquee onmouseover="this.stop();" onmouseout="this.start()" style="padding-top:10px;">
  167. <!-- OTM IMAGES -->
  168. <img src="http://placehold.it/100x100.png" />
  169. <img src="http://placehold.it/100x100.png" />
  170. <img src="http://placehold.it/100x100.png" />
  171. <img src="http://placehold.it/100x100.png" />
  172. <img src="http://placehold.it/100x100.png" />
  173. </marquee>
  174. </div>
  175. <div class=newshead>December 2013 Awards</div>
  176. </td>
  177. <td class=newsa>
  178. <div class=newshead>Census</div>
  179. <div class=newsbit style="padding:4px 0;height:110px;">
  180.  
  181. <!-- set "padding-right:" amount to the same number as your species stats (remove this instruction line) -->
  182.  
  183. <div class=newscen>Valkyrie Coven </div><div class=newcena style="padding-right:0px;">0</div><br />
  184. <div class=newscen>Lykae Clan </div><div class=newcena style="padding-right:0px;">0</div><br />
  185. <div class=newscen>The Horde </div><div class=newcena style="padding-right:0px;">0</div><br />
  186. <div class=newscen>The Forbearers </div><div class=newcena style="padding-right:0px;">0</div><br />
  187. <div class=newscen>Rage Demons </div><div class=newcena style="padding-right:0px;">0</div><br />
  188. <div class=newscen>House of Witches </div><div class=newcena style="padding-right:0px;">0</div><br />
  189. <div class=newscen>The Sept of Sorceri </div><div class=newcena style="padding-right:0px;">0</div><br />
  190. <div class=newscen>Vrekeners </div><div class=newcena style="padding-right:0px;">0</div><br />
  191. <div class=newscen>Loners/ Rouges </div><div class=newcena style="padding-right:0px;">0</div><br />
  192. <div class=newscen>Other </div><div class=newcena style="padding-right:0px;">0</div><br />
  193. <div class=newscen>The Order </div><div class=newcena style="padding-right:0px;">0</div><br />
  194. <div class=newscen>Humans </div><div class=newcena style="padding-right:0px;">0</div><br />
  195. <div class=newscen>Male </div><div class=newcena style="padding-right:0px;">0</div><br />
  196. <div class=newscen>Female </div><div class=newcena style="padding-right:0px;">0</div><br />
  197. <div class=newscen>Nonbinary </div><div class=newcena style="padding-right:0px;">0</div><br />
  198. <div class=newscen>Total </div><div class=newcena style="padding-right:0px;">0</div>
  199.  
  200.  
  201. </div>
  202. </td></tr><tr>
  203. <td colspan="2">
  204. <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
  205. <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 500px; font-size: 0; line-height: 0;">
  206. <div style="position: relative; height: 100px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#000000 1px solid;"><iframe src="http://www5.cbox.ws/box/?boxid=885062&boxtag=j5lbxk&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain5-885062" id="cboxmain5-885062"></iframe></div>
  207. <div style="position: relative; height: 75px; overflow: hidden; border:#000000 1px solid; border-top: 0px;"><iframe src="http://www5.cbox.ws/box/?boxid=885062&boxtag=j5lbxk&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform5-885062" id="cboxform5-885062"></iframe></div>
  208. </div>
  209. <!-- END CBOX -->
  210. <div class=newshead>Tag Box</div>
  211. </td></tr>
  212. </tbody></table></div></center>
  213.  
  214.  
  215. <div id="board"><% BOARD %></div>
  216.  
  217. <script>
  218. customProfile.initialize({
  219. html: function() {
  220. var output = '<div id="profile-name">{{userName}}</div><div id="profile-details"><div class="profile-left-heading">Details</div><div id="profile-details-cover"><img src="';
  221.  
  222. // If a cover image is provided, use that. If not, use a placeholder URL.
  223. if (this.hasValue('customField1') && this.getValue('customField1').indexOf('No Information') === -1) {
  224. output += '{{customField1}}';
  225. } else {
  226. output += 'http://placehold.it/250x450.png';
  227. }
  228.  
  229. // Add the rest of the output to the profile, finishing with a menu.
  230. output += '" /></div><div id="profile-details-slide"><ul><li><span>Full Name:</span> {{customField2}}</li><li><span>Age:</span> {{customField12}}</li><li><span>Birthday:</span> {{customField8}}</li><li><span>Species:</span> {{customField14}}</li><li><span>Group:</span> {{customField11}}</li><li><span>Rank:</span> {{customField3}}</li><li><span>Occupation:</span> {{customField13}}</li><li><span>Faceclaim:</span> {{customField4}}</li><li class="profile-subheading"><span>Alias:</span> {{customField18}}</li><li><span>Age:</span> {{customField5}}</li><li><span>Gender:</span> {{customField6}}</li><li><span>Timezone:</span> {{customField7}}</li></ul></div></div><div id="profile-history"><div class="profile-right-heading">History</div><div class="profile-right-container">{{customField9}}</div></div><div id="profile-sample"><div class="profile-right-heading">Roleplaying Sample</div><div class="profile-right-container">{{customField10}}</div></div><div id="profile-quote"><div class="profile-left-heading">Quote</div><div class="profile-quotation">{{customField17}}</div></div><div id="profile-links">{{userName}} joined on {{joinDate}} and was last seen online {{lastActivity}}.<br /><a href="/?act=Search&CODE=getalluser&mid={{userId}}&type=topics">All topics by {{userName}}</a>, <a href="/?act=Search&CODE=getalluser&mid={{userId}}&type=posts">All posts by {{userName}}</a>, <a href="/?act=Msg&CODE=00&MID={{userId}}">Send {{userName}} a message</a>';
  231.  
  232. // If an application link is provided, toss that into the menu too.
  233. if (this.getValue('customField15').indexOf('No Information') === -1) {
  234. output += ', <a href="{{customField15}}">{{userName}}\'s application</a>';
  235. }
  236.  
  237. // If a plotter link is provided, toss that into the menu also!
  238. if (this.getValue('customField16').indexOf('No Information') === -1) {
  239. output += ', <a href="{{customField16}}">{{userName}}\'s plotter</a>';
  240. }
  241.  
  242. // Wrap it up, then return.
  243. output += '</div>';
  244. return output;
  245. }
  246. });
  247. </script>
  248.  
  249. <script type='text/javascript'>
  250. //Default avatar for JFB
  251. //Created by posiden5665
  252.  
  253. defaultAvatarURL = "https://c2.staticflickr.com/6/5744/22768298060_db97a1264d_o.jpg";
  254.  
  255. if("<!-- |input_showuser| -->".match(/[0-9]+/) != null || ("<!-- |input_act| -->" == "Profile" && "<!-- |input_MID| -->".match(/[0-9]+/) != null)){
  256. tables = document.getElementsByTagName("table");
  257. for(i=0;i<tables.length;i++){
  258. tablesTds = tables[i].getElementsByTagName("td");
  259. if(tablesTds.length == 2){
  260. if(tablesTds[1].getElementsByTagName("h3").length == 1 && tablesTds[1].getElementsByTagName("strong").length == 1){
  261. if(tablesTds[0].innerHTML == ""){
  262. tablesTds[0].innerHTML = "<img src='" + defaultAvatarURL + "' border='0' alt='Avatar' />";
  263. }}}}
  264. }else if("<!-- |input_showtopic| -->".match(/[0-9]+/) != null || "<!-- |input_t| -->".match(/[0-9]+/) != null){
  265. avaSpans = getElementsByClassName("avatarSpan", null, "span");
  266. for(x=0;x<avaSpans.length;x++){
  267. if(avaSpans[x].innerHTML == ""){
  268. avaSpans[x].innerHTML = "<img src='" + defaultAvatarURL + "' border='0' alt='Avatar' />";
  269. }}}
  270. </script>
  271. <script>
  272. customIndex.initialize({
  273. page: "<!-- |input_act| -->",
  274. html: "<div id=\"desc2\"><table><tbody><tr><td class=\"desc2a\">{subforumlist}</td><td class=\"desc2b\"><div class=\"desc2c\">{link}</div>{description}</td></tr><tr><td class=\"desc2e\" colspan=\"2\"><div class=\"desc2f\">{replies}<span>posts</span></div><div class=\"desc2f\">{topics}<span>topics</span></div></td></tr><tr><td class=\"desc2g\" colspan=\"2\">Last Post was by {lp-author} in {lp-title} on {lp-date}.</td></tr></tbody></table></div>",
  275. conf: {
  276. target: "board",
  277. subforumSeperator: " ",
  278. subforumNone: "This forum has no subforums.",
  279. addBefore: false,
  280. addAfter: false,
  281. dateDefault: "--",
  282. titleDefault: "----",
  283. authorDefault: ""
  284. }
  285. });
  286.  
  287.  
  288.  
  289. customStats.initialize({
  290. html: "<center><div class=\"stata\"><table><tbody><tr><td class=\"statb\"><br><br><h2>The following {online-today#total} members have visited today:</h2><div class=\"stattext\">{users#list}</div><h1>Online Users</h1></td><td class=\"statb\"><h1>Board Stats</h1><div class=\"statinfo\">Our members have made a total of {stats#posts} posts<br />We have {stats#members} registered members<br />The newest member is <div class=\"statnewm\">{stats#newest}.</div>Most users ever online: {stats#most}, on {stats#date}.</div><h2>{birthdays} birthdays today:</h2><div class=\"statbday\">{birthdays#list}</div></td><td class=\"statb\"><h2>{users#guests} guests, {users#registered} members, {users#anonymous} anonymous members</h2><div class=\"statinfo\">Users active in the past 15 minutes: {users}</div><div class=\"stattext\">{online-today#list}</div><div class=\"statinfo\">Sort Activity by: {sort#activity}, {sort#username}</div><h1>Recently Active</h1></td></tr></tbody></table></div></center>"
  291. });
  292. </script>
  293.  
  294. <% COPYRIGHT %>
  295.  
  296. <script type="text/javascript">
  297. <!--// Word Counter v.001
  298. if(document.REPLIER.Post) ({
  299. $: function() {
  300. var _x = document.REPLIER.Post.parentNode;
  301. var _y = document.createElement("input");
  302. _y.type = "text"; _y.readOnly = "true";
  303. _y.className = "forminput"; _y.id = "words";
  304. _x.appendChild(document.createElement("br"));
  305. _x.appendChild(document.createElement("br"));
  306. _x.appendChild(_y); this._count_words();
  307. document.REPLIER.Post.onkeyup = document.REPLIER.Post.onfocus = document.REPLIER.Post.onblur = this._count_words;
  308. },
  309. _count_words: function() {
  310. var _z = 0, _words = document.REPLIER.Post.value.split(/\s/g);
  311. for(var i = 0; i < _words.length; i ++) {
  312. if(_words[i].length >= 1) _z ++;
  313. }
  314. document.getElementById("words").value = _z + " word" + (_z == 1 ? "" : "s");
  315. }
  316. }).$();
  317. // Created by Beta -->
  318. </script>
  319.  
  320.  
  321.  
  322.  
  323. </body>
  324. <script type="text/javascript">
  325. // CODE AREA SCRIPT BY NICOLE/THUNDERSTRUCK OF CTTW @ JCINK
  326. // thank you to stackoverflow for the selectText function
  327.  
  328. $('table#CODE-WRAP').addClass('nicole-code');
  329. $('table#CODE-WRAP').attr('cellpadding', '0');
  330. $('table#CODE-WRAP #CODE').wrapInner('<div class="code-scroll"></div>');
  331. $('table.nicole-code #CODE').parent('tr').prev('tr').children('td').html('<div class="code-top"><div class="code-title">Code <span class="code-toggle">• toggle height</span></div> <div class="code-highlight">click here to highlight code</div></div>');
  332.  
  333. $('table.nicole-code .code-scroll').each(function() {
  334. if ($(this).height() < 250) {
  335. $(this).closest('tr').prev('tr').children('td').children('.code-top').children('.code-title').children('.code-toggle').hide();
  336. } else {}
  337. });
  338.  
  339. $('table.nicole-code .code-toggle').click( function () {
  340. if ($(this).closest('tr').next('tr').children('td').children('.code-scroll').hasClass('auto-code')) {
  341. $(this).closest('tr').next('tr').children('td').children('.code-scroll').removeClass('auto-code');
  342. } else {
  343. $(this).closest('tr').next('tr').children('td').children('.code-scroll').addClass('auto-code');
  344. }
  345. });
  346.  
  347. jQuery.fn.selectText = function(){
  348. var doc = document
  349. , element = this[0]
  350. , range, selection
  351. ;
  352. if (doc.body.createTextRange) {
  353. range = document.body.createTextRange();
  354. range.moveToElementText(element);
  355. range.select();
  356. } else if (window.getSelection) {
  357. selection = window.getSelection();
  358. range = document.createRange();
  359. range.selectNodeContents(element);
  360. selection.removeAllRanges();
  361. selection.addRange(range);
  362. }
  363. };
  364.  
  365. $(function() {
  366. $('table.nicole-code .code-highlight').click(function() {
  367. $(this).closest('tr').next('tr').children('td').children('.code-scroll').selectText();
  368. });
  369. });
  370.  
  371. // END CODE AREA SCRIPT
  372. </script>
  373. <script type='text/javascript'>
  374. // toggle by nicole/thunderstruck of cttw.jcink.net
  375. $(document).ready(function () {
  376. var cookieName = 'APRGl28112015n';
  377.  
  378. function setCookie(key, value) {
  379. var expires = new Date();
  380. expires.setTime(expires.getTime() + 31536000000); //1 year
  381. document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
  382. }
  383.  
  384. function getCookie(key) {
  385. var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
  386. return keyValue ? keyValue[2] : null;
  387. }
  388. if (getCookie(cookieName) === '1') {
  389. $('#n-cbox').show();
  390. } else if (getCookie(cookieName) === '0') {
  391. $('#n-cbox').hide();
  392. } else {
  393. setCookie(cookieName, '1');
  394. $('#n-cbox').show();
  395. }
  396. $('#n-toggle').on('click', function () {
  397. if ($('#n-cbox').is(':visible')) {
  398. $('#n-cbox').fadeOut(300);
  399. setCookie(cookieName, '0');
  400. } else {
  401. $('#n-cbox').fadeIn(300);
  402. setCookie(cookieName, '1');
  403. }
  404. });
  405. });
  406.  
  407.  
  408. // toggle by nicole/thunderstruck of cttw.jcink.net
  409. $(document).ready(function () {
  410. var cookieName = 'BUpdn26112015n';
  411.  
  412. function setCookie(key, value) {
  413. var expires = new Date();
  414. expires.setTime(expires.getTime() + 31536000000); //1 year
  415. document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
  416. }
  417.  
  418. function getCookie(key) {
  419. var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
  420. return keyValue ? keyValue[2] : null;
  421. }
  422. if (getCookie(cookieName) === '1') {
  423. $('#n-cbox-2').show();
  424. } else if (getCookie(cookieName) === '0') {
  425. $('#n-cbox-2').hide();
  426. } else {
  427. setCookie(cookieName, '1');
  428. $('#n-cbox-2').show();
  429. }
  430. $('#n-toggle-2').on('click', function () {
  431. if ($('#n-cbox-2').is(':visible')) {
  432. $('#n-cbox-2').fadeOut(300);
  433. setCookie(cookieName, '0');
  434. } else {
  435. $('#n-cbox-2').fadeIn(300);
  436. setCookie(cookieName, '1');
  437. }
  438. });
  439. });
  440. </script>
  441. </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!