Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html>
<html dir="ltr" lang="en-gb" class="wf-opensans-n3-active wf-opensans-i3-active wf-opensans-n4-active wf-opensans-i4-active wf-opensans-n6-active wf-opensans-i6-active wf-opensans-n7-active wf-opensans-i7-active wf-opensans-n8-active wf-active gr__area51_phpbb_com">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>[3.0/Olympus] Discussion - Development Discussion Board</title>

	<!--
		phpBB style name: prosilver
		Based on style:   prosilver (this is the default phpBB3 style)
		Original author:  Tom Beddard ( http://www.subBlue.com/ )
		Modified by:
	-->

	<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js" async=""></script>
	<script>
		WebFontConfig = {
			google: {
				families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
			}
		};
		(function(d) {
			var wf = d.createElement('script'),
				s = d.scripts[0];
			wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
			wf.async = true;
			s.parentNode.insertBefore(wf, s);
		})(document);
	</script>

	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" media="all">
	<style>
		section.wrap {
			margin-top: 40px;
			margin-bottom: 40px;
		}
	</style>
</head>

<body id="phpbb" class="notouch section-viewforum ltr hasjs" data-gr-c-s-loaded="true" style="" cz-shortcut-listen="true">

	<div id="wrap" style="clear:both;margin-top:20px;" class="wrap">
		<a id="top" class="anchor" accesskey="t"></a>
		<div id="page-header">
			<div class="navbar" role="navigation">
				<div class="inner">
					<ul id="nav-main" class="nav-main linklist" role="menubar">
						<li id="quick-links" class="quick-links dropdown-container responsive-menu" data-skip-responsive="true">
							<a href="#" class="dropdown-trigger dropdown-toggle">
				<i class="iconify icon" data-icon="fa:bars" aria-hidden="true" data-inline="true"></i><span>Quick links</span>
			</a>
							<div class="dropdown">
								<div class="pointer">
									<div class="pointer-inner"></div>
								</div>
								<ul class="dropdown-contents" role="menu">

									<li class="separator"></li>
									<li>
										<a href="./search.php?search_id=unanswered" role="menuitem">
									<i class="iconify icon icon-gray" data-icon="fa:file-o" aria-hidden="true" data-inline="true"></i><span>Unanswered topics</span>
								</a>
									</li>
									<li>
										<a href="./search.php?search_id=active_topics" role="menuitem">
									<i class="iconify icon icon-blue" data-icon="fa:file-o" aria-hidden="true" data-inline="true"></i><span>Active topics</span>
								</a>
									</li>
									<li class="separator"></li>
									<li>
										<a href="./search.php" role="menuitem">
									<i class="iconify icon" data-icon="fa:search" aria-hidden="true" data-inline="true"></i><span>Search</span>
								</a>
									</li>

									<li class="separator"></li>

								</ul>
							</div>
						</li>

						<li data-skip-responsive="true">
							<a href="/phpBB/help/faq" rel="help" title="Frequently Asked Questions" role="menuitem">
				<i class="iconify icon" data-icon="fa:question-circle" aria-hidden="true" data-inline="true"></i><span>FAQ</span>
			</a>
						</li>

						<li class="rightside" data-skip-responsive="true">
							<a href="./ucp.php?mode=login&amp;redirect=viewforum.php%3Ff%3D3" title="Login" accesskey="x" role="menuitem">
				<i class="iconify icon" title="login" aria-hidden="true" data-icon="fa:power-off" data-inline="true"></i><span>Login</span>
			</a>
						</li>
						<li class="rightside" data-skip-responsive="true">
							<a href="./ucp.php?mode=register" role="menuitem">
					<i class="iconify icon" data-icon="fa:pencil-square-o" aria-hidden="true" data-inline="true"></i><span>Register</span>
				</a>
						</li>
					</ul>
					<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
						<li class="breadcrumbs" itemscope="" itemtype="http://schema.org/BreadcrumbList" style="max-width: 1125px;">
							<span class="crumb" itemtype="http://schema.org/ListItem" itemprop="itemListElement" itemscope="">
								<a href="https://area51.phpbb.com" itemprop="url" data-navbar-reference="home" title="Area51">
									<i class="iconify icon" data-icon="fa:home" aria-hidden="true" data-inline="true"></i><span itemprop="title">Area51</span>
								</a>
							</span>
							<span class="crumb" itemtype="http://schema.org/ListItem" itemprop="itemListElement" itemscope=""><a href="./index.php" itemprop="url" accesskey="h" data-navbar-reference="index" title="Board index"><span itemprop="title">Board index</span></a>
							</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="page-body" class="page-body" role="main">
			<div class="action-bar bar-top">
				<a href="./posting.php?mode=post&amp;f=3" class="button" title="Post a new topic">
					<span>New Topic</span> <i class="iconify icon" data-icon="fa:pencil" aria-hidden="true" data-inline="true"></i>
				</a>
				<div class="search-box" role="search">
					<form method="get" id="forum-search" action="./search.php">
						<fieldset>
							<input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="Search this forum…">
							<button class="button button-search" type="submit" title="Search">
								<i class="iconify icon" data-icon="fa:search" aria-hidden="true" data-inline="true"></i><span class="sr-only">Search</span>
							</button>
							<button href="./search.php" class="button button-search-end" title="Advanced search">
								<i class="iconify icon" data-icon="fa:cog" aria-hidden="true" data-inline="true"></i><span class="sr-only">Advanced search</span>
							</button>
							<input type="hidden" name="fid[0]" value="3">
						</fieldset>
					</form>
				</div>
				<div class="pagination">
					3790 topics
					<ul>
						<li class="dropdown-container dropdown-button-control dropdown-page-jump page-jump">
							<a class="button button-icon-only dropdown-trigger dropdown-toggle" href="#" title="Click to jump to page…" role="button">
								<i class="iconify icon" data-icon="fa-solid:directions" aria-hidden="true" data-inline="true"></i><span class="sr-only">Page <strong>1</strong> of <strong>190</strong></span>
							</a>
							<div class="dropdown">
								<div class="pointer">
									<div class="pointer-inner"></div>
								</div>
								<ul class="dropdown-contents">
									<li>Jump to page:</li>
									<li class="page-jump-form">
										<input type="number" name="page-number" min="1" max="999999" title="Enter the page number you wish to go to" class="inputbox tiny" data-per-page="20" data-base-url="./viewforum.php?f=3" data-start-name="start">
										<input class="button1 button button-form-bold" value="Go" type="button">
									</li>
								</ul>
							</div>
						</li>
						<li class="active"><span>1</span></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=20" role="button">2</a></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=40" role="button">3</a></li>
						<li class="ellipsis" role="separator"><span>…</span></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=3780" role="button">5</a></li>
						<li class="arrow next"><a class="button button-icon-only" href="./viewforum.php?f=3&amp;start=20" rel="next" role="button"><i class="iconify icon" data-icon="fa:chevron-right" aria-hidden="true" data-inline="true"></i><span class="sr-only">Next</span></a></li>
					</ul>
				</div>
			</div>
			<div class="forumbg announcement">
				<div class="inner">
					<ul class="topiclist">
						<li class="header">
							<dl class="row-item">
								<dt><div class="list-inner">Announcements</div></dt>
								<dd class="posts">Replies</dd>
								<dd class="views">Views</dd>
								<dd class="lastpost"><span>Last post</span></dd>
							</dl>
						</li>
					</ul>
					<ul class="topiclist topics">
						<li class="row bg1 global-announce">
							<dl class="row-item global_read_locked">
								<dt title="This topic is locked, you cannot edit posts or make further replies.">
										<div class="list-inner">
											<a href="./viewtopic.php?f=99&amp;t=30432" class="topictitle">Area51 Rules &amp; Regulations</a>																					<br>
											<div class="responsive-show" style="display: none;">
												Last post by <a href="./memberlist.php?mode=viewprofile&amp;u=12669" class="username">naderman</a> « <a href="./viewtopic.php?f=99&amp;t=30432&amp;p=195429#p195429" title="Go to last post">Tue Feb 03, 2009 1:44 am</a>
												<br>Posted in <a href="./viewforum.php?f=99">General Development Discussion</a>
											</div>
											<div class="topic-poster responsive-hide left-box">
												by <a href="./memberlist.php?mode=viewprofile&amp;u=12669" class="username">naderman</a> » Tue Feb 03, 2009 1:44 am							 » in <a href="./viewforum.php?f=99">General Development Discussion</a>
											</div>
										</div>
								</dt>
								<dd class="posts">0 <dfn>Replies</dfn></dd>
								<dd class="views">159980 <dfn>Views</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post </dfn>by <a href="./memberlist.php?mode=viewprofile&amp;u=12669" class="username">naderman</a>																	<a href="./viewtopic.php?f=99&amp;t=30432&amp;p=195429#p195429" title="Go to last post">
											<i class="iconify icon icon-lightgray icon-md" data-icon="fa:external-link-square" aria-hidden="true" data-inline="true"></i><span class="sr-only"></span>
										</a>
										<br>Tue Feb 03, 2009 1:44 am
									</span>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<div class="forumbg">
				<div class="inner">
					<ul class="topiclist">
						<li class="header">
							<dl class="row-item">
								<dt><div class="list-inner">Topics</div></dt>
								<dd class="posts">Replies</dd>
								<dd class="views">Views</dd>
								<dd class="lastpost"><span>Last post</span></dd>
							</dl>
						</li>
					</ul>
					<ul class="topiclist topics">
						<li class="row bg1">
							<dl class="row-item topic_read">
								<dt title="No unread posts">
										<div class="list-inner">
											<a href="./viewtopic.php?f=3&amp;t=47731" class="topictitle">Releasing 3.0.14</a>																										<br>
											<div class="responsive-show" style="display: none;">
												Last post by <a href="./memberlist.php?mode=viewprofile&amp;u=111417" style="color: #00A690;" class="username-coloured">Elsensee</a> « <a href="./viewtopic.php?f=3&amp;t=47731&amp;p=278651#p278651" title="Go to last post">Tue May 05, 2015 9:13 pm</a>
											</div>
											<span class="responsive-show left-box" style="display: none;">Replies: <strong>5</strong></span>
											<div class="topic-poster responsive-hide left-box">
												<i class="iconify icon" data-icon="fa:paperclip" aria-hidden="true" data-inline="true"></i> by <a href="./memberlist.php?mode=viewprofile&amp;u=40435" style="color: #00A690;" class="username-coloured">bantu</a> » Sun Apr 26, 2015 9:39 am
											</div>
										</div>
								</dt>
								<dd class="posts">5 <dfn>Replies</dfn></dd>
								<dd class="views">19038 <dfn>Views</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post </dfn>by <a href="./memberlist.php?mode=viewprofile&amp;u=111417" style="color: #00A690;" class="username-coloured">Elsensee</a>													
										<a href="./viewtopic.php?f=3&amp;t=47731&amp;p=278651#p278651" title="Go to last post">
											<i class="iconify icon icon-lightgray icon-md" data-icon="fa:external-link-square" aria-hidden="true" data-inline="true"></i><span class="sr-only"></span>
										</a>
										<br>Tue May 05, 2015 9:13 pm
									</span>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>		
			<div class="forabg">
				<div class="inner">
					<ul class="topiclist">
						<li class="header">
							<dl class="row-item">
								<dt><div class="list-inner"><a href="./viewforum.php?f=5">Everything Else</a></div></dt>
								<dd class="topics">Topics</dd>
								<dd class="posts">Posts</dd>
								<dd class="lastpost"><span>Last post</span></dd>
							</dl>
						</li>
					</ul>
					<ul class="topiclist forums">
						<li class="row">
							<dl class="row-item forum_read">
								<dt title="No unread posts">
									<div class="list-inner">
										<a class="feed-icon-forum" title="Feed - Chit Chat" href="/phpBB/feed?f=6">
											<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">Feed - Chit Chat</span>
										</a>
										<a href="./viewforum.php?f=6" class="forumtitle">Chit Chat</a>
										<br>
										Want to chit chat about anything, do it here ... posting here won't increase your post count (or shouldn't!). Please do not post any "phpBB" specific topics here unless they do not fit into the category above. Do not post bug reports, feature or support requests!
										<br>
										<div class="responsive-show" style="display: none;">
											Topics: <strong>1497</strong>
										</div>
									</div>
								</dt>
								<dd class="topics">1497 <dfn>Topics</dfn></dd>
								<dd class="posts">16334 <dfn>Posts</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post</dfn>
											<a href="./viewtopic.php?f=6&amp;p=320736#p320736" title="Re: New text formatter" class="lastsubject">Re: New text formatter</a>
											<br> by <a href="./memberlist.php?mode=viewprofile&amp;u=64212" style="color: #00BCD4;" class="username-coloured">hanakin</a>							
											<a href="./viewtopic.php?f=6&amp;p=320736#p320736" title="View the latest post">
												<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">View the latest post</span>
											</a>
											<br>Fri Feb 22, 2019 8:37 pm
										</span>
									</dd>
								</dl>
						</li>
						<li class="row">
							<dl class="row-item forum_read_subforum">
								<dt title="No unread posts">
									<div class="list-inner">
										<a class="feed-icon-forum" title="Feed - Testing subforum" href="/phpBB/feed?f=7">
											<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">Feed - Testing subforum</span>
										</a>
										<a href="./viewforum.php?f=7" class="forumtitle">Testing subforum</a>
										<br>
										Do your testing (and checking!) here ... contains a couple of subforums ... yes we do have these now. Note that posts in these forums won't count towards your total
										<br>
										<strong>Subforums:</strong>
										<a href="./viewforum.php?f=8" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>Subforum
										</a>,
										<a href="./viewforum.php?f=10" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>A sub-sub-forum
										</a>
										<div class="responsive-show" style="display: none;">
											Topics: <strong>2</strong>
										</div>
									</div>
								</dt>
								<dd class="topics">2 <dfn>Topics</dfn></dd>
								<dd class="posts">97 <dfn>Posts</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post</dfn>
										<a href="./viewtopic.php?f=10&amp;p=293641#p293641" title="Re: Extreme Power Abusing!" class="lastsubject">Re: Extreme Power Abusing!</a>
										<br> by <a href="./memberlist.php?mode=viewprofile&amp;u=116386" class="username">CarpCharacin</a>
										<a href="./viewtopic.php?f=10&amp;p=293641#p293641" title="View the latest post">
											<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">View the latest post</span>
										</a>
										<br> Fri Jul 08, 2016 2:52 pm
									</span>
								</dd>
							</dl>
						</li>
						<li class="row">
							<dl class="row-item forum_read">
								<dt title="No unread posts">
									<div class="list-inner">
										<a class="feed-icon-forum" title="Feed - Passworded Forum" href="/phpBB/feed?f=13">
											<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">Feed - Passworded Forum</span>
										</a>
										<a href="./viewforum.php?f=13" class="forumtitle">Passworded Forum</a>
										<br>
										This is password protected ... permissions are prefered but for quick and dirty access this may be useful - password is yogurt
										<br>
										<div class="responsive-show" style="display: none;">
											Topics: <strong>209</strong>
										</div>
									</div>
								</dt>
								<dd class="topics">209 <dfn>Topics</dfn></dd>
								<dd class="posts">1581 <dfn>Posts</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post</dfn>
										by <a href="./memberlist.php?mode=viewprofile&amp;u=39298" class="username">dude111</a>
										<a href="./viewtopic.php?f=13&amp;p=316846#p316846" title="View the latest post">
											<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">View the latest post</span>
										</a>
										<br> Sun Nov 18, 2018 10:14 am
									</span>
								</dd>
							</dl>
						</li>
						<li class="row">
							<dl class="row-item forum_read_subforum">
								<dt title="No unread posts">
									<div class="list-inner">
										<a class="feed-icon-forum" title="Feed - Archive of phpBB related forums" href="/phpBB/feed?f=2">
											<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">Feed - Archive of phpBB related forums</span>
										</a>
										<a href="./viewforum.php?f=2" class="forumtitle">Archive of phpBB related forums</a>
										<br>
										An archive of forums that are no longer in use.
										<br>
										<strong>Subforums:</strong>
										<a href="./viewforum.php?f=72" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>phpBB 3.0.x MOD/Style Support
										</a>,
										<a href="./viewforum.php?f=3" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>[3.0/Olympus] Discussion
										</a>,
										<a href="./viewforum.php?f=4" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>[3.0/Olympus] New features discussion
										</a>,
										<a href="./viewforum.php?f=26" class="subforum read" title="No unread posts">
											<i class="icon fa-file-o fa-fw  icon-blue icon-md" aria-hidden="true"></i>[3.0/Olympus] Styling
										</a>	
										<div class="responsive-show" style="display: none;">
											Topics: <strong>13146</strong>
										</div>
									</div>
								</dt>
								<dd class="topics">13146 <dfn>Topics</dfn></dd>
								<dd class="posts">96786 <dfn>Posts</dfn></dd>
								<dd class="lastpost">
									<span>
										<dfn>Last post</dfn>
											<a href="./viewtopic.php?f=4&amp;p=313311#p313311" title="Re: PostgreSQL Fulltext Search" class="lastsubject">Re: PostgreSQL Fulltext Search</a>
											<br> by <a href="./memberlist.php?mode=viewprofile&amp;u=35904" style="color: #EF5350;" class="username-coloured">DavidIQ</a>
											<a href="./viewtopic.php?f=4&amp;p=313311#p313311" title="View the latest post">
												<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">View the latest post</span>
											</a>
											<br> Mon Jul 16, 2018 6:04 pm
										</span>
									</dd>
								</dl>
						</li>
					</ul>
				</div>
			</div>
			<div class="action-bar bar-bottom">
				<a href="./posting.php?mode=post&amp;f=3" class="button" title="Post a new topic">
					<span>New Topic</span> <i class="iconify icon" data-icon="fa:pencil" aria-hidden="true" data-inline="true"></i>
				</a>
				<form method="post" action="./viewforum.php?f=3">
					<div class="dropdown-container dropdown-container-left dropdown-button-control sort-tools">
						<span class="button button-secondary dropdown-trigger dropdown-select dropdown-toggle" title="Display and sorting options" >
							<i class="iconify icon" data-icon="fa:sort-amount-asc" aria-hidden="true" data-inline="true"></i>
							<span class="caret">
								<i class="iconify icon icon-lg" data-icon="fa-solid:caret-down" aria-hidden="true" data-inline="true"></i>
							</span>
						</span>
						<div class="dropdown hidden">
							<div class="pointer">
								<div class="pointer-inner"></div>
							</div>
							<div class="dropdown-contents">
								<fieldset class="display-options">
									<label>Display: <select name="st" id="st"><option value="0" selected="selected">All Topics</option><option value="1">1 day</option><option value="7">7 days</option><option value="14">2 weeks</option><option value="30">1 month</option><option value="90">3 months</option><option value="180">6 months</option><option value="365">1 year</option></select></label>
									<label>Sort by: <select name="sk" id="sk"><option value="a">Author</option><option value="t" selected="selected">Post time</option><option value="r">Replies</option><option value="s">Subject</option><option value="v">Views</option></select></label>
									<label>Direction: <select name="sd" id="sd"><option value="a">Ascending</option><option value="d" selected="selected">Descending</option></select></label>
									<hr class="dashed">
									<input type="submit" class="button1 button button-form-bold" name="sort" value="Go">
								</fieldset>
							</div>
						</div>
					</div>
				</form>
				<div class="pagination">
					3790 topics
					<ul>
						<li class="dropdown-container dropdown-button-control dropdown-page-jump page-jump">
							<a class="button button-icon-only dropdown-trigger dropdown-toggle" href="#" title="Click to jump to page…" role="button">
								<i class="iconify icon" data-icon="fa-solid:directions" aria-hidden="true" data-inline="true"></i><span class="sr-only">Page <strong>1</strong> of <strong>190</strong></span>
							</a>
							<div class="dropdown">
								<div class="pointer">
									<div class="pointer-inner"></div>
								</div>
								<ul class="dropdown-contents">
									<li>Jump to page:</li>
									<li class="page-jump-form">
										<input type="number" name="page-number" min="1" max="999999" title="Enter the page number you wish to go to" class="inputbox tiny" data-per-page="20" data-base-url="./viewforum.php?f=3" data-start-name="start">
										<input class="button1 button button-form-bold" value="Go" type="button">
									</li>
								</ul>
							</div>
						</li>
						<li class="active"><span>1</span></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=20" role="button">2</a></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=40" role="button">3</a></li>
						<li class="ellipsis" role="separator"><span>…</span></li>
						<li><a class="button" href="./viewforum.php?f=3&amp;start=3780" role="button">5</a></li>
						<li class="arrow next">
							<a class="button button-icon-only" href="./viewforum.php?f=3&amp;start=20" rel="next" role="button">
								<i class="iconify icon" data-icon="fa:chevron-right" aria-hidden="false" data-inline="true"></i><span class="sr-only">Next</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="action-bar actions-jump">
				<p class="jumpbox-return">
					<a href="./index.php" class="left-box arrow-left" accesskey="r">
						<i class="iconify icon icon-black" data-icon="fa:angle-left" aria-hidden="true" data-inline="true"></i><span>Return to Board Index</span>
					</a>
				</p>
				<div class="jumpbox dropdown-container dropdown-container-right dropdown-up dropdown-left dropdown-button-control" id="jumpbox">
					<span title="Jump to" class="button button-secondary dropdown-trigger dropdown-select dropdown-toggle">
						<span>Jump to</span>
						<span class="caret">
							<i class="iconify icon icon-xl" data-icon="fa-solid:caret-down" aria-hidden="true" data-inline="true"></i>
						</span>
					</span>
					<div class="dropdown">
						<div class="pointer">
							<div class="pointer-inner"></div>
						</div>
						<ul class="dropdown-contents">
							<li><a href="./viewforum.php?f=12" class="jumpbox-forum-link"> <span> www.phpbb.com/community/</span></a></li>
							<li><a href="./viewforum.php?f=99" class="jumpbox-forum-link"> <span> General Development Discussion</span></a></li>
							<li><a href="./viewforum.php?f=90" class="jumpbox-cat-link"> <span> phpBB 3.x Development</span></a></li>
							<li><a href="./viewforum.php?f=81" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.x] Discussion</span></a></li>
							<li><a href="./viewforum.php?f=126" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.x] Tickets Discussion</span></a></li>
							<li><a href="./viewforum.php?f=131" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.x] Style Development</span></a></li>
							<li><a href="./viewforum.php?f=108" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.x][Archive] RFCs</span></a></li>
							<li><a href="./viewforum.php?f=111" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.x] Event Requests</span></a></li>
							<li><a href="./viewforum.php?f=84" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.1/Ascraeus] Merged RFCs</span></a></li>
							<li><a href="./viewforum.php?f=119" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.1/Ascraeus] Merged Event Requests</span></a></li>
							<li><a href="./viewforum.php?f=123" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.2/Rhea] Merged RFCs</span></a></li>
							<li><a href="./viewforum.php?f=113" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; [3.x] Rejected RFCs</span></a></li>
							<li><a href="./viewforum.php?f=121" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.x] Rejected Event Requests</span></a></li>
							<li><a href="./viewforum.php?f=5" class="jumpbox-cat-link"> <span> Everything Else</span></a></li>
							<li><a href="./viewforum.php?f=6" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; Chit Chat</span></a></li>
							<li><a href="./viewforum.php?f=7" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; Testing subforum</span></a></li>
							<li><a href="./viewforum.php?f=8" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Subforum</span></a></li>
							<li><a href="./viewforum.php?f=9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; A "category" subforum in the Testing subforum</span></a></li>
							<li><a href="./viewforum.php?f=10" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; A sub-sub-forum</span></a></li>
							<li><a href="./viewforum.php?f=13" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; Passworded Forum</span></a></li>
							<li><a href="./viewforum.php?f=2" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ &nbsp; Archive of phpBB related forums</span></a></li>
							<li><a href="./viewforum.php?f=71" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; phpBB 3.0.x Support</span></a></li>
							<li><a href="./viewforum.php?f=72" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; phpBB 3.0.x MOD/Style Support</span></a></li>
							<li><a href="./viewforum.php?f=15" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; EasyMOD for 2.0.x</span></a></li>
							<li><a href="./viewforum.php?f=56" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Download EasyMOD</span></a></li>
							<li><a href="./viewforum.php?f=17" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Announcements and News</span></a></li>
							<li><a href="./viewforum.php?f=24" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; General EM Discussion</span></a></li>
							<li><a href="./viewforum.php?f=19" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Installing EasyMOD</span></a></li>
							<li><a href="./viewforum.php?f=21" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Installing MODs with EasyMOD</span></a></li>
							<li><a href="./viewforum.php?f=43" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; SQL Parser</span></a></li>
							<li><a href="./viewforum.php?f=25" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; EMC Discussion</span></a></li>
							<li><a href="./viewforum.php?f=54" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Bug Tracker</span></a></li>
							<li><a href="./viewforum.php?f=55" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Feature Requests</span></a></li>
							<li><a href="./viewforum.php?f=87" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; Stable Branch: phpBB "Olympus" 3.0</span></a></li>
							<li><a href="./viewforum.php?f=3" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.0/Olympus] Discussion</span></a></li>
							<li><a href="./viewforum.php?f=4" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.0/Olympus] New features discussion</span></a></li>
							<li><a href="./viewforum.php?f=26" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳ &nbsp; [3.0/Olympus] Styling</span></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="page-footer" class="page-footer" role="contentinfo">
			<div class="navbar" role="navigation">
				<div class="inner">
					<ul id="nav-footer" class="nav-footer linklist" role="menubar">
						<li class="breadcrumbs">
							<span class="crumb">
								<a href="https://area51.phpbb.com" data-navbar-reference="home" title="Area51">
									<i class="iconify icon" data-icon="fa:home" aria-hidden="true" data-inline="true"></i><span>Area51</span>
								</a>
							</span>
							<span class="crumb">
								<a href="./index.php" data-navbar-reference="index" title="Board index"><span>Board index</span></a>
							</span>
						</li>
						<li class="responsive-menu hidden rightside dropdown-container">
							<a href="javascript:void(0);" class="js-responsive-menu-link responsive-menu-link dropdown-toggle">
								<i class="iconify icon" data-icon="fa:bars" aria-hidden="true" data-inline="true"></i>
							</a>
							<div class="dropdown">
								<div class="pointer">
									<div class="pointer-inner"></div>
								</div>
								<ul class="dropdown-contents"></ul>
							</div>
						</li>
						<li class="rightside">All times are <span title="UTC">UTC</span></li>
						<li class="rightside">
							<a href="./ucp.php?mode=delete_cookies" data-ajax="true" data-refresh="true" role="menuitem">
								<i class="iconify icon" data-icon="fa:trash" aria-hidden="true" data-inline="true"></i><span>Delete cookies</span>
							</a>
						</li>
						<li class="rightside" data-last-responsive="true">
							<a href="./memberlist.php?mode=contactadmin" role="menuitem">
								<i class="iconify icon" data-icon="fa:envelope" aria-hidden="true" data-inline="true"></i><span>Contact us</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<section class="wrap">
		<div class="c-cubscribe" data-swap="subscribe">
			<a class="c-subscribe-action" href="#" data-swap-option="subscribe">
				<span class="iconify o-icon mdi c-subscribe-icon" data-icon="mdi:checkbox-blank-outline" data-inline="false"></span> <span class="c-subscribe-label">Subscribe</span>
			</a>
			<a class="c-subscribe-action is-active" href="#" data-swap-option="subscribe">
				<span class="iconify o-icon mdi c-subscribe-icon" data-icon="mdi:checkbox-marked" data-inline="false"></span> <span class="c-subscribe-label">Unsubscribe</span>
			</a>
		</div>
	</section>

