diff --git a/Themes/theme1/BoardIndex.template.php b/Themes/theme1/BoardIndex.template.php
new file mode 100644
index 0000000000..01f0e49442
--- /dev/null
+++ b/Themes/theme1/BoardIndex.template.php
@@ -0,0 +1,558 @@
+settings['show_newsfader']) && !empty(Utils::$context['news_lines']))
+ {
+ echo '
+
+
+
+
';
+
+ foreach (Utils::$context['news_lines'] as $news)
+ echo '
+ ', $news, ' ';
+
+ echo '
+
+
+
';
+
+ /* Each category in categories is made up of:
+ id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
+ new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
+ and boards. (see below.) */
+ foreach (Utils::$context['categories'] as $category)
+ {
+ // If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
+ if (empty($category['boards']) && !$category['is_collapsed'])
+ continue;
+
+ echo '
+
+
+
';
+
+ // If this category even can collapse, show a link to collapse it.
+ if ($category['can_collapse'])
+ echo '
+ ', !empty($category['description']) ? '
+
' . $category['description'] . '
' : '', '
+
+
';
+
+ /* Each board in each category's boards has:
+ new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
+ children (see below.), link_children (easier to use.), children_new (are they new?),
+ topics (# of), posts (# of), link, href, and last_post. (see below.) */
+ foreach ($category['boards'] as $board)
+ {
+ echo '
+
+
+ ', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon', $board) : template_bi_board_icon($board), '
+
+
+ ', function_exists('template_bi_' . $board['type'] . '_info') ? call_user_func('template_bi_' . $board['type'] . '_info', $board) : template_bi_board_info($board), '
+
';
+
+ // Show some basic information about the number of posts, etc.
+ echo '
+
+ ', function_exists('template_bi_' . $board['type'] . '_stats') ? call_user_func('template_bi_' . $board['type'] . '_stats', $board) : template_bi_board_stats($board), '
+
';
+
+ // Show the last post if there is one.
+ echo'
+
+ ', function_exists('template_bi_' . $board['type'] . '_lastpost') ? call_user_func('template_bi_' . $board['type'] . '_lastpost', $board) : template_bi_board_lastpost($board), '
+
';
+
+ // Won't somebody think of the children!
+ if (function_exists('template_bi_' . $board['type'] . '_children'))
+ call_user_func('template_bi_' . $board['type'] . '_children', $board);
+ else
+ template_bi_board_children($board);
+
+ echo '
+
';
+ }
+
+ echo '
+
+
';
+ }
+
+ echo '
+
+ ', template_button_strip(Utils::$context['mark_read_button'], 'right'), '
+
';
+}
+
+/**
+ * Outputs the board icon for a standard board.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_icon($board)
+{
+ echo '
+
+ ', $board['name'], '
+ ';
+
+ // Has it outstanding posts for approval?
+ if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
+ echo '
+ ! ';
+
+ echo '
+ ', $board['description'], '
';
+
+ // Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
+ if (!empty($board['link_moderators']))
+ echo '
+ ', count($board['link_moderators']) == 1 ? Lang::$txt['moderator'] : Lang::$txt['moderators'], ': ', implode(', ', $board['link_moderators']), '
';
+}
+
+/**
+ * Outputs the board stats for a standard board.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_stats($board)
+{
+ echo '
+
+ ', Lang::numberFormat($board['posts']), ' ', Lang::$txt['posts'], '', Lang::numberFormat($board['topics']), ' ', Lang::$txt['board_topics'], '
+
';
+}
+
+/**
+ * Outputs the board stats for a redirect.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_redirect_stats($board)
+{
+ echo '
+
+ ', Lang::$txt['redirects'], ': ', Lang::numberFormat($board['posts']), '
+
';
+}
+
+/**
+ * Outputs the board lastposts for a standard board or a redirect.
+ * When on a mobile device, this may be hidden if no last post exists.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_lastpost($board)
+{
+ if (!empty($board['last_post']['id']))
+ {
+ if (!empty($board['last_post']['member']['avatar']))
+ echo '
+ ';
+ echo '
+
+ ' . $board['last_post']['link'] .'
+
+
+ ' . $board['last_post']['member']['link'] . ' : '. timeformat($board['last_post']['timestamp']). '
+ ';
+ echo '
';
+ }
+}
+
+/**
+ * Outputs the board children for a standard board.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_children($board)
+{
+ // Show the "Child Boards: ". (there's a link_children but we're going to bold the new ones...)
+ if (!empty($board['children']))
+ {
+ // Sort the links into an array with new boards bold so it can be imploded.
+ $children = array();
+ /* Each child in each board's children has:
+ id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
+ foreach ($board['children'] as $child)
+ {
+ if (!$child['is_redirect'])
+ $child['link'] = '' . ($child['new'] ? '' . Lang::$txt['new'] . ' ' : '') . '' . $child['name'] . ' ';
+ else
+ $child['link'] = '' . $child['name'] . ' ';
+
+ // Has it posts awaiting approval?
+ if ($child['can_approve_posts'] && ($child['unapproved_posts'] || $child['unapproved_topics']))
+ $child['link'] .= ' ! ';
+
+ $children[] = $child['new'] ? '' . $child['link'] . ' ' : '' . $child['link'] . ' ';
+ }
+
+ echo '
+
+
', Lang::$txt['sub_boards'], ' ', implode(' ', $children), '
+
+
+
options['collapse_header_ic']) ? '' : ' style="display: none;"', '>';
+
+ foreach (Utils::$context['info_center'] as $block)
+ {
+ $func = 'template_ic_block_' . $block['tpl'];
+ $func();
+ }
+
+ echo '
+
+
+
+
+
';
+
+ // Holidays like "Christmas", "Chanukah", and "We Love [Unknown] Day" :P
+ if (!empty(Utils::$context['calendar_holidays']))
+ echo '
+
+ ', Lang::$txt['calendar_prompt'], ' ', implode(', ', Utils::$context['calendar_holidays']), '
+
';
+
+ // People's birthdays. Like mine. And yours, I guess. Kidding.
+ if (!empty(Utils::$context['calendar_birthdays']))
+ {
+ echo '
+
+ ', Utils::$context['calendar_only_today'] ? Lang::$txt['birthdays'] : Lang::$txt['birthdays_upcoming'], ' ';
+
+ // Each member in calendar_birthdays has: id, name (person), age (if they have one set?), is_last. (last in list?), and is_today (birthday is today?)
+ foreach (Utils::$context['calendar_birthdays'] as $member)
+ echo '
+ ', $member['is_today'] ? '' : '', $member['name'], $member['is_today'] ? ' ' : '', isset($member['age']) ? ' (' . $member['age'] . ')' : '', ' ', $member['is_last'] ? '' : ', ';
+
+ echo '
+
';
+ }
+
+ // Events like community get-togethers.
+ if (!empty(Utils::$context['calendar_events']))
+ {
+ echo '
+
+ ', Utils::$context['calendar_only_today'] ? Lang::$txt['events'] : Lang::$txt['events_upcoming'], ' ';
+
+ // Each event in calendar_events should have:
+ // title, href, is_last, can_edit (are they allowed?), modify_href, and is_today.
+ foreach (Utils::$context['calendar_events'] as $event)
+ echo '
+ ', $event['can_edit'] ? '', $event['is_today'] ? '' . $event['title'] . ' ' : $event['title'], $event['href'] == '' ? '' : ' ', $event['is_last'] ? '
';
+ }
+ echo'
+
', Utils::$context['name'], ' ';
+
+ if (isset(Utils::$context['description']) && Utils::$context['description'] != '')
+ echo '
+ ', Utils::$context['description'], '
';
+
+ if (!empty(Utils::$context['moderators']))
+ echo '
+ ', count(Utils::$context['moderators']) === 1 ? Lang::$txt['moderator'] : Lang::$txt['moderators'], ': ', implode(', ', Utils::$context['link_moderators']), '.
';
+
+ if (!empty(Theme::$current->settings['display_who_viewing']))
+ {
+ echo '
+ ';
+
+ // Show just numbers...?
+ if (Theme::$current->settings['display_who_viewing'] == 1)
+ echo count(Utils::$context['view_members']), ' ', count(Utils::$context['view_members']) == 1 ? Lang::$txt['who_member'] : Lang::$txt['members'];
+ // Or show the actual people viewing the topic?
+ else
+ echo empty(Utils::$context['view_members_list']) ? '0 ' . Lang::$txt['members'] : implode(', ', Utils::$context['view_members_list']) . ((empty(Utils::$context['view_num_hidden']) || Utils::$context['can_moderate_forum']) ? '' : ' (+ ' . Utils::$context['view_num_hidden'] . ' ' . Lang::$txt['hidden'] . ')');
+
+ // Now show how many guests are here too.
+ echo Lang::$txt['who_and'], Utils::$context['view_num_guests'], ' ', Utils::$context['view_num_guests'] == 1 ? Lang::$txt['guest'] : Lang::$txt['guests'], Lang::$txt['who_viewing_board'], '
+
';
+ }
+
+ echo '
+ ';
+
+ if (!empty(Utils::$context['boards']) && (!empty(Theme::$current->options['show_children']) || Utils::$context['start'] == 0))
+ {
+ echo '
+
+
+
', Lang::$txt['sub_boards'], '
+ ';
+
+ foreach (Utils::$context['boards'] as $board)
+ {
+ echo '
+
+
+ ', function_exists('template_bi_' . $board['type'] . '_icon') ? call_user_func('template_bi_' . $board['type'] . '_icon', $board) : template_bi_board_icon($board), '
+
+
+ ', function_exists('template_bi_' . $board['type'] . '_info') ? call_user_func('template_bi_' . $board['type'] . '_info', $board) : template_bi_board_info($board), '
+
';
+
+ // Show some basic information about the number of posts, etc.
+ echo '
+
+ ', function_exists('template_bi_' . $board['type'] . '_stats') ? call_user_func('template_bi_' . $board['type'] . '_stats', $board) : template_bi_board_stats($board), '
+
';
+
+ // Show the last post if there is one.
+ echo '
+
+ ', function_exists('template_bi_' . $board['type'] . '_lastpost') ? call_user_func('template_bi_' . $board['type'] . '_lastpost', $board) : template_bi_board_lastpost($board), '
+
';
+
+ // Won't somebody think of the children!
+ if (function_exists('template_bi_' . $board['type'] . '_children'))
+ call_user_func('template_bi_' . $board['type'] . '_children', $board);
+ else
+ template_bi_board_children($board);
+
+ echo '
+
';
+ }
+
+ echo '
+
+ ', Lang::$txt['post_becomes_unapproved'], '
+
';
+
+ // If this person can approve items and we have some awaiting approval tell them.
+ if (!empty(Utils::$context['unapproved_posts_message']))
+ echo '
+
+ ', Utils::$context['unapproved_posts_message'], '
+
';
+
+ if (!Utils::$context['no_topic_listing'])
+ {
+ echo '
+
+ ', Utils::$context['menu_separator'], '
+
+
', Lang::$txt['go_down'], '
+ ', Utils::$context['page_index'], '
+
+ ', template_button_strip(Utils::$context['normal_buttons'], 'right');
+
+ // Mobile action buttons (top)
+ if (!empty(Utils::$context['normal_buttons']))
+ echo '
+
';
+
+ echo '
+
+ ', template_button_strip(Utils::$context['normal_buttons'], 'right'), '
+ ', Utils::$context['menu_separator'], '
+
+
', Lang::$txt['go_up'], '
+ ', Utils::$context['page_index'], '
+
';
+
+ // Mobile action buttons (bottom)
+ if (!empty(Utils::$context['normal_buttons']))
+ echo '
+
';
+
+ echo '
+
+ ', $board['name'], '
+ ';
+
+ // Has it outstanding posts for approval?
+ if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
+ echo '
+ ! ';
+
+ echo '
+ ', $board['description'], '
';
+
+ // Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
+ if (!empty($board['moderators']) || !empty($board['moderator_groups']))
+ echo '
+ ', count($board['link_moderators']) === 1 ? Lang::$txt['moderator'] : Lang::$txt['moderators'], ': ', implode(', ', $board['link_moderators']), '
';
+}
+
+/**
+ * Outputs the board stats for a standard board.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_stats($board)
+{
+ echo '
+
+ ', Lang::numberFormat($board['posts']), ' ', Lang::$txt['posts'], '', Lang::numberFormat($board['topics']), ' ', Lang::$txt['board_topics'], '
+
';
+}
+
+/**
+ * Outputs the board stats for a redirect.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_redirect_stats($board)
+{
+ echo '
+
+ ', Lang::$txt['redirects'], ': ', Lang::numberFormat($board['posts']), '
+
';
+}
+
+/**
+ * Outputs the board lastposts for a standard board or a redirect.
+ * When on a mobile device, this may be hidden if no last post exists.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_lastpost($board)
+{
+ if (!empty($board['last_post']['id']))
+ {
+ if (!empty($board['last_post']['member']['avatar']))
+ echo '
+ ';
+ echo '
+
+ ' . $board['last_post']['link'] .'
+
+
+ ' . $board['last_post']['member']['link'] . ' : '. timeformat($board['last_post']['timestamp']). '
+ ';
+ echo '
';
+ }
+}
+
+/**
+ * Outputs the board children for a standard board.
+ *
+ * @param array $board Current board information.
+ */
+function template_bi_board_children($board)
+{
+ // Show the "Child Boards: ". (there's a link_children but we're going to bold the new ones...)
+ if (!empty($board['children']))
+ {
+ // Sort the links into an array with new boards bold so it can be imploded.
+ $children = array();
+ /* Each child in each board's children has:
+ id, name, description, new (is it new?), topics (#), posts (#), href, link, and last_post. */
+ foreach ($board['children'] as $child)
+ {
+ if (!$child['is_redirect'])
+ $child['link'] = '' . ($child['new'] ? '' . Lang::$txt['new'] . ' ' : '') . '' . $child['name'] . ' ';
+ else
+ $child['link'] = '' . $child['name'] . ' ';
+
+ // Has it posts awaiting approval?
+ if ($child['can_approve_posts'] && ($child['unapproved_posts'] || $child['unapproved_topics']))
+ $child['link'] .= ' ! ';
+
+ $children[] = $child['new'] ? '' . $child['link'] . ' ' : '' . $child['link'] . ' ';
+ }
+
+ echo '
+
+
', Lang::$txt['sub_boards'], ' ', implode(' ', $children), '
+
+ * @copyright Copyright (c) 2023, SMF Tricks
+ * @license MIT
+ */
+
+/* Replace SMF Icons */
+.main_icons::before,
+h3.profile_hd::before,
+.large_admin_menu_icon::before {
+ font-family: "Font Awesome 6 Free";
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-weight: 900;
+ background: none !important;
+ width: auto;
+ height: auto;
+ font-size: 0.95em;
+ margin: 0;
+ vertical-align: top;
+}
+/* Menu Icons Adjustment */
+.dropmenu .main_icons::before, #profile_menu .main_icons::before, .dropmenu img {
+ margin: -3px 8px 0 0;
+ vertical-align: middle;
+}
+/* Bigger Icons */
+.large_admin_menu_icon::before {
+ font-size: 2.5em;
+ width: auto !important;
+ height: auto !important;
+}
+/* Remove height and width? */
+h3.profile_hd::before,
+.main_icons.profile_hd::before {
+ width: auto;
+ height: auto;
+}
+/* don't center these icons.... */
+.main_icons.centericon,
+h3.catbg .icon {
+ vertical-align: top;
+}
+
+/* Search */
+.main_icons.search::before,
+.large_admin_menu_icon.search::before {
+ content: "\f002";
+}
+/* Seach Engines */
+.main_icons.engines::before,
+.large_admin_menu_icon.engines::before {
+ content: "\f00e";
+}
+/* Check */
+.main_icons.check::before,
+.main_icons.valid::before,
+.fa-solve_topic::before {
+ content: "\f00c";
+}
+/* Invalid */
+.main_icons.invalid::before,
+.fa-warn_button::before,
+.main_icons.warn_button::before {
+ content: "\f071";
+}
+/* Gender 1 */
+.main_icons.gender_1::before {
+ content: "\f222";
+}
+/* Gender 2 */
+.main_icons.gender_2::before {
+ content: "\f221";
+}
+/* Watch */
+.main_icons.watch::before,
+.main_icons.topics_views::before,
+.main_icons.views::before {
+ content: "\f06e";
+}
+/* Next Page */
+.main_icons.next_page::before {
+ content: "\f061";
+}
+/* Previous Page */
+.main_icons.previous_page::before {
+ content: "\f060";
+}
+/* Boards */
+.main_icons.boards::before,
+.large_admin_menu_icon.boards::before,
+.fa-forum::before,
+.main_icons.menu_tpforum::before {
+ content: "\f07c";
+}
+/* General */
+.main_icons.general::before,
+.fa-forum_stats::before {
+ content: "\f200";
+}
+/* Features */
+.main_icons.features::before {
+ content: "\f03a";
+}
+/* Security */
+.main_icons.security::before,
+.large_admin_menu_icon.security::before {
+ content: "\f544";
+}
+/* Posters */
+.main_icons.posters::before {
+ content: "\f091";
+}
+/* Replies */
+/* Im On */
+.main_icons.replies::before,
+.main_icons.topics_replies::before {
+ content: "\f4ad";
+}
+/* History */
+.main_icons.history::before {
+ content: "\f1da";
+}
+/* Time Online */
+.main_icons.time_online::before {
+ content: "\f253";
+}
+/* Scheduled */
+.main_icons.scheduled::before,
+.large_admin_menu_icon.scheduled::before {
+ content: "\f017";
+}
+/* Last Post */
+.main_icons.last_post::before {
+ content: "\f051";
+}
+/* Starters */
+.main_icons.starters::before {
+ content: "\f507";
+}
+/* Membergroups */
+.main_icons.membergroups::before,
+.large_admin_menu_icon.membergroups::before,
+.fa-team::before,
+.main_icons.team::before {
+ content: "\f509";
+}
+/* Www */
+.main_icons.www::before {
+ content: "\f57d";
+}
+/* Switch */
+.main_icons.switch::before {
+ content: "\f074";
+}
+/* Replied */
+.main_icons.replied::before {
+ content: "\f4fd";
+}
+/* Send */
+.main_icons.send::before {
+ content: "\f14d";
+}
+/* Im On */
+.main_icons.profile_sm::before,
+.main_icons.im_on::before {
+ content: "\f4ff";
+}
+/* Im Off */
+.main_icons.im_off::before {
+ content: "\f27a";
+}
+/* Split DeSelect */
+.main_icons.split_desel::before {
+ content: "\f359";
+}
+/* Split Select */
+.main_icons.split_sel::before {
+ content: "\f35a";
+}
+/* Mail */
+.main_icons.mail::before,
+.large_admin_menu_icon.mail::before {
+ content: "\f0e0";
+}
+/* Mail New */
+.main_icons.mail_new::before {
+ content: "\f658";
+}
+/* Warning Statuses */
+.main_icons.warning_mute::before,
+.main_icons.warning_moderate::before,
+.main_icons.warning_watch::before {
+ content: "\f06a";
+}
+/* Warning Mute */
+.main_icons.warning_mute::before,
+.errorbox::before {
+ color: red;
+}
+/* Warning Moderate */
+.main_icons.warning_moderate::before,
+.noticebox::before {
+ color: orange;
+}
+/* Warning Watch */
+.main_icons.warning_watch::before,
+.infobox::before {
+ color: green;
+}
+/* Drafts */
+.main_icons.drafts::before {
+ content: "\f3a1";
+}
+/* Calendar Export */
+.main_icons.calendar_export::before {
+ content: "\f271";
+}
+/* Calendar Modify */
+.main_icons.calendar_modify::before {
+ content: "\f784";
+}
+/* Plus */
+.main_icons.plus::before {
+ content: "\f067";
+}
+/* Warning */
+.main_icons.warning::before,
+.large_admin_menu_icon.warning::before {
+ content: "\f637";
+}
+/* Themes */
+.main_icons.themes::before,
+.fa-features::before,
+.large_admin_menu_icon.themes::before {
+ content: "\f5fd";
+}
+/* Support */
+.main_icons.support::before,
+.large_admin_menu_icon.support::before {
+ content: "\f1cd";
+}
+/* Likes */
+.main_icons.liked::before,
+.main_icons.liked_users::before,
+.main_icons.liked_messages::before,
+.main_icons.like::before,
+.fa-like::before {
+ content: "\f164";
+}
+/* Unlike */
+.main_icons.unliked::before,
+.main_icons.unlike::before,
+.fa-unlike::before {
+ content: "\f165";
+}
+/* Current Theme */
+.main_icons.current_theme::before,
+.large_admin_menu_icon.current_theme::before {
+ content: "\f53f";
+}
+/* Stats */
+.main_icons.stats::before {
+ content: "\f080";
+}
+/* Right Arrow */
+.main_icons.right_arrow::before {
+ content: "\f152";
+}
+/* Left Arrow */
+.main_icons.left_arrow::before {
+ content: "\f153";
+}
+/* Smiley */
+.main_icons.smiley::before,
+.large_admin_menu_icon.smiley::before {
+ content: "\f118";
+}
+/* Server */
+.main_icons.server::before,
+.large_admin_menu_icon.server::before {
+ content: "\f233";
+}
+/* Ban */
+.main_icons.ban::before,
+.large_admin_menu_icon.ban::before {
+ content: "\f05e";
+}
+/* Ignore */
+.fa-frenemy::before,
+.fa-ignore::before,
+.main_icons.ignore::before,
+.main_icons.frenemy::before,
+.main_icons.disable::before {
+ content: "\f506";
+}
+/* Posts */
+.main_icons.posts::before,
+.large_admin_menu_icon.posts::before {
+ content: "\f0c5";
+}
+/* Sort */
+.main_icons.sort_down::before,
+.main_icons.sort_up::before {
+ margin: 0 8px;
+}
+/* Sort Down */
+.main_icons.sort_down::before {
+ content: "\f160";
+}
+/* Sort Up */
+.main_icons.sort_up::before {
+ content: "\f161";
+}
+/* Sent */
+.main_icons.sent::before {
+ content: "\f064";
+}
+/* Post Moderation Moderate */
+.main_icons.post_moderation_moderate::before {
+ content: "\f6e3";
+}
+/* Post Moderation Deny */
+.main_icons.post_moderation_deny::before {
+ content: "\f502";
+}
+/* Post Moderation Attach */
+.main_icons.post_moderation_attach::before {
+ content: "\f127";
+}
+/* Permissions */
+.main_icons.permissions::before,
+.large_admin_menu_icon.permissions::before {
+ content: "\f084";
+}
+/* Paid */
+.main_icons.paid::before,
+.large_admin_menu_icon.paid::before,
+.fa-paid::before {
+ content: "\f155";
+}
+/* Packages */
+.main_icons.packages::before,
+.large_admin_menu_icon.packages::before {
+ content: "\f466";
+}
+/* Filter */
+.main_icons.filter::before {
+ content: "\f0b0";
+}
+/* Package_ops */
+.main_icons.package_ops::before {
+ content: "\f362";
+}
+/* Reports */
+.main_icons.reports::before,
+.large_admin_menu_icon.reports::before {
+ content: "\f573";
+}
+/* News */
+.main_icons.news::before,
+.large_admin_menu_icon.news::before {
+ content: "\f1ea";
+}
+/* Hide Popup */
+.main_icons.hide_popup::before {
+ content: "\f056";
+}
+/* Prune */
+.main_icons.prune::before {
+ content: "\f55a";
+}
+/* Modifications */
+.main_icons.modifications::before,
+.large_admin_menu_icon.modifications::before {
+ content: "\f12e";
+}
+/* Maintain */
+.main_icons.maintain::before,
+.large_admin_menu_icon.maintain::before {
+ content: "\f0ad";
+}
+/* Administration */
+.main_icons.administration::before {
+ content: "\f552";
+}
+/* Attachment */
+.main_icons.attachment::before,
+.large_admin_menu_icon.attachment::before {
+ content: "\f0c6";
+}
+/* Error */
+.main_icons.error::before {
+ content: "\f12a";
+}
+/* Languages */
+.main_icons.languages::before,
+.large_admin_menu_icon.languages::before {
+ content: "\f1ab";
+}
+/* Members Request */
+.main_icons.members_request::before {
+ content: "\f508";
+}
+/* Members Delete */
+.main_icons.members_delete::before {
+ content: "\f503";
+}
+/* Members Watched */
+.main_icons.members_watched::before {
+ content: "\f21b";
+}
+/* Logs */
+.main_icons.logs::before,
+.large_admin_menu_icon.logs::before {
+ content: "\f46d";
+}
+/* Features */
+.main_icons.features::before,
+.fa-tasksmanager::before,
+.large_admin_menu_icon.features::before {
+ content: "\f0ae";
+}
+/* Settings */
+.main_icons.settings::before {
+ content: "\f1de";
+}
+/* Enable */
+.main_icons.enable::before {
+ content: "\f205";
+}
+/* Close */
+.main_icons.close::before {
+ content: "\f410";
+}
+/* Folder */
+.main_icons.folder::before {
+ content: "\f07b";
+}
+/* Select Here */
+.main_icons.select_here::before {
+ content: "\f101";
+}
+/* Select Above */
+.main_icons.select_above::before {
+ content: "\f102";
+}
+/* Select Below */
+.main_icons.select_below::before {
+ content: "\f103";
+}
+
+/* Mark All Read */
+.fa-markread::before,
+.fa-readall::before,
+.fa-read_button::before,
+.fa-mark_read_short::before,
+.fa-mark_as_read::before,
+.main_icons.read_button::before {
+ content: "\f560";
+}
+/* Mark Selected */
+.fa-markselectread::before,
+.fa-quick_mod_markread::before,
+.fa-TopicSolved_mark_solved::before {
+ content: "\f058";
+}
+/* Not Read */
+.fa-mark_unread::before,
+.fa-unread_button::before,
+.fa-unsolve_topic::before,
+.fa-TopicSolved_mark_unsolved::before,
+.main_icons.unread_button::before {
+ content: "\f00d";
+}
+/* Send Topic */
+.fa-send::before {
+ content: "\f1d8";
+}
+/* Unnotify */
+.fa-unnotify::before {
+ content: "\f1f6";
+}
+/* New Poll */
+.fa-post_poll::before,
+.fa-new_poll::before,
+.fa-add_poll::before,
+.main_icons.poll::before {
+ content: "\f682";
+}
+/* Delete */
+.fa-remove_poll::before,
+.fa-delete::before,
+.fa-remove_topic::before,
+.fa-remove_button::before,
+.fa-collections_remove::before,
+.main_icons.remove_button::before,
+.main_icons.delete::before,
+.main_icons.collections_remove::before {
+ content: "\f2ed";
+}
+/* Restore */
+.fa-restore_topic::before,
+.fa-restore_button::before,
+.main_icons.restore_button::before {
+ content: "\f829";
+}
+/* New Topic */
+.fa-new_topic::before {
+ content: "\f15b";
+}
+/* Move Topic */
+.fa-move::before,
+.fa-move_topic::before,
+.main_icons.move::before {
+ content: "\f0b2";
+}
+/* Sticky Topic */
+.fa-set_sticky::before,
+.fa-set_nonsticky::before,
+.main_icons.sticky::before {
+ content: "\f08d";
+}
+/* Lock Topic */
+.fa-set_lock::before,
+.main_icons.lock::before {
+ content: "\f023";
+}
+/* Unlock Topic */
+.fa-set_unlock::before,
+.main_icons.unlock::before,
+.main_icons.post_moderation_allow::before {
+ content: "\f3c1";
+}
+/* Merge Topic */
+.fa-merge::before,
+.main_icons.merge::before {
+ content: "\f248";
+}
+/* Link Calendar */
+.fa-calendar_link::before {
+ content: "\f274";
+}
+/* Members */
+.fa-view_all_members::before,
+.fa-mlist::before,
+.fa-people::before,
+.main_icons.mlist::before,
+.main_icons.people::before {
+ content: "\f0c0";
+}
+/* Find Member */
+.fa-mlist_search::before {
+ content: "\f4fc";
+}
+/* Calendar */
+.fa-calendar::before,
+.fa-calendar_upcoming::before,
+.main_icons.calendar::before,
+.large_admin_menu_icon.calendar::before {
+ content: "\f073";
+}
+/* Post Event */
+.fa-calendar_post_event::before {
+ content: "\f783";
+}
+/* Register */
+.main_icons.main_icons.regcenter::before,
+.large_admin_menu_icon.regcenter::before,
+.fa-register::before,
+.fa-signup::before {
+ content: "\f234";
+}
+/* Login */
+.main_icons.login {
+ width: auto;
+}
+.fa-login::before,
+.main_icons.login::before {
+ content: "\f2f6";
+}
+/* Logout */
+.main_icons.logout::before,
+.fa-logout::before,
+.main_icons.exit::before,
+.large_admin_menu_icon.exit::before {
+ content: "\f2f5";
+}
+/* Notifications */
+.fa-notifications::before,
+.fa-alerts::before,
+.fa-mail::before,
+.fa-notify::before,
+.main_icons.notify::before,
+.main_icons.alerts::before {
+ content: "\f0f3";
+}
+/* Pokes */
+.fa-pokes::before,
+.fa-poke::before,
+.main_icons.poke::before {
+ content: "\f0a4";
+}
+/* Posts */
+.fa-posts::before {
+ content: "\f086";
+}
+/* Drafts */
+.main_icons.drafts::before,
+.fa-drafts::before {
+ content: "\f0ea";
+}
+/* Details */
+.fa-details::before,
+.main_icons.details::before {
+ content: "\f05a";
+}
+/* Reply */
+.fa-reply_button::before,
+.main_icons.reply_button::before {
+ content: "\f3e5";
+}
+/* Reply to all */
+.fa-reply_all_button::before,
+.main_icons.reply_all_button::before {
+ content: "\f122";
+}
+/* Quote */
+.fa-quote::before,
+.main_icons.quote::before {
+ content: "\f10e";
+}
+/* Quote Selected */
+.fa-quote_selected::before,
+.main_icons.quote_selected::before {
+ content: "\f10d";
+}
+/* Edit */
+.fa-quick_edit_button::before,
+.fa-modify_button::before,
+.main_icons.quick_edit_button::before,
+.main_icons.modify_button::before,
+.main_icons.collections_edit::before {
+ content: "\f044";
+}
+/* Report */
+.fa-error::before,
+.fa-report::before {
+ content: "\f024";
+}
+/* Approve */
+.fa-approve_button::before,
+.fa-approve::before,
+.main_icons.approve::before,
+.main_icons.approve_button::before {
+ content: "\f14a";
+}
+/* Disapprove */
+.fa-unapprove_button::before,
+.main_icons.unapprove_button::before {
+ content: "\f057";
+}
+/* Split */
+.fa-split_button::before,
+.main_icons.split_button::before {
+ content: "\f0db";
+}
+
+/* Community */
+.fa-community::before,
+.main_icons.fa-community::before {
+ content: "\f022";
+}
+/* FA Nav */
+.fa-portal::before,
+.main_icons.home::before {
+ content: "\f015";
+}
+/* Help */
+.fa-help::before,
+.main_icons.help::before {
+ content: "\f128";
+}
+/* Admin */
+.fa-admin::before,
+.main_icons.admin::before {
+ content: "\f085";
+}
+/* Mod */
+.fa-moderate::before,
+.main_icons.moderate::before {
+ content: "\f7d9";
+}
+/* Profile */
+h3.profile_hd::before,
+.main_icons.profile_hd::before,
+.fa-profile::before,
+.main_icons.members::before,
+.large_admin_menu_icon.members::before {
+ content: "\f007";
+}
+/* PM */
+.fa-pm::before,
+.main_icons.personal_message::before,
+.main_icons.inbox::before {
+ content: "\f0e0";
+}
+/* Shop */
+.main_icons.shop::before,
+.fa-shop::before {
+ content: "\f07a";
+}
+/* Store */
+.fa-store::before,
+.main_icons.store::before {
+ content: "\f54e";
+}
+/* Info Center icons */
+.fa-recent_posts::before,
+.main_icons.recent_posts::before {
+ content: "\f550";
+}
+.fa-online_users::before {
+ content: "\f500";
+}
+/* Profile Account */
+.fa-maintain::before {
+ content: "\f505";
+}
+/* Profile Details */
+.fa-members::before {
+ content: "\f2c2";
+}
+/* Optimus */
+.main_icons.optimus::before,
+.large_admin_menu_icon.optimus::before,
+.fa-optimus::before {
+ content: "\f0e8";
+ background: none !important;
+}
+/* Topic Collections */
+.main_icons.collections::before,
+.fa-collections::before {
+ content: "\e0bb";
+}
+.main_icons.collections_save::before,
+.fa-collections_save::before,
+.main_icons.bookmarks::before,
+.fa-sticky::before,
+.main_icons.sticky::before {
+ content: "\f02e";
+}
+.main_icons.collections_bookmark::before,
+.fa-collections_bookmark::before {
+ content: "\f518";
+}
+/* Quiz */
+.main_icons.quiz::before,
+.fa-quiz::before {
+ content: "\f559";
+}
+/* Affiliates */
+.main_icons.affiliates::before,
+.fa-affiliates::before {
+ content: "\f0ac";
+}
+/* Gallery */
+.main_icons.media::before,
+.fa-media::before,
+.main_icons.gallery::before,
+.fa-gallery::before {
+ content: "\f87c";
+}
+/* Arcade */
+.main_icons.arcade::before,
+.fa-arcade::before {
+ content: "\f11b";
+}
+/* Battle */
+.main_icons.battle::before,
+.fa-battle::before {
+ content: "\f66d";
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/index.css b/Themes/theme1/css/index.css
new file mode 100644
index 0000000000..44f69b910c
--- /dev/null
+++ b/Themes/theme1/css/index.css
@@ -0,0 +1,5439 @@
+:root {
+
+ /* Admin CP Stuff */
+
+ /* Styles for the file permissions section. */
+
+ --perm_read_bg_color: hsl(101, 78%, 86%);
+ --perm_writable_bg_color: hsl(0, 100%, 87%);
+ --perm_execute_bg_color: hsl(31, 95%, 84%);
+ --perm_custom_bg_color: hsl(100, 5%, 76%);
+ --perm_no_change_bg_color: hsl(0, 0%, 93%);
+ --perm_groups_bg_color: hsl(0, 0%, 100%);
+ --manage_boards_li_recycle_board_bg_color: hsl(180, 33%, 90%);
+ --manage_boards_li_redirect_board_bg_color: hsl(60, 33%, 90%);
+ --move_smileys_link_hover_img_border_color: hsl(208, 44%, 61%);
+ --move_smileys_selected_item_border_color: hsl(39, 100%, 59%);
+
+ /* Alternating colors */
+
+ --stripes_even_bg_color: hsl(0, 0%, 95%);
+ --stripes_odd_bg_color: hsl(206, 30%, 95%);
+ --alternative_bg_color: hsl(0, 0%, 95%);
+ --alternative_bg_2_color: hsl(202, 21%, 93%);
+
+ /* AJAX Notification Bar */
+
+ --ajax_in_progress_bg_color: hsl(0, 0%, 100%);
+ --ajax_in_progress_border_color: hsl(27, 100%, 49%);
+ --ajax_in_progress_border_style: solid;
+ --ajax_in_progress_border_width: 4px;
+ --ajax_in_progress_link_color: hsl(39, 100%, 50%);
+ --ajax_in_progress_txt_color: hsl(27, 100%, 49%);
+
+ /* Auto Suggest Control */
+
+ --auto_suggest_border_color: hsl(0, 0%, 73%);
+ --auto_suggest_border_style: solid;
+ --auto_suggest_border_width: 1px;
+ --auto_suggest_border_radius: 3px;
+ --auto_suggest_item_bg_color: hsl(0, 0%, 87%);
+ --auto_suggest_item_hover_bg_color: hsl(0, 0%, 53%);
+ --auto_suggest_item_hover_txt_color: hsl(0, 0%, 93%);
+
+ /* Body */
+
+ --body_bg_color: hsl(214, 36%, 91%);
+ --body_txt_color: hsl(0, 0%, 30%);
+ --body_font_family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
+ --body_font_size: 85%;
+ --body_line_height: 150%;
+ --border_color: hsl(0, 0%, 93%);
+ --border_style: solid;
+ --border_width: 1px;
+ --html_bg_color: hsl(211, 32%, 36%);
+ --heading_font_size: 1em;
+ --heading_txt_color: hsl(0, 0%, 27%);
+ --highlight_txt_color: hsl(27, 100%, 50%) !important;
+ --horizontal_rule_bg_color: hsl(0, 0%, 100%);
+ --horizontal_rule_box_shadow: 0 1px 0 hsl(0, 0%, 73%)inset;
+ --link: hsl(213, 58%, 37%);
+ --link_hover: hsl(213, 58%, 37%);
+ --moderation_link_bg_color: hsl(39, 100%, 48%);
+ --moderation_link_border_radius: 50%;
+ --strong_txt_color: hsl(0, 0%, 27%);
+ --option_bg_hover_color: hsl(214, 36%, 91%);
+ --wrapper_bg_color: hsl(0, 0%, 100%);
+ --wrapper_border_color: hsl(0, 0%, 72%);
+ --wrapper_border_style: solid;
+ --wrapper_border_width: 1px;
+ --wrapper_border_radius: 8px;
+ --wrapper_box_shadow: 0 2px 3px hsla(0, 0%, 0%, 0.14);
+ --inner_section_bg_color: linear-gradient(hsl(215, 41%, 92%) 0%, hsl(0, 0%, 100%) 70%);
+ --inner_section_border_radius: 6px 6px 0px 0px;
+ --inner_wrap_bg_color: hsl(0, 0%, 100%);
+ --inner_wrap_border_color: hsl(0, 0%, 73%);
+ --inner_wrap_border_style: solid;
+ --inner_wrap_border_width: 1px;
+ --selection_bg_color: hsl(205, 100%, 80%);
+ --selection_txt_color: hsla(0, 0%, 0%, 0.6);
+
+ /* Breadcrumb */
+
+ --breadcrumb_bg_color: hsl(0, 0%, 97%);
+ --breadcrumb_border_color: hsl(0, 0%, 87%);
+ --breadcrumb_border_style: solid;
+ --breadcrumb_border_width: 1px;
+ --breadcrumb_border_radius: 5px;
+ --breadcrumb_box_shadow: 0px 0px 1px 1px rgb(255,255,255) inset;
+ --breadcrumb_divider_color: hsl(206, 38%, 40%);
+ --breadcrumb_divider_font_family: Arial, sans-serif;
+ --breadcrumb_divider_font_size: 83.33%;
+ --breadcrumb_divider_line_height: 150%;
+ --breadcrumb_font_size: 0.9em;
+ --breadcrumb_link_color: hsl(213, 58%, 37%);
+ --breadcrumb_txt_color: hsl(0, 0%, 27%);
+
+ /* Buttons */
+
+ --button_bg_color: hsl(0, 0%, 95%);
+ --button_bg_hover: hsl(0, 0%, 95%);
+ --button_bg_active: hsl(207, 31%, 32%);
+ --button_bg_focus: hsl(207, 31%, 32%);
+ --button_border_color: hsl(0, 0%, 87%) hsl(0, 0%, 73%) hsl(0, 0%, 67%) hsl(0, 0%, 87%);
+ --button_border_style: solid;
+ --button_border_width: 1px;
+ --button_border_radius: 3px;
+ --button_box_shadow: none;
+ --button_font_size: 0.7rem;
+ --button_line_height: 2em;
+ --button_padding: 1px 8px;
+ --button_min_height: calc(2em + 2em * (0.9 - 0.85)); /* "input" font size minus ".button" font size */
+ --button_active_border_color: hsl(180, 20%, 42%);
+ --button_active_border_style: solid;
+ --button_active_border_width: 1px;
+ --button_active_font_weight: bold;
+ --button_hover_border_color: hsl(0, 0%, 67%) hsl(0, 0%, 87%) hsl(0, 0%, 87%) hsl(0, 0%, 73%);
+ --button_hover_box_shadow: none;
+ --button_txt_color: hsl(213, 58%, 34%);
+ --button_txt_color_active: hsl(0, 0%, 100%);
+ --button_txt_color_hover: hsl(35, 100%, 50%);
+ --button_txt_color_focus: hsl(35, 100%, 50%);
+ --button_txt_color_active_and_focus: hsl(35, 100%, 50%);
+ --button_txt_color_hover_and_focus: hsl(35, 100%, 50%);
+
+ /* Board Index */
+
+ --forum_title_link_color: hsl(213, 58%, 37%);
+ --forum_title_font_size: 1.8em;
+ --forum_title_font_family: "Tahoma", sans-serif;
+ --children_bg_color: hsl(0, 0%, 97%);
+ --children_padding: 4px 5px 4px 5px;
+ --sub_bar_link_color: hsl(0, 0%, 33%);
+ --up_contain_bg_color: hsl(0, 0%, 100%);
+ --information_bg_color: hsl(0, 0%, 97%);
+ --information_border_color: hsl(0, 0%, 93%);
+ --information_border_style: solid;
+ --information_border_width: 1px;
+ --information_border_radius: 0 0 7px 7px;
+ --moderationbuttons_check_focus_box_shadow: 0 0 4px hsl(205, 65%, 57%);
+
+ /* Category */
+
+ --cat_bg_color: hsl(207, 31%, 32%);
+ --cat_bar_border_radius: 6px 6px 0 0;
+ --cat_bar_collapsed_border_radius: 6px;
+ --cat_bar_desc_txt_color: hsl(0, 0%, 100%);
+ --cat_bar_link_color: hsl(0, 0%, 100%);
+ --cat_bar_strong_txt_color: hsl(0, 0%, 100%);
+ --cat_bar_inner_padding: 8px 12px 6px 12px;
+ --cat_bar_outer_padding: 0px 0px 2px 0px;
+
+ /* Calendar */
+ --calendar_day_days_hover_bg_color: hsla(0, 0%, 100%, 0.4);
+ --calendar_td_events_bg_color: hsla(117, 92%, 52%, 0.1);
+ --calendar_td_events_bg_color_hover: hsla(117, 92%, 52%, 0.2);
+ --calendar_td_holidays_bg_color: hsla(216, 92%, 53%, 0.1);
+ --calendar_td_holidays_bg_color_hover: hsla(216, 92%, 53%, 0.2);
+ --calendar_td_birthdays_bg_color: hsla(264, 100%, 50%, 0.1);
+ --calendar_td_birthdays_bg_color_hover: hsla(270, 100%, 60%, 0.2);
+ --calendar_event_time_text_color: hsl(0, 0%, 47%);
+ --calendar_td_days_link_hover_bg_color: hsla(207, 28%, 52%, 0.2);
+
+ /* Info Center*/
+
+ --info_block_information_bg_color: hsl(0, 0%, 100%);
+ --info_center_container_bg_color: hsl(0, 0%, 96%);
+ --info_center_border_radius: 3px;
+ --info_center_box_shadow: 0px 2px 0px hsl(210, 11%, 85%);
+ --roundframe_bg_color: hsl(0, 0%, 96%);
+ --roundframe_border_radius: 7px;
+
+ /* Title Bar */
+
+ --title_bar_bg_color: hsl(0, 0%, 100%);
+ --title_bar_border_bottom_color: hsl(35, 100%, 50%);
+ --title_bar_border_bottom_style: solid;
+ --title_bar_border_bottom_width: 2px;
+ --title_bar_border_top_color: hsl(35, 100%, 50%);
+ --title_bar_border_top_style: solid;
+ --title_bar_border_top_width: 2px;
+ --title_bar_border_radius: 2px 2px 0 0;
+ --title_bar_link: hsl(0, 0%, 33%);
+ --title_bar_inner_padding: 8px 12px 6px 12px;
+ --title_bar_outer_padding: 0px;
+
+ /* Calendar colors for birthdays, events and holidays */
+
+ --birthday_txt_color: hsl(284, 90%, 40%);
+ --event_txt_color: hsl(120, 90%, 28%);
+ --holiday_txt_color: hsl(218, 100%, 50%);
+ --warn_moderate_txt_color: hsl(39, 100%, 50%);
+ --warn_watch_txt_color: hsl(120, 100%, 25%);
+
+ /*Error, Info, and Notice Boxes. */
+
+ --error_box_bg_color: hsl(0, 100%, 97%);
+ --error_box_border_color: hsl(353, 60%, 50%);
+ --error_box_border_style: solid;
+ --error_box_border_width: 2px;
+ --notice_box_bg_color: hsl(50, 100%, 90%);
+ --notice_box_border_color: hsl(48, 100%, 57%);
+ --notice_box_border_style: solid;
+ --notice_box_border_width: 1px;
+ --notice_box_txt_color: hsl(0, 0%, 40%);
+ --info_box_bg_color: hsl(120, 100%, 90%);
+ --info_box_border_color: hsl(120, 100%, 25%);
+ --info_box_border_style: solid;
+ --info_box_border_width: 1px;
+ --info_box_txt_color: hsl(0, 0%, 13%);
+ --desc_box_border_color: hsl(0, 0%, 77%);
+ --desc_box_border_style: solid;
+ --desc_box_border_width: 1px;
+
+ /* File Error */
+
+ --errorfile_table_td_bg_color: hsl(0, 0%, 98%);
+ --errorfile_table_current_bg_color: hsl(0, 87%, 88%);
+ --errorfile_table_file_line_bg_color: hsl(0, 0%, 93%);
+ --errorfile_table_file_line_current_bg_color: hsl(0, 93%, 77%);
+
+ /* Code Blocks */
+
+ --code_bg_color: hsl(0, 0%, 95%);
+ --code_border_color: hsl(0, 0%, 87%);
+ --code_border_top_color: hsl(0, 0%, 73%);
+ --code_border_bottom_color: hsl(0, 0%, 67%);
+ --code_border_radius: 2px;
+ --code_font_size: 0.78rem;
+ --code_header_font_size: 0.9em;
+ --code_header_txt_color: hsl(0, 0%, 40%);
+
+ /* Colors for background of posts requiring approval */
+
+ --approve_bg_color: hsl(0, 100%, 96%);
+ --approve_bg_color_2: hsl(0, 100%, 97%);
+ --approve_txt_color: hsl(0, 0%, 13%);
+
+ /* FieldSet */
+
+ --fieldset_legend_txt_color: hsl(0, 0%, 33%);
+ --fieldset_border_color: hsl(0, 0%, 93%);
+ --fieldset_border_style: solid;
+ --fieldset_border_width: 1px;
+ --fieldset_border_radius: 3px;
+ --fieldset_padding: 18px;
+ --fieldset_margin: 0px 0px 6px 0px;
+
+ /* Footer */
+
+ --footer_bg_color: hsl(207, 31%, 32%);
+ --footer_font_size: 0.9em;
+ --footer_txt_color: hsl(0, 0%, 100%);
+ --footer_padding: 10px 0;
+ --footer_margin: 4em 0px 0px 0px;
+
+ /* Generic & Progress Bar */
+
+ --generic_bar_bar_bg_color: hsl(39, 100%, 50%);
+ --generic_bar_bar_box_shadow: 4px -4px 8px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 8px hsla(0, 0%, 100%, 0.3) inset;
+ --generic_bar_bar_border_radius: 1px;
+ --generic_bar_border_color: hsl(0, 4%, 80%);
+ --generic_bar_border_style: solid;
+ --generic_bar_border_width: 1px;
+ --generic_bar_border_radius: 2px;
+ --generic_bar_bg_color: hsl(0, 0%, 100%);
+ --generic_bar_txt_color: hsla(0, 0%, 0%, 0.6);
+ --generic_bar_span_txt_shadow: 1px 1px hsla(0, 0%, 100%, 0.4);
+ --generic_bar_vertical_bar_box_shadow: 4px -4px 4px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 4px hsla(0, 0%, 100%, 0.3) inset;
+ --progress_bar_border_radius: 4px;
+ --progress_bar_txt_color: hsla(0, 0%, 0%, 0.8);
+ --progress_bar_bar_bg_color: hsl(100, 67%, 55%);
+ --progress_bar_bar_bg_image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, 0.15) 50%, hsla(0, 0%, 100%, 0.15) 75%, transparent 75%, transparent);
+ --progress_bar_bar_box_shadow: -1px 1px 0 hsla(0, 0%, 100%, 0.25) inset, 1px -1px 0 hsla(0, 0%, 0%, 0.1) inset;
+ --progress_yellow_bar_bg_color: hsl(47, 92%, 54%);
+ --progress_green_bar_bg_color: hsl(100, 67%, 55%);
+ --progress_red_bar_bg_color: hsl(6, 88%, 63%);
+ --progress_blue_bar_bg_color: hsl(191, 76%, 55%);
+
+ /* Header */
+
+ --header_bg_color: hsl(0, 0%, 100%);
+ --top_info_border_color: hsl(210, 31%, 42%);
+ --top_info_border_style: solid;
+ --top_info_border_width: 1px;
+ --top_info_button_login_link_font_size: 1em;
+ --top_info_button_signup_link_font_size: 1em;
+ --top_info_link_hover_bg_color: hsl(35, 100%, 50%);
+ --top_info_link_active_bg_color: hsl(35, 100%, 50%);
+ --top_info_link_focus_bg_color: hsl(211, 28%, 49%);
+ --top_info_link_hover_txt_color: hsl(0, 0%, 0%);
+ --top_info_link_txt_color: hsl(0, 0%, 10%);
+ --top_info_link_txt_open_color: hsl(0, 0%, 100%);
+ --top_info_link_border_radius: 4px;
+ --top_info_link_border_color: transparent;
+ --top_info_link_border_style: solid;
+ --top_info_link_border_width: 1px;
+ --top_info_link_padding: 5px 7px 5px 7px;
+ --top_info_link_font_size: 1.5em;
+ --top_info_active_link_color: hsl(0, 0%, 10%);
+ --top_info_hover_link_color: hsl(39, 100%, 50%);
+ --top_info_link_hover_border_color: hsl(0, 0%, 0%);
+ --top_info_link_focus_border_color: hsl(210, 31%, 42%);
+ --top_menu_bg_color: hsl(0, 0%, 100%);
+ --top_menu_box_shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
+ --top_menu_border_radius: 3px;
+
+ /* News Section */
+ --news_bg_color: hsl(222, 100%, 95%);
+ --news_left_bg_color: hsl(222, 100%, 91%);
+ --news_left_font_size: 20px;
+ --news_left_padding: 0px 10px;
+ --news_right_padding: 0px 5px 0px 5px;
+ --news_font_size: 0.9em;
+
+ /* Input, Button, Select, Textarea */
+
+ --ibst_txt_color: hsl(0, 0%, 13%);
+ --ibst_bg_color: hsl(0, 0%, 100%);
+ --ibst_box_shadow: 1px 2px 1px hsla(213, 47%, 75%, 0.2) inset;
+ --ibst_border_color: hsl(0, 0%, 73%);
+ --ibst_border_style: solid;
+ --ibst_border_width: 1px;
+ --ibst_border_radius: 3px;
+ --ibst_disabled_bg_color: hsl(0, 0%, 93%);
+ --ibst_disabled_border_color: hsl(0, 0%, 71%);
+ --ibst_disabled_txt_color: hsl(0, 0%, 60%);
+ --ibst_focus_bg_color: hsl(0, 0%, 100%);
+ --ibst_focus_border_color: hsl(207, 53%, 67%);
+ --ibst_font_family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
+ --ibst_font_size: 85%;
+ --ibst_font_line_height: 150%;
+ --ibst_hover_border_color: hsl(207, 30%, 62%);
+ --ibst_textarea_hover_bg_color: hsl(0, 0%, 98%);
+ --ibst_padding: 0.3em 0.4em;
+
+ /* Maintenance Mode */
+
+ --errorfile_table_bg_color: hsl(206, 30%, 95%);
+ --errorfile_table_td_current_bg_color: hsla(33, 92%, 51%, 0.2);
+ --errorfile_table_td_current_border_color: hsla(0, 0%, 0%, 0.2);
+ --errorfile_table_td_current_border_style: solid;
+ --errorfile_table_td_current_border_width: 1px;
+
+ /* Menu */
+
+ --amt_active_bg_color: hsla(0, 0%, 0%, 0.2);
+ --amt_bg_color: hsl(39, 100%, 48%);
+ --amt_border_radius: 50%;
+ --amt_padding: 0px 6px;
+ --amt_txt_color: hsl(0, 0%, 100%);
+ --amt_font_size: 0.7em;
+ --dropmenu_amt_font_size: 1em;
+ --dropmenu_amt_padding: 2px 5px;
+ --dropmenu_bg_color: hsl(0, 0%, 100%);
+ --dropmenu_box_shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
+ --dropmenu_hover_bg_color: hsl(214, 36%, 91%);
+ --dropmenu_link_color: hsl(0, 0%, 17%);
+ --dropmenu_link_hover_color: hsl(0, 0%, 0%);
+ --dropmenu_link_border_radius: 4px;
+ --dropmenu_link_border_color: transparent;
+ --dropmenu_link_border_style: solid;
+ --dropmenu_link_border_width: 1px;
+ --dropmenu_link_padding: 4px 8px;
+ --dropmenu_li_font_size: 0.9em;
+ --dropmenu_li_li_font_size: 1em;
+ --dropmenu_strong_txt_color: hsl(0, 0%, 20%);
+ --dropmenu_subsections_font_family: Arial, sans-serif;
+ --dropmenu_subsections_font_size: 83.33%;
+ --dropmenu_subsections_line_height: 150%;
+ --menu_bg_color: hsl(207, 31%, 32%);
+ --menu_border_color: hsl(208, 16%, 81%);
+ --menu_border_style: solid;
+ --menu_border_width: 2px;
+ --menu_link_bg_hover_color: hsl(0, 0%, 100%);
+ --menu_link_color: hsl(0, 0%, 100%);
+ --menu_link_bg_active_color: hsl(0, 0%, 100%);
+ --menu_link_bg_active_hover_color: hsl(0, 0%, 100%);
+ --menu_link_bg_focus_color: hsl(0, 0%, 100%);
+ --menu_link_bg_hover_color: hsl(0, 0%, 100%);
+ --menu_link_color: hsl(0, 0%, 100%);
+ --menu_link_active_color: hsl(0, 0%, 0%);
+ --menu_link_active_hover_color: hsl(0, 0%, 0%);
+ --menu_link_focus_color: hsl(0, 0%, 100%);
+ --menu_link_hover_color: hsl(0, 0%, 100%);
+ --unread_links_font_size: 0.9em;
+ --unread_links_link_color: hsl(0, 0%, 100%);
+ --unread_links_link_padding: 4px 6px;
+ --unread_links_border_radius: 4px;
+ --unread_links_li_padding: 10px 8px;
+
+ /* Mentions */
+
+ --atwho_view_bg_color: hsl(0, 0%, 100%);
+ --atwho_view_border_color: hsl(0, 0%, 93%);
+ --atwho_view_border_style: solid;
+ --atwho_view_border_width: 1px;
+ --atwho_view_box_shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+ --atwho_view_border_radius: 3px;
+ --atwho_view_small_txt_color: hsl(0, 0%, 47%);
+ --atwho_view_strong_text: hsl(225, 100%, 60%);
+ --atwho_view_cur_bg_color: hsl(225, 100%, 60%);
+ --atwho_view_cur_txt_color: hsl(0, 0%, 100%);
+ --atwho_view_cur_small_txt_color: hsl(0, 0%, 100%);
+ --atwho_view_cur_strong_txt_color: hsl(0, 0%, 100%);
+
+ /* On/Off Icons (User) */
+
+ --on_off_border_radius: 50%;
+ --on_bg_color: hsl(100, 75%, 63%);
+ --on_border_color: hsl(100, 61%, 55%);
+ --off_bg_color: hsl(0, 3%, 65%);
+ --off_border_color: hsl(0, 2%, 58%);
+
+ /* Pagination */
+
+ --current_page_txt_color: hsl(32, 100%, 35%);
+
+
+ /* Popup Windows */
+
+ --popup_container_bg_color: hsla(204, 33%, 24%, 0.5);
+ --popup_content_bg_color: linear-gradient(to bottom, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 100%);
+ --popup_content_txt_color: #222;
+ --popup_content_border_color: hsl(0, 0%, 73%);
+ --popup_content_border_style: solid;
+ --popup_content_border_width: 1px;
+ --popup_content_border_radius: 6px 6px 2px 2px;
+ --popup_content_box_shadow: 0 -2px 3px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2);
+ --popup_content_padding: 10px 8px;
+ --popup_heading_txt_color: hsl(0, 0%, 100%);
+ --popup_heading_padding: 10px 8px;
+ --popup_window_bg_color: hsl(207, 31%, 32%);
+ --popup_window_box_shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
+ --popup_window_border_color: hsl(0, 0%, 47%);
+ --popup_window_border_radius: 7px 7px 3px 3px;
+ --popup_window_padding: 0px 6px 6px 6px;
+
+ /* Post Bit Section */
+
+ --display_head_txt_color: hsl(0, 0%, 58%);
+ --poster_online_link_color: hsl(30, 98%, 38%);
+ --key_post_info_link_color: hsl(30, 65%, 41%);
+ --keyinfo_postinfo_modified_txt_color: hsl(0, 0%, 20%);
+ --subject_title_link_color: hsl(0, 0%, 20%);
+ --page_number_txt_color: hsl(30, 65%, 41%);
+ --inner_border_color: hsl(0, 0%, 75%);
+ --inner_border_style: solid;
+ --inner_border_width: 1px;
+ --inner_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+ --signature_border_color: hsl(0, 0%, 75%);
+ --signature_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+
+ /* Post Draft Options */
+
+ --post_draft_options_bg_color: hsl(0, 0%, 99%);
+ --post_draft_options_border_color: hsl(0, 0%, 67%);
+ --post_draft_options_border_style: solid;
+ --post_draft_options_border_width: 1px;
+ --post_draft_options_border_left_color: hsl(0, 0%, 73%);
+ --post_draft_options_border_left_style: solid;
+ --post_draft_options_border_left_width: 1px;
+ --post_draft_options_border_radius: 0 0 4px 4px;
+ --post_draft_options_settings_border_color: hsl(0, 0%, 89%);
+ --post_draft_options_settings_border_style: solid;
+ --post_draft_options_settings_border_width: 1px;
+ --post_draft_options_settings_strong_txt_color: hsl(0, 0%, 33%);
+
+ /* Post Options */
+
+ --post_options_bg_color: hsl(0, 0%, 100%);
+ --post_options_border_color: hsl(0, 0%, 60%);
+ --post_options_border_style: solid;
+ --post_options_border_width: 1px;
+ --post_options_border_radius: 4px 0px 4px 4px;
+ --post_options_border_color_hover: hsl(212, 15%, 80%);
+ --post_options_link_border_radius: 3px;
+ --post_options_font_weight: normal;
+
+ /* Post BBC Links */
+
+ --bbc_link_border_color: hsl(218, 29%, 74%);
+ --bbc_link_hover_border_color: hsl(220, 33%, 30%);
+ --bbc_link_hover_border_style: solid;
+ --bbc_link_hover_border_width: 1px;
+
+ /* Profile Section */
+
+ --activity_stats_bg_color: hsl(0, 0%, 93%);
+ --activity_stats_border_color: hsl(0, 0%, 40%);
+ --activity_stats_border_style: solid;
+ --activity_stats_border_width: 1px;
+ --detailedinfo_border_color: hsl(0, 0%, 80%);
+ --detailedinfo_border_style: solid;
+ --detailedinfo_border_width: 1px;
+ --detailedinfo_txt_color: hsl(0, 0%, 27%);
+ --counter_txt_color: hsl(0, 0%, 25%);
+ --list_posts_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+ --pick_theme_selected_bg_color: hsl(206, 33%, 85%);
+ --unread_pm_bg_color: hsl(120, 100%, 90%);
+ --unread_notify_hover_bg_color: hsl(0, 0%, 93%);
+
+ /* User information. */
+
+ --profile_user_links_li_font_size: .8rem;
+ --profile_user_links_li_padding: 10px;
+ --profile_username_font_size: 150%;
+
+ /* Progress Bars & Generic Bars & Warning Bars & Personal Message Bar*/
+
+ --personal_messages_capcity_bar_bg_color: hsl(206, 30%, 95%);
+ --personal_messages_capcity_bar_border_color: hsl(0, 0%, 68%);
+ --personal_messages_capcity_bar_border_style: solid;
+ --personal_messages_capcity_bar_border_width: 1px;
+ --personal_messages_empty_capacity_bar_bg_color: hsl(111, 41%, 73%);
+ --personal_messages_filled_capacity_bar_bg_color: hsl(42, 100%, 47%);
+ --personal_messages_full_capacity_bar_bg_color: hsl(0, 93%, 49%);
+ --warning_level_none_bar_bg_color: hsl(100, 67%, 55%);
+ --warning_level_watched_bar_bg_color: hsl(51, 100%, 50%);
+ --warning_level_moderated_bar_bg_color: hsl(39, 100%, 50%);
+ --warning_level_muted_bar_bg_color: hsl(6, 88%, 63%);
+
+ /* Quote Blocks */
+
+ --quote_block_alt_bg: hsl(198, 48%, 95%);
+ --quote_block_standard_bg: hsl(224, 55%, 92%);
+ --quote_block_border_color: hsl(195, 17%, 86%);
+ --quote_block_border_style: solid;
+ --quote_block_border_width: 1px;
+ --quote_block_border_lr_color: hsl(0, 0%, 67%);
+ --quote_block_border_lr_style: solid;
+ --quote_block_border_lr_width: 2px;
+ --quote_block_font_size: 0.85rem;
+ --quote_cite_border_color: hsla(0, 0%, 0%, 0.1);
+ --quote_cite_border_style: solid;
+ --quote_cite_border_width: 1px;
+ --quote_cite_before_font_size: 22px;
+ --quote_cite_before_font_style: normal;
+ --quote_cite_font_size: 0.9em;
+ --quote_header_txt_color: hsl(0, 0%, 40%);
+ --quote_header_font_size: 0.9em;
+ --quote_txt_color: hsl(0, 0%, 67%);
+
+ /* Registration Section */
+
+ --coppa_contact_bg_color: hsl(0, 0%, 100%);
+ --coppa_contact_border_color: hsl(0, 0%, 13%);
+ --coppa_contact_border_style: solid;
+ --coppa_contact_border_width: 1px;
+ --coppa_contact_txt_color: hsl(0, 0%, 13%);
+ --valid_input_bg_color: hsl(100, 100%, 97%);
+ --invalid_input_bg_color: hsl(0, 100%, 97%);
+
+ /* Two Factor Auth Code Container */
+
+ --tfacode_bg_color: hsl(206, 74%, 89%);
+
+ /* The "new" button */
+
+ --new_posts_button_bg_color: hsl(39, 100%, 48%);
+ --new_posts_button_border_color: hsl(0, 0%, 0%);
+ --new_posts_button_border_style: solid;
+ --new_posts_button_border_width: 1px;
+ --new_posts_button_border_radius: 2px;
+ --new_posts_button_font_family: verdana, sans-serif;
+ --new_posts_button_font_size: 9px;
+ --new_posts_button_font_weight: 700;
+ --new_posts_button_line_height: 15px;
+ --new_posts_button_txt_color: hsl(0, 0%, 0%);
+ --new_posts_button_txt_color_visited: hsl(0, 0%, 13%);
+ --new_posts_button_txt_color_hover: hsl(0, 0%, 13%);
+
+ /* Toggle */
+
+ --toggle_bg: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
+ --toggle_bg_hover: hsl(208, 45%, 83%);
+ --toggle_border_color: hsl(0, 0%, 77%);
+ --toggle_border_style: solid;
+ --toggle_border_width: 1px;
+ --toggle_border_radius: 4px;
+ --toggle_box_shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 1px #fff inset, 0 -5px 4px rgba(0,0,0,.1) inset;
+ --toggle_box_shadow_hover: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
+
+ /* ToolTips */
+
+ --tooltip_bg_color: hsl(0, 0%, 100%);
+ --tooltip_border_color: hsl(0, 0%, 67%);
+ --tooltip_border_style: solid;
+ --tooltip_border_width: 1px;
+ --tooltip_txt_color: hsl(0, 0%, 20%);
+ --tooltip_border_radius: 4px;
+ --tooltip_box_shadow: 1px 2px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.05) inset;
+
+ /* Window Backgrounds */
+
+ --window_approve_topic_bg_color: hsl(0, 100%, 90%);
+ --window_approve_post_bg_color: hsl(0, 100%, 90%);
+ --window_bg_color: hsl(0, 0%, 100%);
+ --window_bg_even_color: hsl(0, 0%, 100%);
+ --window_bg_odd_color: hsl(0, 0%, 97%);
+ --window_locked_bg_color: hsl(218, 20%, 92%);
+ --window_sticky_bg_color: hsl(209, 35%, 86%);
+ --window_sticky_locked_bg_color: hsl(22, 35%, 86%);
+ --window_target_bg_color: hsl(60, 100%, 94%);
+ --window_table_row_bg_hover_color: hsl(214, 36%, 91%);
+
+ /* Video Container */
+
+ --video_container_bg_color: hsl(0, 0%, 0%);
+
+ /* Basic Colors */
+ --black: hsl(0, 0%, 0%);
+ --white: hsl(0, 0%, 100%);
+ --red: hsl(0, 100%, 50%);
+ --blue: hsl(240, 100%, 50%);
+ --green: hsl(120, 100%, 25%);
+ }
+/* You can find detailed information at https://wiki.simplemachines.org/smf/Curve2_CSS
+/* Index */
+html {
+ background: var(--html_bg_color);
+ scroll-padding-top: 3rem;
+}
+body {
+ background: var(--body_bg_color);
+ font-family: var(--body_font_family);
+ font-size: var(--body_font_size);
+ line-height: var(--body_line_height);
+ color: var(--body_txt_color);
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+::selection {
+ text-shadow: none;
+ background: var(--selection_bg_color);
+ color: var(--selection_txt_color);
+}
+/* General reset */
+* {
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+ul, ol {
+ list-style: none;
+}
+ul.normallist {
+ list-style-type: disc;
+ padding: 0 0 0 15px;
+}
+table {
+ empty-cells: show;
+}
+abbr {
+ border-bottom: 0.1em dotted;
+}
+input, button, select, textarea {
+ color: var(--ibst_txt_color);
+ font-family: var(--ibst_font_family);
+ font-size: var(--ibst_font_size);
+ line-height: var(--ibst_font_line_height);
+ background: var(--ibst_bg_color);
+ outline: none;
+ border: var(--ibst_border_width) var(--ibst_border_style) var(--ibst_border_color);
+ vertical-align: middle;
+ border-radius: var(--ibst_border_radius);
+ box-shadow: var(--ibst_box_shadow_color);
+ padding: var(--ibst_padding);
+}
+input:hover, textarea:hover, button:hover, select:hover {
+ outline: none;
+ border-color: var(--ibst_hover_border_color);
+}
+textarea:hover {
+ background: var(--ibst_textarea_hover_bg_color);
+}
+input:focus, textarea:focus, button:focus, select:focus {
+ outline: none;
+ border-color: var(--ibst_focus_border_color);
+ background: var(--ibst_focus_bg_color);
+}
+input, button, select {
+ padding: 0 0.4em;
+ height: 2em;
+ line-height: 2em;
+}
+select {
+ padding: 0.22em 0.2em; /* selects don't apply line-height */
+}
+/* Selects with more than one line */
+select[size] {
+ height: auto;
+}
+input[type="file"] {
+ padding: 2px;
+ height: auto;
+}
+/* Remove default mozilla dotted borders */
+input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
+ border: 0;
+}
+/* Prevent inputs and images overflowing */
+img, input, select, textarea {
+ max-width: 100%;
+}
+/* This is a specific issue on Ubuntu - Chrome */
+#chrome input {
+ font-family: "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;
+}
+/* The following is necessary */
+textarea {
+ font-size: 1em;
+}
+
+/* Use a consistent monospace font everywhere */
+.monospace, .bbc_code, .phpcode, pre {
+ font-family: "DejaVu Sans Mono", Menlo, Monaco, Consolas, monospace;
+}
+
+.sceditor-container textarea, .sceditor-container textarea:focus {
+ box-shadow: none;
+}
+#quick_edit_body_container textarea,
+.move_topic textarea,
+dd textarea {
+ width: 100%;
+ min-height: 100px;
+}
+/* Apply the font only to these elements */
+input, button, select {
+ font-size: 0.75rem;
+}
+/* Number inputs don't support size nor width, so add some common ones here and set a default... */
+input[type="number"] {
+ padding-right: 0; /* Removes weird white space after arrows in some browsers */
+ width: calc(4ch + 15px + 0.8em);
+}
+input[type="number"][size="2"], input[type="number"][size="1"] {
+ width: calc(2ch + 15px + 0.8em);
+}
+input[type="number"][size="3"] {
+ width: calc(3ch + 15px + 0.8em);
+}
+input[type="number"][size="5"] {
+ width: calc(5ch + 15px + 0.8em);
+}
+input[type="number"][size="6"] {
+ width: calc(6ch + 15px + 0.8em);
+}
+select option {
+ padding: 0 4px;
+}
+option:hover {
+ background: var(--option_bg_hover_color);
+}
+/* Fieldsets are used to group elements */
+fieldset {
+ padding: var(--fieldset_padding);
+ margin: var(--fieldset_margin);
+ border: var(--fieldset_border_width) var(--fieldset_border_style) var(--fieldset_border_color);
+ border-radius: var(--fieldset_border_radius);
+}
+fieldset legend {
+ font-weight: bold;
+ color: var(--fieldset_legend_txt_color);
+ box-shadow: none;
+ border: none;
+}
+summary {
+ margin: 5px 0;
+}
+
+/* Define strong as bold, and em as italics */
+/* Note: in some particular places, strong has been redefined as font-weight: 600; */
+/* This gives a better effect for those areas, and will default to bold for fonts which do not support numerical font-weight */
+strong, .strong {
+ font-weight: bold;
+ color: var(--strong_txt_color);
+}
+.cat_bar strong {
+ color: var(--cat_bar_strong_txt_color);
+}
+em, .em {
+ font-style: italic;
+}
+/* Default color on these tags */
+h1, h2, h3, h4, h5, h6 {
+ font-size: var(--heading_font_size);
+ color: var(--heading_txt_color);
+}
+/* All input elements that are checkboxes or radio buttons shouldn't have a border around them */
+input[type="checkbox"], input[type="radio"] {
+ border: none;
+ background: none;
+ vertical-align: middle;
+ box-shadow: none;
+ margin: 0 3px;
+}
+.moderationbuttons_mobile_check {
+ display: none;
+}
+/* Give disabled input elements a different style */
+input[disabled], textarea[disabled], select[disabled], .button.disabled, .button[disabled]:hover {
+ background: var(--ibst_disabled_bg_color);
+ color: var(--ibst_disabled_txt_color);
+ border-color: var(--ibst_disabled_border_color);
+ opacity: 0.8;
+ cursor: default;
+}
+/* Standard horizontal rule.. ([hr], etc.) */
+hr {
+ border: none;
+ margin: 12px 0;
+ height: 2px;
+ background: var(--horizontal_rule_bg_color);
+ box-shadow: var(--horizontal_rule_box_shadow);
+}
+/* This is about links */
+a, a:visited {
+ color: var(--link);
+ text-decoration: none;
+ transition: ease 0.35s;
+}
+a:hover {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+/* Help popups require a different styling of the body element. */
+/* Deprecated? */
+body#help_popup {
+ padding: 12px;
+}
+
+#likes li {
+ clear: both;
+ padding: 1px 0;
+ display: flex;
+ align-items: center;
+}
+#likes .avatar {
+ height: 5em;
+ width: 5em;
+ margin: 0 10px 0 0;
+}
+#likes li .like_profile {
+ flex: 1 0 auto;
+}
+#likes li .like_time {
+ padding: 4px 0;
+}
+#likes .description {
+ font-style: italic;
+ opacity: 0.4;
+ font-size: 0.9em;
+ display: block;
+}
+
+/* The "new" button */
+.new_posts, a.new_posts {
+ display: inline-block;
+ position: relative;
+ top: -2px;
+ padding: 0 4px;
+ background: var(--new_posts_button_bg_color);
+ color: var(--new_posts_button_txt_color);
+ font-family: var(--new_posts_button_font_family);
+ font-size: var(--new_posts_button_font_size);
+ font-weight: var(--new_posts_button_font_weight);
+ line-height: var(--new_posts_button_line_height);
+ border-radius: var(--new_posts_button_border_radius);
+ opacity: 0.8;
+}
+a.new_posts:visited {
+ color: var(--new_posts_button_txt_color_visited);
+}
+.new_posts:hover, .new_posts:focus {
+ color: var(--new_posts_button_txt_color_visited);
+ text-decoration: none;
+ opacity: 1;
+}
+
+/* Common classes to easy styling.
+------------------------------------------------------- */
+.floatright {
+ float: right;
+}
+.floatleft {
+ float: left;
+}
+.floatnone {
+ float: none;
+}
+.flow_auto {
+ overflow: auto;
+}
+.flow_hidden {
+ overflow: hidden;
+}
+.clear {
+ clear: both;
+}
+.clear_left {
+ clear: left;
+}
+.clear_right {
+ clear: right;
+}
+
+/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
+.smalltext, tr.smalltext th {
+ font-size: 0.9em;
+}
+.largetext {
+ font-size: 1.4em;
+}
+h3.largetext {
+ font-size: large;
+}
+.xlargetext {
+ font-size: x-large;
+}
+.centertext, .centercol {
+ margin: 0 auto;
+ text-align: center;
+}
+.righttext {
+ margin-left: auto;
+ margin-right: 0;
+ text-align: right;
+}
+.lefttext {
+ margin-left: 0;
+ margin-right: auto;
+ text-align: left;
+}
+.justifytext {
+ text-align: justify;
+}
+.double_height {
+ line-height: 2em;
+}
+/* some common padding styles */
+.padding {
+ padding: 8px;
+}
+.main_section, .lower_padding {
+ padding-bottom: 6px;
+}
+.half_content {
+ width: 50%;
+ display: inline-block;
+ vertical-align: top;
+}
+.half_content:nth-of-type(odd) {
+ margin-right: -0.25em;
+ padding-right: 0.3%;
+}
+.half_content:nth-of-type(even) {
+ margin-left: -0.2em;
+ padding-left: 0.3%;
+}
+
+/* Blockquote stylings */
+blockquote {
+ margin: 0 0 8px 0;
+ padding: 6px 10px;
+ font-size: var(--quote_block_font_size);
+ border: var(--quote_block_border_width) var(--quote_block_border_style) var(--quote_block_border_color);
+ border-left: var(--quote_block_border_lr_width) var(--quote_block_border_lr_style) var(--quote_block_border_lr_color);
+ border-right: var(--quote_block_border_lr_width) var(--quote_block_border_lr_style) var(--quote_block_border_lr_color);
+}
+blockquote cite {
+ display: block;
+ border-bottom: var(--quote_cite_border_width) var(--quote_cite_border_style) var(--quote_cite_border_color);
+ font-size: var(--quote_cite_font_size);
+ margin-bottom: 3px;
+}
+blockquote cite::before {
+ color: var(--quote_txt_color);
+ font-size: var(--quote_cite_before_font_size);
+ font-style: var(--quote_cite_before_font_style);
+ content: "\275D";
+ margin-right: 3px;
+ vertical-align: middle;
+}
+.bbc_standard_quote {
+ background-color: var(--quote_block_standard_bg);
+}
+.bbc_alternate_quote {
+ background-color: var(--quote_block_alt_bg);
+}
+
+/* A code block - maybe PHP ;). */
+.bbc_code {
+ display: block;
+ font-size: var(--code_font_size);
+ background: var(--code_bg_color);
+ border: 1px solid var(--code_border_color);
+ border-top: 2px solid var(--code_border_top_color);
+ border-bottom: 3px solid var(--code_border_bottom_color);
+ border-radius: var(--code_border_radius);
+ margin: 1px 0 6px 0;
+ padding: 3px 12px;
+ overflow: auto;
+ white-space: nowrap;
+ max-height: 25em;
+}
+/* The "Quote:" and "Code:" header parts... */
+.codeheader {
+ color: var(--code_header_txt_color);
+ font-size: var(--code_header_font_size);
+ padding: 0 2px;
+}
+.quoteheader {
+ color: var(--quote_header_txt_color);
+ font-size: var(--quote_header_font_size);
+ padding: 0 2px;
+}
+/* For links to change the code stuff... */
+.codeoperation {
+ font-weight: normal;
+}
+/* Expand code bbc */
+.expand_code {
+ max-height: none;
+}
+/* Styling for BBC tags */
+.bbc_link {
+ border-bottom: var(--bbc_link_hover_border_width) var(--bbc_link_hover_border_style) var(--bbc_link_hover_border_color);
+}
+.bbc_link:hover {
+ text-decoration: none;
+ border-bottom: var(--bbc_link_hover_border_width) var(--bbc_link_hover_border_style) var(--bbc_link_hover_border_color);
+}
+.bbc_size {
+ line-height: 1.4em;
+}
+.bbc_color a {
+ color: inherit;
+}
+.bbc_table {
+ font: inherit;
+ color: inherit;
+}
+.bbc_table td {
+ font: inherit;
+ color: inherit;
+ vertical-align: top;
+}
+.bbc_list {
+ text-align: left;
+ padding: 0 0 0 35px;
+ list-style-type: inherit;
+}
+.bbc_float {
+ margin-bottom: 1em;
+ /* default max-width to use if none was specified in the BBC */
+ max-width: 45%;
+}
+.bbc_float.floatleft {
+ margin-right: 1em;
+ clear: left;
+}
+.bbc_float.floatright {
+ margin-left: 1em;
+ clear: right;
+}
+.bbc_img {
+ object-fit: contain;
+}
+.postarea .bbc_img.resized:hover {
+ cursor: pointer;
+}
+.bbc_img.original_size {
+ height: auto !important;
+ width: auto !important;
+ max-height: none;
+ max-width: 100%;
+}
+/* No image should have a border when linked. */
+a img {
+ border: 0;
+}
+
+/* Those collapse and expand icons are wonderful. */
+.toggle_up::before, .toggle_down::before {
+ width: 17px;
+ height: 17px;
+ display: inline-block;
+ background: var(--toggle_bg);
+ overflow: hidden;
+ content: "";
+ vertical-align: middle;
+ margin: 0 5px 0 5px;
+ border: var(--toggle_border_width) var(--toggle_border_style) var(--toggle_border_color);
+ border-radius: var(--toggle_border_radius);
+ box-shadow: var(--toggle_box_shadow);
+ transition: background-color 0.25s;
+}
+.toggle_down::before {
+ background-position: 0 -17px;
+}
+
+.toggle_up:hover:before, .toggle_down:hover:before {
+ background-color: var(--toggle_bg_hover);
+ box-shadow: var(--toggle_box_shadow_hover);
+ transition: background-color 0.25s;
+}
+
+/* Generally, those [?] icons. This makes your cursor a help icon. */
+.help {
+ cursor: help;
+ opacity: 0.9;
+}
+.help:hover {
+ opacity: 1;
+}
+
+/* Highlighted text - such as search results. */
+.highlight {
+ font-weight: bold;
+ color: var(--highlight_txt_color);
+ font-size: 1.1em;
+ background-color: inherit;
+}
+
+/* the page navigation area */
+.pagesection {
+ padding: 2px 0;
+ overflow: hidden;
+}
+.pagesection .pagelinks {
+ display: inline-block;
+}
+.pages::after, .jump_to::after, .code::after,
+strong[id^='child_list_']::after {
+ content: ": ";
+}
+.pages {
+ font-size: 0.9em;
+ margin-left: 7px;
+}
+#main_content_section .pagesection {
+ margin: 4px 0 0 0;
+}
+.pagelinks .button {
+ padding: 0 5px;
+}
+.nav_page {
+ padding: 0 1px;
+}
+.expand_pages {
+ font-weight: bold;
+ cursor: pointer;
+}
+.current_page {
+ padding: 0px;
+ color: var(--current_page_txt_color);
+ font-weight: bold;
+}
+.current_page::before, .codeoperation::before {
+ content: "[";
+}
+.current_page::after, .codeoperation::after {
+ content: "]";
+}
+
+/* Posts and personal messages displayed throughout the forum. */
+.post {
+ overflow: auto;
+ line-height: 1.4em;
+ padding: 1px 0;
+}
+
+/* Calendar colors for birthdays, events and holidays */
+.birthday {
+ color: var(--birthday_txt_color);
+}
+
+.event {
+ color: var(--event_txt_color);
+}
+
+.holiday > span {
+ color: var(--holiday_txt_color);
+}
+/* Events that are currently selected on the calendar. Won't see it much, probably. */
+.sel_event {
+ font-weight: bold;
+}
+
+.warn_moderate {
+ color: var(--warn_moderate_txt_color);
+}
+
+.warn_watch, .success {
+ color: var(--warn_watch_txt_color);
+}
+
+a.moderation_link, a.moderation_link:visited {
+ font-weight: bold;
+ padding: 2px 8px;
+ background: var(--moderation_link_bg_color);
+ border-radius: var(--moderation_link_border_radius);
+ border-radius: 50%;
+}
+/* AJAX notification bar
+------------------------------------------------------- */
+#ajax_in_progress {
+ background: var(--ajax_in_progress_bg_color);
+ border-bottom: var(--ajax_in_progress_border_width) var(--ajax_in_progress_border_style) var(--ajax_in_progress_border_color);
+ color: var(--ajax_in_progress_txt_color);
+ text-align: center;
+ font-size: 1.6em;
+ padding: 8px;
+ width: 100%;
+ line-height: 25px;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+
+#ajax_in_progress a {
+ color: var(--ajax_in_progress_link_color);
+ text-decoration: underline;
+ font-size: 0.9em;
+ float: right;
+ margin-right: 20px;
+}
+
+/* Lists with settings use these a lot.
+------------------------------------------------------- */
+dl.settings {
+ clear: right;
+ overflow: auto;
+ margin: 0 0 10px 0;
+ padding: 5px;
+}
+dl.settings dt {
+ width: 56%;
+ float: left;
+ margin: 0 0 10px 0;
+ clear: both;
+}
+dl.settings dt.windowbg {
+ width: 98%;
+ float: left;
+ margin: 0 0 3px 0;
+ padding: 0 0 5px 0;
+ clear: both;
+}
+dl.settings dd {
+ width: 42%;
+ float: right;
+ margin: 0 0 3px 0;
+}
+dl.settings img {
+ margin: 0 10px 0 0;
+ vertical-align: middle;
+}
+
+/* a general table class */
+table.table_grid {
+ border-collapse: collapse;
+ margin: 0;
+ width: 100%;
+}
+table.table_grid td {
+ padding: 3px;
+}
+/* Some predefined widths (mostly for tables) */
+.table_grid.half_content, .half_table {
+ width: 50%;
+}
+.equal_table {
+ width: 33%;
+}
+.quarter_table {
+ width: 25%;
+}
+.small_table {
+ width: 10%;
+}
+.table_icon {
+ width: 5%;
+}
+
+.title_bar th, .windowbg th {
+ padding: 4px 8px;
+}
+.title_bar .sort_down, .title_bar .sort_up {
+ margin: -3px 0 0 2px;
+}
+
+/* GenericList */
+.additional_row {
+ padding: 6px 0 6px 0;
+}
+.additional_row::after {
+ content: "";
+ display: block;
+ clear: both;
+}
+img.sort, .sort {
+ margin-bottom: -4px;
+ margin-left: 4px;
+}
+
+/* table_grid styles for Profile > Show Permissions. */
+#permissions table.table_grid td {
+ padding: 5px 10px;
+ cursor: default;
+}
+
+.postbg {
+ border-left: var(--border_width) var(--border_style) var(--border_color);
+ border-right: var(--border_width) var(--border_style) var(--border_color);
+}
+
+/* Styles used by the auto suggest control.
+------------------------------------------------------- */
+.auto_suggest_div {
+ position: absolute;
+ visibility: hidden;
+ border-radius: var(--auto_suggest_border_radius);
+ outline: none !important;
+ border: var(--auto_suggest_border_width) var(--auto_suggest_border_style) var(--auto_suggest_border_color);
+ z-index: 100;
+}
+.auto_suggest_item {
+ background: var(--auto_suggest_item_bg_color);
+ padding: 1px 4px;
+}
+.auto_suggest_item_hover {
+ background: var(--auto_suggest_item_hover_bg_color);
+ cursor: pointer;
+ color: var(--auto_suggest_item_hover_txt_color);
+ padding: 1px 4px;
+}
+
+/* Styles for the standard dropdown menus.
+------------------------------------------------------- */
+.dropmenu, #top_info {
+ position: relative;
+}
+/* Level 1 button background. */
+.dropmenu > li {
+ display: inline-block;
+ margin: 0 1px 0 1px;
+ font-size: var(--dropmenu_li_font_size);
+ line-height: 1.9em;
+ padding: 10px 0px;
+}
+
+#top_info > li {
+ display: inline-block;
+ margin: 0 1px 0 1px;
+ line-height: 1em;
+ padding: 0px 0px;
+}
+/* Disable default focus outlines */
+.dropmenu a {
+ outline: 0;
+}
+/* For cases where we want to spotlight something specific to an item, e.g. an amount */
+.amt {
+ margin: 0px;
+ padding: var(--amt_padding);
+ color: var(--amt_txt_color);
+ background: var(--amt_bg_color);
+ border-radius: var(--amt_border_radius);
+ font-size: var(--amt_font_size);
+ vertical-align: top;
+}
+
+.dropmenu span.amt {
+ font-size: var(--dropmenu_amt_font_size);
+ padding: var(--dropmenu_amt_padding);
+ }
+.dropmenu li .active .amt, #top_info li .active .amt {
+ background: var(--amt_active_bg_color);
+ color: inherit;
+}
+#top_info .top_menu.visible {
+ display: block;
+}
+/* Needed for new PM notifications. */
+.dropmenu li strong {
+ color: var(--dropmenu_strong_txt_color);
+}
+
+.dropmenu li a {
+ padding: var(--dropmenu_link_padding);
+ display: block;
+ border: var(--dropmenu_link_border_width) var(--dropmenu_link_border_style) var(--dropmenu_link_border_color);
+ border-radius: var(--dropmenu_link_border_radius);
+ color: var(--menu_link_color);
+}
+
+#top_info > li > a {
+ padding: var(--top_info_link_padding);
+ display: block;
+ border: var(--top_info_link_border_width) var(--top_info_link_border_style) var(--top_info_link_border_color);
+ border-radius: var(--top_info_link_border_radius);
+ font-size: var(--top_info_link_font_size);
+}
+
+#top_info > li.button_login > a {
+ font-size: var(--top_info_button_login_link_font_size);
+}
+
+#top_info > li.button_signup > a {
+ font-size: var(--top_info_button_signup_link_font_size);
+}
+/* Level 1 active button. */
+.dropmenu a.active {
+ background: var(--menu_link_bg_active_color);
+ color: var(--menu_link_active_color);
+ font-weight: bold;
+}
+
+#top_info a.active {
+ background: var(--top_info_link_active_bg_color);
+ color: var(--top_info_active_link_color);
+ font-weight: bold;
+}
+/* Level 1 hover effects. */
+.dropmenu > li:hover > a, .dropmenu > li > a:focus {
+ color: var(--dropmenu_link_hover_color);
+ cursor: pointer;
+ text-decoration: none;
+ background: var(--menu_link_bg_hover_color);
+}
+
+#top_info > li > a:focus {
+ background: var(--top_info_link_focus_bg_color);
+ border: var(--top_info_border_width) var(--top_info_border_style) var(--top_info_link_focus_border_color);
+ color: var(--top_info_link_txt_color);
+ cursor: pointer;
+ text-decoration: none;
+}
+
+#top_info > li > a.open {
+ background: var(--top_info_link_focus_bg_color);
+ border: var(--top_info_border_width) var(--top_info_border_style) var(--top_info_link_focus_border_color);
+ color: var(--top_info_link_txt_open_color);
+ cursor: pointer;
+ text-decoration: none;
+}
+
+#top_info > li:hover > a {
+ background: var(--top_info_hover_link_color);
+ border: var(--top_info_border_width) var(--top_info_border_style) var(--top_info_link_hover_border_color);
+ color: var(--top_info_link_hover_txt_color);
+ text-decoration: none;
+
+}
+/* Level 1 active button. */
+.dropmenu li a.active:hover, .dropmenu li:hover a.active {
+ background: var(--menu_link_bg_active_hover_color);
+ color: var(--menu_link_active_hover_color);
+ text-shadow: none;
+}
+
+a.mobile_user_menu,
+a[class^="mobile_generic_menu_"] {
+ display: none;
+}
+
+#main_menu {
+ background: var(--menu_bg_color);
+ border-top: var(--menu_border_width) var(--menu_border_style) var(--menu_border_color);
+ border-bottom: var(--menu_border_width) var(--menu_border_style) var(--menu_border_color);
+}
+.unread_links {
+ position: relative;
+ z-index: 100;
+}
+.unread_links li {
+ display: inline-block;
+ font-size: var(--unread_links_font_size);
+ line-height: 2.2em;
+ padding: var(--unread_links_li_padding);
+}
+.unread_links a {
+ display: block;
+ color: var(--unread_links_link_color);
+ padding: var(--unread_links_link_padding);
+ border-radius: var(--unread_links_border_radius);
+ text-decoration: none;
+}
+.unread_links a:hover {
+ background: var(--menu_link_bg_hover_color);
+ color: var(--dropmenu_link_hover_color);
+}
+.unread_links a:focus {
+ background: var(--menu_link_bg_hover_color);
+ color: var(--dropmenu_link_hover_color);
+}
+/* User information. */
+#profile_menu_top::after {
+ content: " \25BC";
+}
+.profile_user_info, .profile_user_avatar {
+ display: inline-block;
+ margin: 0 9px;
+ vertical-align: middle;
+}
+.profile_user_avatar img.avatar {
+ max-width: 100px;
+}
+.profile_username {
+ font-size: var(--profile_username_font_size);
+ display: block;
+ margin-bottom: 3px;
+}
+.profile_user_links ol {
+ margin-left: 0;
+ clear: both;
+ column-count: 2;
+}
+.profile_user_links li {
+ font-size: var(--profile_user_links_li_font_size);
+ line-height: 2em;
+ padding-left: var(--profile_user_links_li_padding);
+ -webkit-hyphens: auto;
+ hyphens: auto;
+}
+/* Fixes bug with border-box on scrollable js */
+.scrollable,
+.scrollable *,
+#profile_menu {
+ box-sizing: content-box;
+}
+.top_menu.scrollable {
+ max-height: 30em;
+}
+.pm_unread, .alerts_unread {
+ margin-top: 5px;
+ border-top: var(--border_width) var(--border_style) var(--border_color);
+}
+.unread_notify {
+ border-bottom: var(--border_width) var(--border_style) var(--border_color);
+}
+.no_unread {
+ margin-top: 5px;
+ text-align: center;
+}
+.unread_notify:hover {
+ background: var(--unread_notify_hover_bg_color);
+ text-decoration: none;
+}
+.unread_notify:last-child {
+ border-bottom: none;
+}
+.unread_notify {
+ display: flex;
+ align-items: center;
+ padding: 6px 5px;
+ line-height: 20px;
+}
+.unread_notify.alert_read {
+ opacity: 0.5;
+ outline: none;
+ filter: grayscale(1);
+}
+.unread_notify strong {
+ font-weight: 600;
+}
+.unread_notify .avatar {
+ width: 40px;
+ height: 40px;
+ object-fit: scale-down;
+ margin: 4px 4px 4px 0;
+ display: inline-block;
+ color: transparent; /* For broken images */
+ vertical-align: bottom;
+}
+.unread_notify_image {
+ position: relative;
+ width: 44px;
+ margin-right: 4px;
+ text-align: center;
+}
+.unread_notify_image span.alert_icon {
+ display: block;
+ line-height: 1em;
+}
+.unread_notify_image .avatar + .alert_icon {
+ width: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+.unread_notify .details {
+ display: inline-block;
+ vertical-align: top;
+ max-width: calc(100% - 48px);
+}
+#pm_menu .subject {
+ font-weight: bold;
+}
+/* Levels 2 and 3 submenu wrapper. */
+.dropmenu li ul {
+ z-index: 90;
+ position: absolute;
+ top: 54px;
+ display: none;
+ min-width: 18.2em;
+ padding: 0.5em;
+ font-weight: normal;
+ border: none;
+ box-shadow: var(--dropmenu_box_shadow);
+ background: var(--dropmenu_bg_color);
+}
+
+.top_menu {
+ z-index: 90;
+ position: absolute;
+ display: none;
+ min-width: 18.2em;
+ padding: 0.5em;
+ font-weight: normal;
+ border: none;
+ border-radius: var(--top_menu_border_radius);
+ box-shadow: var(--top_menu_box_shadow);
+ background: var(--top_menu_bg_color);
+}
+/* Level 2 link background. */
+.dropmenu li li {
+ margin: 0;
+ padding: 0;
+ width: 17em;
+ font-size: var(--dropmenu_li_li_font_size);
+ border-radius: var(--top_menu_border_radius);
+ border: none;
+}
+/* Necessary to allow highlighting of 1st level while hovering over submenu. */
+.dropmenu li:hover li a, .dropmenu li li a {
+ background: none;
+ padding: 4px 9px;
+ color: var(--dropmenu_link_color);
+ border: none;
+ line-height: 2.2em;
+}
+
+.dropmenu li li a > img {
+ vertical-align: middle;
+}
+/* The profile/pm menus are declared off .dropmenu li ul for consistency but have other characteristics. */
+.top_menu {
+ min-width: 25em;
+}
+.top_menu .login {
+ width: 100%;
+}
+.top_menu .login dt {
+ text-align: left;
+ width: 55%;
+}
+.top_menu .login dd {
+ width: 43%;
+}
+.top_menu .login input {
+ width: 90%;
+}
+/* Level 3 submenu wrapper positioning. */
+.dropmenu li ul ul {
+ margin: -2em 0 0 15.3em;
+}
+/* Level 3 maintains font-size the same as Level 2. */
+.dropmenu li li li a {
+ font-size: 1em;
+}
+/* Levels 2 and 3 hover effects. */
+.dropmenu li li:hover {
+ border: none;
+}
+
+.dropmenu li li:hover > a, .dropmenu li li a:focus, .dropmenu li li a:hover {
+ background: var(--dropmenu_hover_bg_color);
+ color: var(--dropmenu_link_hover_color);
+ text-decoration: none;
+ border: none;
+}
+/* Reposition Level 2 submenu as visible on hover. */
+.dropmenu li:hover ul {
+ display: block;
+}
+/* Hiding Level 3 submenu off hover. */
+.dropmenu li:hover ul ul, .dropmenu li ul ul, .dropmenu li:hover ul ul ul, .dropmenu li ul ul ul {
+ left: -9999px;
+}
+/* Reposition as visible on hover. */
+.dropmenu li li:hover ul, .dropmenu li li ul {
+ left: -14px;
+}
+.dropmenu li li.subsections > a::after {
+ position: absolute;
+ padding: 5px 0;
+ right: 10px;
+ font-family: var(--dropmenu_subsections_font_family);
+ font-size: var(--dropmenu_subsections_font_size);
+ line-height: var(--dropmenu_subsections_line_height);
+ content: "\25ba";
+}
+/* Highlighting of current section */
+.dropmenu li li a.chosen {
+ font-weight: bold;
+}
+
+/* The extra menu rows for admin sections, etc. */
+#adm_submenus {
+ margin: 0 0 6px 0;
+ overflow: hidden;
+}
+
+/* Styles for the standard button lists.
+------------------------------------------------------- */
+.buttonlist, .buttonrow, .pagelinks {
+ z-index: 100;
+ padding: 5px 0 5px 0;
+}
+.button, .quickbuttons > li > a, .inline_mod_check {
+ display: inline-block;
+ padding: var(--button_padding);
+ color: var(--button_txt_color);
+ font-size: var(--button_font_size);
+ line-height: var(--button_line_height);
+ text-transform: uppercase;
+ cursor: pointer;
+ min-height: var(--button_min_height);
+ border: var(--button_border_width) var(--button_border_style);
+ border-color: var(--button_border_color);
+ border-radius: var(--button_border_radius);
+ box-sizing: border-box;
+ vertical-align: middle;
+ background: var(--button_bg_color);
+}
+html[lang="el-GR"] .button,
+html[lang="el-GR"] .quickbuttons > li > a,
+html[lang="el-GR"] .inline_mod_check {
+ text-transform: capitalize;
+}
+.pagesection .button {
+ color: var(--button_txt_color);
+}
+.button:hover, .button:focus,
+.quickbuttons > li:hover > a, .quickbuttons > li > a:focus {
+ color: var(--button_txt_color_hover_and_focus);
+ border-color: var(--button_hover_border_color);
+
+ text-decoration: none;
+}
+.button:hover, .button:focus {
+ color: var(--button_txt_color_hover);
+}
+.button:hover, #search_form .button:hover, .quickbuttons li:hover {
+ background: var(--button_bg_color);
+}
+/* the active one */
+.button.active {
+ background: var(--button_bg_active);
+ color: var(--button_txt_color_active);
+ font-weight: var(--button_active_font_weight);
+ border: var(--button_active_border_width) var(--button_active_border_style) var(--button_active_border_color);
+}
+.button.active:hover, .button.active:focus {
+ color: var(--button_txt_color_active_and_focus);
+ background: var(--button_bg_focus);
+ box-shadow: none;
+}
+.cat_bar .button {
+ box-shadow: none;
+}
+/* In a .buttonrow, the buttons are joined together */
+.buttonrow {
+ margin: 0 5px;
+}
+.buttonrow .button {
+ display: table-cell;
+ border-radius: 0;
+}
+.buttonrow .button:first-child {
+ border-radius: 3px 0 0 3px;
+}
+.buttonrow .button:last-child {
+ border-radius: 0 3px 3px 0;
+}
+/* in a titlebg, the buttonlist is of small height */
+.titlebg .buttonlist {
+ margin: 0;
+ padding: 0;
+}
+
+/* Styles for the general looks of the theme.
+------------------------------------------------------- */
+
+/* Box-shadow only on this one. */
+#wrapper {
+ clear: both;
+ border-radius: 8px;
+}
+
+/* Set maximum width limit for content */
+#top_section .inner_wrap, #wrapper, #header .inner_wrap, #footer .inner_wrap, #main_menu .inner_wrap {
+ max-width: 1200px;
+ margin: 0 auto;
+ width: 90%;
+}
+
+/* The framing graphics */
+/* The top bar. */
+#top_info {
+ padding: 0px;
+ line-height: 1em;
+ max-width: 100%;
+}
+#pm_menu, #alerts_menu, #profile_menu {
+ right: 0;
+ padding-right: 10px;
+}
+#profile_menu_top > img.avatar {
+ height: 1em;
+ width: 1em;
+ margin: -3px 2px 0px 0px;
+ float: left;
+}
+.notice {
+ font-weight: bold;
+}
+
+#languages_form, #search_form {
+ padding: 5px 0;
+}
+#languages_form {
+ margin: 0 0 0 10px;
+}
+/* The logo and slogan. */
+#header {
+ background: var(--header_bg_color);
+ padding: 0px;
+ min-height: 80px;
+}
+#header .inner_wrap {
+ display: flex;
+ justify-content: space-between;
+ min-height: 80px;
+ align-items: center;
+}
+#header::after {
+ content: "";
+ display: block;
+ clear: both;
+}
+/* The main title. */
+h1.forumtitle {
+ font-size: var(--forum_title_font_size);
+ font-family: var(--forum_title_font_family);
+ padding: 0px;
+ font-weight: normal;
+ display: inline-flex;
+}
+h1.forumtitle a {
+ color: var(--forum_title_link_color);
+}
+
+/* Even guests need to be aligned */
+.welcome {
+ padding: 0 10px;
+ line-height: 2.5em;
+}
+.user_panel {
+ padding: 0px;
+ margin: 0px;
+ display: inline-flex;
+}
+/*
+/* The user info, news, etc.*/
+#upper_section {
+ padding: 0px;
+}
+#inner_section {
+ padding: 0px;
+ border-radius: 6px 6px 0 0;
+}
+#inner_section::after {
+ content: "";
+ display: block;
+ clear: both;
+}
+/* The upper_section, float the two each way */
+#inner_wrap {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 12px;
+}
+ul li.greeting {
+ font-weight: bold;
+}
+/* The login form. */
+#guest_form {
+ overflow: hidden;
+ font-size: 0.9em;
+ margin-left: -2px;
+}
+/* News section. */
+.news_section {
+ padding: 0px;
+ margin: 8px 0px;
+ font-size: var(--news_font_size);
+ display: flex;
+ max-width: 100%;
+ background: var(--news_bg_color);
+ height: max-content;
+}
+.news_section_left {
+ margin: 0px;
+ padding: var(--news_left_padding);
+ background: var(--news_left_bg_color);
+ font-size: var(--news_left_font_size);
+}
+.news_section_right {
+ margin: 0px;
+ padding: var(--news_right_padding);
+ width: 100%;
+}
+.news_section h2 {
+ line-height: initial;
+ padding: 2px 5px;
+}
+
+.news_section p {
+ display: inline;
+}
+
+/* The navigation list (i.e. linktree) */
+.navigate_section {
+ padding: 0px;
+ margin: 5px 0px;
+ width: 100%;
+}
+#main_content_section .navigate_section {
+ margin: 4px 0 0 0;
+ padding: 0;
+}
+.navigate_section ul {
+ background: var(--breadcrumb_bg_color);
+ display: flex;
+ margin: 0px;
+ padding: 5px 8px;
+ font-size: var(--breadcrumb_font_size);
+ overflow: hidden;
+ border: var(--breadcrumb_border_width) var(--breadcrumb_border_style) var(--breadcrumb_border_color);
+ border-radius: var(--breadcrumb_border_radius);
+ box-shadow: var(--breadcrumb_box_shadow);
+}
+.navigate_section ul:before {
+ font-family: "Font Awesome 6 Free";
+ content: "\f015";
+ font-weight: 700;
+ margin: 0px;
+}
+.navigate_section ul li {
+ display: inline-flex;
+ color: var(--breadcrumb_txt_color);
+}
+.navigate_section ul li a, .navigate_section ul li em {
+ padding: 0px 4px 0px 4px;
+ display: inline-flex;
+ color: var(--breadcrumb_link_color);
+}
+
+.navigate_section ul li span {
+ display: inline-block;
+}
+.navigate_section ul li .dividers {
+ color: var(--breadcrumb_divider_color);
+ font-family: var(--breadcrumb_divider_font_family);
+ font-size: var(--breadcrumb_divider_font_size);
+ line-height: var(--breadcrumb_divider_line_height);
+ margin-top: 3px;
+}
+.navigate_section ul li .board_moderators a {
+ padding: 4px 0;
+}
+
+.navigate_section a:hover span {
+ text-decoration: underline;
+}
+
+/* The content section */
+#content_section {
+ margin: 0 auto;
+ clear: both;
+}
+#main_content_section {
+ padding: 0px;
+}
+#main_content_section::after {
+ content: "";
+ display: block;
+ clear: both;
+}
+/* Footer is now full-width by default. */
+/* The footer with copyright links etc. */
+#footer {
+ margin: var(--footer_margin);
+ padding: var(--footer_padding);
+ background: var(--footer_bg_color);
+ flex: none;
+}
+#footer li, #footer p, #footer a {
+ font-size: var(--footer_font_size);
+ color: var(--footer_txt_color);
+}
+
+#footer .inner_wrap ul li a i {
+ margin-left: 4px;
+}
+#footer li.copyright {
+ display: block;
+ font-family: Verdana, sans-serif; /* Copyright must be Verdana! */
+}
+#footerfix {
+ flex: 1 0 auto;
+}
+
+/* The posting icons */
+#postbuttons_upper ul li a span {
+ line-height: 19px;
+ padding: 0 0 0 6px;
+}
+.mark_read {
+ margin: -5px 0 16px 0;
+ float: right;
+}
+.mark_read .buttonlist {
+ margin: 0;
+ padding: 0;
+}
+
+.fix_rtl_names {
+ display: inline-block;
+}
+
+/* The quick buttons */
+.quickbuttons {
+ margin: 0 0 5px;
+ clear: right;
+ float: right;
+ text-align: right;
+}
+#recent .quickbuttons {
+ margin: 0;
+}
+.quickbuttons > li {
+ float: left;
+}
+.quickbuttons > li > a, .inline_mod_check {
+ display: block;
+ height: auto;
+ padding: 0 4px;
+ line-height: 1.375rem;
+ border-radius: 0;
+}
+.quickbuttons > li:first-child > a {
+ border-radius: 4px 0 0 4px;
+}
+.quickbuttons > li:last-child > a, .inline_mod_check:last-child {
+ border-radius: 0 4px 4px 0;
+}
+.quickbuttons > li:only-child > a, .inline_mod_check:only-child {
+ border-radius: 4px;
+ margin: 2px;
+ height: 23px;
+}
+.inline_mod_check input {
+ position: relative;
+ top: -1px;
+ height: auto;
+}
+.moderationbuttons_check:focus {
+ box-shadow: var(--moderationbuttons_check_focus_box_shadow);
+}
+.quick_edit, .post_options {
+ position: relative;
+}
+/* Drop part of QuickButtons */
+.post_options ul {
+ display: none;
+ position: absolute;
+ top: 100%;
+ right: -1px;
+ z-index: 90;
+ padding: 6px;
+ background: var(--post_options_bg_color);
+ font-weight: var(--post_options_font_weight);
+ text-align: left;
+ border: var(--post_options_border_width) var(--post_options_border_style) var(--post_options_border_color);
+ border-radius: var(--post_options_border_radius);
+}
+.post_options:hover ul {
+ display: block;
+}
+.post_options ul a {
+ display: block;
+ width: 12em;
+ padding: 0 6px;
+ line-height: 2.2em;
+ text-decoration: none;
+ border: 1px solid transparent;
+ border-radius: var(--post_options_link_border_radius);
+}
+.post_options ul a:hover, .post_options ul a:focus {
+ border-color: var(--post_options_border_color_hover);
+}
+/* Note: The next declarations are for keyboard access with js disabled. */
+.quickbuttons ul li a:focus {
+ margin: 0 -9910px 0 9910px;
+}
+/* Cancel for hover and/or js access. */
+.quickbuttons ul li:hover a:focus, .quickbuttons ul li a:focus {
+ margin: 0;
+}
+/* Fixes for quickbuttons
+ Fix for quote on reply box */
+#post_modify {
+ border-radius: 4px;
+}
+
+/* The jump to box */
+#display_jump_to {
+ padding: 5px 0;
+ margin: 4px 0;
+ float: right;
+ font-size: 1em;
+}
+#topic_icons #message_index_jump_to {
+ padding: 0;
+ float: right;
+}
+
+/* The category separator string is 29 dashes */
+#display_jump_to_select,
+#message_index_jump_to_select,
+#search_jump_to_select,
+#quick_mod_jump_to_select {
+ width: 29ch;
+}
+
+.quickModifyMargin {
+ margin: 10px 0 5px 0;
+ padding-bottom: 5px;
+}
+
+/* Styles for edit event section
+---------------------------------------------------- */
+#post_event .roundframe {
+ padding: 12px 12%;
+ overflow: auto;
+}
+#post_event fieldset {
+ padding: 6px;
+ clear: both;
+}
+#post_event span.label {
+ margin: 0 0.5em 0 2px;
+ min-width: 60px;
+ display: inline-block;
+}
+
+.event_options {
+ line-height: 25px;
+ display: flex;
+ flex-flow: row wrap;
+}
+.event_options div {
+ min-height: 25px;
+ margin-bottom: 5px;
+ flex: 1 0 auto;
+}
+.event_options_left {
+ box-sizing: border-box;
+ width: 55%;
+ min-width: 238px;
+}
+.event_options_right {
+ box-sizing: border-box;
+ width: 45%;
+ min-width: 270px;
+}
+.event_options_left div,
+.event_options_right div {
+ white-space: nowrap;
+}
+
+#post_event #event_main input {
+ margin: 0;
+}
+#event_time_input {
+ clear: left;
+}
+#event_time_input > div {
+ display: flex;
+}
+#event_time_input input.date_input {
+ width: 40%;
+ margin: 2px 0.5ch 0;
+ flex: 1 1 auto;
+}
+#event_time_input input.time_input {
+ width: 13ch;
+ margin: 2px 0.5ch 0;
+ flex: 0 1 auto;
+}
+#post_event input[type="checkbox"] {
+ height: auto;
+}
+#post_event input[type="text"][disabled] {
+ color: transparent;
+}
+#post_event select, #event_options input[type="text"], #tz {
+ max-width: calc(100% - 75px);
+}
+#post_event select, #evtitle, #event_location {
+ width: calc(100% - 75px);
+}
+#post_event input[type="checkbox"] + select {
+ max-width: calc(100% - 95px);
+}
+
+/* Styles for the recent messages section.
+---------------------------------------------------- */
+
+#readbuttons_top .pagelinks, #readbuttons .pagelinks {
+ padding-bottom: 12px;
+ width: 60%;
+}
+#readbuttons .pagelinks {
+ padding-top: 12px;
+}
+#recent {
+ clear: both;
+}
+
+/* Styles for the move topic section. */
+.move_topic {
+ width: 710px;
+ margin: auto;
+ text-align: left;
+}
+div.move_topic fieldset {
+ margin-top: 1ex;
+ padding: 6px;
+}
+/* Styles for the report topic/user section. */
+#report_form dl.settings dt {
+ width: 20%;
+}
+#report_form dl.settings dd {
+ width: 79%;
+}
+#report_comment {
+ width: 70%;
+}
+/* Styles for the split topic section. */
+div#selected, div#not_selected {
+ width: 49%;
+}
+ul.split_messages li a.split_icon {
+ padding: 0 6px;
+ opacity: 0.8;
+}
+ul.split_messages li a.split_icon:hover {
+ opacity: 1;
+}
+.split_messages, .message_header {
+ margin-bottom: 8px;
+}
+/* Styles for the merge topic section. */
+ul.merge_topics li {
+ list-style-type: none;
+}
+dl.merge_topic dt {
+ width: 25%;
+}
+dl.merge_topic dd {
+ width: 74%;
+}
+fieldset.merge_options {
+ clear: both;
+}
+.custom_subject {
+ margin: 6px 0;
+}
+
+/* Styles for the login areas.
+------------------------------------------------------- */
+.login {
+ width: 540px;
+ max-width: 100%;
+ margin: 0 auto;
+}
+.popup_content .login {
+ width: 100%;
+}
+.login dl {
+ overflow: auto;
+ clear: right;
+}
+.login dt, .login dd {
+ margin: 0 0 5px 0;
+ width: 44%;
+ padding: 1px;
+}
+.login dt {
+ float: left;
+ clear: both;
+ text-align: right;
+ font-weight: bold;
+}
+.login dd {
+ width: 54%;
+ float: right;
+ text-align: left;
+}
+.login p {
+ text-align: center;
+}
+
+.login input[type="submit"] {
+ margin: 1em 0 0 1em;
+}
+.login p:not(:last-of-type) input[type="submit"] {
+ margin-bottom: 1em;
+}
+
+/* Additional register fields */
+#registration fieldset {
+ border: none;
+ padding: 0;
+ margin: 0;
+}
+#registration .roundframe {
+ border-top: none;
+}
+dl.register_form {
+ margin: 0;
+ clear: right;
+}
+dl.register_form dt {
+ font-weight: normal;
+ float: left;
+ clear: both;
+ width: 50%;
+ margin: 6px 0 0 0;
+}
+dl.register_form dt span {
+ display: block;
+}
+dl.register_form dd {
+ float: left;
+ width: 49%;
+ margin: 6px 0 0 0;
+}
+#confirm_buttons {
+ text-align: center;
+ padding: 12px 0;
+}
+.coppa_contact {
+ padding: 4px;
+ width: 32ex;
+ background: var(--coppa_contact_bg_color);
+ color: var(--coppa_contact_txt_color);
+ margin-left: 5ex;
+ border: var(--coppa_contact_border_width) var(--coppa_contact_border_style) var(--coppa_contact_border_color);
+}
+.valid_input {
+ background: var(--valid_input_bg_color);
+}
+.invalid_input {
+ background: var(--invalid_input_bg_color);
+}
+
+/* Styles for maintenance mode.
+------------------------------------------------------- */
+#maintenance_mode img.floatleft {
+ margin-right: 12px;
+}
+
+/* Custom profile fields like to play with us some times. */
+#admin_content .custom_field {
+ margin-bottom: 15px;
+}
+#admin_login .centertext {
+ padding: 12px;
+}
+#admin_login .centertext .error {
+ padding: 0 0 12px 0;
+}
+#admin_login .centertext a.help img, .custom_field a img {
+ vertical-align: middle;
+}
+
+tr.windowbg td, tr.bg td, .table_grid tr td {
+ padding: 4px 8px;
+}
+#credits p {
+ font-style: italic;
+}
+
+.errorfile_table {
+ background: var(--errorfile_table_bg_color);
+ border-collapse: collapse;
+}
+.errorfile_table .file_line {
+ text-align: right;
+ padding-right: 6px;
+}
+.errorfile_table td.current {
+ font-weight: bold;
+ border-top: var(--errorfile_table_td_current_border_width) var(--errorfile_table_td_current_border_style) var(--errorfile_table_td_current_border_color);
+ border-bottom: var(--errorfile_table_td_current_border_width) var(--errorfile_table_td_current_border_style) var(--errorfile_table_td_current_border_color);
+ border-width: 1px 0 1px 1px;
+ background: var(--errorfile_table_td_current_bg_color);
+}
+
+.generic_menu {
+ margin: 5px 0;
+ background: var(--menu_bg_color);
+}
+
+/* Styles for (fatal) errors.
+------------------------------------------------- */
+
+#fatal_error {
+ width: 80%;
+ margin: 0 auto 10px auto;
+}
+.errorbox::before, .noticebox::before, .infobox::before {
+ width: 16px;
+ height: 16px;
+ background: url(../images/icons/main_icons_sprite.png) no-repeat -57px -83px;
+ left: 10px;
+ content: "";
+ position: absolute;
+ top: 50%;
+ margin-top: -8px;
+}
+.errorbox, .noticebox, .infobox {
+ padding: 7px 10px 7px 35px;
+ margin-bottom: 12px;
+ position: relative;
+}
+.errorbox {
+ background-color: var(--error_box_bg_color);
+ border-top: var(--error_box_border_width) var(--error_box_border_style) var(--error_box_border_color);
+ border-bottom: var(--error_box_border_width) var(--error_box_border_style) var(--error_box_border_color);
+}
+.errorbox h3 {
+ padding: 0;
+ margin: 0;
+ font-size: 1.1em;
+ text-decoration: underline;
+}
+.errorbox p {
+ margin: 12px 0 0 0;
+}
+.errorbox p.alert {
+ padding: 0;
+ margin: 0 4px 0 0;
+ float: left;
+ width: 12px;
+ font-size: 1.5em;
+}
+.errorbox span {
+ text-decoration: underline;
+}
+
+/* Styles for info boxes
+------------------------------------------------- */
+
+.noticebox::before {
+ background-position: -83px -83px;
+}
+.infobox::before {
+ background-position: -161px -83px;
+}
+.noticebox {
+ color: var(--notice_box_txt_color);
+ background: var(--notice_box_bg_color);
+ border-top: var(--notice_box_border_width) var(--notice_box_border_style) var(--notice_box_border_color);
+ border-bottom: var(--notice_box_border_width) var(--notice_box_border_style) var(--notice_box_border_color);
+}
+.infobox {
+ color: var(--info_box_txt_color);
+ background: var(--info_box_bg_color);
+ border-top: var(--info_box_border_width) var(--info_box_border_style) var(--info_box_border_color);
+ border-bottom: var(--info_box_border_width) var(--info_box_border_style) var(--info_box_border_color);
+}
+.descbox {
+ padding: 7px 10px 7px 10px;
+ border: var(--desc_box_border_width) var(--desc_box_border_style) var(--desc_box_border_color);
+ margin: 6px 0;
+}
+
+/* Styles for stats bars and progress bars.
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.generic_bar, .progress_bar {
+ border: var(--generic_bar_border_width) var(--generic_bar_border_style) var(--generic_bar_border_color);
+ background: var(--generic_bar_bg_color);
+ min-height: 16px;
+ line-height: 1.4em;
+ border-radius: var(--generic_bar_border_radius);
+ position: relative;
+ overflow: hidden;
+ color: var(--generic_bar_txt_color);
+}
+.generic_bar span, .progress_bar span {
+ position: relative;
+ z-index: 2;
+ text-shadow: var(--generic_bar_span_txt_shadow);
+ display: inline-block;
+ padding: 0 5px;
+}
+.generic_bar .bar, .progress_bar .bar {
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ background: var(--generic_bar_bar_bg_color);
+ transition: width .3s;
+ border-radius: var(--generic_bar_bar_border_radius);
+ box-shadow: var(--generic_bar_bar_box_shadow);
+ display: block;
+}
+.generic_bar.vertical {
+ width: 15px;
+}
+.generic_bar.vertical .bar {
+ right: 0;
+ top: auto;
+ box-shadow: var(--generic_bar_vertical_bar_box_shadow);
+}
+
+.progress_bar {
+ border-radius: var(--progress_bar_border_radius);
+ text-align: center;
+ font-weight: bold;
+ color: var(--progress_bar_txt_color);
+}
+.progress_bar .bar {
+ box-shadow: var(--progress_bar_bar_box_shadow);
+ background-color: var(--progress_bar_bar_bg_color);
+ background-size: 30px 30px;
+ background-image: var(--progress_bar_bar_bg_image);
+}
+.progress_yellow .bar {
+ background-color: var(--progress_yellow_bar_bg_color);
+}
+.progress_green .bar {
+ background-color: var(--progress_green_bar_bg_color);
+}
+.progress_red .bar {
+ background-color: var(--progress_red_bar_bg_color);
+}
+.progress_blue .bar {
+ background-color: var(--progress_blue_bar_bg_color);
+}
+
+/* Styles for the profile section.
+------------------------------------------------- */
+
+dl {
+ overflow: auto;
+}
+
+/* The basic user info on the left */
+#basicinfo {
+ width: 20%;
+ float: left;
+}
+#detailedinfo {
+ width: 79.5%;
+ float: right;
+}
+#basicinfo > * {
+ margin-bottom: 3px;
+}
+#basicinfo h4 {
+ font-size: 1.4em;
+ font-weight: normal;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+ word-wrap: break-word; /* IE fallback */
+ overflow-wrap: break-word;
+}
+#basicinfo h4 span.position {
+ font-size: 0.8em;
+ display: block;
+}
+#basicinfo img.avatar, dl.settings img.avatar {
+ display: block;
+ max-width: 160px;
+ height: auto !important;
+}
+#basicinfo ul {
+ list-style-type: none;
+}
+#basicinfo .icon_fields li {
+ display: block;
+ float: left;
+ margin-right: 5px;
+ height: 20px;
+}
+#basicinfo #userstatus {
+ display: block;
+ clear: both;
+}
+#basicinfo #userstatus img {
+ vertical-align: middle;
+}
+#detailedinfo dl, #tracking dl {
+ clear: right;
+ overflow: auto;
+ margin: 0 0 18px 0;
+ padding: 0 0 15px 0;
+ border-bottom: var(--detailedinfo_border_width) var(--detailedinfo_border_style) var(--detailedinfo_border_color);
+}
+#detailedinfo dt, #tracking dt {
+ width: 35%;
+ margin: 0 0 3px 0;
+ font-weight: bold;
+ color: var(--detailedinfo_txt_color);
+}
+#detailedinfo dd, #tracking dd {
+ width: 65%;
+ float: left;
+ margin: 0 0 3px 0;
+}
+#detailedinfo .noborder {
+ border-bottom: 0;
+}
+#detailedinfo dt.clear {
+ width: 100%;
+}
+#personal_picture {
+ display: block;
+ margin-bottom: 4px;
+}
+#avatar_server_stored div {
+ float: left;
+}
+#avatar_upload {
+ overflow: auto;
+}
+#smileypr {
+ margin-left: 10px;
+}
+.edit_avatar_img {
+ margin: 0 0 1em;
+}
+
+/* Activity by time */
+#activitytime {
+ margin: 6px 0;
+}
+.activity_stats {
+ margin: 10px 0;
+}
+.activity_stats li {
+ width: 4.16%;
+ float: left;
+ text-align: center;
+}
+.activity_stats li span {
+ display: block;
+ border: var(--activity_stats_border_width) var(--activity_stats_border_style) var(--activity_stats_border_color);
+ border-left: none;
+ border-right: none;
+ background: var(--activity_stats_bg_color);
+}
+.activity_stats li.last span {
+ border-right: none;
+}
+.activity_stats li .generic_bar {
+ height: 100px;
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ margin: 0 auto;
+}
+.activity_stats li .generic_bar span {
+ position: absolute;
+ top: -1000em;
+ left: -1000em;
+}
+
+.profile_pie {
+ background: url(../images/stats_pie.png);
+ background-size: auto 20px;
+ float: left;
+ height: 20px;
+ width: 20px;
+ margin: 0 12px 0 0;
+ text-indent: -1000em;
+}
+
+/* View posts */
+.topic .time {
+ float: right;
+}
+.counter {
+ padding: 5px 6px 1px 2px;
+ font-size: 2.2em;
+ font-weight: bold;
+ color: var(--counter_txt_color);
+ float: left;
+}
+.topic_details {
+ padding: 0 4px 4px 4px;
+}
+.counter + .topic_details {
+ margin-left: 25px;
+}
+.list_posts {
+ border-top: var(--border_width) var(--border_style) var(--border_color);
+ box-shadow: var(--list_posts_box_shadow);
+ padding-top: 1em;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ clear: both;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+ overflow-wrap: break-word;
+}
+.topic h4 {
+ margin: 3px 0;
+}
+.topic .post {
+ margin: 0 12px;
+ min-height: 80px;
+ height: auto !important;
+ height: 80px;
+}
+.topic .mod_icons {
+ text-align: right;
+ margin-right: 12px;
+}
+
+#creator dt {
+ width: 40%;
+}
+#creator dd {
+ width: 55%;
+ margin: 0 0 10px 2px;
+}
+.centericon {
+ vertical-align: middle;
+}
+.sizefix {
+ width: 16px;
+ height: 16px;
+}
+
+.boardslist > ul > li {
+ margin: 12px;
+}
+.boardslist > ul > li > ul {
+ columns: 2 250px;
+}
+.boardslist > ul > li > ul > li {
+ break-inside: avoid;
+ display: inline-block;
+ vertical-align: top;
+ width: 100%;
+}
+.boardslist a {
+ font-weight: bold;
+ border-bottom: var(--border_width) var(--border_style) var(--border_color);
+ display: block;
+ margin-bottom: 0.5em;
+}
+.boardslist a:hover {
+ text-decoration: none;
+ border-bottom: var(--border_width) var(--border_style) var(--border_color);
+}
+.boardslist label {
+ display: inline-block;
+ text-indent: -3ch;
+ margin: 0 3ch;
+}
+
+#theme_settings {
+ overflow: auto;
+ margin: 0;
+ padding: 0;
+}
+
+#theme_settings li {
+ margin: 10px 0;
+ padding: 0;
+}
+/* Paid Subscriptions */
+#paid_subscription {
+ width: 100%;
+}
+#paid_subscription dl.settings {
+ margin-bottom: 0;
+}
+#paid_subscription dl.settings dd, #paid_subscription dl.settings dt {
+ margin-bottom: 4px;
+}
+/* Pick theme */
+#pick_theme {
+ width: 100%;
+ float: left;
+}
+#pick_theme .selected {
+ background: var(--pick_theme_selected_bg_color);
+}
+
+/* Signature preview */
+
+#preview_signature, #preview_signature_display {
+ width: 100%;
+ overflow: hidden;
+}
+
+/* Issue a warning */
+#warn_body {
+ width: 100%;
+ font-size: 0.9em;
+}
+#warn_temp {
+ font-size: smaller;
+}
+
+/* Warning level bar */
+.warning_level {
+ text-align: center;
+ font-weight: bold;
+ max-width: 250px;
+}
+.warning_level.none .bar {
+ background-color: var(--warning_level_none_bar_bg_color);
+}
+.warning_level.watched .bar {
+ background-color: var(--warning_level_watched_bar_bg_color);
+}
+.warning_level.moderated .bar {
+ background-color: var(--warning_level_moderated_bar_bg_color);
+}
+.warning_level.muted .bar {
+ background-color: var(--warning_level_muted_bar_bg_color);
+}
+
+/* Styles for the statistics center.
+------------------------------------------------- */
+#statistics .roundframe {
+ margin: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+dl.stats dt {
+ width: 50%;
+ float: left;
+ margin: 0 0 4px 0;
+ line-height: 1.5em;
+ clear: both;
+ font-size: 1em;
+ overflow: hidden;
+ word-wrap: break-word; /* IE fallback */
+ overflow-wrap: break-word;
+}
+dl.stats dd {
+ width: 48%;
+ font-size: 1em;
+ float: left;
+ margin: 0 0 4px 2%;
+}
+dl.stats {
+ padding: 5px;
+}
+
+/* Forum history table. */
+#stats td, #stats th {
+ width: 15%;
+ padding: 4px;
+ text-align: center;
+}
+#stats tr.windowbg th.lefttext {
+ text-align: left;
+}
+#stats tr.windowbg th.stats_month {
+ width: 25%;
+ padding: 0 2em;
+ text-align: left;
+}
+#stats tr.windowbg td.stats_day {
+ padding: 0 3.5em;
+ text-align: left;
+}
+
+/* Styles for the personal messages section.
+------------------------------------------------- */
+
+#personal_messages h3 span#author, #personal_messages h3 span#topic_title {
+ float: left;
+}
+#personal_messages h3 span#author {
+ margin: 0 0 0 6px;
+}
+#personal_messages h3 span#topic_title {
+ margin: 0 0 0 9em;
+}
+#personal_messages div.labels {
+ padding: 0 12px 0 0;
+}
+#personal_messages .capacity_bar {
+ background: var(--personal_messages_capcity_bar_bg_color);
+ display: block;
+ margin: 6px 0 0 12px;
+ height: 12px;
+ border: var(--personal_messages_capcity_bar_border_width) var(--personal_messages_capcity_bar_border_style) var(--personal_messages_capcity_bar_border_color);
+ width: 10em;
+}
+#personal_messages .capacity_bar span {
+ border-right: var(--personal_messages_capcity_bar_border_width) var(--personal_messages_capcity_bar_border_style) var(--personal_messages_capcity_bar_border_color);
+ display: block;
+ height: 12px;
+}
+#personal_messages .capacity_bar span.empty {
+ background: var(--personal_messages_empty_capacity_bar_bg_color);
+}
+#personal_messages .capacity_bar span.filled {
+ background: var(--personal_messages_filled_capacity_bar_bg_color);
+}
+#personal_messages .capacity_bar span.full {
+ background: var(--personal_messages_full_capacity_bar_bg_color);
+}
+#personal_messages .reportlinks {
+ padding: 6px 1.3em;
+}
+#personal_messages .pm_inline_time {
+ display: none;
+}
+#search_labels li {
+ padding: 4px 6px;
+}
+#manrules div.righttext {
+ padding: 4px 1px;
+}
+dl.addrules dt.floatleft {
+ width: 15em;
+ padding: 0 15px 6px 15px;
+}
+#addrule fieldset {
+ clear: both;
+}
+#to_item_list_container div, #bcc_item_list_container div {
+ float: left;
+ margin-right: 10px;
+}
+.unread_pm {
+ background: var(--unread_pm_bg_color);
+}
+/* Styles for the show alerts section.
+------------------------------------------------- */
+#alerts .alert_inline_time {
+ display: none;
+}
+#alerts .quickbuttons {
+ display: flex;
+ margin: 4px 0;
+}
+#alerts .quickbuttons li, #alerts .alert_time {
+ white-space: nowrap;
+}
+#alerts .alert_image {
+ width: 65px;
+ padding: 6px 0;
+ text-align: center;
+ vertical-align: middle;
+}
+#alerts .alert_image > div {
+ position: relative;
+}
+#alerts .alert_image .avatar {
+ max-width: 80%;
+ max-height: 80%;
+ margin-top: 4px;
+ vertical-align: bottom;
+}
+#alerts .alert_image span.alert_icon {
+ display: block;
+ width: 100%;
+ line-height: 1em;
+}
+#alerts .alert_image .avatar + .alert_icon {
+ width: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+/* Styles for the memberlist section.
+------------------------------------------------- */
+#mlist_search {
+ margin: auto;
+ max-width: 500px;
+}
+#mlist .selected {
+ white-space: nowrap;
+}
+#mlist .is_online {
+ width: 60px;
+}
+#mlist .email_address {
+ width: 25px;
+}
+#mlist .website_url {
+ width: 70px;
+}
+#mlist .icq, #mlist .skype {
+ width: 30px;
+}
+#mlist .post_count {
+ width: 115px;
+}
+
+/* Styles for the search section.
+------------------------------------------------- */
+#searchform fieldset {
+ text-align: left;
+ padding: 0;
+ border: none;
+}
+#searchform .roundframe {
+ border-radius: 0;
+ margin: 0;
+ padding: 32px;
+}
+#searchform .alt {
+ border-top: 0;
+ border-bottom-left-radius: 7px;
+ border-bottom-right-radius: 7px;
+}
+#searchform p.clear {
+ clear: both;
+}
+#advanced_search {
+ text-align: center !important;
+}
+#advanced_search dl#search_options {
+ margin: 0 auto;
+ width: 600px;
+ padding-top: 12px;
+ overflow: hidden;
+}
+#advanced_search dt {
+ padding: 2px;
+ text-align: right;
+ width: 20%;
+}
+#advanced_search dd {
+ width: 75%;
+ float: left;
+ padding: 2px;
+ margin: 0 0 0 6px;
+ text-align: left;
+}
+#search_results {
+ margin-bottom: 5px;
+}
+
+/* Styles for the help section.
+------------------------------------------------- */
+
+#help_container {
+ padding: 0 0 8px 0;
+}
+#helpmain {
+ margin: 12px 0 0 0;
+ padding: 8px 20px 12px 20px;
+ border: var(--border_width) var(--border_style) var(--border_color);
+ overflow: auto;
+}
+#helpmain p {
+ margin: 10px 0;
+ line-height: 1.5em;
+}
+#helpmain ul {
+ line-height: 2em;
+ margin: 0 0 0 25px;
+}
+#helpmain ul li {
+ list-style-type: disc;
+}
+#helpmain ul li a {
+ font-weight: bold;
+}
+
+/* Styles for the tooltips
+------------------------------------------------------- */
+.tooltip {
+ position: absolute;
+ z-index: 999;
+ left: -9999px;
+ word-wrap: break-word; /* IE fallback */
+ overflow-wrap: break-word;
+ max-width: 350px;
+ padding: 6px 9px;
+ color: var(--tooltip_txt_color);
+ background: var(--tooltip_bg_color);
+ border: var(--tooltip_border_width) var(--tooltip_border_style) var(--tooltip_border_color);
+ border-radius: var(--tooltip_border_radius);
+ box-shadow: var(--tooltip_box_shadow);
+}
+
+/* Styles for popup windows */
+.popup_container {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: var(--popup_container_bg_color);
+ z-index: 6;
+}
+#genericmenu > .popup_container {
+ z-index: 5;
+}
+#adm_submenus > .popup_container {
+ z-index: 4;
+}
+.popup_window,
+#main_menu .popup_window,
+#genericmenu .popup_window,
+#adm_submenus .popup_window {
+ position: relative;
+ width: auto;
+ z-index: 99;
+ box-shadow: var(--popup_window_box_shadow);
+ border: 1px solid var(--popup_window_border_color);
+ border-radius: var(--popup_window_border_radius);
+ margin: 0 auto;
+ padding: 0;
+}
+.popup_window {
+ top: 15%;
+ width: 480px;
+ padding: var(--popup_window_padding);
+ background: var(--popup_window_bg_color);
+}
+.popup_heading {
+ padding: var(--popup_heading_padding);
+ color: var(--popup_heading_txt_color);
+}
+.popup_content {
+ color: var(--popup_content_txt_color);
+ line-height: 1.6em;
+ max-height: 30em;
+ overflow: auto;
+ padding: var(--popup_content_padding);
+ background: var(--popup_content_bg_color);
+ border: var(--popup_content_border_width) var(--popup_content_border_style) var(--popup_content_border_color);
+ border-radius: var(--popup_content_border_radius);
+ box-shadow: var(--popup_content_box_shadow);
+}
+#main_menu .popup_heading,
+#genericmenu .popup_heading,
+#adm_submenus .popup_heading {
+ display: none;
+}
+#main_menu .popup_container,
+#genericmenu > .popup_container,
+#adm_submenus > .popup_container {
+ display: block;
+ position: relative;
+ background: none;
+ margin: 0;
+ height: auto; /* In case anything fishy happens in the situations where this used make sure it stays still */
+}
+.main_icons.hide_popup {
+ float: right;
+ color: var(--white);
+}
+.popup_heading .icon {
+ vertical-align: middle;
+ margin: -4px 4px 0 0;
+}
+
+.generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {
+ background: var(--window_bg_color);
+ margin: 12px 0 0 0;
+ padding: 12px 16px;
+ border: var(--border_width) var(--border_style) var(--border_color);
+ overflow: auto;
+}
+/* Here comes the glory... */
+.windowbg:nth-of-type(even), .bg.even {
+ background: var(--window_bg_even_color);
+}
+.windowbg:nth-of-type(odd), .bg.odd {
+ background: var(--window_bg_odd_color);
+}
+
+/* Highlight the target item */
+.windowbg:target {
+ background: var(--window_target_bg_color);
+}
+
+/* Add some hover on table rows */
+tr.windowbg:hover {
+ background: var(--window_table_row_bg_hover_color);
+}
+
+/* Special treatment for #forumposts area */
+#forumposts .windowbg, #forumposts .approvebg, #forumposts .approvebg2, #pmFolder .windowbg {
+ overflow: visible;
+}
+/* Nobody wants locked topics to stand out much. */
+.windowbg.locked {
+ background: var(--window_locked_bg_color);
+}
+/* Sticky topics get a different background */
+.windowbg.sticky {
+ background: var(--window_sticky_bg_color);
+}
+/* Locked AND sticky are a bit more technical */
+.windowbg.sticky.locked {
+ background: var(--window_sticky_locked_bg_color);
+}
+/* Awaiting approval is a bit special, topics first */
+.windowbg.approvetopic {
+ background: var(--window_approve_topic_bg_color);
+}
+/* Unapproved posts in approved topics */
+.windowbg.approvepost {
+ background: var(--window_approve_post_bg_color);
+}
+.generic_list_wrapper .additional_row {
+ margin: 0;
+ padding: 5px 0;
+ border-radius: 0;
+}
+.generic_list_wrapper table.table_grid {
+ border-bottom: var(--border_width) var(--border_style) var(--border_color);
+}
+div#editlang_desc {
+ margin-bottom: 8px;
+}
+.topic_details .smalltext {
+ font-size: 0.9em;
+}
+.table_grid tr.windowbg td.centercol {
+ text-align: center;
+}
+tr.windowbg {
+ box-shadow: none;
+}
+#postmodify #message {
+ width: 100%;
+}
+#postmodify .lastedit {
+ font-weight: bold;
+}
+
+/* Colors for background of posts requiring approval */
+.approvebg {
+ color: var(--approve_txt_color);
+ background: var(--approve_bg_color);
+}
+.approvebg2 {
+ color: var(--approve_txt_color);
+ background: var(--approve_bg_color_2);
+}
+
+div#manage_boards dl dd textarea[name=desc] {
+ margin-top: 1px;
+}
+
+.bold_text {
+ font-weight: bold;
+}
+
+/* Profile > This needed for responsive (get rid of
+ * @copyright Copyright (c) 2023, SMF Tricks
+ * @license MIT
+ */
+
+/* Replace SMF Icons */
+.main_icons::before,
+h3.profile_hd::before,
+.large_admin_menu_icon::before {
+ font-family: "Font Awesome 6 Free";
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ font-weight: 900;
+ background: none !important;
+ width: auto;
+ height: auto;
+ font-size: 0.95em;
+ margin: 0;
+ vertical-align: top;
+}
+/* Menu Icons Adjustment */
+.dropmenu .main_icons::before, #profile_menu .main_icons::before, .dropmenu img {
+ margin: -3px 8px 0 0;
+ vertical-align: middle;
+}
+/* Bigger Icons */
+.large_admin_menu_icon::before {
+ font-size: 2.5em;
+ width: auto !important;
+ height: auto !important;
+}
+/* Remove height and width? */
+h3.profile_hd::before,
+.main_icons.profile_hd::before {
+ width: auto;
+ height: auto;
+}
+/* don't center these icons.... */
+.main_icons.centericon,
+h3.catbg .icon {
+ vertical-align: top;
+}
+
+/* Search */
+.main_icons.search::before,
+.large_admin_menu_icon.search::before {
+ content: "\f002";
+}
+/* Seach Engines */
+.main_icons.engines::before,
+.large_admin_menu_icon.engines::before {
+ content: "\f00e";
+}
+/* Check */
+.main_icons.check::before,
+.main_icons.valid::before,
+.fa-solve_topic::before {
+ content: "\f00c";
+}
+/* Invalid */
+.main_icons.invalid::before,
+.fa-warn_button::before,
+.main_icons.warn_button::before {
+ content: "\f071";
+}
+/* Gender 1 */
+.main_icons.gender_1::before {
+ content: "\f222";
+}
+/* Gender 2 */
+.main_icons.gender_2::before {
+ content: "\f221";
+}
+/* Watch */
+.main_icons.watch::before,
+.main_icons.topics_views::before,
+.main_icons.views::before {
+ content: "\f06e";
+}
+/* Next Page */
+.main_icons.next_page::before {
+ content: "\f061";
+}
+/* Previous Page */
+.main_icons.previous_page::before {
+ content: "\f060";
+}
+/* Boards */
+.main_icons.boards::before,
+.large_admin_menu_icon.boards::before,
+.fa-forum::before,
+.main_icons.menu_tpforum::before {
+ content: "\f07c";
+}
+/* General */
+.main_icons.general::before,
+.fa-forum_stats::before {
+ content: "\f200";
+}
+/* Features */
+.main_icons.features::before {
+ content: "\f03a";
+}
+/* Security */
+.main_icons.security::before,
+.large_admin_menu_icon.security::before {
+ content: "\f544";
+}
+/* Posters */
+.main_icons.posters::before {
+ content: "\f091";
+}
+/* Replies */
+/* Im On */
+.main_icons.replies::before,
+.main_icons.topics_replies::before {
+ content: "\f4ad";
+}
+/* History */
+.main_icons.history::before {
+ content: "\f1da";
+}
+/* Time Online */
+.main_icons.time_online::before {
+ content: "\f253";
+}
+/* Scheduled */
+.main_icons.scheduled::before,
+.large_admin_menu_icon.scheduled::before {
+ content: "\f017";
+}
+/* Last Post */
+.main_icons.last_post::before {
+ content: "\f051";
+}
+/* Starters */
+.main_icons.starters::before {
+ content: "\f507";
+}
+/* Membergroups */
+.main_icons.membergroups::before,
+.large_admin_menu_icon.membergroups::before,
+.fa-team::before,
+.main_icons.team::before {
+ content: "\f509";
+}
+/* Www */
+.main_icons.www::before {
+ content: "\f57d";
+}
+/* Switch */
+.main_icons.switch::before {
+ content: "\f074";
+}
+/* Replied */
+.main_icons.replied::before {
+ content: "\f4fd";
+}
+/* Send */
+.main_icons.send::before {
+ content: "\f14d";
+}
+/* Im On */
+.main_icons.profile_sm::before,
+.main_icons.im_on::before {
+ content: "\f4ff";
+}
+/* Im Off */
+.main_icons.im_off::before {
+ content: "\f27a";
+}
+/* Split DeSelect */
+.main_icons.split_desel::before {
+ content: "\f359";
+}
+/* Split Select */
+.main_icons.split_sel::before {
+ content: "\f35a";
+}
+/* Mail */
+.main_icons.mail::before,
+.large_admin_menu_icon.mail::before {
+ content: "\f0e0";
+}
+/* Mail New */
+.main_icons.mail_new::before {
+ content: "\f658";
+}
+/* Warning Statuses */
+.main_icons.warning_mute::before,
+.main_icons.warning_moderate::before,
+.main_icons.warning_watch::before {
+ content: "\f06a";
+}
+/* Warning Mute */
+.main_icons.warning_mute::before,
+.errorbox::before {
+ color: red;
+}
+/* Warning Moderate */
+.main_icons.warning_moderate::before,
+.noticebox::before {
+ color: orange;
+}
+/* Warning Watch */
+.main_icons.warning_watch::before,
+.infobox::before {
+ color: green;
+}
+/* Drafts */
+.main_icons.drafts::before {
+ content: "\f3a1";
+}
+/* Calendar Export */
+.main_icons.calendar_export::before {
+ content: "\f271";
+}
+/* Calendar Modify */
+.main_icons.calendar_modify::before {
+ content: "\f784";
+}
+/* Plus */
+.main_icons.plus::before {
+ content: "\f067";
+}
+/* Warning */
+.main_icons.warning::before,
+.large_admin_menu_icon.warning::before {
+ content: "\f637";
+}
+/* Themes */
+.main_icons.themes::before,
+.fa-features::before,
+.large_admin_menu_icon.themes::before {
+ content: "\f5fd";
+}
+/* Support */
+.main_icons.support::before,
+.large_admin_menu_icon.support::before {
+ content: "\f1cd";
+}
+/* Likes */
+.main_icons.liked::before,
+.main_icons.liked_users::before,
+.main_icons.liked_messages::before,
+.main_icons.like::before,
+.fa-like::before {
+ content: "\f164";
+}
+/* Unlike */
+.main_icons.unliked::before,
+.main_icons.unlike::before,
+.fa-unlike::before {
+ content: "\f165";
+}
+/* Current Theme */
+.main_icons.current_theme::before,
+.large_admin_menu_icon.current_theme::before {
+ content: "\f53f";
+}
+/* Stats */
+.main_icons.stats::before {
+ content: "\f080";
+}
+/* Right Arrow */
+.main_icons.right_arrow::before {
+ content: "\f152";
+}
+/* Left Arrow */
+.main_icons.left_arrow::before {
+ content: "\f153";
+}
+/* Smiley */
+.main_icons.smiley::before,
+.large_admin_menu_icon.smiley::before {
+ content: "\f118";
+}
+/* Server */
+.main_icons.server::before,
+.large_admin_menu_icon.server::before {
+ content: "\f233";
+}
+/* Ban */
+.main_icons.ban::before,
+.large_admin_menu_icon.ban::before {
+ content: "\f05e";
+}
+/* Ignore */
+.fa-frenemy::before,
+.fa-ignore::before,
+.main_icons.ignore::before,
+.main_icons.frenemy::before,
+.main_icons.disable::before {
+ content: "\f506";
+}
+/* Posts */
+.main_icons.posts::before,
+.large_admin_menu_icon.posts::before {
+ content: "\f0c5";
+}
+/* Sort */
+.main_icons.sort_down::before,
+.main_icons.sort_up::before {
+ margin: 0 8px;
+}
+/* Sort Down */
+.main_icons.sort_down::before {
+ content: "\f160";
+}
+/* Sort Up */
+.main_icons.sort_up::before {
+ content: "\f161";
+}
+/* Sent */
+.main_icons.sent::before {
+ content: "\f064";
+}
+/* Post Moderation Moderate */
+.main_icons.post_moderation_moderate::before {
+ content: "\f6e3";
+}
+/* Post Moderation Deny */
+.main_icons.post_moderation_deny::before {
+ content: "\f502";
+}
+/* Post Moderation Attach */
+.main_icons.post_moderation_attach::before {
+ content: "\f127";
+}
+/* Permissions */
+.main_icons.permissions::before,
+.large_admin_menu_icon.permissions::before {
+ content: "\f084";
+}
+/* Paid */
+.main_icons.paid::before,
+.large_admin_menu_icon.paid::before,
+.fa-paid::before {
+ content: "\f155";
+}
+/* Packages */
+.main_icons.packages::before,
+.large_admin_menu_icon.packages::before {
+ content: "\f466";
+}
+/* Filter */
+.main_icons.filter::before {
+ content: "\f0b0";
+}
+/* Package_ops */
+.main_icons.package_ops::before {
+ content: "\f362";
+}
+/* Reports */
+.main_icons.reports::before,
+.large_admin_menu_icon.reports::before {
+ content: "\f573";
+}
+/* News */
+.main_icons.news::before,
+.large_admin_menu_icon.news::before {
+ content: "\f1ea";
+}
+/* Hide Popup */
+.main_icons.hide_popup::before {
+ content: "\f056";
+}
+/* Prune */
+.main_icons.prune::before {
+ content: "\f55a";
+}
+/* Modifications */
+.main_icons.modifications::before,
+.large_admin_menu_icon.modifications::before {
+ content: "\f12e";
+}
+/* Maintain */
+.main_icons.maintain::before,
+.large_admin_menu_icon.maintain::before {
+ content: "\f0ad";
+}
+/* Administration */
+.main_icons.administration::before {
+ content: "\f552";
+}
+/* Attachment */
+.main_icons.attachment::before,
+.large_admin_menu_icon.attachment::before {
+ content: "\f0c6";
+}
+/* Error */
+.main_icons.error::before {
+ content: "\f12a";
+}
+/* Languages */
+.main_icons.languages::before,
+.large_admin_menu_icon.languages::before {
+ content: "\f1ab";
+}
+/* Members Request */
+.main_icons.members_request::before {
+ content: "\f508";
+}
+/* Members Delete */
+.main_icons.members_delete::before {
+ content: "\f503";
+}
+/* Members Watched */
+.main_icons.members_watched::before {
+ content: "\f21b";
+}
+/* Logs */
+.main_icons.logs::before,
+.large_admin_menu_icon.logs::before {
+ content: "\f46d";
+}
+/* Features */
+.main_icons.features::before,
+.fa-tasksmanager::before,
+.large_admin_menu_icon.features::before {
+ content: "\f0ae";
+}
+/* Settings */
+.main_icons.settings::before {
+ content: "\f1de";
+}
+/* Enable */
+.main_icons.enable::before {
+ content: "\f205";
+}
+/* Close */
+.main_icons.close::before {
+ content: "\f410";
+}
+/* Folder */
+.main_icons.folder::before {
+ content: "\f07b";
+}
+/* Select Here */
+.main_icons.select_here::before {
+ content: "\f101";
+}
+/* Select Above */
+.main_icons.select_above::before {
+ content: "\f102";
+}
+/* Select Below */
+.main_icons.select_below::before {
+ content: "\f103";
+}
+
+/* Mark All Read */
+.fa-markread::before,
+.fa-readall::before,
+.fa-read_button::before,
+.fa-mark_read_short::before,
+.fa-mark_as_read::before,
+.main_icons.read_button::before {
+ content: "\f560";
+}
+/* Mark Selected */
+.fa-markselectread::before,
+.fa-quick_mod_markread::before,
+.fa-TopicSolved_mark_solved::before {
+ content: "\f058";
+}
+/* Not Read */
+.fa-mark_unread::before,
+.fa-unread_button::before,
+.fa-unsolve_topic::before,
+.fa-TopicSolved_mark_unsolved::before,
+.main_icons.unread_button::before {
+ content: "\f00d";
+}
+/* Send Topic */
+.fa-send::before {
+ content: "\f1d8";
+}
+/* Unnotify */
+.fa-unnotify::before {
+ content: "\f1f6";
+}
+/* New Poll */
+.fa-post_poll::before,
+.fa-new_poll::before,
+.fa-add_poll::before,
+.main_icons.poll::before {
+ content: "\f682";
+}
+/* Delete */
+.fa-remove_poll::before,
+.fa-delete::before,
+.fa-remove_topic::before,
+.fa-remove_button::before,
+.fa-collections_remove::before,
+.main_icons.remove_button::before,
+.main_icons.delete::before,
+.main_icons.collections_remove::before {
+ content: "\f2ed";
+}
+/* Restore */
+.fa-restore_topic::before,
+.fa-restore_button::before,
+.main_icons.restore_button::before {
+ content: "\f829";
+}
+/* New Topic */
+.fa-new_topic::before {
+ content: "\f15b";
+}
+/* Move Topic */
+.fa-move::before,
+.fa-move_topic::before,
+.main_icons.move::before {
+ content: "\f0b2";
+}
+/* Sticky Topic */
+.fa-set_sticky::before,
+.fa-set_nonsticky::before,
+.main_icons.sticky::before {
+ content: "\f08d";
+}
+/* Lock Topic */
+.fa-set_lock::before,
+.main_icons.lock::before {
+ content: "\f023";
+}
+/* Unlock Topic */
+.fa-set_unlock::before,
+.main_icons.unlock::before,
+.main_icons.post_moderation_allow::before {
+ content: "\f3c1";
+}
+/* Merge Topic */
+.fa-merge::before,
+.main_icons.merge::before {
+ content: "\f248";
+}
+/* Link Calendar */
+.fa-calendar_link::before {
+ content: "\f274";
+}
+/* Members */
+.fa-view_all_members::before,
+.fa-mlist::before,
+.fa-people::before,
+.main_icons.mlist::before,
+.main_icons.people::before {
+ content: "\f0c0";
+}
+/* Find Member */
+.fa-mlist_search::before {
+ content: "\f4fc";
+}
+/* Calendar */
+.fa-calendar::before,
+.fa-calendar_upcoming::before,
+.main_icons.calendar::before,
+.large_admin_menu_icon.calendar::before {
+ content: "\f073";
+}
+/* Post Event */
+.fa-calendar_post_event::before {
+ content: "\f783";
+}
+/* Register */
+.main_icons.main_icons.regcenter::before,
+.large_admin_menu_icon.regcenter::before,
+.fa-register::before,
+.fa-signup::before {
+ content: "\f234";
+}
+/* Login */
+.main_icons.login {
+ width: auto;
+}
+.fa-login::before,
+.main_icons.login::before {
+ content: "\f2f6";
+}
+/* Logout */
+.main_icons.logout::before,
+.fa-logout::before,
+.main_icons.exit::before,
+.large_admin_menu_icon.exit::before {
+ content: "\f2f5";
+}
+/* Notifications */
+.fa-notifications::before,
+.fa-alerts::before,
+.fa-mail::before,
+.fa-notify::before,
+.main_icons.notify::before,
+.main_icons.alerts::before {
+ content: "\f0f3";
+}
+/* Pokes */
+.fa-pokes::before,
+.fa-poke::before,
+.main_icons.poke::before {
+ content: "\f0a4";
+}
+/* Posts */
+.fa-posts::before {
+ content: "\f086";
+}
+/* Drafts */
+.main_icons.drafts::before,
+.fa-drafts::before {
+ content: "\f0ea";
+}
+/* Details */
+.fa-details::before,
+.main_icons.details::before {
+ content: "\f05a";
+}
+/* Reply */
+.fa-reply_button::before,
+.main_icons.reply_button::before {
+ content: "\f3e5";
+}
+/* Reply to all */
+.fa-reply_all_button::before,
+.main_icons.reply_all_button::before {
+ content: "\f122";
+}
+/* Quote */
+.fa-quote::before,
+.main_icons.quote::before {
+ content: "\f10e";
+}
+/* Quote Selected */
+.fa-quote_selected::before,
+.main_icons.quote_selected::before {
+ content: "\f10d";
+}
+/* Edit */
+.fa-quick_edit_button::before,
+.fa-modify_button::before,
+.main_icons.quick_edit_button::before,
+.main_icons.modify_button::before,
+.main_icons.collections_edit::before {
+ content: "\f044";
+}
+/* Report */
+.fa-error::before,
+.fa-report::before {
+ content: "\f024";
+}
+/* Approve */
+.fa-approve_button::before,
+.fa-approve::before,
+.main_icons.approve::before,
+.main_icons.approve_button::before {
+ content: "\f14a";
+}
+/* Disapprove */
+.fa-unapprove_button::before,
+.main_icons.unapprove_button::before {
+ content: "\f057";
+}
+/* Split */
+.fa-split_button::before,
+.main_icons.split_button::before {
+ content: "\f0db";
+}
+
+/* Community */
+.fa-community::before,
+.main_icons.fa-community::before {
+ content: "\f022";
+}
+/* FA Nav */
+.fa-portal::before,
+.main_icons.home::before {
+ content: "\f015";
+}
+/* Help */
+.fa-help::before,
+.main_icons.help::before {
+ content: "\f128";
+}
+/* Admin */
+.fa-admin::before,
+.main_icons.admin::before {
+ content: "\f085";
+}
+/* Mod */
+.fa-moderate::before,
+.main_icons.moderate::before {
+ content: "\f7d9";
+}
+/* Profile */
+h3.profile_hd::before,
+.main_icons.profile_hd::before,
+.fa-profile::before,
+.main_icons.members::before,
+.large_admin_menu_icon.members::before {
+ content: "\f007";
+}
+/* PM */
+.fa-pm::before,
+.main_icons.personal_message::before,
+.main_icons.inbox::before {
+ content: "\f0e0";
+}
+/* Shop */
+.main_icons.shop::before,
+.fa-shop::before {
+ content: "\f07a";
+}
+/* Store */
+.fa-store::before,
+.main_icons.store::before {
+ content: "\f54e";
+}
+/* Info Center icons */
+.fa-recent_posts::before,
+.main_icons.recent_posts::before {
+ content: "\f550";
+}
+.fa-online_users::before {
+ content: "\f500";
+}
+/* Profile Account */
+.fa-maintain::before {
+ content: "\f505";
+}
+/* Profile Details */
+.fa-members::before {
+ content: "\f2c2";
+}
+/* Optimus */
+.main_icons.optimus::before,
+.large_admin_menu_icon.optimus::before,
+.fa-optimus::before {
+ content: "\f0e8";
+ background: none !important;
+}
+/* Topic Collections */
+.main_icons.collections::before,
+.fa-collections::before {
+ content: "\e0bb";
+}
+.main_icons.collections_save::before,
+.fa-collections_save::before,
+.main_icons.bookmarks::before,
+.fa-sticky::before,
+.main_icons.sticky::before {
+ content: "\f02e";
+}
+.main_icons.collections_bookmark::before,
+.fa-collections_bookmark::before {
+ content: "\f518";
+}
+/* Quiz */
+.main_icons.quiz::before,
+.fa-quiz::before {
+ content: "\f559";
+}
+/* Affiliates */
+.main_icons.affiliates::before,
+.fa-affiliates::before {
+ content: "\f0ac";
+}
+/* Gallery */
+.main_icons.media::before,
+.fa-media::before,
+.main_icons.gallery::before,
+.fa-gallery::before {
+ content: "\f87c";
+}
+/* Arcade */
+.main_icons.arcade::before,
+.fa-arcade::before {
+ content: "\f11b";
+}
+/* Battle */
+.main_icons.battle::before,
+.fa-battle::before {
+ content: "\f66d";
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/index.php b/Themes/theme1/css/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/css/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/css/index_dark.css b/Themes/theme1/css/index_dark.css
new file mode 100644
index 0000000000..76b47a3a1f
--- /dev/null
+++ b/Themes/theme1/css/index_dark.css
@@ -0,0 +1,617 @@
+:root {
+ /* Admin CP Stuff */
+
+ /* Styles for the file permissions section. */
+
+ --perm_read_bg_color: hsl(101, 78%, 86%);
+ --perm_writable_bg_color: hsl(0, 100%, 87%);
+ --perm_execute_bg_color: hsl(31, 95%, 84%);
+ --perm_custom_bg_color: hsl(100, 5%, 76%);
+ --perm_no_change_bg_color: hsl(0, 0%, 93%);
+ --perm_groups_bg_color: hsl(0, 0%, 100%);
+ --manage_boards_li_recycle_board_bg_color: hsl(180, 33%, 90%);
+ --manage_boards_li_redirect_board_bg_color: hsl(60, 33%, 90%);
+ --move_smileys_link_hover_img_border_color: hsl(208, 44%, 61%);
+ --move_smileys_selected_item_border_color: hsl(39, 100%, 59%);
+
+ /* Alternating colors */
+
+ --stripes_even_bg_color: hsl(0, 0%, 5%);
+ --stripes_odd_bg_color: hsl(206, 30%, 5%);
+ --alternative_bg_color: hsl(0, 0%, 5%);
+ --alternative_bg_2_color: hsl(202, 21%, 3%);
+
+ /* AJAX Notification Bar */
+
+ --ajax_in_progress_bg_color: hsl(0, 0%, 10%);
+ --ajax_in_progress_border_color: hsl(27, 100%, 49%);
+ --ajax_in_progress_border_style: solid;
+ --ajax_in_progress_border_width: 4px;
+ --ajax_in_progress_link_color: hsl(39, 100%, 50%);
+ --ajax_in_progress_txt_color: hsl(27, 100%, 49%);
+
+ /* Auto Suggest Control */
+
+ --auto_suggest_border_color: hsl(0, 0%, 33%);
+ --auto_suggest_border_style: solid;
+ --auto_suggest_border_width: 1px;
+ --auto_suggest_border_radius: 3px;
+ --auto_suggest_item_bg_color: hsl(0, 0%, 37%);
+ --auto_suggest_item_hover_bg_color: hsl(0, 0%, 13%);
+ --auto_suggest_item_hover_txt_color: hsl(0, 0%, 13%);
+
+ /* Body */
+
+ --body_bg_color: hsl(214, 36%, 10%);
+ --body_txt_color: hsl(0, 0%, 90%);
+ --body_font_family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
+ --body_font_size: 85%;
+ --body_line_height: 150%;
+ --border_color: hsl(0, 0%, 3%);
+ --border_style: solid;
+ --border_width: 1px;
+ --html_bg_color: hsl(211, 32%, 36%);
+ --heading_font_size: 1em;
+ --heading_txt_color: hsl(0, 0%, 90%);
+ --highlight_txt_color: hsl(27, 100%, 50%) !important;
+ --horizontal_rule_bg_color: hsl(0, 0%, 0%);
+ --horizontal_rule_box_shadow: 0 1px 0 hsl(0, 0%, 73%)inset;
+ --link: hsl(213, 58%, 77%);
+ --link_hover: hsl(213, 58%, 77%);
+ --moderation_link_bg_color: hsl(39, 100%, 48%);
+ --moderation_link_border_radius: 50%;
+ --strong_txt_color: hsl(0, 0%, 87%);
+ --option_bg_hover_color: hsl(214, 36%, 91%);
+ --wrapper_bg_color: hsl(0, 0%, 10%);
+ --wrapper_border_color: hsl(0, 0%, 7%);
+ --wrapper_border_style: solid;
+ --wrapper_border_width: 1px;
+ --wrapper_border_radius: 8px;
+ --wrapper_box_shadow: 0 2px 3px hsla(0, 0%, 0%, 0.14);
+ --inner_section_bg_color: linear-gradient(hsl(215, 41%, 2%) 0%, hsl(0, 0%, 10%) 70%);
+ --inner_section_border_radius: 6px 6px 0px 0px;
+ --inner_wrap_bg_color: hsl(0, 0%, 10%);
+ --inner_wrap_border_color: hsl(0, 0%, 7%);
+ --inner_wrap_border_style: solid;
+ --inner_wrap_border_width: 1px;
+ --selection_bg_color: hsl(205, 100%, 80%);
+ --selection_txt_color: hsla(0, 0%, 0%, 0.6);
+
+ /* Breadcrumb */
+
+ --breadcrumb_bg_color: hsl(0, 0%, 17%);
+ --breadcrumb_border_color: hsl(0, 0%, 27%);
+ --breadcrumb_border_style: solid;
+ --breadcrumb_border_width: 1px;
+ --breadcrumb_border_radius: 5px;
+ --breadcrumb_box_shadow: 0px 0px 1px 1px rgb(25,25,25) inset;
+ --breadcrumb_divider_color: hsl(206, 38%, 40%);
+ --breadcrumb_divider_font_family: Arial, sans-serif;
+ --breadcrumb_divider_font_size: 83.33%;
+ --breadcrumb_divider_line_height: 150%;
+ --breadcrumb_font_size: 0.9em;
+ --breadcrumb_link_color: hsl(213, 58%, 77%);
+ --breadcrumb_txt_color: hsl(0, 0%, 27%);
+
+ /* Buttons */
+
+ --button_bg_color: hsl(0, 0%, 5%);
+ --button_bg_hover: hsl(0, 0%, 5%);
+ --button_bg_active: hsl(207, 31%, 32%);
+ --button_bg_focus: hsl(207, 31%, 32%);
+ --button_border_color: hsl(0, 0%, 7%) hsl(0, 0%, 3%) hsl(0, 0%, 7%) hsl(0, 0%, 8%);
+ --button_border_style: solid;
+ --button_border_width: 1px;
+ --button_border_radius: 3px;
+ --button_box_shadow: none;
+ --button_font_size: 0.7rem;
+ --button_line_height: 2em;
+ --button_padding: 1px 8px;
+ --button_min_height: calc(2em + 2em * (0.9 - 0.85)); /* "input" font size minus ".button" font size */
+ --button_active_border_color: hsl(180, 20%, 42%);
+ --button_active_border_style: solid;
+ --button_active_border_width: 1px;
+ --button_active_font_weight: bold;
+ --button_hover_border_color: hsl(0, 0%, 7%) hsl(0, 0%, 8%) hsl(0, 0%, 8%) hsl(0, 0%, 7%);
+ --button_hover_box_shadow: none;
+ --button_txt_color: hsl(213, 58%, 34%);
+ --button_txt_color_active: hsl(0, 0%, 0%);
+ --button_txt_color_hover: hsl(35, 100%, 50%);
+ --button_txt_color_focus: hsl(35, 100%, 50%);
+ --button_txt_color_active_and_focus: hsl(35, 100%, 50%);
+ --button_txt_color_hover_and_focus: hsl(35, 100%, 50%);
+
+ /* Board Index */
+
+ --forum_title_link_color: hsl(213, 58%, 37%);
+ --forum_title_font_size: 1.8em;
+ --forum_title_font_family: "Tahoma", sans-serif;
+ --children_bg_color: hsl(0, 0%, 7%);
+ --children_padding: 5px;
+ --sub_bar_link_color: hsl(0, 0%, 3%);
+ --up_contain_bg_color: hsl(0, 0%, 10%);
+ --information_bg_color: hsl(0, 0%, 7%);
+ --information_border_color: hsl(0, 0%, 3%);
+ --information_border_style: solid;
+ --information_border_width: 1px;
+ --information_border_radius: 0 0 7px 7px;
+ --moderationbuttons_check_focus_box_shadow: 0 0 4px hsl(205, 65%, 7%);
+
+ /* Category */
+
+ --cat_bg_color: hsl(207, 31%, 32%);
+ --cat_bar_border_radius: 6px 6px 0 0;
+ --cat_bar_collapsed_border_radius: 6px;
+ --cat_bar_desc_txt_color: hsl(0, 0%, 93%);
+ --cat_bar_link_color: hsl(0, 0%, 97%);
+ --cat_bar_strong_txt_color: hsl(0, 0%, 97%);
+ --cat_bar_inner_padding: 8px 12px 6px 12px;
+ --cat_bar_outer_padding: 0px 0px 2px 0px;
+
+ /* Calendar */
+ --calendar_day_days_hover_bg_color: hsla(0, 0%, 100%, 0.4);
+ --calendar_td_events_bg_color: hsla(117, 92%, 52%, 0.1);
+ --calendar_td_events_bg_color_hover: hsla(117, 92%, 52%, 0.2);
+ --calendar_td_holidays_bg_color: hsla(216, 92%, 53%, 0.1);
+ --calendar_td_holidays_bg_color_hover: hsla(216, 92%, 53%, 0.2);
+ --calendar_td_birthdays_bg_color: hsla(264, 100%, 50%, 0.1);
+ --calendar_td_birthdays_bg_color_hover: hsla(270, 100%, 60%, 0.2);
+ --calendar_event_time_text_color: hsl(0, 0%, 47%);
+ --calendar_td_days_link_hover_bg_color: hsla(207, 28%, 52%, 0.2);
+
+ /* Info Center*/
+
+ --info_block_information_bg_color: hsl(0, 0%, 10%);
+ --info_center_container_bg_color: hsl(0, 0%, 6%);
+ --info_center_border_radius: 3px;
+ --info_center_box_shadow: 0px 2px 0px hsl(210, 11%, 5%);
+ --roundframe_bg_color: hsl(0, 0%, 6%);
+ --roundframe_border_radius: 7px;
+
+ /* Title Bar */
+
+ --title_bar_bg_color: hsl(0, 0%, 6%);
+ --title_bar_border_bottom_color: hsl(35, 100%, 50%);
+ --title_bar_border_bottom_style: solid;
+ --title_bar_border_bottom_width: 2px;
+ --title_bar_border_top_color: hsl(35, 100%, 50%);
+ --title_bar_border_top_style: solid;
+ --title_bar_border_top_width: 2px;
+ --title_bar_border_radius: 2px 2px 0 0;
+ --title_bar_link: hsl(0, 0%, 93%);
+ --title_bar_inner_padding: 8px 12px 6px 12px;
+ --title_bar_outer_padding: 0px;
+
+ /* Calendar colors for birthdays, events and holidays */
+
+ --birthday_txt_color: hsl(284, 90%, 40%);
+ --event_txt_color: hsl(120, 90%, 28%);
+ --holiday_txt_color: hsl(218, 100%, 50%);
+ --warn_moderate_txt_color: hsl(39, 100%, 50%);
+ --warn_watch_txt_color: hsl(120, 100%, 25%);
+
+ /*Error, Info, and Notice Boxes. */
+
+ --error_box_bg_color: hsl(0, 100%, 97%);
+ --error_box_border_color: hsl(353, 60%, 50%);
+ --error_box_border_style: solid;
+ --error_box_border_width: 2px;
+ --notice_box_bg_color: hsl(50, 100%, 90%);
+ --notice_box_border_color: hsl(48, 100%, 57%);
+ --notice_box_border_style: solid;
+ --notice_box_border_width: 1px;
+ --notice_box_txt_color: hsl(0, 0%, 40%);
+ --info_box_bg_color: hsl(120, 100%, 90%);
+ --info_box_border_color: hsl(120, 100%, 25%);
+ --info_box_border_style: solid;
+ --info_box_border_width: 1px;
+ --info_box_txt_color: hsl(0, 0%, 13%);
+ --desc_box_border_color: hsl(0, 0%, 77%);
+ --desc_box_border_style: solid;
+ --desc_box_border_width: 1px;
+
+ /* File Error */
+
+ --errorfile_table_td_bg_color: hsl(0, 0%, 98%);
+ --errorfile_table_current_bg_color: hsl(0, 87%, 88%);
+ --errorfile_table_file_line_bg_color: hsl(0, 0%, 13%);
+ --errorfile_table_file_line_current_bg_color: hsl(0, 93%, 77%);
+
+ /* Code Blocks */
+
+ --code_bg_color: hsl(0, 0%, 95%);
+ --code_border_color: hsl(0, 0%, 87%);
+ --code_border_top_color: hsl(0, 0%, 73%);
+ --code_border_bottom_color: hsl(0, 0%, 67%);
+ --code_border_radius: 2px;
+ --code_font_size: 0.78rem;
+ --code_header_font_size: 0.9em;
+ --code_header_txt_color: hsl(0, 0%, 40%);
+
+ /* Colors for background of posts requiring approval */
+
+ --approve_bg_color: hsl(0, 100%, 96%);
+ --approve_bg_color_2: hsl(0, 100%, 97%);
+ --approve_txt_color: hsl(0, 0%, 13%);
+
+ /* FieldSet */
+
+ --fieldset_legend_txt_color: hsl(0, 0%, 93%);
+ --fieldset_border_color: hsl(0, 0%, 13%);
+ --fieldset_border_style: solid;
+ --fieldset_border_width: 1px;
+ --fieldset_border_radius: 3px;
+ --fieldset_padding: 18px;
+ --fieldset_margin: 0px 0px 6px 0px;
+
+ /* Footer */
+
+ --footer_bg_color: hsl(207, 31%, 32%);
+ --footer_font_size: 0.9em;
+ --footer_txt_color: hsl(0, 0%, 93%);
+ --footer_padding: 10px 0;
+ --footer_margin: 4em 0px 0px 0px;
+
+ /* Generic & Progress Bar */
+
+ --generic_bar_bar_bg_color: hsl(39, 100%, 50%);
+ --generic_bar_bar_box_shadow: 4px -4px 8px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 8px hsla(0, 0%, 100%, 0.3) inset;
+ --generic_bar_bar_border_radius: 1px;
+ --generic_bar_border_color: hsl(0, 4%, 80%);
+ --generic_bar_border_style: solid;
+ --generic_bar_border_width: 1px;
+ --generic_bar_border_radius: 2px;
+ --generic_bar_bg_color: hsl(0, 0%, 0%);
+ --generic_bar_txt_color: hsla(0, 0%, 0%, 0.6);
+ --generic_bar_span_txt_shadow: 1px 1px hsla(0, 0%, 100%, 0.4);
+ --generic_bar_vertical_bar_box_shadow: 4px -4px 4px hsla(0, 0%, 0%, 0.1) inset, 4px 4px 4px hsla(0, 0%, 100%, 0.3) inset;
+ --progress_bar_border_radius: 4px;
+ --progress_bar_txt_color: hsla(0, 0%, 0%, 0.8);
+ --progress_bar_bar_bg_color: hsl(100, 67%, 55%);
+ --progress_bar_bar_bg_image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, 0.15) 50%, hsla(0, 0%, 100%, 0.15) 75%, transparent 75%, transparent);
+ --progress_bar_bar_box_shadow: -1px 1px 0 hsla(0, 0%, 100%, 0.25) inset, 1px -1px 0 hsla(0, 0%, 0%, 0.1) inset;
+ --progress_yellow_bar_bg_color: hsl(47, 92%, 54%);
+ --progress_green_bar_bg_color: hsl(100, 67%, 55%);
+ --progress_red_bar_bg_color: hsl(6, 88%, 63%);
+ --progress_blue_bar_bg_color: hsl(191, 76%, 55%);
+
+ /* Header */
+
+ --header_bg_color: hsl(0, 0%, 0%);
+ --top_info_border_color: hsl(210, 31%, 42%);
+ --top_info_border_style: solid;
+ --top_info_border_width: 1px;
+ --top_info_link_hover_bg_color: hsl(35, 100%, 50%);
+ --top_info_link_active_bg_color: hsl(35, 100%, 50%);
+ --top_info_link_focus_bg_color: hsl(211, 28%, 49%);
+ --top_info_link_hover_txt_color: hsl(0, 0%, 0%);
+ --top_info_link_txt_color: hsl(0, 0%, 0%);
+ --top_info_link_txt_open_color: hsl(0, 0%, 0%);
+ --top_info_active_link_color: hsl(0, 0%, 0%);
+ --top_info_hover_link_color: hsl(39, 100%, 50%);
+ --top_info_link_hover_border_color: hsl(0, 0%, 0%);
+ --top_info_link_focus_border_color: hsl(210, 31%, 42%);
+ --top_info_link_border_radius: 4px;
+ --top_info_link_border_color: transparent;
+ --top_info_link_border_style: solid;
+ --top_info_link_border_width: 1px;
+ --top_info_link_padding: 5px 7px 5px 7px;
+ --top_info_link_font_size: 1.5em;
+ --top_info_active_link_color: hsl(0, 0%, 95%);
+ --top_info_hover_link_color: hsl(39, 100%, 50%);
+ --top_info_link_hover_border_color: hsl(0, 0%, 0%);
+ --top_info_link_focus_border_color: hsl(210, 31%, 42%);
+ --top_menu_bg_color: hsl(0, 0%, 0%);
+ --top_menu_box_shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
+ --top_menu_border_radius: 3px;
+
+ /* News Section */
+
+ --news_bg_color: hsl(222, 100%, 15%);
+ --news_left_bg_color: hsl(222, 100%, 10%);
+ --news_left_font_size: 20px;
+ --news_left_padding: 0px 10px;
+ --news_right_padding: 0px 5px 0px 5px;
+ --news_font_size: 0.9em;
+
+ /* Input, Button, Select, Textarea */
+
+ --ibst_txt_color: hsl(0, 0%, 93%);
+ --ibst_bg_color: hsl(0, 0%, 0%);
+ --ibst_box_shadow: 1px 2px 1px hsla(213, 47%, 75%, 0.2) inset;
+ --ibst_border_color: hsl(0, 0%, 33%);
+ --ibst_border_style: solid;
+ --ibst_border_width: 1px;
+ --ibst_border_radius: 3px;
+ --ibst_disabled_bg_color: hsl(0, 0%, 13%);
+ --ibst_disabled_border_color: hsl(0, 0%, 71%);
+ --ibst_disabled_txt_color: hsl(0, 0%, 60%);
+ --ibst_focus_bg_color: hsl(0, 0%, 0%);
+ --ibst_focus_border_color: hsl(207, 53%, 67%);
+ --ibst_font_family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
+ --ibst_font_size: 85%;
+ --ibst_font_line_height: 150%;
+ --ibst_hover_border_color: hsl(207, 30%, 42%);
+ --ibst_textarea_hover_bg_color: hsl(0, 0%, 8%);
+ --ibst_padding: 0.3em 0.4em;
+
+ /* Maintenance Mode */
+
+ --errorfile_table_bg_color: hsl(206, 30%, 95%);
+ --errorfile_table_td_current_bg_color: hsla(33, 92%, 51%, 0.2);
+ --errorfile_table_td_current_border_color: hsla(0, 0%, 0%, 0.2);
+ --errorfile_table_td_current_border_style: solid;
+ --errorfile_table_td_current_border_width: 1px;
+
+ /* Menu */
+
+ --amt_active_bg_color: hsla(0, 0%, 0%, 0.2);
+ --amt_bg_color: hsl(39, 100%, 48%);
+ --amt_border_radius: 50%;
+ --amt_padding: 0px 6px;
+ --amt_txt_color: hsl(0, 0%, 0%);
+ --amt_font_size: 0.7em;
+ --dropmenu_amt_font_size: 1em;
+ --dropmenu_amt_padding: 2px 5px;
+ --dropmenu_bg_color: hsl(0, 0%, 0%);
+ --dropmenu_box_shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
+ --dropmenu_hover_bg_color: hsl(214, 36%, 91%);
+ --dropmenu_link_color: hsl(0, 0%, 97%);
+ --dropmenu_link_hover_color: hsl(0, 0%, 0%);
+ --dropmenu_link_border_radius: 4px;
+ --dropmenu_link_border_color: transparent;
+ --dropmenu_link_border_style: solid;
+ --dropmenu_link_border_width: 1px;
+ --dropmenu_link_padding: 4px 8px;
+ --dropmenu_li_font_size: 0.9em;
+ --dropmenu_li_li_font_size: 1em;
+ --dropmenu_strong_txt_color: hsl(0, 0%, 80%);
+ --dropmenu_subsections_font_family: Arial, sans-serif;
+ --dropmenu_subsections_font_size: 83.33%;
+ --dropmenu_subsections_line_height: 150%;
+ --menu_bg_color: hsl(207, 31%, 32%);
+ --menu_border_color: hsl(208, 16%, 81%);
+ --menu_box_shadow: none;
+ --menu_link_bg_hover_color: hsl(0, 0%, 100%);
+ --menu_link_color: hsl(0, 0%, 100%);
+ --menu_link_bg_active_color: hsl(0, 0%, 100%);
+ --menu_link_bg_active_hover_color: hsl(39, 100%, 48%);
+ --menu_link_bg_focus_color: hsl(39, 100%, 48%);
+ --menu_link_bg_hover_color: hsl(0, 0%, 100%);
+ --menu_link_color: hsl(0, 0%, 100%);
+ --menu_link_active_color: hsl(0, 0%, 0%);
+ --menu_link_active_hover_color: hsl(0, 0%, 0%);
+ --menu_link_focus_color: hsl(0, 0%, 100%);
+ --menu_link_hover_color: hsl(0, 0%, 100%);
+ --unread_links_font_size: 0.9em;
+ --unread_links_link_color: hsl(0, 0%, 100%);
+ --unread_links_link_padding: 4px 6px;
+ --unread_links_border_radius: 4px;
+ --unread_links_li_padding: 10px 8px;
+
+ /* Mentions */
+
+ --atwho_view_bg_color: hsl(0, 0%, 0%);
+ --atwho_view_border_color: hsl(0, 0%, 13%);
+ --atwho_view_border_style: solid;
+ --atwho_view_border_width: 1px;
+ --atwho_view_box_shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+ --atwho_view_border_radius: 3px;
+ --atwho_view_small_txt_color: hsl(0, 0%, 47%);
+ --atwho_view_strong_text: hsl(225, 100%, 60%);
+ --atwho_view_cur_bg_color: hsl(225, 100%, 60%);
+ --atwho_view_cur_txt_color: hsl(0, 0%, 0%);
+ --atwho_view_cur_small_txt_color: hsl(0, 0%, 0%);
+ --atwho_view_cur_strong_txt_color: hsl(0, 0%, 0%);
+
+ /* On/Off Icons (User) */
+
+ --on_off_border_radius: 50%;
+ --on_bg_color: hsl(100, 75%, 63%);
+ --on_border_color: hsl(100, 61%, 55%);
+ --off_bg_color: hsl(0, 3%, 65%);
+ --off_border_color: hsl(0, 2%, 58%);
+
+ /* Pagination */
+
+ --current_page_txt_color: hsl(32, 100%, 35%);
+
+
+ /* Popup Windows */
+
+ --popup_container_bg_color: hsla(204, 33%, 24%, 0.5);
+ --popup_content_bg_color: linear-gradient(to bottom, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 95%) 100%);
+ --popup_content_txt_color: hsl(0, 0%, 13%);
+ --popup_content_border_color: hsl(0, 0%, 73%);
+ --popup_content_border_style: solid;
+ --popup_content_border_width: 1px;
+ --popup_content_border_radius: 6px 6px 2px 2px;
+ --popup_content_box_shadow: 0 -2px 3px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2);
+ --popup_content_padding: 10px 8px;
+ --popup_heading_txt_color: hsl(0, 0%, 0%);
+ --popup_heading_padding: 10px 8px;
+ --popup_window_bg_color: hsl(207, 31%, 32%);
+ --popup_window_box_shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
+ --popup_window_border_color: hsl(0, 0%, 47%);
+ --popup_window_border_radius: 7px 7px 3px 3px;
+ --popup_window_padding: 0px 6px 6px 6px;
+
+ /* Post Bit Section */
+
+ --display_head_txt_color: hsl(0, 0%, 58%);
+ --poster_online_link_color: hsl(30, 98%, 38%);
+ --key_post_info_link_color: hsl(30, 65%, 41%);
+ --keyinfo_postinfo_modified_txt_color: hsl(0, 0%, 20%);
+ --subject_title_link_color: hsl(0, 0%, 20%);
+ --page_number_txt_color: hsl(30, 65%, 41%);
+ --inner_border_color: hsl(0, 0%, 75%);
+ --inner_border_style: solid;
+ --inner_border_width: 1px;
+ --inner_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+ --signature_border_color: hsl(0, 0%, 75%);
+ --signature_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+
+ /* Post Draft Options */
+
+ --post_draft_options_bg_color: hsl(0, 0%, 19%);
+ --post_draft_options_border_color: hsl(0, 0%, 67%);
+ --post_draft_options_border_style: solid;
+ --post_draft_options_border_width: 1px;
+ --post_draft_options_border_left_color: hsl(0, 0%, 73%);
+ --post_draft_options_border_left_style: solid;
+ --post_draft_options_border_left_width: 1px;
+ --post_draft_options_border_radius: 0 0 4px 4px;
+ --post_draft_options_settings_border_color: hsl(0, 0%, 89%);
+ --post_draft_options_settings_border_style: solid;
+ --post_draft_options_settings_border_width: 1px;
+ --post_draft_options_settings_strong_txt_color: hsl(0, 0%, 33%);
+
+ /* Post Options */
+
+ --post_options_bg_color: hsl(0, 0%, 0%);
+ --post_options_border_color: hsl(0, 0%, 60%);
+ --post_options_border_style: solid;
+ --post_options_border_width: 1px;
+ --post_options_border_radius: 4px 0px 4px 4px;
+ --post_options_border_color_hover: hsl(212, 15%, 80%);
+ --post_options_link_border_radius: 3px;
+ --post_options_font_weight: normal;
+
+ /* Post BBC Links */
+
+ --bbc_link_border_color: hsl(218, 29%, 74%);
+ --bbc_link_hover_border_color: hsl(220, 33%, 30%);
+ --bbc_link_hover_border_style: solid;
+ --bbc_link_hover_border_width: 1px;
+
+ /* Profile Section */
+
+ --activity_stats_bg_color: hsl(0, 0%, 13%);
+ --activity_stats_border_color: hsl(0, 0%, 40%);
+ --activity_stats_border_style: solid;
+ --activity_stats_border_width: 1px;
+ --detailedinfo_border_color: hsl(0, 0%, 80%);
+ --detailedinfo_border_style: solid;
+ --detailedinfo_border_width: 1px;
+ --detailedinfo_txt_color: hsl(0, 0%, 27%);
+ --counter_txt_color: hsl(0, 0%, 25%);
+ --list_posts_box_shadow: 0 1px 0 hsl(0, 0%, 100%) inset;
+ --pick_theme_selected_bg_color: hsl(206, 33%, 5%);
+ --unread_pm_bg_color: hsl(120, 100%, 90%);
+ --unread_notify_hover_bg_color: hsl(0, 0%, 13%);
+
+ /* User information. */
+
+ --profile_user_links_li_font_size: .8rem;
+ --profile_user_links_li_padding: 10px;
+ --profile_username_font_size: 150%;
+
+ /* Progress Bars & Generic Bars & Warning Bars & Personal Message Bar*/
+
+ --personal_messages_capcity_bar_bg_color: hsl(206, 30%, 95%);
+ --personal_messages_capcity_bar_border_color: hsl(0, 0%, 68%);
+ --personal_messages_capcity_bar_border_style: solid;
+ --personal_messages_capcity_bar_border_width: 1px;
+ --personal_messages_empty_capacity_bar_bg_color: hsl(111, 41%, 73%);
+ --personal_messages_filled_capacity_bar_bg_color: hsl(42, 100%, 47%);
+ --personal_messages_full_capacity_bar_bg_color: hsl(0, 93%, 49%);
+ --warning_level_none_bar_bg_color: hsl(100, 67%, 55%);
+ --warning_level_watched_bar_bg_color: hsl(51, 100%, 50%);
+ --warning_level_moderated_bar_bg_color: hsl(39, 100%, 50%);
+ --warning_level_muted_bar_bg_color: hsl(6, 88%, 63%);
+
+ /* Quote Blocks */
+
+ --quote_block_alt_bg: hsl(198, 48%, 95%);
+ --quote_block_standard_bg: hsl(224, 55%, 92%);
+ --quote_block_border_color: hsl(195, 17%, 86%);
+ --quote_block_border_style: solid;
+ --quote_block_border_width: 1px;
+ --quote_block_border_lr_color: hsl(0, 0%, 67%);
+ --quote_block_border_lr_style: solid;
+ --quote_block_border_lr_width: 2px;
+ --quote_block_font_size: 0.85rem;
+ --quote_cite_border_color: hsla(0, 0%, 0%, 0.1);
+ --quote_cite_border_style: solid;
+ --quote_cite_border_width: 1px;
+ --quote_cite_before_font_size: 22px;
+ --quote_cite_before_font_style: normal;
+ --quote_cite_font_size: 0.9em;
+ --quote_header_txt_color: hsl(0, 0%, 40%);
+ --quote_header_font_size: 0.9em;
+ --quote_txt_color: hsl(0, 0%, 67%);
+
+ /* Registration Section */
+
+ --coppa_contact_bg_color: hsl(0, 0%, 0%);
+ --coppa_contact_border_color: hsl(0, 0%, 13%);
+ --coppa_contact_border_style: solid;
+ --coppa_contact_border_width: 1px;
+ --coppa_contact_txt_color: hsl(0, 0%, 13%);
+ --valid_input_bg_color: hsl(100, 100%, 97%);
+ --invalid_input_bg_color: hsl(0, 100%, 97%);
+
+ /* Two Factor Auth Code Container */
+
+ --tfacode_bg_color: hsl(206, 74%, 89%);
+
+ /* The "new" button */
+
+ --new_posts_button_bg_color: hsl(39, 100%, 48%);
+ --new_posts_button_border_color: hsl(0, 0%, 0%);
+ --new_posts_button_border_style: solid;
+ --new_posts_button_border_width: 1px;
+ --new_posts_button_border_radius: 2px;
+ --new_posts_button_font_family: verdana, sans-serif;
+ --new_posts_button_font_size: 9px;
+ --new_posts_button_font_weight: 700;
+ --new_posts_button_line_height: 15px;
+ --new_posts_button_txt_color: hsl(0, 0%, 0%);
+ --new_posts_button_txt_color_visited: hsl(0, 0%, 13%);
+ --new_posts_button_txt_color_hover: hsl(0, 0%, 13%);
+
+ /* Toggle */
+
+ --toggle_bg: #f7f7f7 url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
+ --toggle_bg_hover: hsl(208, 45%, 83%);
+ --toggle_border_color: hsl(0, 0%, 77%);
+ --toggle_border_style: solid;
+ --toggle_border_width: 1px;
+ --toggle_border_radius: 4px;
+ --toggle_box_shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 1px #fff inset, 0 -5px 4px rgba(0,0,0,.1) inset;
+ --toggle_box_shadow_hover: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
+
+ /* ToolTips */
+
+ --tooltip_bg_color: hsl(0, 0%, 0%);
+ --tooltip_border_color: hsl(0, 0%, 67%);
+ --tooltip_border_style: solid;
+ --tooltip_border_width: 1px;
+ --tooltip_txt_color: hsl(0, 0%, 20%);
+ --tooltip_border_radius: 4px;
+ --tooltip_box_shadow: 1px 2px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.05) inset;
+
+ /* Window Backgrounds */
+
+ --window_approve_topic_bg_color: hsl(0, 100%, 5%);
+ --window_approve_post_bg_color: hsl(0, 100%, 0%);
+ --window_bg_color: hsl(0, 0%, 10%);
+ --window_bg_even_color: hsl(0, 0%, 10%);
+ --window_bg_odd_color: hsl(0, 0%, 13%);
+ --window_locked_bg_color: hsl(218, 20%, 2%);
+ --window_sticky_bg_color: hsl(209, 35%, 6%);
+ --window_sticky_locked_bg_color: hsl(22, 35%, 6%);
+ --window_target_bg_color: hsl(60, 100%, 94%);
+ --window_table_row_bg_hover_color: hsl(214, 36%, 11%);
+
+ /* Video Container */
+
+ --video_container_bg_color: hsl(0, 0%, 0%);
+
+ /* Basic Colors */
+ --black: hsl(0, 0%, 0%);
+ --white: hsl(0, 0%, 100%);
+ --red: hsl(0, 100%, 50%);
+ --blue: hsl(240, 100%, 50%);
+ --green: hsl(120, 100%, 25%);
+ }
\ No newline at end of file
diff --git a/Themes/theme1/css/install.css b/Themes/theme1/css/install.css
new file mode 100644
index 0000000000..73cbc1343d
--- /dev/null
+++ b/Themes/theme1/css/install.css
@@ -0,0 +1,183 @@
+a:link, a:hover, a:visited {
+ text-decoration: underline;
+}
+/* These divisions wrap the forum sections when a forum width is set. */
+h1.forumtitle {
+ color: #a85400;
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 #fff;
+}
+
+#inner_wrap {
+ min-height: 80px;
+}
+#inner_wrap .news {
+ height: 80px;
+ text-align: right;
+ width: 100%;
+ max-width: 100%;
+ float: left;
+}
+#main_content_section {
+ display: flex;
+ flex-wrap: wrap;
+}
+/* Add the gradient here if there is no upper_section */
+#main_content_section:first-child {
+ margin: 2px;
+ padding-top: 1em;
+ border-radius: 6px;
+ background: linear-gradient(to bottom, #e2e9f3 0%, #fff 90px);
+}
+#main_steps {
+ order: 0;
+ width: 49%;
+}
+#main_steps h2 {
+ font-size: 1.2em;
+ border-bottom: 1px solid #d05800;
+ line-height: 1.6em;
+ margin: 0 1em 0.5em 0;
+ color: #d05800;
+}
+ul.steps_list {
+ line-height: 1.8em;
+ color: #c2c2c2;
+}
+ul.steps_list li.stepcurrent {
+ color: #222;
+ font-weight: bold;
+}
+ul.steps_list .stepcurrent ~ li {
+ color: #666;
+}
+#install_progress {
+ order: -1;
+ margin: 0.32em 2% 0 0;
+ width: 49%;
+}
+.progress_bar {
+ line-height: 2em;
+ max-width: 500px;
+}
+.progress_bar + h3, .progress_bar + .progress_bar {
+ margin-top: 1.5em;
+}
+.progress_bar h3 {
+ position: absolute;
+ font-weight: normal;
+ font-size: 1.1em;
+ left: 0.5em;
+ z-index: 3;
+ text-shadow: 1px 1px rgba(255, 255, 255, .4);
+}
+#substep_bar_div {
+ line-height: 1.6em;
+}
+#substep_progress {
+ background-color: #eebaf4;
+}
+.time_elapsed {
+ margin-top: 1em;
+}
+#main_screen {
+ width: 100%;
+ margin-top: 2em;
+}
+#main_screen h2 {
+ font-size: 1.2em;
+ border-bottom: 1px solid #d05800;
+ line-height: 1.6em;
+ margin: 0 0 0.5em 0;
+ color: #d05800;
+}
+.panel form div {
+ max-height: 560px;
+}
+.panel p, .panel h3, .panel ul {
+ margin: 0 0 1em 0;
+}
+.error {
+ padding: 0.5em 0;
+}
+.panel .button {
+ font-weight: bold;
+}
+.panel .button:enabled:hover {
+ color: #af6700;
+ text-decoration: none;
+}
+.panel .clear {
+ padding: 1em 0 0 0;
+ overflow: auto;
+}
+.upgrade_settings li + li {
+ margin-top: 0.5em;
+}
+.buttons {
+ margin-top: 1em;
+}
+#commess, #indexmsg {
+ font-weight: bold;
+}
+#indexmsg {
+ font-style: italic;
+}
+.error_content {
+ margin: 2.5ex;
+ font-family: monospace;
+}
+#debug_section {
+ overflow: auto;
+ max-height: 8.4em; /* 6 lines of text */
+ line-height: 1.4em;
+}
+dl.settings dt, dl.settings dd {
+ width: 50%;
+}
+dl.settings.adminlogin dt {
+ width: 20ch;
+}
+dl.settings.adminlogin dd {
+ width: calc(100% - 20ch);
+}
+@media (max-width: 480px) {
+ dl.settings.adminlogin dt, dl.settings.adminlogin dd {
+ width: 100%;
+ }
+}
+/* [WIP] Warning: this next bit may cause trouble. */
+/* It's just to hide an empty div when the submits are not shown. */
+.panel .clear:nth-child(3) {
+ border: 1px solid green;
+ display: none;
+}
+/* End [WIP] */
+
+
+/* Now make the installer and upgrader adaptive */
+
+@media screen and (max-width: 950px) {
+
+ .progress_bar span {
+ float: right;
+ }
+}
+
+@media screen and (max-width: 700px) {
+
+ #install_progress, #main_steps {
+ width: 100%;
+ margin-right: 0;
+ }
+ #install_progress {
+ order: 0;
+ margin-top: 2em;
+ }
+ dl.settings dd {
+ -ms-grid-column: 1;
+ grid-column: 1;
+ }
+ dl.settings dt {
+ margin: 10px 0 0;
+ }
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/jquery-ui.datepicker.css b/Themes/theme1/css/jquery-ui.datepicker.css
new file mode 100644
index 0000000000..eb839cdf18
--- /dev/null
+++ b/Themes/theme1/css/jquery-ui.datepicker.css
@@ -0,0 +1,592 @@
+/*! jQuery UI - v1.12.0 - 2016-08-30
+* https://jqueryui.com
+* Includes: core.css, datepicker.css, theme.css
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+ display: none;
+}
+
+.ui-helper-hidden-accessible {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+.ui-helper-reset {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ line-height: 1.3;
+ text-decoration: none;
+ font-size: 100%;
+ list-style: none;
+}
+
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+ content: "";
+ display: table;
+ border-collapse: collapse;
+}
+
+.ui-helper-clearfix:after {
+ clear: both;
+}
+
+.ui-helper-zfix {
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ position: absolute;
+ opacity: 0;
+}
+
+.ui-front {
+ z-index: 100;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+ cursor: default !important;
+ pointer-events: none;
+}
+
+/* Icons
+----------------------------------*/
+.ui-icon {
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -.25em;
+ position: relative;
+ text-indent: -99999px;
+ overflow: hidden;
+ background-repeat: no-repeat;
+}
+
+.ui-widget-icon-block {
+ left: 50%;
+ margin-left: -8px;
+ display: block;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.ui-datepicker {
+ width: 18em;
+ padding: .2em .2em 0;
+ display: none;
+ z-index: 1000 !important;
+}
+
+.ui-datepicker .ui-datepicker-header {
+ position: relative;
+ padding: .2em 0;
+}
+
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+ position: absolute;
+ top: 2px;
+ width: 1.8em;
+ height: 1.8em;
+ text-decoration: none !important;
+}
+
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+ top: 1px;
+}
+
+.ui-datepicker .ui-datepicker-prev {
+ left: 2px;
+}
+
+.ui-datepicker .ui-datepicker-next {
+ right: 2px;
+}
+
+.ui-datepicker .ui-datepicker-prev:after {
+ content: '\AB';
+ font-size: 1.5em;
+ display: block;
+ position: absolute;
+ left: 50%;
+ margin-left: -8px;
+ top: 50%;
+ margin-top: -8px;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ text-align: center;
+}
+
+.ui-datepicker .ui-datepicker-next:after {
+ content: '\BB';
+ font-size: 1.5em;
+ display: block;
+ position: absolute;
+ left: 50%;
+ margin-left: -8px;
+ top: 50%;
+ margin-top: -8px;
+ width: 16px;
+ height: 16px;
+ line-height: 16px;
+ text-align: center;
+}
+
+.ui-datepicker .ui-datepicker-prev-hover {
+ left: 1px;
+}
+
+.ui-datepicker .ui-datepicker-next-hover {
+ right: 1px;
+}
+
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+ display: block;
+ position: absolute;
+ left: 50%;
+ margin-left: -8px;
+ top: 50%;
+ margin-top: -8px;
+}
+
+.ui-datepicker .ui-datepicker-title {
+ margin: 0 2.3em;
+ line-height: 1.7em;
+ text-align: center;
+ overflow: hidden;
+ font-size: 1.1em;
+ font-weight: bold;
+ background: none;
+ color: #fff;
+}
+
+.ui-datepicker .ui-datepicker-title select {
+ font-size: 1em;
+ margin: 1px 0;
+}
+
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+ width: 45%;
+}
+
+.ui-datepicker table {
+ width: 100%;
+ /* font-size: .9em; */
+ border-collapse: collapse;
+ margin: 0 0 .4em;
+}
+
+.ui-datepicker th {
+ padding: .7em .3em;
+ text-align: center;
+ font-weight: bold;
+ border: 0;
+}
+
+.ui-datepicker td {
+ border: 0;
+ padding: 1px;
+}
+
+.ui-datepicker td span,
+.ui-datepicker td a {
+ display: block;
+ padding: .2em;
+ text-align: center;
+ text-decoration: none;
+}
+
+.ui-datepicker .ui-datepicker-buttonpane {
+ background-image: none;
+ margin: .7em 0 0 0;
+ padding: 0 .2em;
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+}
+
+.ui-datepicker .ui-datepicker-buttonpane button {
+ float: right;
+ margin: .5em .2em .4em;
+ cursor: pointer;
+ padding: .2em .6em .3em .6em;
+ width: auto;
+ overflow: visible;
+}
+
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+ float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+ width: auto;
+}
+
+.ui-datepicker-multi .ui-datepicker-group {
+ float: left;
+}
+
+.ui-datepicker-multi .ui-datepicker-group table {
+ width: 95%;
+ margin: 0 auto .4em;
+}
+
+.ui-datepicker-multi-2 .ui-datepicker-group {
+ width: 50%;
+}
+
+.ui-datepicker-multi-3 .ui-datepicker-group {
+ width: 33.3%;
+}
+
+.ui-datepicker-multi-4 .ui-datepicker-group {
+ width: 25%;
+}
+
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+ border-left-width: 0;
+}
+
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+ clear: left;
+}
+
+.ui-datepicker-row-break {
+ clear: both;
+ width: 100%;
+ font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+ direction: rtl;
+}
+
+.ui-datepicker-rtl .ui-datepicker-prev {
+ right: 2px;
+ left: auto;
+}
+
+.ui-datepicker-rtl .ui-datepicker-next {
+ left: 2px;
+ right: auto;
+}
+
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+ right: 1px;
+ left: auto;
+}
+
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+ left: 1px;
+ right: auto;
+}
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+ clear: right;
+}
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+ float: left;
+}
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+ float: right;
+}
+
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+ border-right-width: 0;
+ border-left-width: 1px;
+}
+
+/* Icons */
+.ui-datepicker .ui-icon {
+ display: block;
+ text-indent: -99999px;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ left: .5em;
+ top: .3em;
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 1em;
+}
+
+.ui-widget .ui-widget {
+ font-size: 1em;
+}
+
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 1em;
+}
+
+.ui-widget.ui-widget-content {
+ border: 1px solid #c5c5c5;
+}
+
+.ui-widget-content {
+ border: 1px solid #dddddd;
+ background: #ffffff;
+ color: #333333;
+}
+
+.ui-widget-content a {
+ color: #333333;
+}
+
+.ui-widget-header {
+ color: #fff;
+ font-family: "Tahoma", sans-serif;
+ font-weight: bold;
+ background: #557ea0;
+ border-bottom: 1px solid #777;
+ padding: 0;
+ border-radius: 6px 6px 0 0;
+ box-shadow: 0 16px 20px rgba(255, 255, 255, 0.15) inset;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+ box-sizing: border-box;
+ margin-bottom: 1px;
+}
+
+.ui-widget-header a {
+ color: #fff;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-button,
+/* We use html here because we need a greater specificity to make sure disabled
+works properly when clicked or hovered */
+html .ui-button.ui-state-disabled:hover,
+html .ui-button.ui-state-disabled:active {
+ border: 1px solid transparent;
+ border-radius: 3px;
+ background: transparent;
+ font-weight: normal;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited,
+a.ui-button,
+a:link.ui-button,
+a:visited.ui-button,
+.ui-button {
+ text-decoration: none;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus,
+.ui-button:hover,
+.ui-button:focus {
+ background: #597b9f;
+ border: 1px solid #4a6b8c;
+ color: #fff;
+ cursor: pointer;
+ text-decoration: none;
+ box-shadow: 0 4px 4px rgba(255, 255, 255, 0.1) inset;
+ text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
+}
+
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited,
+a.ui-button:hover,
+a.ui-button:focus {
+ font-weight: bold;
+ text-decoration: none;
+}
+
+.ui-visual-focus {
+ box-shadow: 0 0 3px 1px rgb(94, 158, 214);
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+ background: orange;
+ color: #fff;
+ font-weight: bold;
+ border: 1px solid #f49a3a;
+ box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2) inset;
+ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
+}
+
+.ui-icon-background,
+.ui-state-active .ui-icon-background {
+ border: #003eff;
+ background-color: #ffffff;
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+ /* color: #ffffff; */
+ text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+ border: 1px solid #dad55e;
+ background: #fffa90;
+ color: #777620;
+}
+
+.ui-state-checked {
+ border: 1px solid #dad55e;
+ background: #fffa90;
+}
+
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+ color: #777620;
+}
+
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+ border: 1px solid #f1a899;
+ background: #fddfdf;
+ color: #5f3f3f;
+}
+
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+ color: #5f3f3f;
+}
+
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+ color: #5f3f3f;
+}
+
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+ font-weight: bold;
+}
+
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+ opacity: .7;
+ font-weight: normal;
+}
+
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+ opacity: .35;
+ background-image: none;
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+ width: 16px;
+ height: 16px;
+}
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+ border-top-left-radius: 3px;
+}
+
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+ border-top-right-radius: 3px;
+}
+
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+ border-bottom-left-radius: 3px;
+}
+
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+ border-bottom-right-radius: 3px;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+ background: #aaaaaa;
+ opacity: .3;
+}
+
+.ui-widget-shadow {
+ -webkit-box-shadow: 0px 0px 5px #666666;
+ box-shadow: 0px 0px 5px #666666;
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/jquery.custom-scrollbar.css b/Themes/theme1/css/jquery.custom-scrollbar.css
new file mode 100644
index 0000000000..be5cb88a2e
--- /dev/null
+++ b/Themes/theme1/css/jquery.custom-scrollbar.css
@@ -0,0 +1,143 @@
+.scrollable:focus {
+ outline: 0;
+}
+
+.scrollable .viewport {
+ position: relative;
+ overflow: hidden;
+}
+
+.scrollable .viewport .overview {
+ width: 100%;
+ position: absolute;
+}
+
+.scrollable .scroll-bar {
+ display: none;
+}
+
+.scrollable .scroll-bar.vertical {
+ position: absolute;
+ right: 0;
+ height: 100%;
+}
+
+.scrollable .scroll-bar.horizontal {
+ position: relative;
+ width: 100%;
+}
+
+.scrollable .scroll-bar .thumb {
+ position: absolute;
+}
+
+.scrollable .scroll-bar.vertical .thumb {
+ width: 100%;
+ min-height: 10px;
+}
+
+.scrollable .scroll-bar.horizontal .thumb {
+ height: 100%;
+ min-width: 10px;
+ left: 0;
+}
+
+.not-selectable {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+/*Default skin*/
+
+.scrollable.default-skin {
+ padding-right: 10px;
+ padding-bottom: 6px;
+}
+
+.scrollable.default-skin .scroll-bar.vertical {
+ width: 6px;
+}
+
+.scrollable.default-skin .scroll-bar.horizontal {
+ height: 6px;
+}
+
+.scrollable.default-skin .scroll-bar .thumb {
+ background-color: black;
+ opacity: 0.4;
+ border-radius: 3px;
+}
+
+.scrollable.default-skin .scroll-bar:hover .thumb {
+ opacity: 0.6;
+}
+
+/*Gray skin*/
+
+.scrollable.gray-skin {
+ padding-right: 17px;
+}
+
+.scrollable.gray-skin .scroll-bar {
+ border: 1px solid gray;
+ background-color: #d3d3d3;
+}
+
+.scrollable.gray-skin .scroll-bar .thumb {
+ background-color: gray;
+}
+
+.scrollable.gray-skin .scroll-bar:hover .thumb {
+ background-color: black;
+}
+
+.scrollable.gray-skin .scroll-bar.vertical {
+ width: 10px;
+}
+
+.scrollable.gray-skin .scroll-bar.horizontal {
+ height: 10px;
+ margin-top: 2px;
+}
+
+/*Modern skin*/
+.scrollable.modern-skin {
+ padding-right: 17px;
+}
+
+.scrollable.modern-skin .scroll-bar {
+ border: 1px solid gray;
+ border-radius: 4px;
+ box-shadow: inset 0 0 5px #888;
+}
+
+.scrollable.modern-skin .scroll-bar .thumb {
+ background-color: #95aabf;
+ border-radius: 4px;
+ border: 1px solid #536984;
+}
+
+.scrollable.modern-skin .scroll-bar.vertical .thumb {
+ width: 8px;
+ background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
+ background: linear-gradient(to right, #95aabf 0%, #547092 100%);
+}
+
+.scrollable.modern-skin .scroll-bar.horizontal .thumb {
+ height: 8px;
+ background-image: linear-gradient(#95aabf, #547092);
+ background-image: -webkit-linear-gradient(#95aabf, #547092);
+}
+
+.scrollable.modern-skin .scroll-bar.vertical {
+ width: 10px;
+}
+
+.scrollable.modern-skin .scroll-bar.horizontal {
+ height: 10px;
+ margin-top: 2px;
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/jquery.sceditor.css b/Themes/theme1/css/jquery.sceditor.css
new file mode 100644
index 0000000000..7983461c36
--- /dev/null
+++ b/Themes/theme1/css/jquery.sceditor.css
@@ -0,0 +1,614 @@
+/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
+/**
+ * SCEditor
+ * https://www.sceditor.com/
+ *
+ * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
+ *
+ * SCEditor is licensed under the MIT license:
+ * https://opensource.org/licenses/mit-license.php
+ */
+div.sceditor-grip,
+.sceditor-button div {
+ background-image: url("../images/icons/editor_sprite.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+}
+.sceditor-button-flash div {
+ background-position: 0px -712px;
+}
+.sceditor-button-youtube div {
+ background-position: 0px 0px;
+}
+.sceditor-button-link div {
+ background-position: 0px -16px;
+}
+.sceditor-button-unlink div {
+ background-position: 0px -32px;
+}
+.sceditor-button-underline div {
+ background-position: 0px -48px;
+}
+.sceditor-button-time div {
+ background-position: 0px -64px;
+}
+.sceditor-button-table div {
+ background-position: 0px -80px;
+}
+.sceditor-button-superscript div {
+ background-position: 0px -96px;
+}
+.sceditor-button-subscript div {
+ background-position: 0px -112px;
+}
+.sceditor-button-strike div {
+ background-position: 0px -128px;
+}
+.sceditor-button-source div {
+ background-position: 0px -144px;
+}
+.sceditor-button-size div {
+ background-position: 0px -160px;
+}
+.sceditor-button-rtl div {
+ background-position: 0px -176px;
+}
+.sceditor-button-right div {
+ background-position: 0px -192px;
+}
+.sceditor-button-removeformat div {
+ background-position: 0px -208px;
+}
+.sceditor-button-quote div {
+ background-position: 0px -224px;
+}
+.sceditor-button-print div {
+ background-position: 0px -240px;
+}
+.sceditor-button-pastetext div {
+ background-position: 0px -256px;
+}
+.sceditor-button-paste div {
+ background-position: 0px -272px;
+}
+.sceditor-button-outdent div {
+ background-position: 0px -288px;
+}
+.sceditor-button-orderedlist div {
+ background-position: 0px -304px;
+}
+.sceditor-button-maximize div {
+ background-position: 0px -320px;
+}
+.sceditor-button-ltr div {
+ background-position: 0px -336px;
+}
+.sceditor-button-left div {
+ background-position: 0px -352px;
+}
+.sceditor-button-justify div {
+ background-position: 0px -368px;
+}
+.sceditor-button-italic div {
+ background-position: 0px -384px;
+}
+.sceditor-button-indent div {
+ background-position: 0px -400px;
+}
+.sceditor-button-image div {
+ background-position: 0px -416px;
+}
+.sceditor-button-horizontalrule div {
+ background-position: 0px -432px;
+}
+.sceditor-button-format div {
+ background-position: 0px -448px;
+}
+.sceditor-button-font div {
+ background-position: 0px -464px;
+}
+.sceditor-button-emoticon div {
+ background-position: 0px -480px;
+}
+.sceditor-button-email div {
+ background-position: 0px -496px;
+}
+.sceditor-button-date div {
+ background-position: 0px -512px;
+}
+.sceditor-button-cut div {
+ background-position: 0px -528px;
+}
+.sceditor-button-copy div {
+ background-position: 0px -544px;
+}
+.sceditor-button-color div {
+ background-position: 0px -560px;
+}
+.sceditor-button-code div {
+ background-position: 0px -576px;
+}
+.sceditor-button-center div {
+ background-position: 0px -592px;
+}
+.sceditor-button-bulletlist div {
+ background-position: 0px -608px;
+}
+.sceditor-button-bold div {
+ background-position: 0px -624px;
+}
+div.sceditor-grip {
+ background-position: 0px -640px;
+ width: 10px;
+ height: 10px;
+}
+.rtl div.sceditor-grip {
+ background-position: 0px -650px;
+ width: 10px;
+ height: 10px;
+}
+/**
+ * SCEditor
+ * https://www.sceditor.com/
+ *
+ * Copyright (C) 2011-12, Sam Clarke (samclarke.com)
+ *
+ * SCEditor is licensed under the MIT license:
+ * https://opensource.org/licenses/mit-license.php
+ */
+/*---------------------------------------------------
+ LESS Elements 0.7
+ ---------------------------------------------------
+ A set of useful LESS mixins
+ More info at: http://lesselements.com
+ ---------------------------------------------------*/
+.sceditor-container {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ background: #fff;
+ border: 1px solid #d9d9d9;
+ font-size: 13px;
+ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+ color: #222;
+ line-height: 1;
+ font-weight: bold;
+ border-radius: 4px 4px 0 0;
+ background-clip: padding-box;
+ min-width: 100%;
+ max-width: 100%;
+}
+.sceditor-container *,
+.sceditor-container *::before,
+.sceditor-container *::after {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+.sceditor-container,
+.sceditor-container div,
+div.sceditor-dropdown,
+div.sceditor-dropdown div {
+ padding: 0;
+ margin: 0;
+ z-index: 5;
+}
+.sceditor-container iframe,
+.sceditor-container textarea {
+ line-height: normal;
+ border: 0;
+ outline: none;
+ font-size: 14px;
+ color: #111;
+ box-sizing: border-box;
+ padding: 0 5px;
+ margin: 0px;
+ resize: none;
+ background: #fff;
+ display: flex;
+ flex-basis: 250px;
+ flex-grow: 1;
+ min-width: 100%;
+ max-width: 100%;
+ height: 250px;
+ min-height: 1px;
+ max-height: 100%;
+}
+.sceditor-container iframe {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+.sceditor-container textarea {
+ font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace;
+}
+div.sceditor-dnd-cover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background: rgba(255, 255, 255, 0.2);
+ border: 5px dashed #aaa;
+ z-index: 200;
+ font-size: 2em;
+ text-align: center;
+ color: #aaa;
+}
+div.sceditor-dnd-cover p {
+ position: relative;
+ top: 45%;
+ pointer-events: none;
+}
+div.sceditor-resize-cover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: #000;
+ width: 100%;
+ height: 100%;
+ z-index: 10;
+ opacity: 0.3;
+}
+div.sceditor-grip {
+ overflow: hidden;
+ width: 10px;
+ height: 10px;
+ cursor: pointer;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ z-index: 3;
+ line-height: 0;
+}
+div.sceditor-grip.has-icon {
+ background-image: none;
+}
+.sceditor-maximize {
+ position: fixed;
+ top: 0;
+ left: 0;
+ height: 100% !important;
+ width: 100% !important;
+ border-radius: 0;
+ background-clip: padding-box;
+ z-index: 2000;
+}
+html.sceditor-maximize,
+body.sceditor-maximize {
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+}
+.ie6.sceditor-maximize {
+ position: absolute;
+}
+.sceditor-maximize div.sceditor-grip {
+ display: none;
+}
+.sceditor-maximize div.sceditor-toolbar {
+ border-radius: 0;
+ background-clip: padding-box;
+}
+div.sceditor-smileyPopup, div.sceditor-dropdown {
+ border: 1px solid #ccc;
+ background: #fff;
+ color: #333;
+ z-index: 4000;
+ padding: 10px;
+ line-height: 1;
+ border-radius: 2px;
+ background-clip: padding-box;
+ box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
+ overflow-y: auto;
+}
+@media screen and (min-width: 1024px) {
+ div.sceditor-smileyPopup {
+ max-height: 50%;
+ width: 50%;
+ position: fixed;
+ }
+ #sceditor-popup {
+ height: 100%;
+ }
+ #sceditor-popup-smiley {
+ height: 90%;
+ overflow: auto;
+ }
+}
+@media screen and (max-width: 1024px) {
+ div.sceditor-smileyPopup {
+ width: 90%;
+ position: absolute;
+ }
+}
+/**
+ * Dropdown styleing
+ */
+div.sceditor-dropdown {
+ position: absolute;
+ border: 1px solid #ccc;
+ background: #fff;
+ color: #333;
+ z-index: 4000;
+ padding: 10px;
+ line-height: 1;
+ border-radius: 2px;
+ background-clip: padding-box;
+ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
+}
+div.sceditor-dropdown a,
+div.sceditor-dropdown a:link {
+ color: #333;
+}
+div.sceditor-dropdown form {
+ margin: 0;
+}
+div.sceditor-dropdown label {
+ display: block;
+ font-weight: bold;
+ color: #3c3c3c;
+ padding: 4px 0;
+}
+div.sceditor-dropdown input,
+div.sceditor-dropdown textarea {
+ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+ outline: 0;
+ padding: 4px;
+ border: 1px solid #ccc;
+ border-top-color: #888;
+ margin: 0 0 .75em;
+ border-radius: 1px;
+ background-clip: padding-box;
+}
+div.sceditor-dropdown textarea {
+ padding: 6px;
+}
+div.sceditor-dropdown input:focus,
+div.sceditor-dropdown textarea:focus {
+ border-color: #aaa;
+ border-top-color: #666;
+ box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
+}
+div.sceditor-dropdown .button {
+ font-weight: bold;
+ color: #444;
+ padding: 0 12px;
+ background: #ececec;
+ border: solid 1px #ccc;
+ border-radius: 2px;
+ background-clip: padding-box;
+ cursor: pointer;
+ margin: .3em 0 0;
+}
+div.sceditor-dropdown .button:hover {
+ background: #f3f3f3;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
+}
+div.sceditor-font-picker,
+div.sceditor-fontsize-picker,
+div.sceditor-format {
+ padding: 6px 0;
+}
+div.sceditor-emoticons,
+div.sceditor-more-emoticons,
+div.sceditor-color-picker {
+ padding: 0;
+}
+.sceditor-pastetext textarea {
+ border: 1px solid #bbb;
+ width: 20em;
+}
+.sceditor-emoticons img,
+.sceditor-more-emoticons img {
+ padding: 0;
+ cursor: pointer;
+ margin: 2px;
+}
+.sceditor-insertemoticon {
+ padding: 4px !important;
+}
+
+.sceditor-insertemoticon > div, .sceditor-insertemoticon > center {
+ display: inline-block;
+ vertical-align: middle;
+}
+.sceditor-more {
+ border-top: 1px solid #bbb;
+ display: inline-block;
+ cursor: pointer;
+ font-weight: bold;
+ padding: 0 4px !important;
+ margin-top: 4px !important;
+}
+.sceditor-dropdown a:hover {
+ background: #eee;
+}
+.sceditor-fontsize-option,
+.sceditor-font-option,
+.sceditor-format a {
+ display: block;
+ padding: 7px 10px;
+ cursor: pointer;
+ text-decoration: none;
+ color: #222;
+}
+.sceditor-fontsize-option {
+ padding: 7px 13px;
+}
+.sceditor-color-column {
+ float: left;
+}
+.sceditor-color-option {
+ display: block;
+ border: 1px solid #fff;
+ height: 10px;
+ width: 10px;
+ overflow: hidden;
+ display: inline-block;
+ border: 1px solid #fff;
+}
+@media screen and (min-width: 1024px) {
+ .sceditor-color-option {
+ height: 24px;
+ width: 24px;
+ }
+ .sceditor-color-picker {
+ width: 131px;
+ }
+}
+@media screen and (max-width: 1024px) {
+ .sceditor-color-option {
+ height: 48px;
+ width: 48px;
+ }
+ .sceditor-color-picker {
+ width: 251px;
+ }
+}
+.sceditor-color-option:hover {
+ border: 1px solid #333;
+}
+/**
+ * Toolbar styleing
+ */
+div.sceditor-toolbar {
+ flex-shrink: 0;
+ overflow: hidden;
+ padding: 3px 5px 2px;
+ background: #f7f7f7;
+ border-bottom: 1px solid #c0c0c0;
+ line-height: 0;
+ text-align: left;
+ user-select: none;
+ border-radius: 3px 3px 0 0;
+ background-clip: padding-box;
+ margin: 0 0 5px;
+}
+div.sceditor-group {
+ display: inline-block;
+ background: #ddd;
+ margin: 1px 5px 1px 0;
+ padding: 1px;
+ border-bottom: 1px solid #aaa;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.sceditor-button {
+ float: left;
+ cursor: pointer;
+ padding: 3px 5px;
+ width: 16px;
+ height: 20px;
+ border-radius: 3px;
+ background-clip: padding-box;
+}
+.sceditor-button:hover,
+.sceditor-button:active,
+.sceditor-button.active {
+ background: #fff;
+ box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+.sceditor-button:active {
+ background: #fff;
+ box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);
+}
+.sceditor-button.disabled:hover {
+ background: inherit;
+ cursor: default;
+ box-shadow: none;
+}
+.sceditor-button,
+.sceditor-button div {
+ display: block;
+}
+.sceditor-button svg {
+ display: inline-block;
+ height: 16px;
+ width: 16px;
+ margin: 2px 0;
+ fill: #111;
+ pointer-events: none;
+ line-height: 1;
+}
+.sceditor-button.disabled svg {
+ fill: #888;
+}
+.sceditor-button div {
+ margin: 2px 0;
+ padding: 0;
+ overflow: hidden;
+ line-height: 0;
+ font-size: 0;
+ color: transparent;
+}
+.sceditor-button.has-icon div {
+ display: none;
+}
+.sceditor-button.disabled div {
+ opacity: 0.3;
+}
+.text .sceditor-button,
+.text .sceditor-button div,
+.sceditor-button.text,
+.sceditor-button.text div,
+.text-icon .sceditor-button,
+.text-icon .sceditor-button div,
+.sceditor-button.text-icon,
+.sceditor-button.text-icon div {
+ display: inline-block;
+ width: auto;
+ line-height: 16px;
+ font-size: 1em;
+ color: inherit;
+ text-indent: 0;
+}
+.text-icon .sceditor-button.has-icon div,
+.sceditor-button.has-icon div,
+.text .sceditor-button div,
+.sceditor-button.text div {
+ padding: 0 2px;
+ background: none;
+}
+.text .sceditor-button svg,
+.sceditor-button.text svg {
+ display: none;
+}
+.text-icon .sceditor-button div,
+.sceditor-button.text-icon div {
+ padding: 0 2px 0 20px;
+}
+.rtl div.sceditor-toolbar {
+ text-align: right;
+}
+.rtl .sceditor-button {
+ float: right;
+}
+.rtl div.sceditor-grip {
+ right: auto;
+ left: 0;
+}
+
+/* SMF buttons styles */
+.sceditor-button-pre div {
+ background-position: 0 -696px;
+}
+.sceditor-button-floatleft div {
+ background-position: 0px -680px;
+}
+.sceditor-button-floatright div {
+ background-position: 0px -664px;
+}
+.sceditor-insertemoticon img,
+.sceditor-smileyPopup img {
+ margin: 6px 7px 0 0;
+}
+.sceditor-insertemoticon img,
+div.sceditor-dropdown img,
+.sceditor-smileyPopup img {
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/jquery.sceditor.default.css b/Themes/theme1/css/jquery.sceditor.default.css
new file mode 100644
index 0000000000..e1f647b8eb
--- /dev/null
+++ b/Themes/theme1/css/jquery.sceditor.default.css
@@ -0,0 +1,148 @@
+/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
+html, p, code::before, table {
+ margin: 0;
+ padding: 0;
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ color: #111;
+ line-height: 1.25;
+ overflow: visible;
+}
+html {
+ height: 100%;
+}
+.ios {
+ /* Needed for iOS scrolling bug fix */
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+.ios body {
+ /* Needed for iOS scrolling bug fix */
+ position: relative;
+ overflow: auto;
+}
+body {
+ /* Needed to make sure body covers the whole editor and that
+ long lines don't cause horizontal scrolling */
+ min-height: 100%;
+ word-wrap: break-word;
+ margin: 0 5px;
+ padding: 0;
+}
+
+ul, ol {
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+table, td {
+ border: 1px dotted #000;
+ empty-cells: show;
+ min-width: 0.5ch;
+}
+
+code::before {
+ position: absolute;
+ content: 'Code:';
+ top: -1.35em;
+ left: 0;
+}
+code[data-title]::before {
+ content: 'Code: (' attr(data-title) ')';
+}
+code {
+ margin-top: 1.5em;
+ position: relative;
+ background: #eee;
+ border: 1px solid #aaa;
+ white-space: pre;
+ padding: .25em;
+ display: block;
+}
+.ie6 code, .ie7 code {
+ margin-top: 0;
+}
+code::before, code {
+ display: block;
+ text-align: left;
+}
+
+blockquote {
+ margin: 0 0 8px 0;
+ padding: 6px 10px;
+ font-size: small;
+ border: 1px solid #d6dfe2;
+ border-left: 2px solid #aaa;
+ border-right: 2px solid #aaa;
+ background-color: #e0e6f6;
+}
+blockquote cite {
+ display: block;
+ border-bottom: 1px solid #aaa;
+ font-size: 0.9em;
+ margin-bottom: 0.5em;
+}
+
+blockquote cite::before {
+ color: #aaa;
+ font-size: 22px;
+ font-style: normal;
+ content: '\275D';
+ margin-right: 5px;
+ vertical-align: middle;
+}
+blockquote cite + br,
+blockquote br:last-child {
+ display: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ padding: 0;
+ margin: 0;
+}
+
+/* Make sure images stay within bounds */
+img {
+ max-width: 100%;
+}
+
+/* Responsive Youtube embed */
+.videocontainer {
+ max-width: 560px;
+}
+.videocontainer div {
+ position: relative;
+ padding-bottom: 56.25%;
+}
+.videocontainer iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.floatleft, .floatright {
+ max-width: 45%;
+ border: 1px dashed #aaa;
+ padding: 1px;
+ min-height: 1em;
+}
+.floatleft {
+ float: left;
+ clear: left;
+ margin: 0 1em 1em 0;
+}
+.floatright {
+ float: right;
+ clear: right;
+ margin: 0 0 1em 1em;
+}
+@media (max-width: 480px) {
+ .floatleft, .floatright {
+ max-width: 100% !important;
+ margin: 0 0.5em 1em !important;
+ }
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/jquery.timepicker.css b/Themes/theme1/css/jquery.timepicker.css
new file mode 100644
index 0000000000..63f9771107
--- /dev/null
+++ b/Themes/theme1/css/jquery.timepicker.css
@@ -0,0 +1,73 @@
+.ui-timepicker-wrapper {
+ overflow-y: auto;
+ height: 150px;
+ width: 6.5em;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ outline: none;
+ z-index: 10001;
+ margin: 0;
+}
+
+.ui-timepicker-wrapper.ui-timepicker-with-duration {
+ width: 13em;
+}
+
+.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
+.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
+ width: 11em;
+}
+
+.ui-timepicker-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.ui-timepicker-duration {
+ margin-left: 5px;
+ color: #888;
+}
+
+.ui-timepicker-list:hover .ui-timepicker-duration {
+ color: #888;
+}
+
+.ui-timepicker-list li {
+ padding: 3px 0 3px 5px;
+ cursor: pointer;
+ white-space: nowrap;
+ color: #000;
+ list-style: none;
+ margin: 0;
+}
+
+.ui-timepicker-list:hover .ui-timepicker-selected {
+ background: #fff;
+ color: #000;
+}
+
+li.ui-timepicker-selected,
+.ui-timepicker-list li:hover,
+.ui-timepicker-list .ui-timepicker-selected:hover {
+ background: #1980ec;
+ color: #fff;
+}
+
+li.ui-timepicker-selected .ui-timepicker-duration,
+.ui-timepicker-list li:hover .ui-timepicker-duration {
+ color: #ccc;
+}
+
+.ui-timepicker-list li.ui-timepicker-disabled,
+.ui-timepicker-list li.ui-timepicker-disabled:hover,
+.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
+ color: #888;
+ cursor: default;
+}
+
+.ui-timepicker-list li.ui-timepicker-disabled:hover,
+.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
+ background: #f2f2f2;
+}
diff --git a/Themes/theme1/css/report.css b/Themes/theme1/css/report.css
new file mode 100644
index 0000000000..ee2440afee
--- /dev/null
+++ b/Themes/theme1/css/report.css
@@ -0,0 +1,48 @@
+body {
+ color: #000;
+ background-color: #fff;
+ zoom: 1;
+}
+body, td, .normaltext {
+ font-family: Verdana, arial, helvetica, serif;
+ font-size: small;
+}
+*, a:link, a:visited, a:hover, a:active {
+ color: #000 !important;
+}
+.smalltext, .quoteheader, .codeheader {
+ font-size: x-small;
+}
+.largetext {
+ font-size: large;
+}
+hr {
+ height: 1px;
+ border: 0;
+ color: #000;
+ background-color: #000;
+}
+.catbg {
+ background-color: #d6d6d6;
+ font-weight: bold;
+}
+.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited {
+ font-style: normal;
+ background-color: #f0f4f7;
+}
+.bordercolor {
+ background-color: #333;
+}
+.windowbg {
+ color: #000;
+ background-color: #fff;
+}
+.copyright {
+ font-size: x-small;
+ text-align: center;
+ font-family: Verdana, sans-serif; /* Copyright must be Verdana! */
+}
+.centertext {
+ margin: 0 auto;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/responsive.css b/Themes/theme1/css/responsive.css
new file mode 100644
index 0000000000..ff798760f0
--- /dev/null
+++ b/Themes/theme1/css/responsive.css
@@ -0,0 +1,878 @@
+/* Some very big stuff? Dunno... */
+@media (min-width: 856px) and (max-width: 1024px) {
+ #alerts .alert_time {
+ display: none;
+ }
+ #alerts .alert_inline_time {
+ display: block;
+ }
+}
+
+/* Still not enough data or people to test this... */
+/* This needs more data and this range is probably for iPad Air (alike) tablets... */
+@media (min-width: 721px) and (max-width: 855px) {
+ .lastpost {
+ margin: 0 0 0 20px;
+ }
+ .board_stats {
+ display: none;
+ }
+ #alerts .alert_time {
+ display: none;
+ }
+ #alerts .alert_inline_time {
+ display: block;
+ }
+}
+
+@media (max-width: 855px) {
+ #profile_menu_top .textmenu,
+ #pm_menu_top .textmenu,
+ #alerts_menu_top .textmenu {
+ display: none;
+ }
+ #pm_menu_top .main_icons,
+ #alerts_menu_top .main_icons {
+ display: inline-block;
+ }
+ #member_list .ip, #member_list .last_active, #member_list .user_name {
+ display: none !important;
+ }
+}
+
+@media (min-width: 720px) and (max-width: 799px) {
+ #top_info .welcome {
+ display: none;
+ }
+ /* Calendar */
+ #event_time_options {
+ width: 44%;
+ }
+ #event_title {
+ padding: 0;
+ }
+ #evtitle {
+ width: 98%;
+ }
+ .event_options_left, .event_options_right {
+ display: block;
+ max-width: unset;
+ width: unset;
+ }
+ #event_title input[type="text"] {
+ width: 100%;
+ }
+ #post_event #event_board select {
+ width: calc(100% - 90px);
+ max-width: unset;
+ }
+}
+
+/* We have shared things... */
+@media screen and (max-width: 720px) {
+ /* Remove some content from the hooks table */
+ #list_integration_hooks th#header_list_integration_hooks_function_name, #list_integration_hooks td.function_name,
+ #list_integration_hooks th#header_list_integration_hooks_remove, #list_integration_hooks td.remove {
+ display: none;
+ }
+ /* New Mobile Action/Mod Pop (Test) */
+ .moderationbuttons_check {
+ display: none;
+ }
+ .moderationbuttons_mobile_check {
+ display: inline-block;
+ }
+ #mobile_action .button, #mobile_moderation .button, #mobile_action .top_menu {
+ width: 100%;
+ margin: 0;
+ border-radius: 0;
+ border-left: 0;
+ border-right: 0;
+ text-indent: 5px;
+ }
+ #mobile_action .button, #mobile_moderation .button {
+ line-height: 2.8em;
+ height: auto;
+ }
+ #mobile_action .notify_dropdown {
+ top: 0 !important;
+ left: 0 !important;
+ position: relative;
+ }
+ #mobile_action .top_menu {
+ padding: 0;
+ margin: 0 auto;
+ }
+ #mobile_action .notify_dropdown a {
+ border-bottom: var(--border_width) var(--border_style) var(--border_color);
+ }
+ #mobile_action .notify_dropdown a:last-of-type {
+ border-bottom: none;
+ }
+ #mobile_action .notify_dropdown span {
+ display: none;
+ }
+ .mobile_buttons {
+ margin: 5px 0;
+ }
+ .mobile_buttons .button {
+ margin: 0;
+ }
+ .pagesection .buttonlist, #moderationbuttons {
+ display: none;
+ }
+ .mobile_buttons {
+ display: block;
+ }
+
+ /* Stuff */
+ #top_info {
+ padding: 1px;
+ }
+ .infolinks {
+ display: inline-block;
+ margin: 5px 7px 0 0;
+ }
+ #registration .field_icons {
+ float: left;
+ margin: 5px 0 0 3px;
+ }
+ dl.register_form dt span {
+ display: inline;
+ }
+ #quick_actions {
+ display: flex;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+ }
+ #quick_actions > * {
+ flex: 0 1 auto;
+ margin: 0 5px 0 0;
+ max-width: 40%;
+ white-space: nowrap;
+ }
+ #quick_actions > .button.qaction {
+ flex: 0 0 auto;
+ margin: 0 !important;
+ }
+
+ /* Menu */
+ .quickbuttons li:hover ul {
+ display: none;
+ }
+
+ /* General */
+ .action_home {
+ width: 100% !important;
+ }
+ #wrapper {
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0;
+ }
+ #footer {
+ padding: 10px;
+ }
+ #top_section .inner_wrap, #wrapper, #header .inner_wrap, #footer .inner_wrap, #main_menu .inner_wrap {
+ width: 100%;
+ }
+ #upper_section, #inner_section, #content_section {
+ border-radius: 0;
+ }
+ #boardindex_table .stats {
+ display: none;
+ }
+ .login {
+ width: 100%;
+ }
+ #inner_wrap {
+ flex-flow: row wrap;
+ }
+ #inner_wrap .user,
+ #inner_wrap .news {
+ width: auto;
+ max-width: initial;
+ }
+ #languages_form {
+ padding-right: 10px;
+ }
+
+ /* BoardIndex */
+ .board_stats {
+ display: none;
+ }
+ .info {
+ width: calc(100% - 65px);
+ }
+ .lastpost {
+ width: 100%;
+ padding: 0;
+ display: block;
+ min-height: 2em;
+ }
+ .up_contain .lastpost {
+ background: var(--children_bg_color);
+ border-top: var(--border_width) var(--border_style) var(--border_color);
+ min-height: initial;
+ }
+ .lastpost p {
+ margin: 5px;
+ }
+ .board_lastpost {
+ padding: 0px 0px 0px 0px;
+ }
+ span.postby {
+ display: inline-block;
+ }
+ /* Stats Center */
+ #ic_recentposts {
+ margin: 0;
+ width: 100%;
+ }
+ #upshrink_stats p.inline, #upshrink_stats p.last {
+ padding: 5px;
+ }
+
+ /* MessageIndex */
+ #messageindex .board_icon, #messageindex .lastpost {
+ display: none;
+ }
+ #messageindex .info {
+ padding: 8px 10px;
+ }
+ .moderation a {
+ padding: 3px;
+ }
+ #topic_container .moderation .main_icons {
+ display: none;
+ }
+ /* Unread */
+ #unread .board_icon, #unread .lastpost, #unreadreplies .board_icon, #unreadreplies .lastpost {
+ display: none;
+ }
+ #unread .info, #unreadreplies .info {
+ padding-left: 5px;
+ }
+
+ /* Display (Topics) */
+ .poster {
+ float: none;
+ width: auto;
+ position: relative;
+ }
+ .postarea {
+ margin: 0;
+ }
+ .inner {
+ padding: 1em 2px;
+ }
+ .moderatorbar {
+ margin: 0;
+ }
+ .keyinfo {
+ padding-top: 5px;
+ margin-top: 5px;
+ clear: both;
+ }
+ .keyinfo .postinfo {
+ font-weight: normal;
+ }
+ .keyinfo .postinfo .smalltext,
+ .keyinfo .page_number {
+ opacity: 0.6;
+ }
+ .keyinfo .postinfo a.smalltext:hover {
+ opacity: 1;
+ }
+ img.icon, #forumposts .catbg img {
+ display: none;
+ }
+ .poster h4 {
+ display: inline-block;
+ }
+ .user_info {
+ display: inline;
+ }
+ .user_info li,
+ .custom_fields_above_member {
+ display: none;
+ }
+ .user_info li.title,
+ .user_info li.membergroup {
+ display: inline-block;
+ font-weight: normal;
+ }
+ .user_info li::before {
+ content: "·";
+ padding: 0 1ch 0 0.5ch;
+ }
+ .like_count,
+ .smflikebutton:last-child {
+ margin-bottom: 8px;
+ }
+ .button.mobile {
+ margin: 0 0 5px 0;
+ }
+ .pagelinks {
+ margin: 0;
+ }
+
+ /* Profile */
+ #admin_content .content {
+ padding: 0;
+ }
+ #creator dt {
+ width: 33%;
+ }
+ #creator dd {
+ width: 65%;
+ }
+ #basicinfo, #detailedinfo {
+ width: 100%;
+ }
+ #basicinfo {
+ margin: 0 0 5px 0; /* For UX */
+ }
+ /* Buddies & Ignore List */
+ #edit_buddies .buddy_custom_fields {
+ display: none;
+ }
+ /* PersonalMessages */
+ #personal_messages .pm_time, #personal_messages .pm_from_to {
+ display: none;
+ }
+ #personal_messages .pm_inline_time {
+ display: block;
+ }
+ /* Alerts Page */
+ #alerts .alert_text, #alerts .alert_time, #alerts .alert_buttons {
+ display: block;
+ }
+ #alerts .alert_time {
+ float: left;
+ }
+ #alerts .alert_text {
+ margin: 11px 0 0;
+ }
+ #alerts .alert_buttons .quickbuttons {
+ margin: 0 0 11px;
+ display: block;
+ }
+ #alerts .alert_image {
+ width: 60px;
+ }
+ /* Post Screen */
+ form#postmodify .roundframe, #post_event .roundframe {
+ padding: 5px;
+ }
+ #post_header input {
+ width: 100%;
+ }
+ #post_confirm_buttons .smalltext {
+ display: none;
+ }
+ ul.post_options {
+ padding: 0;
+ margin: 0;
+ }
+ ul.post_options li {
+ margin: 2px 5px 0 0;
+ width: 48%;
+ }
+ /* Search */
+ #searchform .roundframe {
+ padding: 5px;
+ }
+ #advanced_search dt {
+ text-align: left;
+ width: 100%;
+ float: left;
+ }
+ #advanced_search dd {
+ width: auto;
+ }
+ #advanced_search dl#search_options {
+ width: 100%;
+ }
+ input#searchfor, input#userspec {
+ width: 75%;
+ }
+ /* Hide me */
+ #inner_wrap.hide_720, #inner_wrap time, #inner_wrap .news,
+ #search_form, #message_index_jump_to, .nextlinks, #display_jump_to,
+ #siteslogan, th.id_group, th.registered, th.posts, th.reg_group, th.reg_date, td.reg_group, td.reg_date,
+ td.id_group, td.registered, td.posts:not(.unique), td.statsbar.posts,
+ #approve_list .ip, #approve_list .date_registered, #group_members .date_registered,
+ #main_content_section .navigate_section, .time,
+ #header_custom_profile_fields_field_type, #header_custom_profile_fields_active,
+ #header_custom_profile_fields_placement, #custom_profile_fields .active, #custom_profile_fields .field_type, #custom_profile_fields .placement {
+ display: none !important;
+ }
+ /* Generic Lists */
+ #topic_notification_list .last_post, #topic_notification_list .started_by,
+ #request_list .time_applied, #file_list .date, #ban_list .notes, #ban_list .reason, #ban_log .email,
+ #mail_queue .priority, #attachments .posted {
+ display: none;
+ }
+
+ /* Admin */
+ .admin_search {
+ float: none;
+ }
+ .table_grid.half_content {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ .table_grid select {
+ max-width: 85vw;
+ }
+ #private, #enclose {
+ width: 95%;
+ }
+ /* Edit Language */
+ #language_list .character_set {
+ display: none;
+ }
+ /* Generic Classes for Customizations */
+ .hide_720 {
+ display: none;
+ }
+ .block_720 {
+ display: block;
+ }
+ .inlineblock_720 {
+ display: inline-block;
+ }
+}
+
+/* Tricky menu */
+@media (min-width: 561px) {
+ #mobile_user_menu.popup_container {
+ display: block !important;
+ }
+ div[id^="mobile_generic_menu_"].popup_container {
+ display: block !important;
+ }
+ #main_menu .popup_window,
+ #genericmenu .popup_window,
+ #adm_submenus .popup_window {
+ box-shadow: none;
+ border-width: 0;
+ background: none;
+ }
+}
+@media (max-width: 560px) {
+ /* This is general */
+ #main_menu .popup_container,
+ #genericmenu .popup_container,
+ #adm_submenus .popup_container {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 5;
+ }
+ #main_menu .popup_heading,
+ #genericmenu .popup_heading,
+ #adm_submenus .popup_heading {
+ display: block;
+ }
+ #main_menu {
+ margin: 0;
+ border: none;
+ }
+ .popup_window,
+ #main_menu .popup_window,
+ #genericmenu .popup_window,
+ #adm_submenus .popup_window {
+ top: 15%;
+ width: 95vw;
+ min-height: auto;
+ max-height: 90vh;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ }
+ #adm_submenus {
+ padding: 0;
+ }
+ #adm_submenus .dropmenu li {
+ float: left;
+ margin: 0;
+ }
+ .generic_menu {
+ display: none;
+ }
+ #mobile_user_menu .dropmenu,
+ div[id^="mobile_generic_menu_"] .generic_menu {
+ display: block;
+ }
+ a.mobile_user_menu,
+ a[class^="mobile_generic_menu_"] {
+ display: flex;
+ align-items: center;
+ margin: 9px 0px 0px 0px;
+ }
+ a[class^="mobile_generic_menu_"] {
+ margin: 8px 0;
+ }
+ .menu_icon {
+ display: inline-block;
+ background: url(../images/icons/menu.svg) no-repeat;
+ height: 24px;
+ width: 24px;
+ }
+ .dropmenu li, .dropmenu li:hover,
+ .dropmenu li a, .dropmenu li a:hover,
+ .dropmenu li a.active, .dropmenu li a.active:hover, .dropmenu li:hover a.active,
+ .dropmenu li ul, .dropmenu li li, .dropmenu li li a {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ border-left: 0;
+ border-right: 0;
+ }
+ .dropmenu li a, .dropmenu li a:hover {
+ text-indent: 10px;
+ border-radius: 0;
+ padding: 5px 0 !important;
+ }
+ .dropmenu li li li a,
+ .dropmenu li li li a:hover {
+ padding: 5px 24px !important;
+ }
+ .dropmenu li a, .dropmenu li:hover a,
+ .dropmenu li a.active, .dropmenu li a.active:hover,
+ .dropmenu ul li a:hover, .dropmenu li li a:hover,
+ .dropmenu ul li li:hover, .dropmenu li ul,
+ .dropmenu li li:hover ul, .dropmenu li li ul {
+ border-left: 0;
+ border-right: 0;
+ }
+ .dropmenu ul li a {
+ width: auto !important;
+ }
+ .dropmenu li.subsections > a::after {
+ position: absolute;
+ padding: 5px 0;
+ right: 10px;
+ font-family: var(--dropmenu_subsections_font_family);
+ font-size: var(--dropmenu_subsections_font_size);
+ line-height: var(--dropmenu_subsections_line_height);
+ content: "\25bc" !important;
+ }
+ .dropmenu li ul,
+ .dropmenu li li:hover ul, .dropmenu li li ul {
+ position: relative;
+ border-radius: 0;
+ left: 0;
+ top: 0;
+ box-shadow: none;
+ }
+ /* 3rd level menu tests */
+ .dropmenu li ul ul {
+ margin: 0 !important;
+ }
+}
+
+@media (min-width: 481px) and (max-width: 560px) {
+ /* Calendar */
+ #event_time_options {
+ width: 40%;
+ }
+ #event_title, #event_board {
+ width: 100%;
+ }
+ #evtitle {
+ width: 98%;
+ }
+}
+
+/* Entry level phones */
+@media (max-width: 480px) {
+ h1.forumtitle a, h1.forumtitle {
+ padding: 0px;
+ max-width: 220px;
+ margin: 0px;
+ min-height: 80px;
+ display: inline-flex;
+ }
+ .board_moderators {
+ display: none;
+ }
+ #top_info .welcome {
+ display: none;
+ }
+ #pm_menu, #alerts_menu, #profile_menu {
+ min-width: initial;
+ width: 25em;
+ max-width: calc(100vw - 17px);
+ }
+ #footer {
+ text-align: center;
+ }
+ #footer ul {
+ width: 100%;
+ float: none;
+ }
+ #footer li {
+ display: block;
+ float: none;
+ }
+ /* MessageIndex */
+ #main_content_section .pagelinks {
+ display: block;
+ }
+ #main_content_section .pagesection {
+ margin: 5px 0;
+ padding: 0;
+ }
+ #topic_icons p {
+ display: block;
+ width: 100%;
+ }
+ /* some new stuff for far better UX */
+ .mobile_subject {
+ position: relative;
+ }
+ fieldset {
+ max-width: 100%;
+ min-width: unset;
+ }
+ /* Register Page */
+ #registration .button {
+ font-size: 0.67em;
+ }
+ dl.register_form, dl.register_form dt, dl.register_form dd {
+ float: none;
+ width: 100%;
+ }
+ /* Login Page */
+ .login dt, .login dd {
+ float: none;
+ width: 100%;
+ text-align: left;
+ }
+ .login #ajax_loginuser, .login #ajax_loginpass, .login #loginuser, .login #loginpass, .login select {
+ width: 100%;
+ }
+
+ /* Display (Topic View) */
+ .subject_title input {
+ width: 90%;
+ }
+ #quickreply_options .roundframe {
+ padding: 8px 10px 12px 10px;
+ }
+
+ /* Post Section */
+ #post_header dd {
+ width: 55%;
+ }
+ #post_header dt {
+ width: 35%;
+ }
+ img#icons {
+ margin: 0 0 0 5px;
+ }
+ #quickreply_options #postmodify {
+ width: 100%;
+ }
+ /* Poll */
+ #poll_options dl.options {
+ padding: 0;
+ }
+ #poll_options dl.options dt,
+ #poll_options dl.options dd,
+ dl.settings dt, dl.settings dd,
+ #creator .settings dt, #creator .settings dd,
+ div#report_form dl.settings dd, div#report_form dl.settings dt,
+ #tracking dt, #tracking dd,
+ #detailedinfo dt, #detailedinfo dd,
+ #advanced_search dt, #advanced_search dd {
+ width: 100%;
+ float: none;
+ }
+ #post_draft_options dl.settings dt, #post_draft_options dl.settings dd {
+ width: 50%;
+ float: left;
+ }
+ dl.settings dd textarea, #report_comment {
+ width: 100%;
+ }
+ .move_topic {
+ width: 100%;
+ }
+ .bbc_float {
+ max-width: 100% !important;
+ margin-left: 0.5em !important;
+ margin-right: 0.5em !important;
+ }
+ /* PersonalMessages */
+ #personal_messages .pm_icon {
+ display: none;
+ }
+ #personal_messages div.labels {
+ clear: both;
+ }
+ /* Alerts page */
+ #alerts .alert_image {
+ width: 40px;
+ padding-left: 6px;
+ }
+ #alerts .alert_image .avatar {
+ display: none;
+ }
+ #alerts .alert_image .avatar + .alert_icon {
+ position: static;
+ }
+ /* Buddies & Ignore List */
+ #edit_buddies .buddy_email {
+ display: none;
+ }
+ /* Stats Center */
+ .half_content {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ }
+ th.recentboard, th.recenttime,
+ td.recentboard, td.recenttime {
+ display: none;
+ }
+ .sceditor-container {
+ min-height: 375px;
+ }
+
+ /* Memberlist */
+ th.website_url,
+ td.website_url, td.reg_group, td.reg_date, td.post_num {
+ display: none;
+ }
+ #mlist .post_count {
+ width: 50px;
+ }
+ #mlist .post_count .generic_bar {
+ border: 0;
+ background: transparent;
+ color: inherit;
+ }
+ #mlist .post_count .generic_bar .bar {
+ background: transparent;
+ box-shadow: none;
+ }
+ #mlist_search dt {
+ width: 100%;
+ display: block;
+ padding: 0;
+ }
+ #mlist_search dd {
+ padding: 0;
+ margin: 0;
+ }
+ #mlist_search input[type="checkbox"] {
+ margin: 0 13px 3px 3px;
+ vertical-align: middle;
+ }
+ /* Moderation */
+ .post_note input {
+ width: 75%;
+ }
+ .modbox .floatleft {
+ float: none;
+ }
+ #warning_list .reason, #moderation_log_list .position, #moderation_log_list .ip, #group_members .last_active,
+ #group_request_list .date, #group_lists .icons, #regular_membergroups_list .icons, #post_count_membergroups_list .icons, #watch_user_list .last_login {
+ display: none;
+ }
+ /* Admin */
+ #live_news, #support_info {
+ width: 100%;
+ padding: 0;
+ margin: 0 0 5px 0;
+ }
+ fieldset.admin_group a {
+ width: 50%;
+ float: left;
+ margin: 0 0 5px 0;
+ }
+
+ .error_info, #fatal_error {
+ width: 100% !important;
+ padding: 0 !important;
+ float: none;
+ }
+
+ /* Calendar */
+ .event_options_left, .event_options_right {
+ width: 100%;
+ }
+ #event_title, #event_board {
+ width: 100%;
+ }
+ #evtitle {
+ width: 98%;
+ }
+
+ /* Menu tests */
+ #header_news_lists_preview, tr[id^="list_news_lists_"] td:nth-child(even),
+ #header_smiley_set_list_default, #header_smiley_set_list_url, #header_smiley_set_list_check,
+ tr[id^="list_smiley_set_list_"] td:nth-child(odd),
+ #header_mail_queue_priority,
+ tr[id^="list_mail_queue_"] td:nth-child(odd),
+ #header_member_list_user_name, #header_member_list_ip,
+ #header_member_list_last_active, #header_member_list_posts {
+ display: none;
+ }
+ tr[id^="list_mail_queue_"] td:first-of-type,
+ tr[id^="list_mail_queue_"] td:last-of-type {
+ display: table-cell;
+ }
+ .msearch_details {
+ width: 100% !important;
+ float: none;
+ }
+ .msearch_details .righttext {
+ text-align: left;
+ }
+ .msearch_details input {
+ width: 90%;
+ }
+ .msearch_details input[type="checkbox"] {
+ width: 5%;
+ }
+ /* Generic Lists */
+ #request_list .time_applied,
+ #track_user_list .date, #track_user_list .date2, #file_list .filesize, #file_list .downloads,
+ #ban_list .added, #ban_list .num_triggers, #ban_log .date, #mail_queue .age, #attachments .subject {
+ display: none;
+ }
+ /* Likes */
+ #likes li .like_time {
+ display: none;
+ }
+ /* Generic Classes for Customizations */
+ .hide_480 {
+ display: none;
+ }
+ .block_480 {
+ display: block;
+ }
+ .inlineblock_480 {
+ display: inline-block;
+ }
+}
+
+/* iPhone Tests */
+@media (max-width: 320px) {
+
+}
+
+/*Unread Links Hide*/
+@media (max-width: 770px) {
+ .unread_links {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/rtl.css b/Themes/theme1/css/rtl.css
new file mode 100644
index 0000000000..142c32494e
--- /dev/null
+++ b/Themes/theme1/css/rtl.css
@@ -0,0 +1,687 @@
+/* Common classes to easy styling.
+------------------------------------------------------- */
+
+.floatright {
+ float: left;
+}
+.floatleft {
+ float: right;
+}
+.clear_left {
+ clear: right;
+}
+.clear_right {
+ clear: left;
+}
+.righttext {
+ text-align: left;
+}
+.lefttext {
+ text-align: right;
+}
+/* Styling for BBC tags */
+.bbc_list {
+ text-align: right;
+}
+/* A quote, perhaps from another post. */
+.bbc_standard_quote::before, .bbc_alternate_quote::before {
+ content: '\275E';
+ margin-left: 0.25em;
+}
+
+/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
+.signature, .attachments, .custom_fields_above_signature {
+ clear: left;
+}
+
+/* the page navigation area */
+.main_icons.move::before, .main_icons.next_page::before {
+ background-position: -31px -57px;
+}
+.main_icons.previous_page::before {
+ background-position: -5px -31px;
+}
+
+/* Amounts */
+.amt {
+ margin-left: 0;
+ margin-right: 3px;
+}
+
+/* Lists with settings use these a lot.
+------------------------------------------------------- */
+dl.settings {
+ clear: left;
+}
+dl.settings dt {
+ float: right;
+ clear: both;
+}
+dl.settings dt.windowbg {
+ float: right;
+}
+dl.settings dd {
+ float: left;
+}
+dl.settings img {
+ margin: 0 0 0 10px;
+}
+
+/* Styles for popup windows
+------------------------------------------------------- */
+.popup_heading .hide_popup {
+ float: left;
+}
+
+/* Styles for rounded headers.
+------------------------------------------------------- */
+
+h3.catbg .icon {
+ margin: -2px 0 0 5px;
+}
+.cat_bar .desc {
+ margin: -8px 13px 4px 0;
+}
+
+/* Introduce New Title Bar */
+h3.titlebg, h4.titlebg, .titlebg, h3.subbg, h4.subbg, .subbg {
+ padding-right: 9px;
+ padding-left: 9px;
+}
+
+/* Styles for the standard dropdown menus.
+------------------------------------------------------- */
+#main_menu {
+ float: right;
+}
+#menu_nav {
+ padding: 0;
+}
+
+/* Level 3 submenu wrapper positioning. */
+.dropmenu li ul ul {
+ margin: -2em 3.1em 0 0;
+}
+/* This is a small fix for dropmenu icons */
+.dropmenu .main_icons, #profile_menu .main_icons, .dropmenu img {
+ margin: 0 -4px 0 8px;
+}
+
+/* Hiding Level 3 submenu off hover. */
+.dropmenu li:hover ul ul, .dropmenu li ul ul, .dropmenu li:hover ul ul ul, .dropmenu li ul ul ul {
+ right: -9999px;
+ left: unset;
+}
+/* Reposition as visible on hover. */
+.dropmenu li li:hover ul, .dropmenu li li ul {
+ right: 11em;
+}
+
+/* Indicator for additional levels. Best in the anchor so it stays visible on hover. */
+.dropmenu li li.subsections > a::after {
+ left: 10px;
+ right: auto;
+ content: '\25c4';
+}
+
+/* the main title. */
+h1.forumtitle {
+ float: right;
+}
+/* float these items to the left */
+#siteslogan, img#smflogo {
+ float: left;
+}
+/* Tweak the SMF logo */
+img#smflogo {
+ margin-right: 1em;
+}
+
+/* Styles for the general looks of the theme.
+------------------------------------------------------- */
+.user {
+ padding-left: 0;
+ text-align: left;
+}
+#upper_section .news {
+ float: right;
+}
+.navigate_section .unread_links {
+ float: left;
+}
+
+/* Profile drop it needs reverse on RTL */
+#profile_menu_top > img.avatar {
+ float: right;
+ margin: 2px 0 0 5px;
+}
+#profile_menu .profile_user_info {
+ margin: 3px 10px 5px 0;
+}
+#profile_menu .profile_user_avatar img {
+ margin: 5px 10px 0 0;
+}
+.profile_user_links li {
+ padding-right: 24px;
+ padding-left: 0;
+}
+
+/* The framing graphics */
+#search_form {
+ text-align: left;
+}
+
+/* The navigation list (i.e. linktree) */
+.navigate_section ul li {
+ float: right;
+}
+
+.navigate_section ul li .dividers {
+ padding: 0 6px 0 2px;
+}
+
+/* the posting icons */
+#postbuttons_upper ul li a span {
+ line-height: 19px;
+ padding: 0 6px 0 0;
+}
+
+.mark_read {
+ float: left;
+}
+
+/* Poll results */
+#poll_options dl.options {
+ padding: 1em 2em 1em 2.5em;
+ margin: 0 0 1em 1em;
+}
+#poll_options dl.options dt {
+ float: right;
+ clear: right;
+}
+#poll_options dl.options dd {
+ float: right;
+ text-align: left;
+}
+
+/* poster and postarea + moderation area underneath */
+.poster {
+ float: right;
+}
+.postarea, .moderatorbar {
+ margin: 0 175px 0 0;
+}
+.keyinfo h5::after {
+ clear: left;
+}
+.moderatorbar {
+ clear: left;
+}
+/* poster details and list of items */
+.poster h4, .poster ul {
+ padding: 0;
+ margin: 0;
+}
+
+/* The quick buttons */
+ul.quickbuttons {
+ float: left;
+ clear: left;
+}
+ul.quickbuttons li {
+ float: right;
+}
+.quickbuttons li:last-child, .quickbuttons li:last-child:hover {
+ border-radius: 4px 1px 1px 4px;
+ padding-bottom: 0;
+}
+.quickbuttons li:first-child, .quickbuttons li:first-child:hover {
+ border-radius: 1px 4px 4px 1px;
+ padding-bottom: 0;
+ line-height: 1.9em;
+}
+.quickbuttons li.quick_edit, .quickbuttons li.post_options {
+ line-height: 1.9em;
+ position: relative;
+}
+.quickbuttons li ul {
+ text-align: right;
+ right: unset;
+ left: -1px;
+}
+/* The buttonrow */
+.buttonrow .button:last-child {
+ border-radius: 0;
+ border-right: 0;
+}
+.buttonrow .button:first-child {
+ border-radius: 0;
+ border-right: 1px solid #ccc;
+}
+
+.post_verification #verification_control {
+ margin: .3em 1em .3em 0;
+}
+.post {
+ clear: left;
+}
+#forumposts .modified {
+ float: right;
+}
+#forumposts .reportlinks {
+ margin-left: 1.5em;
+ text-align: left;
+ clear: left;
+}
+
+#moderationbuttons_strip {
+ float: right;
+}
+#moderationbuttons_strip ul {
+ margin: 0 0.2em 0 0;
+ padding: 0 1em 0 0;
+}
+/* The jump to box */
+#display_jump_to {
+ text-align: left;
+}
+#display_jump_to select {
+ margin: 0 5px 0 0;
+}
+
+/* mlist */
+#mlist .website_url {
+ width: 80px;
+}
+
+/* Styles for edit post section
+---------------------------------------------------- */
+#post_header dt {
+ float: right;
+}
+#post_header dd {
+ float: right;
+}
+ul.post_options {
+ margin: 0 1em 0 0;
+}
+ul.post_options li {
+ float: right;
+ margin: 0 2px;
+}
+
+/* Styles for edit event section
+---------------------------------------------------- */
+#post_event div.event_options {
+ float: left;
+}
+#post_event #event_main input {
+ margin: 0 0 1em 0;
+ float: right;
+}
+#post_event #event_main div.smalltext {
+ float: left;
+}
+#post_event ul.event_main li {
+ float: left;
+}
+#post_event ul.event_options {
+ padding: 0 .7em .7em 0;
+}
+#post_event #event_main select, #post_event ul.event_options li select,
+#post_event ul.event_options li input[type="checkbox"] {
+ margin: 0 0 0 1em;
+}
+
+/* Styles for edit poll section.
+---------------------------------------------------- */
+#edit_poll fieldset input {
+ margin-right: 7em;
+}
+#edit_poll ul.poll_main li {
+ padding-right: 1em;
+}
+#edit_poll ul.poll_main input {
+ margin-right: 1em;
+}
+#edit_poll div.poll_options {
+ float: right;
+}
+#edit_poll ul.poll_main, dl.poll_options {
+ padding: 0 .7em 0 0;
+}
+#edit_poll dl.poll_options dt {
+ padding: 0 1em 0 0;
+}
+#edit_poll dl.poll_options dd input {
+ margin-right: 0;
+}
+
+/* Styles for the personal messages section.
+------------------------------------------------- */
+#personal_messages h3 span#author, #personal_messages h3 span#topic_title {
+ float: right;
+}
+#personal_messages h3 span#author {
+ margin: 0 0.5em 0 0;
+}
+#personal_messages h3 span#topic_title {
+ margin: 0 9em 0 0;
+}
+#personal_messages .labels {
+ padding: 0 0 0 1em;
+}
+#to_item_list_container div, #bcc_item_list_container div {
+ float: right;
+ margin: 0;
+}
+
+/* Styles for the move topic section. */
+.move_topic {
+ text-align: right;
+}
+
+/* Styles for the login areas.
+------------------------------------------------------- */
+.login dt {
+ float: right;
+}
+.login dd {
+ float: right;
+ text-align: right;
+}
+.login h3 img {
+ margin: 0 0 0.5em;
+}
+
+/* Additional profile fields */
+dl.register_form {
+ clear: left;
+}
+
+dl.register_form dt {
+ float: right;
+}
+
+/* Styles for maintenance mode.
+------------------------------------------------------- */
+#maintenance_mode img.floatleft {
+ margin-left: 1em;
+}
+/* common for all admin sections */
+h3.titlebg img {
+ margin-left: 0.5em;
+}
+tr.titlebg td {
+ padding-right: 0.7em;
+}
+div#admin_menu {
+ padding-right: 0;
+}
+#admin_content {
+ clear: right;
+}
+
+/* Styles for generic tables.
+------------------------------------------------------- */
+#info_center .cat_bar, .table_grid tr.catbg th {
+ text-align: right;
+}
+.message_index_title {
+ margin-left: 40px;
+}
+
+/* Styles for info boxes.
+------------------------------------------------- */
+.errorbox, .noticebox, .infobox {
+ padding: 7px 35px 7px 10px;
+}
+.errorbox::before, .noticebox::before, .infobox::before {
+ left: 0;
+ right: 10px;
+}
+.errorbox p.alert {
+ margin: 0 0 0 4px;
+ float: right;
+}
+.errorbox, .noticebox, .infobox {
+ padding: 7px 35px 7px 10px;
+}
+
+/* Styles for the profile section.
+------------------------------------------------- */
+#basicinfo {
+ float: right;
+}
+#detailedinfo {
+ float: left;
+}
+#basicinfo .icon_fields li {
+ float: right;
+ margin-right: 0;
+ margin-left: 5px;
+}
+#avatar_server_stored div {
+ float: right;
+}
+#detailedinfo dt, #tracking dt {
+ float: right;
+}
+#userstatus .smalltext, .pm_icon {
+ margin: 0 5px 0 0 !important;
+}
+/* h3 HD Icons */
+h3.search_hd {
+ padding: 8px 45px 6px;
+ background-position: 99% 50%;
+}
+h3.profile_hd {
+ padding: 8px 50px 8px 0;
+ background-position: 99% 50%;
+}
+
+/* Activity by time */
+#activitytime {
+ clear: right;
+}
+.activity_stats li {
+ float: right;
+}
+.activity_stats li span {
+ border-width: 1px 0 0 1px;
+}
+.activity_stats li.last span {
+ border-left: none;
+}
+.profile_pie {
+ background-image: url(../images/stats_pie_rtl.png);
+ float: right;
+ margin-right: 0;
+ margin-left: 1em;
+}
+
+/* Most popular boards by posts and activity */
+#popularposts {
+ float: right;
+}
+#popularactivity {
+ float: left;
+}
+
+/* View posts */
+.topic .time {
+ float: left;
+}
+.counter {
+ padding: 0.2em 0.2em 0.1em 0.5em;
+ float: right;
+}
+.topic .mod_icons {
+ text-align: left;
+ margin-right: 0;
+ margin-left: 1em;
+}
+
+#ip_list li.header, #ip_list li.ip {
+ float: right;
+}
+#creator dt {
+ float: right;
+}
+#creator dd {
+ float: right;
+}
+
+.ignoreboards ul {
+ margin: 0 1em 0 0;
+}
+.ignoreboards li {
+ float: right;
+}
+
+#pick_theme {
+ float: right;
+}
+.infolinks {
+ min-width: 95%;
+ float: right;
+}
+
+/* Styles for the statistics center.
+------------------------------------------------- */
+.stats_icon {
+ margin: 2px 3px -1px 6px;
+}
+dl.stats dt {
+ float: right;
+}
+dl.stats dd {
+ margin: 0 2% 4px 0;
+}
+#stats tr.windowbg th.stats_month {
+ text-align: right;
+}
+.generic_bar .bar, .progress_bar .bar {
+ left: unset;
+ right: 0;
+}
+tr.windowbg th.stats_month, tr.windowbg td.stats_day {
+ text-align: right;
+}
+#stats tr.windowbg th.lefttext, #stats tr.titlebg th.lefttext {
+ text-align: right;
+}
+
+/* Styles for the advanced search section.
+------------------------------------------------- */
+#searchform fieldset {
+ text-align: right;
+}
+#advanced_search dt {
+ float: right;
+ text-align: left;
+}
+#advanced_search dd {
+ float: right;
+ margin: 0 0.5em 0 0;
+ text-align: right;
+}
+/* Boards picker */
+#searchform fieldset p {
+ text-align: right;
+}
+
+.search_results_posts .buttons {
+ padding: 5px 0 0 1em;
+}
+
+/* Styles for the help section.
+------------------------------------------------- */
+#helpmain h3.section {
+ padding: 0 0.5em 0.5em 0;
+}
+/* put back the bullets please */
+#helpmain ul {
+ margin: 0 25px 0 0;
+ padding-left: 0;
+}
+#helpmain #messageindex {
+ clear: left;
+}
+
+/* Styles for the admincenter (reverse admin.css).
+------------------------------------------------- */
+/* common admin classes */
+#admin_content .button {
+ float: left;
+}
+
+#manage_boards .button {
+ margin: 2px 6px 0px 6px;
+}
+
+/* Styles for the package manager.
+------------------------------------------------- */
+#package_list .tborder {
+ margin: .25em 26px .25em 0;
+}
+#package_list ol, #package_list ol li {
+ margin-left: 0;
+ margin-right: 50px;
+}
+
+/* ManageBoards */
+#manage_boards ul {
+ overflow: hidden;
+}
+#manage_boards li {
+ overflow: hidden;
+}
+.move_links {
+ padding: 0 0 0 13px;
+}
+
+span.search_weight {
+ text-align: left;
+}
+
+/* Manage Bans */
+.ban_restriction {
+ margin: 0.2em 2.2em 0.2em 0;
+}
+
+/* Themes */
+.is_directory {
+ padding-right: 18px;
+ padding-left: 0;
+}
+.is_directory span {
+ margin: -2px 0 0 3px;
+}
+
+/* Styles for the moderation center.
+------------------------------------------------- */
+ul.moderation_notes li {
+ padding: 4px 4px 4px 0;
+}
+
+h3 .collapse {
+ float: left;
+}
+
+.pages {
+ margin-left: 0;
+ margin-right: 7px;
+}
+
+/* Styles for the calendar.
+----------------------------- */
+#main_grid th.days, #main_grid td.days {
+ text-align: right;
+}
+
+/* Code is a code do it LTR */
+code.bbc_code, pre.file_content {
+ text-align: left;
+ direction: ltr;
+}
\ No newline at end of file
diff --git a/Themes/theme1/css/slider.min.css b/Themes/theme1/css/slider.min.css
new file mode 100644
index 0000000000..c58c3c72ae
--- /dev/null
+++ b/Themes/theme1/css/slider.min.css
@@ -0,0 +1,59 @@
+/**
+ *
+ * slippry v1.3 - Responsive content slider for jQuery
+ * http://slippry.com
+ *
+ * Authors: Lukas Jakob Hafner - @saftsaak
+ * Thomas Hurd - @SeenNotHurd
+ *
+ * Copyright 2015, booncon oy - https://booncon.com
+ *
+ *
+ * Released under the MIT license - https://opensource.org/licenses/MIT
+ */
+/* kenBurns animations, very basic */
+
+@-webkit-keyframes left-right {
+0%{-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}
+100%{-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%)}
+}
+@keyframes left-right {
+0%{-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}
+100%{-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%)}
+}
+@-webkit-keyframes right-left {
+0%{-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%)}
+100%{-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}
+}
+@keyframes right-left {
+0%{-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%)}
+100%{-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%)}
+}
+.sy-box.sy-loading{background:url(../images/loading_sm.gif) 50% 50% no-repeat;background-size:32px;min-height:40px}
+.sy-box.sy-loading .sy-slides-wrap,.sy-box.sy-loading .sy-pager{visibility:hidden}
+.sy-slides-wrap{width:100%}
+.sy-slides-wrap:hover .sy-controls{display:block}
+.sy-slides-crop{width:100%;overflow:hidden}
+.sy-list{width:100%;list-style:none;margin:0;padding:0;position:relative}
+.sy-list.horizontal{-o-transition:left ease;-webkit-transition:left ease;transition:left ease}
+.sy-list.vertical{-o-transition:top ease;-webkit-transition:top ease;transition:top ease}
+.sy-slide{width:100%;padding: 0px;position: absolute;top: 0}
+.sy-slide.kenburns{width:140%;left:-20%}
+.sy-slide.kenburns.useCSS{-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity}
+.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n){-webkit-animation-name:left-right;-webkit-animation-fill-mode:forwards;-o-animation-name:left-right;-o-animation-fill-mode:forwards;animation-name:left-right;animation-fill-mode:forwards}
+.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n){-webkit-animation-name:right-left;-webkit-animation-fill-mode:forwards;-o-animation-name:right-left;-o-animation-fill-mode:forwards;animation-name:right-left;animation-fill-mode:forwards}
+.sy-slide.sy-active{position: relative;z-index:3}
+.sy-slide > img{margin:0;padding:0;display:block;max-width:100%;border:0}
+.sy-slide > a > img{margin:0;padding:0;display:block;max-width:100%;border:0}
+.sy-pager{overflow:hidden;display:block;width:100%;margin:1em 0 0;padding:0;list-style:none;text-align:center}
+.sy-pager li{display:inline-block;width:1.2em;height:1.2em;margin:0 0.5em;border-radius:50%}
+.sy-pager li.sy-active a{background-color:var(--link)}
+.sy-pager li a{width:100%;height:100%;display:block;background-color:var(--window_bg_odd_color);text-indent:-9999px;background-size:2em;border-radius:50%}
+.sy-pager li a:link,.sy-pager li a:visited{opacity:1}
+.sy-pager li a:hover,.sy-pager li a:focus{opacity:.6}
+.sy-filler{width:100%;padding-top: 2px !important}
+.sy-filler.ready{-o-transition:padding 600ms ease;-webkit-transition:padding 600ms ease;transition:padding 600ms ease}
+/* SMF extra */
+#smf_slider {overflow: hidden;}
+.sy-box{margin:0 0 10px}
+.sy-slide > img.smiley {display: inline-block}
\ No newline at end of file
diff --git a/Themes/theme1/images/bbc/bbc_bg.png b/Themes/theme1/images/bbc/bbc_bg.png
new file mode 100644
index 0000000000..1a2aa76fe4
Binary files /dev/null and b/Themes/theme1/images/bbc/bbc_bg.png differ
diff --git a/Themes/theme1/images/bbc/bbc_hoverbg.png b/Themes/theme1/images/bbc/bbc_hoverbg.png
new file mode 100644
index 0000000000..7d4fcfb05e
Binary files /dev/null and b/Themes/theme1/images/bbc/bbc_hoverbg.png differ
diff --git a/Themes/theme1/images/bbc/index.php b/Themes/theme1/images/bbc/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/images/bbc/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/images/blank.png b/Themes/theme1/images/blank.png
new file mode 100644
index 0000000000..e32226bacc
Binary files /dev/null and b/Themes/theme1/images/blank.png differ
diff --git a/Themes/theme1/images/boardicons.png b/Themes/theme1/images/boardicons.png
new file mode 100644
index 0000000000..d541fcda00
Binary files /dev/null and b/Themes/theme1/images/boardicons.png differ
diff --git a/Themes/theme1/images/buddy_useroff.png b/Themes/theme1/images/buddy_useroff.png
new file mode 100644
index 0000000000..943cbdf936
Binary files /dev/null and b/Themes/theme1/images/buddy_useroff.png differ
diff --git a/Themes/theme1/images/buddy_useron.png b/Themes/theme1/images/buddy_useron.png
new file mode 100644
index 0000000000..de14afa2bd
Binary files /dev/null and b/Themes/theme1/images/buddy_useron.png differ
diff --git a/Themes/theme1/images/cake.png b/Themes/theme1/images/cake.png
new file mode 100644
index 0000000000..24ded25b17
Binary files /dev/null and b/Themes/theme1/images/cake.png differ
diff --git a/Themes/theme1/images/construction.png b/Themes/theme1/images/construction.png
new file mode 100644
index 0000000000..48ea489939
Binary files /dev/null and b/Themes/theme1/images/construction.png differ
diff --git a/Themes/theme1/images/generic_attach.png b/Themes/theme1/images/generic_attach.png
new file mode 100644
index 0000000000..0f7f32dc07
Binary files /dev/null and b/Themes/theme1/images/generic_attach.png differ
diff --git a/Themes/theme1/images/helptopics.png b/Themes/theme1/images/helptopics.png
new file mode 100644
index 0000000000..40a90b8aa8
Binary files /dev/null and b/Themes/theme1/images/helptopics.png differ
diff --git a/Themes/theme1/images/helptopics_hd.png b/Themes/theme1/images/helptopics_hd.png
new file mode 100644
index 0000000000..fb76bf3683
Binary files /dev/null and b/Themes/theme1/images/helptopics_hd.png differ
diff --git a/Themes/theme1/images/icons/admin_sprite.png b/Themes/theme1/images/icons/admin_sprite.png
new file mode 100644
index 0000000000..84bb1125fc
Binary files /dev/null and b/Themes/theme1/images/icons/admin_sprite.png differ
diff --git a/Themes/theme1/images/icons/bell.png b/Themes/theme1/images/icons/bell.png
new file mode 100644
index 0000000000..bede044fa2
Binary files /dev/null and b/Themes/theme1/images/icons/bell.png differ
diff --git a/Themes/theme1/images/icons/bell_hd.png b/Themes/theme1/images/icons/bell_hd.png
new file mode 100644
index 0000000000..010d9eefe5
Binary files /dev/null and b/Themes/theme1/images/icons/bell_hd.png differ
diff --git a/Themes/theme1/images/icons/clip.png b/Themes/theme1/images/icons/clip.png
new file mode 100644
index 0000000000..be540f32e7
Binary files /dev/null and b/Themes/theme1/images/icons/clip.png differ
diff --git a/Themes/theme1/images/icons/config_hd.png b/Themes/theme1/images/icons/config_hd.png
new file mode 100644
index 0000000000..73bfabaf10
Binary files /dev/null and b/Themes/theme1/images/icons/config_hd.png differ
diff --git a/Themes/theme1/images/icons/delete.png b/Themes/theme1/images/icons/delete.png
new file mode 100644
index 0000000000..aa299eb98c
Binary files /dev/null and b/Themes/theme1/images/icons/delete.png differ
diff --git a/Themes/theme1/images/icons/editor_sprite.png b/Themes/theme1/images/icons/editor_sprite.png
new file mode 100644
index 0000000000..e097db6c5f
Binary files /dev/null and b/Themes/theme1/images/icons/editor_sprite.png differ
diff --git a/Themes/theme1/images/icons/index.php b/Themes/theme1/images/icons/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/images/icons/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/images/icons/main_icons_sprite.png b/Themes/theme1/images/icons/main_icons_sprite.png
new file mode 100644
index 0000000000..54f1c6a5e0
Binary files /dev/null and b/Themes/theme1/images/icons/main_icons_sprite.png differ
diff --git a/Themes/theme1/images/icons/main_icons_sprite_hd.png b/Themes/theme1/images/icons/main_icons_sprite_hd.png
new file mode 100644
index 0000000000..2f6d9ee00a
Binary files /dev/null and b/Themes/theme1/images/icons/main_icons_sprite_hd.png differ
diff --git a/Themes/theme1/images/icons/members.png b/Themes/theme1/images/icons/members.png
new file mode 100644
index 0000000000..d8acc57b28
Binary files /dev/null and b/Themes/theme1/images/icons/members.png differ
diff --git a/Themes/theme1/images/icons/menu.svg b/Themes/theme1/images/icons/menu.svg
new file mode 100644
index 0000000000..c1ad1ec5d4
--- /dev/null
+++ b/Themes/theme1/images/icons/menu.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Themes/theme1/images/icons/modify_inline.png b/Themes/theme1/images/icons/modify_inline.png
new file mode 100644
index 0000000000..9ec041bc3d
Binary files /dev/null and b/Themes/theme1/images/icons/modify_inline.png differ
diff --git a/Themes/theme1/images/icons/profile_hd.png b/Themes/theme1/images/icons/profile_hd.png
new file mode 100644
index 0000000000..2ac2218d3d
Binary files /dev/null and b/Themes/theme1/images/icons/profile_hd.png differ
diff --git a/Themes/theme1/images/icons/profile_sm.png b/Themes/theme1/images/icons/profile_sm.png
new file mode 100644
index 0000000000..15112f6a46
Binary files /dev/null and b/Themes/theme1/images/icons/profile_sm.png differ
diff --git a/Themes/theme1/images/icons/stats_info.png b/Themes/theme1/images/icons/stats_info.png
new file mode 100644
index 0000000000..18ae5ed6e1
Binary files /dev/null and b/Themes/theme1/images/icons/stats_info.png differ
diff --git a/Themes/theme1/images/icons/toggle.png b/Themes/theme1/images/icons/toggle.png
new file mode 100644
index 0000000000..54d9b20eae
Binary files /dev/null and b/Themes/theme1/images/icons/toggle.png differ
diff --git a/Themes/theme1/images/icq.png b/Themes/theme1/images/icq.png
new file mode 100644
index 0000000000..1127f24239
Binary files /dev/null and b/Themes/theme1/images/icq.png differ
diff --git a/Themes/theme1/images/index.php b/Themes/theme1/images/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/images/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/images/ip.png b/Themes/theme1/images/ip.png
new file mode 100644
index 0000000000..2f77e04c86
Binary files /dev/null and b/Themes/theme1/images/ip.png differ
diff --git a/Themes/theme1/images/loading_sm.gif b/Themes/theme1/images/loading_sm.gif
new file mode 100644
index 0000000000..0fa9f5af61
Binary files /dev/null and b/Themes/theme1/images/loading_sm.gif differ
diff --git a/Themes/theme1/images/membericons/blank.png b/Themes/theme1/images/membericons/blank.png
new file mode 100644
index 0000000000..e32226bacc
Binary files /dev/null and b/Themes/theme1/images/membericons/blank.png differ
diff --git a/Themes/theme1/images/membericons/icon.png b/Themes/theme1/images/membericons/icon.png
new file mode 100644
index 0000000000..6ab8bac943
Binary files /dev/null and b/Themes/theme1/images/membericons/icon.png differ
diff --git a/Themes/theme1/images/membericons/iconadmin.png b/Themes/theme1/images/membericons/iconadmin.png
new file mode 100644
index 0000000000..66b880c688
Binary files /dev/null and b/Themes/theme1/images/membericons/iconadmin.png differ
diff --git a/Themes/theme1/images/membericons/icongmod.png b/Themes/theme1/images/membericons/icongmod.png
new file mode 100644
index 0000000000..29f973f03a
Binary files /dev/null and b/Themes/theme1/images/membericons/icongmod.png differ
diff --git a/Themes/theme1/images/membericons/iconmod.png b/Themes/theme1/images/membericons/iconmod.png
new file mode 100644
index 0000000000..abed5f42ba
Binary files /dev/null and b/Themes/theme1/images/membericons/iconmod.png differ
diff --git a/Themes/theme1/images/membericons/index.php b/Themes/theme1/images/membericons/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/images/membericons/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/images/new_redirect.png b/Themes/theme1/images/new_redirect.png
new file mode 100644
index 0000000000..e9c2db8431
Binary files /dev/null and b/Themes/theme1/images/new_redirect.png differ
diff --git a/Themes/theme1/images/post/angry.png b/Themes/theme1/images/post/angry.png
new file mode 100644
index 0000000000..c21dd7f972
Binary files /dev/null and b/Themes/theme1/images/post/angry.png differ
diff --git a/Themes/theme1/images/post/cheesy.png b/Themes/theme1/images/post/cheesy.png
new file mode 100644
index 0000000000..fa13c986a8
Binary files /dev/null and b/Themes/theme1/images/post/cheesy.png differ
diff --git a/Themes/theme1/images/post/clip.png b/Themes/theme1/images/post/clip.png
new file mode 100644
index 0000000000..889d90e892
Binary files /dev/null and b/Themes/theme1/images/post/clip.png differ
diff --git a/Themes/theme1/images/post/exclamation.png b/Themes/theme1/images/post/exclamation.png
new file mode 100644
index 0000000000..391c60a76f
Binary files /dev/null and b/Themes/theme1/images/post/exclamation.png differ
diff --git a/Themes/theme1/images/post/grin.png b/Themes/theme1/images/post/grin.png
new file mode 100644
index 0000000000..fd00389455
Binary files /dev/null and b/Themes/theme1/images/post/grin.png differ
diff --git a/Themes/theme1/images/post/index.php b/Themes/theme1/images/post/index.php
new file mode 100644
index 0000000000..2cf5d33d8a
--- /dev/null
+++ b/Themes/theme1/images/post/index.php
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Themes/theme1/images/post/lamp.png b/Themes/theme1/images/post/lamp.png
new file mode 100644
index 0000000000..f7b5f98bdc
Binary files /dev/null and b/Themes/theme1/images/post/lamp.png differ
diff --git a/Themes/theme1/images/post/moved.png b/Themes/theme1/images/post/moved.png
new file mode 100644
index 0000000000..8a91d47e78
Binary files /dev/null and b/Themes/theme1/images/post/moved.png differ
diff --git a/Themes/theme1/images/post/poll.png b/Themes/theme1/images/post/poll.png
new file mode 100644
index 0000000000..d4d8a356e2
Binary files /dev/null and b/Themes/theme1/images/post/poll.png differ
diff --git a/Themes/theme1/images/post/question.png b/Themes/theme1/images/post/question.png
new file mode 100644
index 0000000000..1fe069bd23
Binary files /dev/null and b/Themes/theme1/images/post/question.png differ
diff --git a/Themes/theme1/images/post/recycled.png b/Themes/theme1/images/post/recycled.png
new file mode 100644
index 0000000000..682e09ea84
Binary files /dev/null and b/Themes/theme1/images/post/recycled.png differ
diff --git a/Themes/theme1/images/post/sad.png b/Themes/theme1/images/post/sad.png
new file mode 100644
index 0000000000..8622395679
Binary files /dev/null and b/Themes/theme1/images/post/sad.png differ
diff --git a/Themes/theme1/images/post/smiley.png b/Themes/theme1/images/post/smiley.png
new file mode 100644
index 0000000000..11eef526d5
Binary files /dev/null and b/Themes/theme1/images/post/smiley.png differ
diff --git a/Themes/theme1/images/post/thumbdown.png b/Themes/theme1/images/post/thumbdown.png
new file mode 100644
index 0000000000..e4cab2aae2
Binary files /dev/null and b/Themes/theme1/images/post/thumbdown.png differ
diff --git a/Themes/theme1/images/post/thumbup.png b/Themes/theme1/images/post/thumbup.png
new file mode 100644
index 0000000000..5a36f3bdce
Binary files /dev/null and b/Themes/theme1/images/post/thumbup.png differ
diff --git a/Themes/theme1/images/post/wink.png b/Themes/theme1/images/post/wink.png
new file mode 100644
index 0000000000..3f20448bf1
Binary files /dev/null and b/Themes/theme1/images/post/wink.png differ
diff --git a/Themes/theme1/images/post/xx.png b/Themes/theme1/images/post/xx.png
new file mode 100644
index 0000000000..7999038e5c
Binary files /dev/null and b/Themes/theme1/images/post/xx.png differ
diff --git a/Themes/theme1/images/selected.png b/Themes/theme1/images/selected.png
new file mode 100644
index 0000000000..a50ca32bcb
Binary files /dev/null and b/Themes/theme1/images/selected.png differ
diff --git a/Themes/theme1/images/selected_open.png b/Themes/theme1/images/selected_open.png
new file mode 100644
index 0000000000..b6f7534a6b
Binary files /dev/null and b/Themes/theme1/images/selected_open.png differ
diff --git a/Themes/theme1/images/skype.png b/Themes/theme1/images/skype.png
new file mode 100644
index 0000000000..2e25b1b313
Binary files /dev/null and b/Themes/theme1/images/skype.png differ
diff --git a/Themes/theme1/images/smflogo.svg b/Themes/theme1/images/smflogo.svg
new file mode 100644
index 0000000000..5223406a4e
--- /dev/null
+++ b/Themes/theme1/images/smflogo.svg
@@ -0,0 +1,2 @@
+® ® ' . Lang::$txt['pages'] . ' ',
+ 'previous_page' => '%1$d ',
+ 'page' => '%2$s ',
+ 'expand_pages' => ' ... ',
+ 'next_page' => '
+
+ ', Utils::$context['page_title_html_safe'], '
+ $meta_value)
+ echo ' ', $meta_key, '="', $meta_value, '"';
+
+ echo '>';
+ }
+
+ /* What is your Lollipop's color?
+ Theme Authors, you can change the color here to make sure your theme's main color gets visible on tab */
+ echo '
+ 
' : '