</body>

</html>
            
          
!
            
              .icon {
	padding: 0 4px;
}

.button span + .icon {
	padding-left: 2px;
}

.button .icon {
	padding: 0;
}

.pagination .page-jump a,
.pagination .arrow a {
	padding: 2px 4px !important;
}

.caret .icon {
	 right: 0;
    padding: 0 6px;
}

ul.topiclist dt {
	font-size: 11px;
	line-height: 1.4;
}

.lastpost {
	line-height: 1.4;
}

.topictitle,
.forumtitle,
.lastsubject {
	line-height: 1.6;
}

.subforum {
	display: inline-block !important;
	margin-top: 4px;
}

// 3.3 fixes

.forum-desc {
	line-height: 1.4;
	margin-bottom: 4px;
}

.forum-subs,
.topic-poster {
	line-height: 1.6
}

.icon.icon-md {
	font-size: 14px !important;
	padding: 0;
}

.mdi {
	width: 18px;
	height: 18px;
	vertical-align: middle !important;
}

// Hide visually and from screen readers
.u-hidden {
	display: none !important;
}

.c-subscribe-action {
	display: none;
}

.c-subscribe-action.is-active {
	display: inline;
}


            
          
!
            
              const $swapSubscribe = '[data-swap="subscribe"]';
const $swapSubscribeOption = '[data-swap-option="subscribe"]';

/**
 * Subscribe swap states
 *
 * @constant  {object} $this
 */

$($swapSubscribeOption).click(function (e) {
	const $this = $(this);
	$this.toggleClass('is-active');
	$this.siblings().toggleClass('is-active');
});
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console