Ajout du FR
Ajout du FR + correction du "functions.php"
32
styles/Milk_v2/style.cfg
Normal file
@@ -0,0 +1,32 @@
|
||||
#
|
||||
# phpBB Style Configuration File
|
||||
#
|
||||
# This file is part of the phpBB Forum Software package.
|
||||
#
|
||||
# @copyright (c) phpBB Limited <https://www.phpbb.com>
|
||||
# @license GNU General Public License, version 2 (GPL-2.0)
|
||||
#
|
||||
# For full copyright and license information, please see
|
||||
# the docs/CREDITS.txt file.
|
||||
#
|
||||
# At the left is the name, please do not change this
|
||||
# At the right the value is entered
|
||||
#
|
||||
# Values get trimmed, if you want to add a space in front or at the end of
|
||||
# the value, then enclose the value with single or double quotes.
|
||||
# Single and double quotes do not need to be escaped.
|
||||
#
|
||||
#
|
||||
|
||||
# General Information about this style
|
||||
name = Milk v2
|
||||
copyright = © PlanetStyles.net - Premium Forum Themes
|
||||
style_version = 2.0.11
|
||||
phpbb_version = 3.2.8
|
||||
|
||||
# Defining a different template bitfield
|
||||
# template_bitfield = lNg=
|
||||
|
||||
# Parent style
|
||||
# Set value to empty or to this style's name if this style does not have a parent style
|
||||
parent = prosilver
|
||||
50
styles/Milk_v2/template/faq_body.html
Normal file
@@ -0,0 +1,50 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<h2 class="faq-title">{L_FAQ_TITLE}</h2>
|
||||
|
||||
<div class="viewtopic_wrapper">
|
||||
<div class="panel bg1" id="faqlinks">
|
||||
<div class="inner">
|
||||
<div class="column1">
|
||||
<!-- BEGIN faq_block -->
|
||||
<!-- IF faq_block.SWITCH_COLUMN or (SWITCH_COLUMN_MANUALLY and faq_block.S_ROW_COUNT == 4) -->
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<dl class="faq">
|
||||
<dt><strong>{faq_block.BLOCK_TITLE}</strong></dt>
|
||||
<!-- BEGIN faq_row -->
|
||||
<dd><a href="#f{faq_block.S_ROW_COUNT}r{faq_block.faq_row.S_ROW_COUNT}">{faq_block.faq_row.FAQ_QUESTION}</a></dd>
|
||||
<!-- END faq_row -->
|
||||
</dl>
|
||||
<!-- END faq_block -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BEGIN faq_block -->
|
||||
<div class="panel <!-- IF faq_block.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<div class="content">
|
||||
<h2 class="faq-title">{faq_block.BLOCK_TITLE}</h2>
|
||||
<!-- BEGIN faq_row -->
|
||||
<dl class="faq">
|
||||
<dt id="f{faq_block.S_ROW_COUNT}r{faq_block.faq_row.S_ROW_COUNT}"><strong>{faq_block.faq_row.FAQ_QUESTION}</strong></dt>
|
||||
<dd>{faq_block.faq_row.FAQ_ANSWER}</dd>
|
||||
</dl>
|
||||
<a href="#faqlinks" class="top">
|
||||
<i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i><span>{L_BACK_TO_TOP}</span>
|
||||
</a>
|
||||
<!-- IF not faq_block.faq_row.S_LAST_ROW --><hr class="dashed" /><!-- ENDIF -->
|
||||
<!-- END faq_row -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- END faq_block -->
|
||||
</div>
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
1105
styles/Milk_v2/template/forum_fn.js
Normal file
175
styles/Milk_v2/template/forumlist_body.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<div<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'Grid' --> class="forumlist_grid"<!-- ELSEIF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'List (Simplified)' --> class="forumlist_simple"<!-- ENDIF -->>
|
||||
|
||||
<!-- BEGIN forumrow -->
|
||||
|
||||
<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT forumlist_body_category_header_before -->
|
||||
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
|
||||
<div class="forabg">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<!-- EVENT forumlist_body_category_header_row_prepend -->
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></div></dt>
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY != 'Grid' -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'List (Simplified)' -->
|
||||
<dd class="simpleposts"><span class="icon fa-comments"></span></dd>
|
||||
<!-- ELSE -->
|
||||
<dd class="topics"><span class="icon fa-book"></span></dd>
|
||||
<dd class="posts"><span class="icon fa-comments"></dd>
|
||||
<!-- ENDIF -->
|
||||
<dd class="lastpost"><span><span class="icon fa-clock-o"></span></span></dd>
|
||||
<!-- ENDIF -->
|
||||
</dl>
|
||||
<!-- EVENT forumlist_body_category_header_row_append -->
|
||||
</li>
|
||||
</ul>
|
||||
<!-- IF SCRIPT_NAME eq 'index' and STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<ul class="topiclist forums">
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT forumlist_body_category_header_after -->
|
||||
|
||||
<!-- IF not forumrow.S_IS_CAT -->
|
||||
<!-- EVENT forumlist_body_forum_row_before -->
|
||||
<li class="row<!-- IF forumrow.AVATAR_IMG --> has_last_post_avatar<!-- ENDIF -->">
|
||||
<!-- EVENT forumlist_body_forum_row_prepend -->
|
||||
<!-- IF forumrow.FORUM_IMAGE and STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'Grid' -->
|
||||
<a href="{forumrow.U_VIEWFORUM}" class="forumlist_grid_forum_image" style="background-image: url('{forumrow.FORUM_IMAGE_SRC}');"></a>
|
||||
<!-- ENDIF -->
|
||||
<dl class="row-item {forumrow.FORUM_IMG_STYLE}">
|
||||
<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
|
||||
<!-- IF forumrow.S_UNREAD_FORUM --><a href="{forumrow.U_VIEWFORUM}" class="row-item-link"></a><!-- ENDIF -->
|
||||
<div class="list-inner">
|
||||
<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED -->
|
||||
<!--
|
||||
<a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}">
|
||||
<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">{L_FEED} - {forumrow.FORUM_NAME}</span>
|
||||
</a>
|
||||
-->
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT forumlist_body_forum_image_before -->
|
||||
<!-- IF forumrow.FORUM_IMAGE and STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY != 'Grid' --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
|
||||
<!-- EVENT forumlist_body_forum_image_after -->
|
||||
<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a>
|
||||
<!-- IF forumrow.FORUM_DESC --><br /><span class="forum_description">{forumrow.FORUM_DESC}</span><!-- ENDIF -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'Grid' -->
|
||||
<div class="forumlist_grid_block_stats">
|
||||
<!-- IF forumrow.CLICKS -->
|
||||
{L_REDIRECTS}{L_COLON} <strong>{forumrow.CLICKS}</strong>
|
||||
<!-- ELSE -->
|
||||
{L_TOPICS}{L_COLON} <strong>{forumrow.TOPICS}</strong> {L_POSTS}{L_COLON} <strong>{forumrow.POSTS}</strong><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<div class="responsive-show responsive_forumlist_row_stats" style="display: none;">
|
||||
<!-- IF forumrow.CLICKS -->
|
||||
{L_REDIRECTS}{L_COLON} <strong>{forumrow.CLICKS}</strong>
|
||||
<!-- ELSEIF not forumrow.S_IS_LINK and forumrow.TOPICS -->
|
||||
{L_TOPICS}{L_COLON} <strong>{forumrow.TOPICS}</strong> {L_POSTS}{L_COLON} <strong>{forumrow.POSTS}</strong>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF forumrow.MODERATORS -->
|
||||
<br /><strong>{forumrow.L_MODERATOR_STR}{L_COLON}</strong> {forumrow.MODERATORS}
|
||||
<!-- ENDIF -->
|
||||
<!-- IF .forumrow.subforum and forumrow.S_LIST_SUBFORUMS -->
|
||||
<!-- EVENT forumlist_body_subforums_before -->
|
||||
<div style="clear: both;"></div>
|
||||
<br /><strong>{forumrow.L_SUBFORUM_STR}{L_COLON}</strong>
|
||||
|
||||
<div class="sub-forumlist">
|
||||
<!-- BEGIN subforum -->
|
||||
<li>
|
||||
<a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
|
||||
<i class="icon notification_unread <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSEIF forumrow.subforum.S_UNREAD -->fa-circle<!-- ELSE -->fa-circle-o<!-- ENDIF --> fa-fw icon-md" aria-hidden="true"></i> {forumrow.subforum.SUBFORUM_NAME}
|
||||
</a>
|
||||
</li>
|
||||
<!-- END subforum -->
|
||||
</div>
|
||||
<!-- EVENT forumlist_body_subforums_after -->
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF --><!-- /if not: Grid -->
|
||||
</div>
|
||||
</dt>
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY != 'Grid' -->
|
||||
<!-- IF forumrow.CLICKS -->
|
||||
<dd class="redirect"><span>{L_REDIRECTS}{L_COLON} {forumrow.CLICKS}</span></dd>
|
||||
<!-- ELSEIF not forumrow.S_IS_LINK -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'List (Simplified)' -->
|
||||
<dd class="simpleposts"><span>{forumrow.POSTS}</span>{L_POSTS}</dd>
|
||||
<!-- ELSE -->
|
||||
<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
|
||||
<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
|
||||
<!-- ENDIF -->
|
||||
<dd class="lastpost">
|
||||
<span>
|
||||
<!-- IF forumrow.U_UNAPPROVED_TOPICS -->
|
||||
<a href="{forumrow.U_UNAPPROVED_TOPICS}" title="{L_TOPICS_UNAPPROVED}">
|
||||
<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only">{L_TOPICS_UNAPPROVED}</span>
|
||||
</a>
|
||||
<!-- ELSEIF forumrow.U_UNAPPROVED_POSTS -->
|
||||
<a href="{forumrow.U_UNAPPROVED_POSTS}" title="{L_POSTS_UNAPPROVED_FORUM}">
|
||||
<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only">{L_POSTS_UNAPPROVED_FORUM}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF forumrow.LAST_POST_TIME -->
|
||||
<dfn>{L_LAST_POST}</dfn>
|
||||
<!-- IF forumrow.S_DISPLAY_SUBJECT -->
|
||||
<!-- EVENT forumlist_body_last_post_title_prepend -->
|
||||
<a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}" class="lastsubject">{forumrow.LAST_POST_SUBJECT_TRUNCATED}</a> <br />
|
||||
<!-- ENDIF -->
|
||||
{L_POST_BY_AUTHOR} <!-- EVENT forumlist_body_last_poster_username_prepend -->{forumrow.LAST_POSTER_FULL}<!-- EVENT forumlist_body_last_poster_username_append -->
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
|
||||
<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{L_VIEW_LATEST_POST}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<br />{forumrow.LAST_POST_TIME}
|
||||
<!-- ELSE -->
|
||||
{% if forumrow.U_UNAPPROVED_TOPICS %}
|
||||
{{ lang('TOPIC_UNAPPROVED_FORUM', forumrow.TOPICS) }}
|
||||
{% else %}
|
||||
{{ lang('NO_POSTS') }}
|
||||
{% endif %}
|
||||
<!-- ENDIF -->
|
||||
</span>
|
||||
</dd>
|
||||
<!-- ELSE -->
|
||||
<dd> </dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF --><!-- /if not: Grid -->
|
||||
</dl>
|
||||
<!-- EVENT forumlist_body_forum_row_append -->
|
||||
</li>
|
||||
<!-- EVENT forumlist_body_forum_row_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF forumrow.S_LAST_ROW -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- EVENT forumlist_body_last_row_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- BEGINELSE -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_FORUMS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END forumrow -->
|
||||
|
||||
</div>
|
||||
86
styles/Milk_v2/template/forumlist_grid.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<div class="forumlist_grid">
|
||||
|
||||
<!-- BEGIN forumrow -->
|
||||
|
||||
<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT forumlist_body_category_header_before -->
|
||||
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
|
||||
<div class="forabg">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<!-- EVENT forumlist_body_category_header_row_prepend -->
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></div></dt>
|
||||
</dl>
|
||||
<!-- EVENT forumlist_body_category_header_row_append -->
|
||||
</li>
|
||||
</ul>
|
||||
<!-- IF SCRIPT_NAME eq 'index' and STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<ul class="topiclist forums">
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT forumlist_body_category_header_after -->
|
||||
|
||||
<!-- IF not forumrow.S_IS_CAT -->
|
||||
<!-- EVENT forumlist_body_forum_row_before -->
|
||||
<li class="row<!-- IF forumrow.AVATAR_IMG --> has_last_post_avatar<!-- ENDIF -->">
|
||||
<!-- EVENT forumlist_body_forum_row_prepend -->
|
||||
|
||||
<div class="grid_image_container">
|
||||
<div class="forumlist_grid_forum_image" <!-- IF forumrow.FORUM_IMAGE -->style="background-image: url('{forumrow.FORUM_IMAGE_SRC}');<!-- ENDIF -->">
|
||||
<a href="{forumrow.U_VIEWFORUM}" class="grid_colour_overlay">
|
||||
<div class="forumlist_grid_title">
|
||||
{forumrow.FORUM_NAME}
|
||||
</div>
|
||||
<div class="forumlist_grid_numbers">
|
||||
<!-- IF forumrow.S_UNREAD_FORUM -->
|
||||
<span class="grid_unread">{L_NEW}</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF forumrow.CLICKS -->
|
||||
<i class="fa fa-link"></i><!-- {L_REDIRECTS}{L_COLON} --> {forumrow.CLICKS}
|
||||
<!-- ELSE -->
|
||||
<i class="fa fa-book"></i><!-- {L_TOPICS}{L_COLON} --> {forumrow.TOPICS} <i class="fa fa-comments"></i><!-- {L_POSTS}{L_COLON}--> {forumrow.POSTS}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="grid_desc<!-- IF forumrow.S_UNREAD_FORUM --> unread_grid<!-- ENDIF -->">
|
||||
<!-- IF forumrow.FORUM_DESC -->
|
||||
<span class="forum_description">{forumrow.FORUM_DESC}</span>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EVENT forumlist_body_forum_row_append -->
|
||||
</li>
|
||||
<!-- EVENT forumlist_body_forum_row_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF forumrow.S_LAST_ROW -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- EVENT forumlist_body_last_row_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- BEGINELSE -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_FORUMS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END forumrow -->
|
||||
|
||||
</div>
|
||||
0
styles/Milk_v2/template/index.htm
Normal file
119
styles/Milk_v2/template/index_body.html
Normal file
@@ -0,0 +1,119 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<!-- EVENT index_body_markforums_before -->
|
||||
|
||||
<!-- EVENT index_body_markforums_after -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS --><div id="forumlist_collapse"><!-- ENDIF -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'Grid' -->
|
||||
<!-- INCLUDE forumlist_grid.html -->
|
||||
<!-- ELSE -->
|
||||
<!-- INCLUDE forumlist_body.html -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="post_forumlist_links">
|
||||
<!-- IF S_USER_LOGGED_IN -->
|
||||
<span class="current_time">{CURRENT_TIME}</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_MARK_FORUMS -->
|
||||
<br /><a href="{U_MARK_FORUMS}" class="mark-read" accesskey="m" data-ajax="mark_forums_read">{L_MARK_FORUMS_READ}</a>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<!-- EVENT index_body_forumlist_body_after -->
|
||||
|
||||
<div class="forumbg alt_block">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner"><i class="fa fa-line-chart"></i> {L_INFORMATION}</div></dt>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<ul class="topiclist forums">
|
||||
|
||||
|
||||
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
|
||||
<li class="row<!-- IF STYLE_SETTINGS_CONFIG_PROFILE_WIDGET and STYLE_SETTINGS_CONFIG_SIDEBARS and (STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Right Only' || STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Both') --> responsive-hide stat_login_hide<!-- ENDIF -->">
|
||||
<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
|
||||
<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED --> • <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
|
||||
<fieldset class="quick-login">
|
||||
<label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" tabindex="1" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>
|
||||
<label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" tabindex="2" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" autocomplete="off" /></label>
|
||||
<!-- IF U_SEND_PASSWORD -->
|
||||
<a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_AUTOLOGIN_ENABLED -->
|
||||
<span class="responsive-hide">|</span> <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" tabindex="4" name="autologin" id="autologin" /></label>
|
||||
<!-- ENDIF -->
|
||||
<input type="submit" tabindex="5" name="login" value="{L_LOGIN}" class="button2" />
|
||||
{S_LOGIN_REDIRECT}
|
||||
{S_FORM_TOKEN_LOGIN}
|
||||
</fieldset>
|
||||
</form>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- EVENT index_body_stat_blocks_before -->
|
||||
|
||||
<!-- IF S_DISPLAY_ONLINE_LIST -->
|
||||
<li class="row">
|
||||
<div class="stat-block online-list">
|
||||
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
|
||||
<p>
|
||||
<!-- EVENT index_body_block_online_prepend -->
|
||||
{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br />
|
||||
<!-- IF U_VIEWONLINE -->
|
||||
<br />{LOGGED_IN_USER_LIST}
|
||||
<!-- ENDIF -->
|
||||
<!-- IF LEGEND --><br /><strong>{L_LEGEND}{L_COLON} {LEGEND}</strong><!-- ENDIF -->
|
||||
<!-- EVENT index_body_block_online_append -->
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF NEWEST_USER -->
|
||||
<li class="row">
|
||||
<div class="stat-block statistics">
|
||||
<h3>{L_STATISTICS}</h3>
|
||||
<p>
|
||||
<!-- EVENT index_body_block_stats_prepend -->
|
||||
{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS} • {NEWEST_USER}
|
||||
<!-- EVENT index_body_block_stats_append -->
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT index_body_birthday_block_before -->
|
||||
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
|
||||
<li class="row">
|
||||
<div class="stat-block birthday-list">
|
||||
<h3>{L_BIRTHDAYS}</h3>
|
||||
<p>
|
||||
<!-- EVENT index_body_block_birthday_prepend -->
|
||||
<!-- IF .birthdays -->{L_CONGRATULATIONS}{L_COLON} <strong><!-- BEGIN birthdays -->{birthdays.USERNAME}<!-- IF birthdays.AGE !== '' --> ({birthdays.AGE})<!-- ENDIF --><!-- IF not birthdays.S_LAST_ROW -->, <!-- ENDIF --><!-- END birthdays --></strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
|
||||
<!-- EVENT index_body_block_birthday_append -->
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT index_body_stat_blocks_after -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS --></div><!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
176
styles/Milk_v2/template/jquery.collapse.js
Normal file
@@ -0,0 +1,176 @@
|
||||
/*
|
||||
* Collapse plugin for jQuery
|
||||
* --
|
||||
* source: http://github.com/danielstocks/jQuery-Collapse/
|
||||
* site: http://webcloud.se/jQuery-Collapse
|
||||
*
|
||||
* @author Daniel Stocks (http://webcloud.se)
|
||||
* Copyright 2013, Daniel Stocks
|
||||
* Released under the MIT, BSD, and GPL Licenses.
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
// Constructor
|
||||
function Collapse (el, options) {
|
||||
options = options || {};
|
||||
var _this = this,
|
||||
query = options.query || "> :even";
|
||||
|
||||
$.extend(_this, {
|
||||
$el: el,
|
||||
options : options,
|
||||
sections: [],
|
||||
isAccordion : options.accordion || false,
|
||||
db : options.persist ? jQueryCollapseStorage(el.get(0).id) : false
|
||||
});
|
||||
|
||||
// Figure out what sections are open if storage is used
|
||||
_this.states = _this.db ? _this.db.read() : [];
|
||||
|
||||
// For every pair of elements in given
|
||||
// element, create a section
|
||||
_this.$el.find(query).each(function() {
|
||||
new jQueryCollapseSection($(this), _this);
|
||||
});
|
||||
|
||||
// Capute ALL the clicks!
|
||||
(function(scope) {
|
||||
_this.$el.on("click", "[data-collapse-summary] " + (scope.options.clickQuery || ""),
|
||||
$.proxy(_this.handleClick, scope));
|
||||
|
||||
_this.$el.bind("toggle close open",
|
||||
$.proxy(_this.handleEvent, scope));
|
||||
|
||||
}(_this));
|
||||
}
|
||||
|
||||
Collapse.prototype = {
|
||||
handleClick: function(e, state) {
|
||||
e.preventDefault();
|
||||
var state = state || "toggle"
|
||||
var sections = this.sections,
|
||||
l = sections.length;
|
||||
while(l--) {
|
||||
if($.contains(sections[l].$summary[0], e.target)) {
|
||||
sections[l][state]();
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
handleEvent: function(e) {
|
||||
if(e.target == this.$el.get(0)) return this[e.type]();
|
||||
this.handleClick(e, e.type);
|
||||
},
|
||||
open: function(eq) {
|
||||
if(isFinite(eq)) return this.sections[eq].open();
|
||||
$.each(this.sections, function(i, section) {
|
||||
section.open();
|
||||
})
|
||||
},
|
||||
close: function(eq) {
|
||||
if(isFinite(eq)) return this.sections[eq].close();
|
||||
$.each(this.sections, function(i, section) {
|
||||
section.close();
|
||||
})
|
||||
},
|
||||
toggle: function(eq) {
|
||||
if(isFinite(eq)) return this.sections[eq].toggle();
|
||||
$.each(this.sections, function(i, section) {
|
||||
section.toggle();
|
||||
})
|
||||
}
|
||||
};
|
||||
|
||||
// Section constructor
|
||||
function Section($el, parent) {
|
||||
|
||||
if(!parent.options.clickQuery) $el.wrapInner('<a href="#"/>');
|
||||
|
||||
$.extend(this, {
|
||||
isOpen : false,
|
||||
$summary : $el.attr("data-collapse-summary",""),
|
||||
$details : $el.next(),
|
||||
options: parent.options,
|
||||
parent: parent
|
||||
});
|
||||
parent.sections.push(this);
|
||||
|
||||
// Check current state of section
|
||||
var state = parent.states[this._index()];
|
||||
|
||||
if(state === 0) {
|
||||
this.close(true)
|
||||
}
|
||||
else if(this.$summary.is(".open") || state === 1) {
|
||||
this.open(true);
|
||||
} else {
|
||||
this.close(true)
|
||||
}
|
||||
}
|
||||
|
||||
Section.prototype = {
|
||||
toggle : function() {
|
||||
this.isOpen ? this.close() : this.open();
|
||||
},
|
||||
close: function(bypass) {
|
||||
this._changeState("close", bypass);
|
||||
},
|
||||
open: function(bypass) {
|
||||
var _this = this;
|
||||
if(_this.options.accordion && !bypass) {
|
||||
$.each(_this.parent.sections, function(i, section) {
|
||||
section.close()
|
||||
});
|
||||
}
|
||||
_this._changeState("open", bypass);
|
||||
},
|
||||
_index: function() {
|
||||
return $.inArray(this, this.parent.sections);
|
||||
},
|
||||
_changeState: function(state, bypass) {
|
||||
|
||||
var _this = this;
|
||||
_this.isOpen = state == "open";
|
||||
if($.isFunction(_this.options[state]) && !bypass) {
|
||||
_this.options[state].apply(_this.$details);
|
||||
} else {
|
||||
_this.$details[_this.isOpen ? "show" : "hide"]();
|
||||
}
|
||||
|
||||
_this.$summary.toggleClass("open", state != "close")
|
||||
_this.$details.attr("aria-hidden", state == "close");
|
||||
_this.$summary.attr("aria-expanded", state == "open");
|
||||
_this.$summary.trigger(state == "open" ? "opened" : "closed", _this);
|
||||
if(_this.parent.db) {
|
||||
_this.parent.db.write(_this._index(), _this.isOpen);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Expose in jQuery API
|
||||
$.fn.extend({
|
||||
collapse: function(options, scan) {
|
||||
var nodes = (scan) ? $("body").find("[data-collapse]") : $(this);
|
||||
return nodes.each(function() {
|
||||
var settings = (scan) ? {} : options,
|
||||
values = $(this).attr("data-collapse") || "";
|
||||
$.each(values.split(" "), function(i,v) {
|
||||
if(v) settings[v] = true;
|
||||
});
|
||||
new Collapse($(this), settings);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//jQuery DOM Ready
|
||||
$(function() {
|
||||
$.fn.collapse(false, true);
|
||||
});
|
||||
|
||||
// Expose constructor to
|
||||
// global namespace
|
||||
jQueryCollapse = Collapse;
|
||||
jQueryCollapseSection = Section;
|
||||
|
||||
})(window.jQuery);
|
||||
56
styles/Milk_v2/template/jquery.collapse_storage.js
Normal file
@@ -0,0 +1,56 @@
|
||||
/*
|
||||
* Storage for jQuery Collapse
|
||||
* --
|
||||
* source: http://github.com/danielstocks/jQuery-Collapse/
|
||||
* site: http://webcloud.se/jQuery-Collapse
|
||||
*
|
||||
* @author Daniel Stocks (http://webcloud.se)
|
||||
* Copyright 2013, Daniel Stocks
|
||||
* Released under the MIT, BSD, and GPL Licenses.
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
var STORAGE_KEY = "jQuery-Collapse";
|
||||
|
||||
function Storage(id) {
|
||||
var DB;
|
||||
try {
|
||||
DB = window.localStorage || $.fn.collapse.cookieStorage;
|
||||
} catch(e) {
|
||||
DB = false;
|
||||
}
|
||||
return DB ? new _Storage(id, DB) : false;
|
||||
}
|
||||
function _Storage(id, DB) {
|
||||
this.id = id;
|
||||
this.db = DB;
|
||||
this.data = [];
|
||||
}
|
||||
_Storage.prototype = {
|
||||
write: function(position, state) {
|
||||
var _this = this;
|
||||
_this.data[position] = state ? 1 : 0;
|
||||
// Pad out data array with zero values
|
||||
$.each(_this.data, function(i) {
|
||||
if(typeof _this.data[i] == 'undefined') {
|
||||
_this.data[i] = 0;
|
||||
}
|
||||
});
|
||||
var obj = this._getDataObject();
|
||||
obj[this.id] = this.data;
|
||||
this.db.setItem(STORAGE_KEY, JSON.stringify(obj));
|
||||
},
|
||||
read: function() {
|
||||
var obj = this._getDataObject();
|
||||
return obj[this.id] || [];
|
||||
},
|
||||
_getDataObject: function() {
|
||||
var string = this.db.getItem(STORAGE_KEY);
|
||||
return string ? JSON.parse(string) : {};
|
||||
}
|
||||
};
|
||||
|
||||
jQueryCollapseStorage = Storage;
|
||||
|
||||
})(jQuery);
|
||||
162
styles/Milk_v2/template/js.cookie.js
Normal file
@@ -0,0 +1,162 @@
|
||||
/*!
|
||||
* JavaScript Cookie v2.2.0
|
||||
* https://github.com/js-cookie/js-cookie
|
||||
*
|
||||
* Copyright 2006, 2015 Klaus Hartl & Fagner Brack
|
||||
* Released under the MIT license
|
||||
*/
|
||||
;(function (factory) {
|
||||
var registeredInModuleLoader;
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (typeof exports === 'object') {
|
||||
module.exports = factory();
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (!registeredInModuleLoader) {
|
||||
var OldCookies = window.Cookies;
|
||||
var api = window.Cookies = factory();
|
||||
api.noConflict = function () {
|
||||
window.Cookies = OldCookies;
|
||||
return api;
|
||||
};
|
||||
}
|
||||
}(function () {
|
||||
function extend () {
|
||||
var i = 0;
|
||||
var result = {};
|
||||
for (; i < arguments.length; i++) {
|
||||
var attributes = arguments[ i ];
|
||||
for (var key in attributes) {
|
||||
result[key] = attributes[key];
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function init (converter) {
|
||||
function api (key, value, attributes) {
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
// Write
|
||||
|
||||
if (arguments.length > 1) {
|
||||
attributes = extend({
|
||||
path: '/'
|
||||
}, api.defaults, attributes);
|
||||
|
||||
if (typeof attributes.expires === 'number') {
|
||||
attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
|
||||
}
|
||||
|
||||
// We're using "expires" because "max-age" is not supported by IE
|
||||
attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
|
||||
|
||||
try {
|
||||
var result = JSON.stringify(value);
|
||||
if (/^[\{\[]/.test(result)) {
|
||||
value = result;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
value = converter.write ?
|
||||
converter.write(value, key) :
|
||||
encodeURIComponent(String(value))
|
||||
.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
|
||||
|
||||
key = encodeURIComponent(String(key))
|
||||
.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
|
||||
.replace(/[\(\)]/g, escape);
|
||||
|
||||
var stringifiedAttributes = '';
|
||||
for (var attributeName in attributes) {
|
||||
if (!attributes[attributeName]) {
|
||||
continue;
|
||||
}
|
||||
stringifiedAttributes += '; ' + attributeName;
|
||||
if (attributes[attributeName] === true) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Considers RFC 6265 section 5.2:
|
||||
// ...
|
||||
// 3. If the remaining unparsed-attributes contains a %x3B (";")
|
||||
// character:
|
||||
// Consume the characters of the unparsed-attributes up to,
|
||||
// not including, the first %x3B (";") character.
|
||||
// ...
|
||||
stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
|
||||
}
|
||||
|
||||
return (document.cookie = key + '=' + value + stringifiedAttributes);
|
||||
}
|
||||
|
||||
// Read
|
||||
|
||||
var jar = {};
|
||||
var decode = function (s) {
|
||||
return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
|
||||
};
|
||||
// To prevent the for loop in the first place assign an empty array
|
||||
// in case there are no cookies at all.
|
||||
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||||
var i = 0;
|
||||
|
||||
for (; i < cookies.length; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
var cookie = parts.slice(1).join('=');
|
||||
|
||||
if (!this.json && cookie.charAt(0) === '"') {
|
||||
cookie = cookie.slice(1, -1);
|
||||
}
|
||||
|
||||
try {
|
||||
var name = decode(parts[0]);
|
||||
cookie = (converter.read || converter)(cookie, name) ||
|
||||
decode(cookie);
|
||||
|
||||
if (this.json) {
|
||||
try {
|
||||
cookie = JSON.parse(cookie);
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
jar[name] = cookie;
|
||||
|
||||
if (key === name) {
|
||||
break;
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return key ? jar[key] : jar;
|
||||
}
|
||||
|
||||
api.set = api;
|
||||
api.get = function (key) {
|
||||
return api.call(api, key);
|
||||
};
|
||||
api.getJSON = function () {
|
||||
return api.apply({
|
||||
json: true
|
||||
}, arguments);
|
||||
};
|
||||
api.remove = function (key, attributes) {
|
||||
api(key, '', extend(attributes, {
|
||||
expires: -1
|
||||
}));
|
||||
};
|
||||
|
||||
api.defaults = {};
|
||||
|
||||
api.withConverter = init;
|
||||
|
||||
return api;
|
||||
}
|
||||
|
||||
return init(function () {});
|
||||
}));
|
||||
74
styles/Milk_v2/template/login_body.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!-- INCLUDE overall_header_simplified.html -->
|
||||
|
||||
<div class="login_container<!-- IF S_ADMIN_AUTH --> login_container_admin_auth<!-- ENDIF -->">
|
||||
<div class="login_container_left">
|
||||
<div class="login_container_left_section_content fancy_panel animated fadeIn">
|
||||
<div class="login_container_padding login_form">
|
||||
<form action="{S_LOGIN_ACTION}" method="post" id="login" data-focus="<!-- IF S_ADMIN_AUTH -->{PASSWORD_CREDENTIAL}<!-- ELSE -->{USERNAME_CREDENTIAL}<!-- ENDIF -->">
|
||||
<h2 class="login-title"><!-- IF LOGIN_EXPLAIN -->{LOGIN_EXPLAIN}<!-- ELSE -->{L_LOGIN}<!-- ENDIF --></h2>
|
||||
|
||||
<fieldset <!-- IF not S_CONFIRM_CODE -->class="fields1"<!-- ELSE -->class="fields2"<!-- ENDIF -->>
|
||||
<!-- IF LOGIN_ERROR --><div class="error">{LOGIN_ERROR}</div><!-- ENDIF -->
|
||||
<div>
|
||||
<label for="{USERNAME_CREDENTIAL}">{L_USERNAME}</label>
|
||||
<input type="text" tabindex="1" name="{USERNAME_CREDENTIAL}" id="{USERNAME_CREDENTIAL}" size="25" value="{USERNAME}" class="inputbox" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="{PASSWORD_CREDENTIAL}">{L_PASSWORD}</label>
|
||||
<input type="password" tabindex="2" id="{PASSWORD_CREDENTIAL}" name="{PASSWORD_CREDENTIAL}" size="25" class="inputbox" autocomplete="off" />
|
||||
</div>
|
||||
<!-- IF S_DISPLAY_FULL_LOGIN and (U_SEND_PASSWORD or U_RESEND_ACTIVATION) -->
|
||||
<div>
|
||||
<!-- IF S_AUTOLOGIN_ENABLED --><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" /> {L_LOG_ME_IN}</label><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
|
||||
<div>
|
||||
<!-- DEFINE $CAPTCHA_TAB_INDEX = 3 -->
|
||||
<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
{S_LOGIN_REDIRECT}
|
||||
{S_FORM_TOKEN_LOGIN}
|
||||
{S_HIDDEN_FIELDS}
|
||||
<input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button2 specialbutton" />
|
||||
</fieldset>
|
||||
</form>
|
||||
<!-- IF not S_ADMIN_AUTH and PROVIDER_TEMPLATE_FILE -->
|
||||
<!-- INCLUDE {PROVIDER_TEMPLATE_FILE} -->
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_SEND_PASSWORD -->
|
||||
<div class="login_form_forgot_link">
|
||||
<a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_RESEND_ACTIVATION -->
|
||||
<div class="login_form_forgot_link">
|
||||
<a href="{U_RESEND_ACTIVATION}">{L_RESEND_ACTIVATION}</a>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF not S_ADMIN_AUTH and S_REGISTER_ENABLED -->
|
||||
<div class="login_container_right">
|
||||
<div class="login_container_right_section_content fancy_panel animated fadeIn">
|
||||
<div class="login_container_padding">
|
||||
<h3>{L_REGISTER}</h3>
|
||||
<p class="login_container_info">{L_LOGIN_INFO}</p>
|
||||
<p><strong><a href="{U_TERMS_USE}">{L_TERMS_USE}</a> | <a href="{U_PRIVACY}">{L_PRIVACY}</a></strong></p>
|
||||
<p><a href="{U_REGISTER}" class="button2 specialbutton">{L_REGISTER}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div><!-- /.login_container -->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
|
||||
<!-- INCLUDE overall_footer_simplified.html -->
|
||||
34
styles/Milk_v2/template/login_forum.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!-- INCLUDE overall_header_simplified.html -->
|
||||
|
||||
<div class="login_container">
|
||||
<div class="login_container_left">
|
||||
<div class="login_container_left_section_content fancy_panel animated fadeIn">
|
||||
<div class="login_container_padding">
|
||||
<form id="login_forum" method="post" action="{S_LOGIN_ACTION}">
|
||||
{S_FORM_TOKEN}
|
||||
<h2 class="login-title">{L_LOGIN}</h2>
|
||||
<p>{L_LOGIN_FORUM}</p>
|
||||
<fieldset class="fields1">
|
||||
<!-- IF LOGIN_ERROR -->
|
||||
<dl>
|
||||
<dt> </dt>
|
||||
<dd class="error">{LOGIN_ERROR}</dd>
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<label for="password">{L_PASSWORD}{L_COLON}</label></dt>
|
||||
<input type="password" tabindex="1" id="password" name="password" size="25" class="inputbox" autocomplete="off" />
|
||||
{S_LOGIN_REDIRECT}
|
||||
{S_FORM_TOKEN_LOGIN}
|
||||
{S_HIDDEN_FIELDS}
|
||||
<br /><br />
|
||||
<input type="submit" name="login" id="login" class="button1 specialbutton" value="{L_LOGIN}" tabindex="2" />
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
<!-- INCLUDE overall_footer_simplified.html -->
|
||||
152
styles/Milk_v2/template/mcp_forum.html
Normal file
@@ -0,0 +1,152 @@
|
||||
<!-- INCLUDE mcp_header.html -->
|
||||
|
||||
<!-- DEFINE $CUSTOM_FIELDSET_CLASS = 'forum-selection2' -->
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
|
||||
<h2><a href="{U_VIEW_FORUM}">{L_FORUM}{L_COLON} {FORUM_NAME}</a></h2>
|
||||
|
||||
<form method="post" id="mcp" action="{S_MCP_ACTION}">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<div class="action-bar bar-top">
|
||||
<div class="pagination">
|
||||
{TOTAL_TOPICS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF .topicrow -->
|
||||
<ul class="topiclist<!-- IF S_MERGE_SELECT --> missing-column<!-- ENDIF -->">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner">{L_TOPICS}</div></dt>
|
||||
<dd class="posts">{L_REPLIES}</dd>
|
||||
<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
|
||||
<!-- IF not S_MERGE_SELECT --><dd class="mark">{L_MARK}</dd><!-- ENDIF -->
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist<!-- IF S_MERGE_SELECT --> missing-column<!-- ENDIF -->">
|
||||
|
||||
<!-- BEGIN topicrow -->
|
||||
<li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
|
||||
<dl class="row-item {topicrow.TOPIC_IMG_STYLE}">
|
||||
<dt <!-- IF topicrow.TOPIC_ICON_IMG -->style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF -->>
|
||||
<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
|
||||
<div class="list-inner">
|
||||
<!-- EVENT topiclist_row_prepend -->
|
||||
|
||||
<!-- IF topicrow.S_SELECT_TOPIC --><a href="{topicrow.U_SELECT_TOPIC}" class="topictitle">[ {L_SELECT_MERGE} ]</a> <!-- ENDIF -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- EVENT mcp_forum_topic_title_before -->
|
||||
<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
|
||||
<!-- EVENT mcp_forum_topic_title_after -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- IF topicrow.S_MOVED_TOPIC and S_CAN_DELETE --> <a href="{topicrow.U_DELETE_TOPIC}" class="topictitle">[ {L_DELETE_SHADOW_TOPIC} ]</a><!-- ENDIF -->
|
||||
<br />
|
||||
<!-- EVENT topiclist_row_topic_title_after -->
|
||||
<div class="responsive-show" style="display: none;">
|
||||
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF -->
|
||||
{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} « {topicrow.LAST_POST_TIME}<br />
|
||||
</div>
|
||||
<span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong></span>
|
||||
|
||||
<!-- IF .topicrow.pagination -->
|
||||
<div class="pagination">
|
||||
<ul>
|
||||
<!-- BEGIN pagination -->
|
||||
<!-- IF topicrow.pagination.S_IS_PREV -->
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
|
||||
<!-- ELSE --><li><a href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END pagination -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="responsive-hide">
|
||||
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF -->
|
||||
{% EVENT topiclist_row_topic_by_author_before %}
|
||||
{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} » {topicrow.FIRST_POST_TIME}
|
||||
{% EVENT topiclist_row_topic_by_author_after %}
|
||||
</div>
|
||||
<!-- EVENT topiclist_row_append -->
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
|
||||
<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}<br />{topicrow.LAST_POST_TIME}</span></dd>
|
||||
<!-- IF not S_MERGE_SELECT -->
|
||||
<dd class="mark">
|
||||
<!-- IF not topicrow.S_MOVED_TOPIC --><input type="checkbox" name="topic_id_list[]" value="{topicrow.TOPIC_ID}"<!-- IF topicrow.S_TOPIC_CHECKED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --> <!-- ENDIF -->
|
||||
</dd>
|
||||
<!-- ENDIF -->
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END topicrow -->
|
||||
</ul>
|
||||
<!-- ELSE -->
|
||||
<ul class="topiclist">
|
||||
<li><p class="notopics">{L_NO_TOPICS}</p></li>
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="action-bar bottom">
|
||||
<!-- INCLUDE display_options.html -->
|
||||
|
||||
<div class="pagination">
|
||||
{TOTAL_TOPICS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EVENT mcp_forum_actions_before -->
|
||||
<fieldset class="display-actions">
|
||||
<!-- IF not S_MERGE_SELECT -->
|
||||
<select name="action">
|
||||
<option value="" selected="selected">{L_SELECT_ACTION}</option>
|
||||
<!-- IF S_CAN_DELETE --><option value="delete_topic">{L_DELETE}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_RESTORE --><option value="restore_topic">{L_RESTORE}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MERGE --><option value="merge_topics">{L_MERGE}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MOVE --><option value="move">{L_MOVE}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_FORK --><option value="fork">{L_FORK}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_LOCK --><option value="lock">{L_LOCK}</option><option value="unlock">{L_UNLOCK}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_SYNC --><option value="resync">{L_RESYNC}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MAKE_NORMAL --><option value="make_normal">{L_MAKE_NORMAL}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MAKE_STICKY --><option value="make_sticky">{L_MAKE_STICKY}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MAKE_ANNOUNCE --><option value="make_announce">{L_MAKE_ANNOUNCE}</option><!-- ENDIF -->
|
||||
<!-- IF S_CAN_MAKE_ANNOUNCE_GLOBAL --><option value="make_global">{L_MAKE_GLOBAL}</option><!-- ENDIF -->
|
||||
<!-- EVENT mcp_forum_actions_append -->
|
||||
</select>
|
||||
<input class="button2" type="submit" value="{L_SUBMIT}" />
|
||||
<div><a href="#" onclick="marklist('mcp', 'topic_id_list', true); return false;">{L_MARK_ALL}</a> :: <a href="#" onclick="marklist('mcp', 'topic_id_list', false); return false;">{L_UNMARK_ALL}</a></div>
|
||||
<!-- ENDIF -->
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
<!-- EVENT mcp_forum_actions_after -->
|
||||
</form>
|
||||
|
||||
<!-- INCLUDE mcp_footer.html -->
|
||||
193
styles/Milk_v2/template/mcp_front.html
Normal file
@@ -0,0 +1,193 @@
|
||||
<!-- INCLUDE mcp_header.html -->
|
||||
|
||||
<h2>{PAGE_TITLE}</h2>
|
||||
|
||||
<!-- EVENT mcp_front_latest_unapproved_before -->
|
||||
|
||||
<!-- IF S_SHOW_UNAPPROVED -->
|
||||
|
||||
<form id="mcp_queue" method="post" action="{S_MCP_QUEUE_ACTION}">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_LATEST_UNAPPROVED}</h3>
|
||||
<p>{L_UNAPPROVED_TOTAL}</p>
|
||||
|
||||
<!-- IF .unapproved -->
|
||||
<ul class="topiclist missing-column">
|
||||
<li class="header">
|
||||
<dl>
|
||||
<dt><div class="list-inner">{L_VIEW_DETAILS}</div></dt>
|
||||
<dd class="moderation"><span>{L_TOPIC} & {L_FORUM}</span></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist missing-column responsive-show-all">
|
||||
|
||||
<!-- BEGIN unapproved -->
|
||||
<li class="row<!-- IF unapproved.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl>
|
||||
<dt>
|
||||
<div class="list-inner">
|
||||
<a href="{unapproved.U_POST_DETAILS}" class="topictitle">{unapproved.SUBJECT}</a> <!-- IF unapproved.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF --> <br />
|
||||
{L_POSTED} {L_POST_BY_AUTHOR} {unapproved.AUTHOR_FULL} » {unapproved.POST_TIME}
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="moderation"><span>
|
||||
{L_TOPIC}{L_COLON} <a href="{unapproved.U_TOPIC}">{unapproved.TOPIC_TITLE}</a> [<a href="{unapproved.U_MCP_TOPIC}">{L_MODERATE}</a>]<br />
|
||||
{L_FORUM}{L_COLON} <!-- IF unapproved.U_FORUM --><a href="{unapproved.U_FORUM}">{unapproved.FORUM_NAME}</a><!-- ELSE -->{unapproved.FORUM_NAME}<!-- ENDIF --><!-- IF unapproved.U_MCP_FORUM --> [<a href="{unapproved.U_MCP_FORUM}">{L_MODERATE}</a>]<!-- ENDIF --></span>
|
||||
</dd>
|
||||
|
||||
<dd class="mark"><input type="checkbox" name="post_id_list[]" value="{unapproved.POST_ID}" /></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END unapproved -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
{S_FORM_TOKEN}
|
||||
</div>
|
||||
|
||||
<!-- IF .unapproved -->
|
||||
<fieldset class="display-actions">
|
||||
{S_HIDDEN_FIELDS}
|
||||
<input class="button2 button_disapprove" type="submit" name="action[disapprove]" value="{L_DISAPPROVE}" />
|
||||
<input class="button1 button_approve" type="submit" name="action[approve]" value="{L_APPROVE}" />
|
||||
<div><a href="#" onclick="marklist('mcp_queue', 'post_id_list', true); return false;">{L_MARK_ALL}</a> :: <a href="#" onclick="marklist('mcp_queue', 'post_id_list', false); return false;">{L_UNMARK_ALL}</a></div>
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT mcp_front_latest_reported_before -->
|
||||
|
||||
<!-- IF S_SHOW_REPORTS -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_LATEST_REPORTED}</h3>
|
||||
<p>{L_REPORTS_TOTAL}</p>
|
||||
|
||||
<!-- IF .report -->
|
||||
<ul class="topiclist two-long-columns">
|
||||
<li class="header">
|
||||
<dl>
|
||||
<dt><div class="list-inner">{L_VIEW_DETAILS}</div></dt>
|
||||
<dd class="moderation"><span>{L_REPORTER} & {L_FORUM}</span></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist two-long-columns responsive-show-all">
|
||||
|
||||
<!-- BEGIN report -->
|
||||
<li class="row<!-- IF report.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl>
|
||||
<dt>
|
||||
<div class="list-inner">
|
||||
<a href="{report.U_POST_DETAILS}#reports" class="topictitle">{report.SUBJECT}</a> <i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <br />
|
||||
<span>{L_POSTED} {L_POST_BY_AUTHOR} {report.AUTHOR_FULL} » {report.POST_TIME}</span>
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="moderation">
|
||||
<span>{L_REPORTED} {L_POST_BY_AUTHOR} {report.REPORTER_FULL} {L_REPORTED_ON_DATE} <i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <br />
|
||||
{L_FORUM}{L_COLON} <a href="{report.U_FORUM}">{report.FORUM_NAME}</a></span>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END report -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT mcp_front_latest_reported_pms_before -->
|
||||
|
||||
<!-- IF S_SHOW_PM_REPORTS -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_LATEST_REPORTED_PMS}</h3>
|
||||
<p>{L_PM_REPORTS_TOTAL}</p>
|
||||
|
||||
<!-- IF .pm_report -->
|
||||
<ul class="topiclist two-long-columns">
|
||||
<li class="header">
|
||||
<dl>
|
||||
<dt><div class="list-inner">{L_VIEW_DETAILS}</div></dt>
|
||||
<dd class="moderation"><span>{L_REPORTER}</span></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist two-long-columns responsive-show-all">
|
||||
|
||||
<!-- BEGIN pm_report -->
|
||||
<li class="row<!-- IF pm_report.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl>
|
||||
<dt>
|
||||
<div class="list-inner">
|
||||
<a href="{pm_report.U_PM_DETAILS}" class="topictitle">{pm_report.PM_SUBJECT}</a> <i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <br />
|
||||
<span>{L_MESSAGE_BY_AUTHOR} {pm_report.PM_AUTHOR_FULL} » {pm_report.PM_TIME}</span><br />
|
||||
<span>{L_MESSAGE_TO} {pm_report.RECIPIENTS}</span>
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="moderation">
|
||||
<span>{L_REPORTED} {L_POST_BY_AUTHOR} {pm_report.REPORTER_FULL} {L_REPORTED_ON_DATE} {pm_report.REPORT_TIME}</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END pm_report -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT mcp_front_latest_logs_before -->
|
||||
|
||||
<!-- IF S_SHOW_LOGS -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_LATEST_LOGS}</h3>
|
||||
|
||||
<table class="table1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="name">{L_ACTION}</th>
|
||||
<th class="name">{L_USERNAME}</th>
|
||||
<th class="name">{L_IP}</th>
|
||||
<th class="name">{L_VIEW_TOPIC}</th>
|
||||
<th class="name">{L_VIEW_TOPIC_LOGS}</th>
|
||||
<th class="name">{L_TIME}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- BEGIN log -->
|
||||
<tr class="<!-- IF log.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
|
||||
<td>{log.ACTION}</td>
|
||||
<td><span>{log.USERNAME}</span></td>
|
||||
<td><span>{log.IP}</span></td>
|
||||
<td><span><!-- IF log.U_VIEW_TOPIC --><a href="{log.U_VIEW_TOPIC}" title="{L_VIEW_TOPIC}">{L_VIEW_TOPIC}</a><!-- ENDIF --> </span></td>
|
||||
<td><span><!-- IF log.U_VIEWLOGS --><a href="{log.U_VIEWLOGS}">{L_VIEW_TOPIC_LOGS}</a><!-- ENDIF --> </span></td>
|
||||
<td><span>{log.TIME}</span></td>
|
||||
</tr>
|
||||
<!-- BEGINELSE -->
|
||||
<tr>
|
||||
<td colspan="6">{L_NO_ENTRIES}</td>
|
||||
</tr>
|
||||
<!-- END log -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT mcp_front_latest_logs_after -->
|
||||
|
||||
<!-- INCLUDE mcp_footer.html -->
|
||||
362
styles/Milk_v2/template/mcp_post.html
Normal file
@@ -0,0 +1,362 @@
|
||||
<!-- INCLUDE mcp_header.html -->
|
||||
|
||||
<!-- IF S_MCP_REPORT -->
|
||||
<!-- IF S_PM -->
|
||||
<h2>{L_PM_REPORT_DETAILS}</h2>
|
||||
<!-- ELSE -->
|
||||
<h2>{L_REPORT_DETAILS}</h2>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div id="report" class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<div class="postbody">
|
||||
<h3>{L_REPORT_REASON}{L_COLON} {REPORT_REASON_TITLE}</h3>
|
||||
<p class="author">{L_REPORTED} {L_POST_BY_AUTHOR} {REPORTER_FULL} « {REPORT_DATE}</p>
|
||||
<!-- IF S_REPORT_CLOSED -->
|
||||
<p class="post-notice reported"><i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i>{L_REPORT_CLOSED}</p>
|
||||
<!-- ENDIF -->
|
||||
<div class="content">
|
||||
<!-- IF REPORT_TEXT -->
|
||||
{REPORT_TEXT}
|
||||
<!-- ELSE -->
|
||||
{REPORT_REASON_DESCRIPTION}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="post" id="mcp_report" action="{S_CLOSE_ACTION}">
|
||||
|
||||
<fieldset class="submit-buttons">
|
||||
{% EVENT mcp_post_report_buttons_top_before %}
|
||||
<!-- IF not S_REPORT_CLOSED -->
|
||||
<input class="button1" type="submit" value="{L_CLOSE_REPORT}" name="action[close]" />
|
||||
<!-- ENDIF -->
|
||||
<input class="button2" type="submit" value="{L_DELETE_REPORT}" name="action[delete]" />
|
||||
{% EVENT mcp_post_report_buttons_top_after %}
|
||||
<input type="hidden" name="report_id_list[]" value="{REPORT_ID}" />
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<!-- ELSE -->
|
||||
<h2>{L_POST_DETAILS}</h2>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<div class="postbody">
|
||||
<h3><a href="{U_VIEW_POST}">{POST_SUBJECT}</a></h3>
|
||||
|
||||
<ul class="post-buttons">
|
||||
<li id="expand">
|
||||
<a href="#post_details" onclick="viewableArea(getElementById('post_details'), true); var rev_text = getElementById('expand').getElementsByTagName('a').item(0).firstChild; if (rev_text.data.trim() == '{LA_EXPAND_VIEW}'){rev_text.data = '{LA_COLLAPSE_VIEW}'; } else if (rev_text.data.trim() == '{LA_COLLAPSE_VIEW}'){rev_text.data = '{LA_EXPAND_VIEW}';} return false;">
|
||||
{L_EXPAND_VIEW}
|
||||
</a>
|
||||
</li>
|
||||
<!-- IF U_EDIT -->
|
||||
<li>
|
||||
<a href="{U_EDIT}" title="{L_EDIT_POST}" class="button">
|
||||
<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_EDIT_POST}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
</ul>
|
||||
|
||||
<!-- IF S_PM -->
|
||||
<p class="author">
|
||||
<strong>{L_SENT_AT}{L_COLON}</strong> {POST_DATE}
|
||||
<br /><strong>{L_PM_FROM}{L_COLON}</strong> {POST_AUTHOR_FULL} <!-- IF S_TO_RECIPIENT --><br /><strong>{L_TO}{L_COLON}</strong> <!-- BEGIN to_recipient --><!-- IF to_recipient.NAME_FULL -->{to_recipient.NAME_FULL}<!-- ELSE --><a href="{to_recipient.U_VIEW}"<!-- IF to_recipient.COLOUR --> style="color:{to_recipient.COLOUR};"<!-- ENDIF -->><strong>{to_recipient.NAME}</strong></a><!-- ENDIF --> <!-- END to_recipient --><!-- ENDIF -->
|
||||
<!-- IF S_BCC_RECIPIENT --><br /><strong>{L_BCC}{L_COLON}</strong> <!-- BEGIN bcc_recipient --><!-- IF bcc_recipient.NAME_FULL -->{bcc_recipient.NAME_FULL}<!-- ELSE --><a href="{bcc_recipient.U_VIEW}"<!-- IF bcc_recipient.COLOUR --> style="color:{bcc_recipient.COLOUR};"<!-- ENDIF -->><strong>{bcc_recipient.NAME}</strong></a><!-- ENDIF --> <!-- END bcc_recipient --><!-- ENDIF -->
|
||||
</p>
|
||||
<!-- ELSE -->
|
||||
<p class="author"><span><i class="icon fa-file fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{MINI_POST_IMG}</span></span> {L_POSTED} {L_POST_BY_AUTHOR} {POST_AUTHOR_FULL} » {POST_DATE}</p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_POST_UNAPPROVED -->
|
||||
<form method="post" id="mcp_approve" action="{U_APPROVE_ACTION}">
|
||||
|
||||
<p class="post-notice unapproved">
|
||||
<input class="button2 button_disapprove" type="submit" value="{L_DISAPPROVE}" name="action[disapprove]" />
|
||||
<input class="button1 button_approve" type="submit" value="{L_APPROVE}" name="action[approve]" />
|
||||
<!-- IF not S_FIRST_POST --><input type="hidden" name="mode" value="unapproved_posts" /><!-- ENDIF -->
|
||||
<input type="hidden" name="post_id_list[]" value="{POST_ID}" />
|
||||
{S_FORM_TOKEN}
|
||||
</p>
|
||||
</form>
|
||||
<!-- ELSEIF S_POST_DELETED -->
|
||||
<form method="post" id="mcp_approve" action="{U_APPROVE_ACTION}">
|
||||
|
||||
<p class="post-notice deleted">
|
||||
<!-- IF S_CAN_DELETE_POST --><input class="button2 button_disapprove" type="submit" value="{L_DELETE}" name="action[delete]" /> <!-- ENDIF -->
|
||||
<input class="button1 button_approve" type="submit" value="{L_RESTORE}" name="action[restore]" />
|
||||
<!-- IF not S_FIRST_POST --><input type="hidden" name="mode" value="deleted_posts" /><!-- ENDIF -->
|
||||
<input type="hidden" name="post_id_list[]" value="{POST_ID}" />
|
||||
{S_FORM_TOKEN}
|
||||
</p>
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_MESSAGE_REPORTED -->
|
||||
<p class="post-notice reported">
|
||||
<i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_REPORTED}</span> <a href="{U_MCP_REPORT}"><strong>{L_MESSAGE_REPORTED}</strong></a>
|
||||
</p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
{% EVENT mcp_post_text_before %}
|
||||
|
||||
<div id="post_details" class="content post_details">
|
||||
{POST_PREVIEW}
|
||||
</div>
|
||||
|
||||
{% EVENT mcp_post_text_after %}
|
||||
|
||||
<!-- IF S_HAS_ATTACHMENTS -->
|
||||
<dl class="attachbox">
|
||||
<dt>{L_ATTACHMENTS}</dt>
|
||||
<!-- BEGIN attachment -->
|
||||
<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
|
||||
<!-- END attachment -->
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF DELETED_MESSAGE or DELETE_REASON -->
|
||||
<div class="notice">
|
||||
{DELETED_MESSAGE}
|
||||
<!-- IF DELETE_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{DELETE_REASON}</em><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF SIGNATURE -->
|
||||
<div id="sig{POST_ID}" class="signature">{SIGNATURE}</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_MCP_REPORT and S_CAN_VIEWIP -->
|
||||
<hr />
|
||||
<div><!-- IF S_PM -->{L_THIS_PM_IP}<!-- ELSE -->{L_THIS_POST_IP}<!-- ENDIF -->{L_COLON} <!-- IF U_WHOIS -->
|
||||
<a href="{U_WHOIS}"><!-- IF POST_IPADDR -->{POST_IPADDR}<!-- ELSE -->{POST_IP}<!-- ENDIF --></a> (<!-- IF POST_IPADDR -->{POST_IP}<!-- ELSE --><a href="{U_LOOKUP_IP}">{L_LOOKUP_IP}</a><!-- ENDIF -->)
|
||||
<!-- ELSE -->
|
||||
<!-- IF POST_IPADDR -->{POST_IPADDR} ({POST_IP})<!-- ELSE -->{POST_IP}<!-- IF U_LOOKUP_IP --> (<a href="{U_LOOKUP_IP}">{L_LOOKUP_IP}</a>)<!-- ENDIF --><!-- ENDIF -->
|
||||
<!-- ENDIF --></div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF S_CAN_LOCK_POST or S_CAN_DELETE_POST or S_CAN_CHGPOSTER or S_MCP_POST_ADDITIONAL_OPTS -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_MOD_OPTIONS}</h3>
|
||||
<!-- IF S_CAN_CHGPOSTER -->
|
||||
<form method="post" id="mcp_chgposter" action="{U_POST_ACTION}">
|
||||
|
||||
<fieldset>
|
||||
<dl>
|
||||
<dt><label>{L_CHANGE_POSTER}{L_COLON}</label></dt>
|
||||
<!-- IF S_USER_SELECT --><dd><select name="u">{S_USER_SELECT}</select> <input type="submit" class="button2" name="action[chgposter_ip]" value="{L_CONFIRM}" /></dd><!-- ENDIF -->
|
||||
<dd style="margin-top:3px;">
|
||||
<input class="inputbox autowidth" type="text" name="username" value="" />
|
||||
<input type="submit" class="button2" name="action[chgposter]" value="{L_CONFIRM}" />
|
||||
<br />
|
||||
<span>[ <a href="{U_FIND_USERNAME}" onclick="find_username(this.href); return false;">{L_FIND_USERNAME}</a> ]</span>
|
||||
</dd>
|
||||
</dl>
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT mcp_post_additional_options -->
|
||||
|
||||
<!-- IF S_CAN_LOCK_POST or S_CAN_DELETE_POST -->
|
||||
<form method="post" id="mcp" action="{U_MCP_ACTION}">
|
||||
|
||||
<fieldset>
|
||||
<dl>
|
||||
<dt><label>{L_MOD_OPTIONS}{L_COLON}</label></dt>
|
||||
<dd><select name="action">
|
||||
<!-- IF S_CAN_LOCK_POST --><!-- IF S_POST_LOCKED --><option value="unlock_post">{L_UNLOCK_POST} [{L_UNLOCK_POST_EXPLAIN}]</option><!-- ELSE --><option value="lock_post">{L_LOCK_POST} [{L_LOCK_POST_EXPLAIN}]</option><!-- ENDIF --><!-- ENDIF -->
|
||||
<!-- IF S_CAN_DELETE_POST --><option value="delete_post">{L_DELETE_POST}</option><!-- ENDIF -->
|
||||
</select> <input class="button2" type="submit" value="{L_SUBMIT}" />
|
||||
</dd>
|
||||
</dl>
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- IF S_MCP_QUEUE or S_MCP_REPORT or RETURN_TOPIC -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<p><!-- IF S_MCP_QUEUE -->{RETURN_QUEUE} | {RETURN_TOPIC_SIMPLE} | {RETURN_POST}<!-- ELSEIF S_MCP_REPORT -->{RETURN_REPORTS}<!-- IF not S_PM --> | <a href="{U_VIEW_POST}">{L_VIEW_POST}</a> | <a href="{U_VIEW_TOPIC}">{L_VIEW_TOPIC}</a> | <a href="{U_VIEW_FORUM}">{L_VIEW_FORUM}</a><!-- ENDIF --><!-- ELSE -->{RETURN_TOPIC}<!-- ENDIF --></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_MCP_QUEUE -->
|
||||
<!-- ELSE -->
|
||||
|
||||
<!-- IF S_SHOW_USER_NOTES -->
|
||||
<div class="panel" id="usernotes">
|
||||
<div class="inner">
|
||||
|
||||
<form method="post" id="mcp_notes" action="{U_POST_ACTION}">
|
||||
|
||||
<!-- IF S_USER_NOTES -->
|
||||
<h3>{L_FEEDBACK}</h3>
|
||||
|
||||
<!-- BEGIN usernotes -->
|
||||
<span class="small"><strong>{L_REPORTED_BY}{L_COLON} {usernotes.REPORT_BY} « {usernotes.REPORT_AT}</strong></span>
|
||||
<!-- IF S_CLEAR_ALLOWED --><div class="right-box"><input type="checkbox" name="marknote[]" value="{usernotes.ID}" /></div><!-- ENDIF -->
|
||||
<div class="postbody">{usernotes.ACTION}</div>
|
||||
|
||||
<hr class="dashed" />
|
||||
<!-- END usernotes -->
|
||||
|
||||
<!-- IF S_CLEAR_ALLOWED -->
|
||||
<fieldset class="submit-buttons">
|
||||
<input class="button2" type="submit" name="action[del_all]" value="{L_DELETE_ALL}" />
|
||||
<input class="button2" type="submit" name="action[del_marked]" value="{L_DELETE_MARKED}" />
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<h3>{L_ADD_FEEDBACK}</h3>
|
||||
<p>{L_ADD_FEEDBACK_EXPLAIN}</p>
|
||||
|
||||
<fieldset>
|
||||
<textarea name="usernote" rows="4" cols="76" class="inputbox"></textarea>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="submit-buttons">
|
||||
<input class="button1" type="submit" name="action[add_feedback]" value="{L_SUBMIT}" />
|
||||
<input class="button2" type="reset" value="{L_RESET}" />
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_SHOW_REPORTS -->
|
||||
<div class="panel" id="reports">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_MCP_POST_REPORTS}</h3>
|
||||
|
||||
<!-- BEGIN reports -->
|
||||
<span class="small"><strong>{L_REPORTED_BY}{L_COLON} <!-- IF reports.U_REPORTER --><a href="{reports.U_REPORTER}">{reports.REPORTER}</a><!-- ELSE -->{reports.REPORTER}<!-- ENDIF --> « {reports.REPORT_TIME}</strong></span>
|
||||
<p><em>{reports.REASON_TITLE}{L_COLON} {reports.REASON_DESC}</em><!-- IF reports.REPORT_TEXT --><br />{reports.REPORT_TEXT}<!-- ENDIF --></p>
|
||||
<!-- END reports -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_CAN_VIEWIP and not S_MCP_REPORT -->
|
||||
<div class="panel" id="ip">
|
||||
<div class="inner">
|
||||
|
||||
<p>{L_THIS_POST_IP}{L_COLON} <!-- IF U_WHOIS -->
|
||||
<a href="{U_WHOIS}"><!-- IF POST_IPADDR -->{POST_IPADDR}<!-- ELSE -->{POST_IP}<!-- ENDIF --></a> (<!-- IF POST_IPADDR -->{POST_IP}<!-- ELSE --><a href="{U_LOOKUP_IP}">{L_LOOKUP_IP}</a><!-- ENDIF -->)
|
||||
<!-- ELSE -->
|
||||
<!-- IF POST_IPADDR -->{POST_IPADDR} ({POST_IP})<!-- ELSE -->{POST_IP}<!-- IF U_LOOKUP_IP --> (<a href="{U_LOOKUP_IP}">{L_LOOKUP_IP}</a>)<!-- ENDIF --><!-- ENDIF -->
|
||||
<!-- ENDIF --></p>
|
||||
|
||||
<table class="table1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="name">{L_OTHER_USERS}</th>
|
||||
<th class="posts">{L_POSTS}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- BEGIN userrow -->
|
||||
<tr class="<!-- IF userrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
|
||||
<td><!-- IF userrow.U_PROFILE --><a href="{userrow.U_PROFILE}">{userrow.USERNAME}</a><!-- ELSE -->{userrow.USERNAME}<!-- ENDIF --></td>
|
||||
<td class="posts"><a href="{userrow.U_SEARCHPOSTS}" title="{L_SEARCH_POSTS_BY} {userrow.USERNAME}">{userrow.NUM_POSTS}</a></td>
|
||||
</tr>
|
||||
<!-- BEGINELSE -->
|
||||
<tr>
|
||||
<td colspan="2">{L_NO_MATCHES_FOUND}</td>
|
||||
</tr>
|
||||
<!-- END userrow -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="pagination">
|
||||
<!-- INCLUDE pagination.html -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<table class="table1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="name">{L_IPS_POSTED_FROM}</th>
|
||||
<th class="posts">{L_POSTS}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- BEGIN iprow -->
|
||||
<tr class="<!-- IF iprow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
|
||||
<td><!-- IF iprow.HOSTNAME --><a href="{iprow.U_WHOIS}">{iprow.HOSTNAME}</a> ({iprow.IP})<!-- ELSE --><a href="{iprow.U_WHOIS}">{iprow.IP}</a> (<a href="{iprow.U_LOOKUP_IP}">{L_LOOKUP_IP}</a>)<!-- ENDIF --></td>
|
||||
<td class="posts">{iprow.NUM_POSTS}</td>
|
||||
</tr>
|
||||
<!-- BEGINELSE -->
|
||||
<tr>
|
||||
<td colspan="2">{L_NO_MATCHES_FOUND}</td>
|
||||
</tr>
|
||||
<!-- END iprow -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="buttons">
|
||||
<p><a href="{U_LOOKUP_ALL}#ip">{L_LOOKUP_ALL}</a></p>
|
||||
</div>
|
||||
|
||||
<div class="pagination">
|
||||
<ul>
|
||||
<!-- BEGIN pagination_ips -->
|
||||
<!-- IF pagination_ips.S_IS_PREV -->
|
||||
<li class="arrow previous"><a class="button button-icon-only" href="{pagination_ips.PAGE_URL}" rel="prev" role="button"><i class="icon fa-chevron-{S_CONTENT_FLOW_BEGIN} fa-fw" aria-hidden="true"></i><span class="sr-only">{L_PREVIOUS}</span></a></li>
|
||||
<!-- ELSEIF pagination_ips.S_IS_CURRENT -->
|
||||
<li class="active"><span>{pagination_ips.PAGE_NUMBER}</span></li>
|
||||
<!-- ELSEIF pagination_ips.S_IS_ELLIPSIS -->
|
||||
<li class="ellipsis" role="separator"><span>{L_ELLIPSIS}</span></li>
|
||||
<!-- ELSEIF pagination_ips.S_IS_NEXT -->
|
||||
<li class="arrow next"><a class="button button-icon-only" href="{pagination_ips.PAGE_URL}" rel="next" role="button"><i class="icon fa-chevron-{S_CONTENT_FLOW_END} fa-fw" aria-hidden="true"></i><span class="sr-only">{L_NEXT}</span></a></li>
|
||||
<!-- ELSE -->
|
||||
<li><a class="button" href="{pagination_ips.PAGE_URL}" role="button">{pagination_ips.PAGE_NUMBER}</a></li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END pagination_ips -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_TOPIC_REVIEW --><!-- INCLUDE posting_topic_review.html --><!-- ENDIF -->
|
||||
|
||||
<!-- INCLUDE mcp_footer.html -->
|
||||
123
styles/Milk_v2/template/mcp_queue.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!-- INCLUDE mcp_header.html -->
|
||||
|
||||
<form id="mcp" method="post" action="{S_MCP_ACTION}">
|
||||
|
||||
<fieldset class="forum-selection">
|
||||
<label for="fo">{L_FORUM}{L_COLON} <select name="f" id="fo">{S_FORUM_OPTIONS}</select></label>
|
||||
<input type="submit" name="sort" value="{L_GO}" class="button2" />
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
|
||||
<h2>{L_TITLE}</h2>
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<p>{L_EXPLAIN}</p>
|
||||
|
||||
<!-- IF .postrow -->
|
||||
<div class="action-bar bar-top">
|
||||
<div class="pagination">
|
||||
{TOTAL}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="topiclist missing-column">
|
||||
<li class="header">
|
||||
<dl>
|
||||
<dt><div class="list-inner"><!-- IF S_TOPICS -->{L_TOPIC}<!-- ELSE -->{L_POST}<!-- ENDIF --></div></dt>
|
||||
<dd class="moderation"><span><!-- IF not S_TOPICS -->{L_TOPIC} & <!-- ENDIF -->{L_FORUM}</span></dd>
|
||||
<dd class="mark">{L_MARK}</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist missing-column responsive-show-all">
|
||||
|
||||
<!-- BEGIN postrow -->
|
||||
|
||||
<!-- IF postrow.S_DELETED_TOPIC -->
|
||||
<li><p class="notopics">{L_DELETED_TOPIC}</p></li>
|
||||
<!-- ELSE -->
|
||||
|
||||
<li class="row<!-- IF postrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl>
|
||||
<dt>
|
||||
<div class="list-inner">
|
||||
<a href="{postrow.U_VIEW_DETAILS}" class="topictitle">{postrow.POST_SUBJECT}</a><!-- IF postrow.S_HAS_ATTACHMENTS --> <i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF --><br />
|
||||
<span>{L_POSTED} {L_POST_BY_AUTHOR} {postrow.POST_AUTHOR_FULL} » {postrow.POST_TIME}</span>
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="moderation">
|
||||
<span>
|
||||
<!-- IF S_TOPICS --><br /><!-- ELSE -->{L_TOPIC}{L_COLON} <a href="{postrow.U_TOPIC}">{postrow.TOPIC_TITLE}</a> <br /><!-- ENDIF -->
|
||||
{L_FORUM}{L_COLON} <a href="{postrow.U_VIEWFORUM}">{postrow.FORUM_NAME}</a>
|
||||
</span>
|
||||
</dd>
|
||||
|
||||
|
||||
<dd class="mark">
|
||||
<!-- IF S_TOPICS -->
|
||||
<input type="checkbox" name="topic_id_list[]" value="{postrow.TOPIC_ID}" />
|
||||
<!-- ELSE -->
|
||||
<input type="checkbox" name="post_id_list[]" value="{postrow.POST_ID}" />
|
||||
<!-- ENDIF -->
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END postrow -->
|
||||
</ul>
|
||||
|
||||
<div class="action-bar bottom">
|
||||
<!-- INCLUDE display_options.html -->
|
||||
<!-- IF TOPIC_ID --><label><input type="checkbox" class="radio" name="t" value="{TOPIC_ID}" checked="checked" onClick="document.getElementById('mcp').submit()" /> <strong>{L_ONLY_TOPIC}</strong></label><!-- ENDIF -->
|
||||
|
||||
<div class="pagination">
|
||||
{TOTAL}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ELSE -->
|
||||
<p class="notopics"><strong>
|
||||
<!-- IF S_RESTORE -->
|
||||
<!-- IF S_TOPICS -->{L_NO_TOPICS_DELETED}<!-- ELSE -->{L_NO_POSTS_DELETED}<!-- ENDIF -->
|
||||
<!-- ELSE -->
|
||||
<!-- IF S_TOPICS -->{L_NO_TOPICS_QUEUE}<!-- ELSE -->{L_NO_POSTS_QUEUE}<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
</strong></p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF .postrow -->
|
||||
<fieldset class="display-actions">
|
||||
<!-- IF S_RESTORE -->
|
||||
<input class="button2 button_disapprove" type="submit" name="action[delete]" value="{L_DELETE}" />
|
||||
<input class="button1 button_approve" type="submit" name="action[restore]" value="{L_RESTORE}" />
|
||||
<!-- ELSE -->
|
||||
<input class="button2 button_disapprove" type="submit" name="action[disapprove]" value="{L_DISAPPROVE}" />
|
||||
<input class="button1 button_approve" type="submit" name="action[approve]" value="{L_APPROVE}" />
|
||||
<!-- ENDIF -->
|
||||
<div>
|
||||
<!-- IF S_TOPICS -->
|
||||
<a href="#" onclick="marklist('mcp', 'topic_id_list', true); return false;">{L_MARK_ALL}</a> :: <a href="#" onclick="marklist('mcp', 'topic_id_list', false); return false;">{L_UNMARK_ALL}</a>
|
||||
<!-- ELSE -->
|
||||
<a href="#" onclick="marklist('mcp', 'post_id_list', true); return false;">{L_MARK_ALL}</a> :: <a href="#" onclick="marklist('mcp', 'post_id_list', false); return false;">{L_UNMARK_ALL}</a>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
</form>
|
||||
|
||||
<!-- INCLUDE mcp_footer.html -->
|
||||
145
styles/Milk_v2/template/memberlist_view.html
Normal file
@@ -0,0 +1,145 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<h2 class="memberlist-title">{PAGE_TITLE}</h2>
|
||||
|
||||
<div class="viewtopic_wrapper">
|
||||
|
||||
<!-- EVENT memberlist_view_content_prepend -->
|
||||
|
||||
<form method="post" action="{S_PROFILE_ACTION}" id="viewprofile">
|
||||
<div class="panel bg1<!-- IF S_ONLINE --> online<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<!-- IF AVATAR_IMG -->
|
||||
<dl class="left-box">
|
||||
<dt class="profile-avatar">{AVATAR_IMG}</dt>
|
||||
<!-- EVENT memberlist_view_rank_avatar_before -->
|
||||
<!-- IF RANK_TITLE --><dd style="text-align: center;">{RANK_TITLE}</dd><!-- ENDIF -->
|
||||
<!-- IF RANK_IMG --><dd style="text-align: center;">{RANK_IMG}</dd><!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_rank_avatar_after -->
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<dl class="left-box details profile-details">
|
||||
<dt>{L_USERNAME}{L_COLON}</dt>
|
||||
<dd> <!-- EVENT memberlist_view_username_prepend --><!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span><!-- EVENT memberlist_view_username_append -->
|
||||
<!-- IF U_EDIT_SELF --> [ <a href="{U_EDIT_SELF}">{L_EDIT_PROFILE}</a> ]<!-- ENDIF -->
|
||||
<!-- IF U_USER_ADMIN --> [ <a href="{U_USER_ADMIN}">{L_USER_ADMIN}</a> ]<!-- ENDIF -->
|
||||
<!-- IF U_USER_BAN --> [ <a href="{U_USER_BAN}">{L_USER_BAN}</a> ]<!-- ENDIF -->
|
||||
<!-- IF U_SWITCH_PERMISSIONS --> [ <a href="{U_SWITCH_PERMISSIONS}">{L_USE_PERMISSIONS}</a> ]<!-- ENDIF -->
|
||||
</dd>
|
||||
<!-- IF not AVATAR_IMG -->
|
||||
<!-- EVENT memberlist_view_rank_no_avatar_before -->
|
||||
<!-- IF RANK_TITLE --><dt>{L_RANK}{L_COLON}</dt> <dd>{RANK_TITLE}</dd><!-- ENDIF -->
|
||||
<!-- IF RANK_IMG --><dt><!-- IF RANK_TITLE --> <!-- ELSE -->{L_RANK}{L_COLON}<!-- ENDIF --></dt> <dd>{RANK_IMG}</dd><!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_rank_no_avatar_after -->
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_USER_INACTIVE --><dt>{L_USER_IS_INACTIVE}{L_COLON}</dt> <dd>{USER_INACTIVE_REASON}</dd><!-- ENDIF -->
|
||||
<!-- IF AGE !== '' --><dt>{L_AGE}{L_COLON}</dt> <dd>{AGE}</dd><!-- ENDIF -->
|
||||
<!-- IF S_GROUP_OPTIONS --><dt>{L_USERGROUPS}{L_COLON}</dt> <dd><select name="g">{S_GROUP_OPTIONS}</select> <input type="submit" name="submit" value="{L_GO}" class="button2" /></dd><!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_non_contact_custom_fields_before -->
|
||||
<!-- BEGIN custom_fields -->
|
||||
<!-- IF not custom_fields.S_PROFILE_CONTACT -->
|
||||
<dt>{custom_fields.PROFILE_FIELD_NAME}{L_COLON}</dt> <dd>{custom_fields.PROFILE_FIELD_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- END custom_fields -->
|
||||
<!-- EVENT memberlist_view_non_contact_custom_fields_after -->
|
||||
<!-- EVENT memberlist_view_zebra_before -->
|
||||
<!-- IF S_USER_LOGGED_IN and S_ZEBRA -->
|
||||
<!-- IF U_REMOVE_FRIEND -->
|
||||
<dt> </dt> <dd class="zebra"><a href="{U_REMOVE_FRIEND}" data-ajax="zebra"><strong>{L_REMOVE_FRIEND}</strong></a></dd>
|
||||
<!-- ELSEIF U_REMOVE_FOE -->
|
||||
<dt> </dt> <dd class="zebra"><a href="{U_REMOVE_FOE}" data-ajax="zebra"><strong>{L_REMOVE_FOE}</strong></a></dd>
|
||||
<!-- ELSE -->
|
||||
<!-- IF U_ADD_FRIEND -->
|
||||
<dt> </dt> <dd class="zebra"><a href="{U_ADD_FRIEND}" data-ajax="zebra"><strong>{L_ADD_FRIEND}</strong></a></dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_ADD_FOE -->
|
||||
<dt> </dt> <dd class="zebra"><a href="{U_ADD_FOE}" data-ajax="zebra"><strong>{L_ADD_FOE}</strong></a></dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_zebra_after -->
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EVENT memberlist_view_contact_before -->
|
||||
<div class="panel bg2">
|
||||
<div class="inner">
|
||||
|
||||
<div class="column1">
|
||||
<h3>{L_CONTACT_USER}</h3>
|
||||
|
||||
<dl class="details">
|
||||
<!-- IF U_EMAIL --><dt>{L_EMAIL_ADDRESS}{L_COLON}</dt> <dd><a href="{U_EMAIL}">{L_SEND_EMAIL_USER}</a></dd><!-- ENDIF -->
|
||||
<!-- IF U_PM --><dt>{L_PM}{L_COLON}</dt> <dd><a href="{U_PM}">{L_SEND_PRIVATE_MESSAGE}</a></dd><!-- ENDIF -->
|
||||
<!-- IF U_JABBER and S_JABBER_ENABLED --><dt>{L_JABBER}{L_COLON}</dt> <dd><a href="{U_JABBER}" onclick="popup(this.href, 750, 320); return false;">{L_SEND_JABBER_MESSAGE}</a></dd><!-- ELSEIF USER_JABBER --><dt>{L_JABBER}{L_COLON}</dt> <dd>{USER_JABBER}</dd><!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_contact_custom_fields_before -->
|
||||
<!-- BEGIN custom_fields -->
|
||||
<!-- IF custom_fields.S_PROFILE_CONTACT -->
|
||||
<dt>{custom_fields.PROFILE_FIELD_NAME}{L_COLON}</dt>
|
||||
<!-- IF custom_fields.PROFILE_FIELD_CONTACT -->
|
||||
<dd><a href="{custom_fields.PROFILE_FIELD_CONTACT}">{custom_fields.PROFILE_FIELD_DESC}</a></dd>
|
||||
<!-- ELSE -->
|
||||
<dd>{custom_fields.PROFILE_FIELD_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- END custom_fields -->
|
||||
<!-- EVENT memberlist_view_contact_custom_fields_after -->
|
||||
<!-- IF S_PROFILE_FIELD1 -->
|
||||
<!-- NOTE: Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
|
||||
<dt>{PROFILE_FIELD1_NAME}{L_COLON}</dt> <dd>{PROFILE_FIELD1_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="column2">
|
||||
<h3>{L_USER_FORUM}</h3>
|
||||
<dl class="details">
|
||||
<!-- EVENT memberlist_view_user_statistics_before -->
|
||||
<dt>{L_JOINED}{L_COLON}</dt> <dd>{JOINED}</dd>
|
||||
<dt>{L_LAST_ACTIVE}{L_COLON}</dt> <dd>{LAST_ACTIVE}</dd>
|
||||
<!-- IF S_WARNINGS -->
|
||||
<dt>{L_WARNINGS}{L_COLON} </dt>
|
||||
<dd><strong>{WARNINGS}</strong><!-- IF U_NOTES or U_WARN --> [ <!-- IF U_NOTES --><a href="{U_NOTES}">{L_VIEW_NOTES}</a><!-- ENDIF --> <!-- IF U_WARN --><!-- IF U_NOTES --> | <!-- ENDIF --><a href="{U_WARN}">{L_WARN_USER}</a><!-- ENDIF --> ]<!-- ENDIF --></dd>
|
||||
<!-- ENDIF -->
|
||||
<dt>{L_TOTAL_POSTS}{L_COLON}</dt>
|
||||
<dd>{POSTS} <!-- IF S_DISPLAY_SEARCH -->| <strong><a href="{U_SEARCH_USER}">{L_SEARCH_USER_POSTS}</a></strong><!-- ENDIF -->
|
||||
<!-- IF POSTS_PCT --><br />({POSTS_PCT} / {POSTS_DAY})<!-- ENDIF -->
|
||||
<!-- IF POSTS_IN_QUEUE and U_MCP_QUEUE --><br />(<a href="{U_MCP_QUEUE}">{L_POSTS_IN_QUEUE}</a>)<!-- ELSEIF POSTS_IN_QUEUE --><br />({L_POSTS_IN_QUEUE})<!-- ENDIF -->
|
||||
</dd>
|
||||
<!-- IF S_SHOW_ACTIVITY and POSTS -->
|
||||
<dt>{L_ACTIVE_IN_FORUM}{L_COLON}</dt> <dd><!-- IF ACTIVE_FORUM != '' --><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
|
||||
<dt>{L_ACTIVE_IN_TOPIC}{L_COLON}</dt> <dd><!-- IF ACTIVE_TOPIC != '' --><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})<!-- ELSE --> - <!-- ENDIF --></dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT memberlist_view_user_statistics_after -->
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- EVENT memberlist_view_contact_after -->
|
||||
|
||||
<!-- IF SIGNATURE -->
|
||||
<div class="panel bg1">
|
||||
<div class="inner">
|
||||
|
||||
<h3>{L_SIGNATURE}</h3>
|
||||
|
||||
<div class="postbody"><div class="signature standalone">{SIGNATURE}</div></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</form>
|
||||
|
||||
<!-- EVENT memberlist_view_content_append -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
81
styles/Milk_v2/template/navbar_footer.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<div class="navbar_footer" role="navigation">
|
||||
<div class="inner">
|
||||
|
||||
<ul id="nav-footer" class="nav-footer linklist" role="menubar">
|
||||
<li class="breadcrumbs">
|
||||
<!-- IF U_SITE_HOME -->
|
||||
{% spaceless %}
|
||||
<span class="crumb">
|
||||
<a href="{U_SITE_HOME}" data-navbar-reference="home">
|
||||
<i class="icon fa-home fa-fw" aria-hidden="true"></i><span>{L_SITE_HOME}</span>
|
||||
</a>
|
||||
</span>
|
||||
{% endspaceless %}
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT overall_footer_breadcrumb_prepend -->
|
||||
{% spaceless %}
|
||||
<span class="crumb">
|
||||
<a href="{U_INDEX}" data-navbar-reference="index">
|
||||
<!-- IF not U_SITE_HOME --><i class="icon fa-home fa-fw" aria-hidden="true"></i><!-- ENDIF --><span>{L_INDEX}</span>
|
||||
</a>
|
||||
</span>
|
||||
{% endspaceless %}
|
||||
<!-- EVENT overall_footer_breadcrumb_append -->
|
||||
</li>
|
||||
<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
|
||||
<li data-last-responsive="true">
|
||||
<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_FORUM -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">
|
||||
<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_FORUM_TITLE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT overall_footer_timezone_before -->
|
||||
<li class="rightside">{S_TIMEZONE}</li>
|
||||
<!-- EVENT overall_footer_timezone_after -->
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<li class="rightside">
|
||||
<a href="{U_DELETE_COOKIES}" data-ajax="true" data-refresh="true" role="menuitem">
|
||||
<i class="icon fa-trash fa-fw" aria-hidden="true"></i><span>{L_DELETE_COOKIES}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- IF S_DISPLAY_MEMBERLIST -->
|
||||
<li class="rightside" data-last-responsive="true">
|
||||
<a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}" role="menuitem">
|
||||
<i class="icon fa-group fa-fw" aria-hidden="true"></i><span>{L_MEMBERLIST}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT overall_footer_teamlink_before -->
|
||||
<li class="rightside">
|
||||
<a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
|
||||
<i class="icon fa-lock" aria-hidden="true"></i><span class="footer-link-text">{{ lang('PRIVACY_LINK') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="rightside">
|
||||
<a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
|
||||
<i class="icon fa-check fa-fw" aria-hidden="true"></i><span class="footer-link-text">{{ lang('TERMS_LINK') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
<!-- IF U_TEAM -->
|
||||
<li class="rightside" data-last-responsive="true">
|
||||
<a href="{U_TEAM}" role="menuitem">
|
||||
<i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>{L_THE_TEAM}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT overall_footer_teamlink_after -->
|
||||
<!-- IF U_CONTACT_US -->
|
||||
<li class="rightside" data-last-responsive="true">
|
||||
<a href="{U_CONTACT_US}" role="menuitem">
|
||||
<i class="icon fa-envelope fa-fw" aria-hidden="true"></i><span>{L_CONTACT_US}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
188
styles/Milk_v2/template/navbar_header.html
Normal file
@@ -0,0 +1,188 @@
|
||||
<div class="navbar<!-- IF STYLE_SETTINGS_CONFIG_NAVBAR_POSITION == 'Inside Header' --> navbar_in_header<!-- ENDIF -->" role="navigation">
|
||||
<div class="inner">
|
||||
|
||||
<ul id="nav-main" class="nav-main linklist" role="menubar">
|
||||
|
||||
<li id="quick-links" class="quick-links dropdown-container responsive-menu<!-- IF not S_DISPLAY_QUICK_LINKS and not S_DISPLAY_SEARCH --> hidden<!-- ENDIF -->" data-skip-responsive="true">
|
||||
<a href="#" class="dropdown-trigger">
|
||||
<i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>{L_QUICK_LINKS}</span>
|
||||
</a>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<ul class="dropdown-contents" role="menu">
|
||||
<!-- EVENT navbar_header_quick_links_before -->
|
||||
|
||||
<!-- IF S_DISPLAY_SEARCH -->
|
||||
<li class="separator"></li>
|
||||
<!-- IF S_REGISTERED_USER -->
|
||||
<li>
|
||||
<a href="{U_SEARCH_SELF}" role="menuitem">
|
||||
<i class="icon fa-map-marker fa-fw" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_USER_LOGGED_IN -->
|
||||
<li>
|
||||
<a href="{U_SEARCH_NEW}" role="menuitem">
|
||||
<i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_NEW}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_LOAD_UNREADS -->
|
||||
<li>
|
||||
<a href="{U_SEARCH_UNREAD}" role="menuitem">
|
||||
<i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_UNREAD}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<li>
|
||||
<a href="{U_SEARCH_UNANSWERED}" role="menuitem">
|
||||
<i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_UNANSWERED}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{U_SEARCH_ACTIVE_TOPICS}" role="menuitem">
|
||||
<i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_ACTIVE_TOPICS}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="separator"></li>
|
||||
<li>
|
||||
<a href="{U_SEARCH}" role="menuitem">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span>{L_SEARCH}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) -->
|
||||
<li class="separator"></li>
|
||||
<!-- IF S_DISPLAY_MEMBERLIST -->
|
||||
<li>
|
||||
<a href="{U_MEMBERLIST}" role="menuitem">
|
||||
<i class="icon fa-group fa-fw" aria-hidden="true"></i><span>{L_MEMBERLIST}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_TEAM -->
|
||||
<li>
|
||||
<a href="{U_TEAM}" role="menuitem">
|
||||
<i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>{L_THE_TEAM}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<li class="separator"></li>
|
||||
|
||||
<!-- EVENT navbar_header_quick_links_after -->
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- EVENT overall_header_navigation_prepend -->
|
||||
<li <!-- IF not S_USER_LOGGED_IN -->data-skip-responsive="true"<!-- ELSE -->data-last-responsive="true"<!-- ENDIF -->>
|
||||
<a href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
|
||||
<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- EVENT overall_header_navigation_append -->
|
||||
<!-- IF U_ACP -->
|
||||
<li data-last-responsive="true">
|
||||
<a href="{{ U_ACP }}" title="{L_ACP}" role="menuitem">
|
||||
<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>{{ lang('ACP_SHORT') }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_MCP -->
|
||||
<li data-last-responsive="true">
|
||||
<a href="{U_MCP}" title="{L_MCP}" role="menuitem">
|
||||
<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span>{L_MCP_SHORT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_REGISTERED_USER -->
|
||||
<!-- EVENT navbar_header_user_profile_prepend -->
|
||||
<li id="username_logged_in" class="rightside <!-- IF CURRENT_USER_AVATAR --> no-bulletin<!-- ENDIF -->" data-skip-responsive="true">
|
||||
<!-- EVENT navbar_header_username_prepend -->
|
||||
<div class="header-profile dropdown-container">
|
||||
<a href="{U_PROFILE}" class="header-avatar dropdown-trigger"><!-- IF CURRENT_USER_AVATAR -->{CURRENT_USER_AVATAR} <!-- ENDIF --> {CURRENT_USERNAME_SIMPLE}</a>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<ul class="dropdown-contents" role="menu">
|
||||
<!-- IF U_RESTORE_PERMISSIONS -->
|
||||
<li>
|
||||
<a href="{U_RESTORE_PERMISSIONS}">
|
||||
<i class="icon fa-refresh fa-fw" aria-hidden="true"></i><span>{L_RESTORE_PERMISSIONS}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT navbar_header_profile_list_before -->
|
||||
|
||||
<li>
|
||||
<a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">
|
||||
<i class="icon fa-sliders fa-fw" aria-hidden="true"></i><span>{L_PROFILE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- IF U_USER_PROFILE -->
|
||||
<li>
|
||||
<a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">
|
||||
<i class="icon fa-user fa-fw" aria-hidden="true"></i><span>{L_READ_PROFILE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT navbar_header_profile_list_after -->
|
||||
|
||||
<li class="separator"></li>
|
||||
<li>
|
||||
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
|
||||
<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- EVENT navbar_header_username_append -->
|
||||
</li>
|
||||
<!-- IF S_DISPLAY_PM -->
|
||||
<li class="rightside" data-skip-responsive="true">
|
||||
<a href="{U_PRIVATEMSGS}" role="menuitem">
|
||||
<i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span> <!-- IF PRIVATE_MESSAGE_COUNT --><strong class="badge">{PRIVATE_MESSAGE_COUNT}</strong><!-- ELSE --><strong>0</strong><!-- ENDIF --></span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_NOTIFICATIONS_DISPLAY -->
|
||||
<li class="dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside" data-skip-responsive="true">
|
||||
<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button" class="dropdown-trigger">
|
||||
<i class="icon fa-bell fa-fw" aria-hidden="true"></i><span> <!-- IF NOTIFICATIONS_COUNT --><strong class="badge">{NOTIFICATIONS_COUNT}</strong><!-- ELSE --><strong>0</strong><!-- ENDIF --></span>
|
||||
</a>
|
||||
<!-- INCLUDE notification_dropdown.html -->
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- ELSE -->
|
||||
<!-- EVENT navbar_header_user_profile_append -->
|
||||
<li class="rightside" data-skip-responsive="true">
|
||||
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
|
||||
<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
|
||||
<li class="rightside" data-skip-responsive="true">
|
||||
<a href="{U_REGISTER}" role="menuitem">
|
||||
<i class="icon fa-pencil-square-o fa-fw" aria-hidden="true"></i><span>{L_REGISTER}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT navbar_header_logged_out_content -->
|
||||
<!-- ENDIF -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_DARK_TOGGLE -->
|
||||
<li class="rightside" data-skip-responsive="true">
|
||||
<a href="#" role="menuitem" rel="" class="dark_toggle_link">
|
||||
<i class="icon fa-fw dark_toggle_icon" aria-hidden="true"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
47
styles/Milk_v2/template/notification_dropdown.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<div id="notification_list" class="dropdown dropdown-extended notification_list">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<div class="dropdown-contents">
|
||||
<div class="header">
|
||||
{L_NOTIFICATIONS}
|
||||
<span class="header_settings">
|
||||
<a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a>
|
||||
<!-- IF NOTIFICATIONS_COUNT -->
|
||||
<span id="mark_all_notifications"> • <a href="{U_MARK_ALL_NOTIFICATIONS}" data-ajax="notification.mark_all_read">{L_MARK_ALL_READ}</a></span>
|
||||
<!-- ENDIF -->
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<!-- IF not .notifications -->
|
||||
<li class="no_notifications">
|
||||
{L_NO_NOTIFICATIONS}
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- BEGIN notifications -->
|
||||
<li class="<!-- IF notifications.UNREAD -->bg2<!-- ENDIF --><!-- IF notifications.STYLING --> {notifications.STYLING}<!-- ENDIF --><!-- IF not notifications.URL --> no-url<!-- ENDIF -->">
|
||||
<!-- IF notifications.URL -->
|
||||
<a class="notification-block" href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}" data-real-url="{notifications.URL}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->">
|
||||
<!-- ENDIF -->
|
||||
<!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->
|
||||
<div class="notification_text">
|
||||
<p class="notification-title"><!-- IF notifications.UNREAD --><i class="fa fa-star notification_unread"></i> <strong class="notification_unread">{L_NEW}:</strong> <!-- ENDIF -->{notifications.FORMATTED_TITLE}</p>
|
||||
<!-- IF notifications.REFERENCE --><p class="notification-reference">{notifications.REFERENCE}</p><!-- ENDIF -->
|
||||
<!-- IF notifications.FORUM --><p class="notification-forum">{notifications.FORUM}</p><!-- ENDIF -->
|
||||
<!-- IF notifications.REASON --><p class="notification-reason">{notifications.REASON}</p><!-- ENDIF -->
|
||||
<p class="notification-time">{notifications.TIME}</p>
|
||||
</div>
|
||||
<!-- IF notifications.URL --></a><!-- ENDIF -->
|
||||
<!-- IF notifications.UNREAD -->
|
||||
<a href="{notifications.U_MARK_READ}" class="mark_read icon-mark" data-ajax="notification.mark_read" title="{L_MARK_READ}">
|
||||
<i class="icon fa-check-circle icon-xl fa-fw" aria-hidden="true"></i><span class="sr-only">{L_MARK_READ}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
</li>
|
||||
<!-- END notifications -->
|
||||
</ul>
|
||||
|
||||
<div class="footer">
|
||||
<a href="{U_VIEW_ALL_NOTIFICATIONS}"><span>{L_SEE_ALL}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
199
styles/Milk_v2/template/overall_footer.html
Normal file
@@ -0,0 +1,199 @@
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SIDEBARS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Left Only' || STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Both' -->
|
||||
<div id="leftcolumn">
|
||||
<div class="innertube"><!-- INCLUDE sidebar_left.html --></div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Right Only' || STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Both' -->
|
||||
<div id="rightcolumn">
|
||||
<div class="innertube"><!-- INCLUDE sidebar_right.html --></div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div><!-- /#maincontainer -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- EVENT overall_footer_content_after -->
|
||||
</div>
|
||||
|
||||
<!-- EVENT overall_footer_page_body_after -->
|
||||
|
||||
</div><!-- /#inner-wrap -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_HTML_3 and not STYLE_SETTINGS_CONFIG_HIDE_SOCIAL_BAR -->
|
||||
<div class="social_links_footer">{STYLE_SETTINGS_HTML_3}</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<div id="page-footer" class="page-footer" role="contentinfo">
|
||||
<!-- INCLUDE navbar_footer.html -->
|
||||
|
||||
<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
|
||||
<div id="darken" class="darken"> </div>
|
||||
</div>
|
||||
|
||||
<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
|
||||
<a href="#" class="alert_close">
|
||||
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<h3 class="alert_title"> </h3><p class="alert_text"></p>
|
||||
</div>
|
||||
<div id="phpbb_confirm" class="phpbb_alert">
|
||||
<a href="#" class="alert_close">
|
||||
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<div class="alert_text"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="copyright_bar">
|
||||
Powered by <a href="http://www.phpBB.com/">phpBB</a>™ <span class="planetstyles_credit<!-- IF STYLE_SETTINGS_CONFIG_CREDIT_LINE --> planetstyles_credit_hidden<!-- ENDIF -->">• Design by <a href="http://www.planetstyles.net">PlanetStyles</a></span>
|
||||
<!-- EVENT overall_footer_copyright_prepend -->
|
||||
<!-- IF TRANSLATION_INFO --><br />{{ TRANSLATION_INFO }}<!-- ENDIF -->
|
||||
<!-- EVENT overall_footer_copyright_append -->
|
||||
<!-- IF DEBUG_OUTPUT --><br />{{ DEBUG_OUTPUT }}<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
</div> <!-- /#wrap -->
|
||||
|
||||
<div style="display: none;">
|
||||
<a id="bottom" class="anchor" accesskey="z"></a>
|
||||
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_PARALLAX_HEADER -->
|
||||
<!-- INCLUDEJS parallax.js -->
|
||||
<!-- ENDIF -->
|
||||
<!-- INCLUDEJS tooltipster.bundle.min.js -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<!-- INCLUDEJS jquery.collapse.js -->
|
||||
<!-- INCLUDEJS jquery.collapse_storage.js -->
|
||||
<!-- ENDIF -->
|
||||
<!-- INCLUDEJS forum_fn.js -->
|
||||
<!-- INCLUDEJS ajax.js -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_DARK_TOGGLE -->
|
||||
<!-- INCLUDEJS js.cookie.js -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script type="text/javascript">
|
||||
(function($){
|
||||
var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
|
||||
$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
|
||||
if ($span.css('fontFamily') !== 'FontAwesome' ) {
|
||||
$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
|
||||
$fa_cdn.remove();
|
||||
}
|
||||
$span.remove();
|
||||
})(jQuery);
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_COOKIE_NOTICE -->
|
||||
<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
|
||||
<script>
|
||||
if (typeof window.cookieconsent === "object") {
|
||||
window.addEventListener("load", function(){
|
||||
window.cookieconsent.initialise({
|
||||
"palette": {
|
||||
"popup": {
|
||||
"background": "#0F538A"
|
||||
},
|
||||
"button": {
|
||||
"background": "#E5E5E5"
|
||||
}
|
||||
},
|
||||
"theme": "classic",
|
||||
"content": {
|
||||
"message": "{LA_COOKIE_CONSENT_MSG}",
|
||||
"dismiss": "{LA_COOKIE_CONSENT_OK}",
|
||||
"link": "{LA_COOKIE_CONSENT_INFO}",
|
||||
"href": "{UA_PRIVACY}"
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
|
||||
{$SCRIPTS}
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_HEADER_PARTICLES -->
|
||||
<script type="text/javascript">
|
||||
/* Identify the height of headerbar */
|
||||
var headerbar_height = $('.headerbar').height();
|
||||
/* Match particle container height to headerbar. Creates window for canvas */
|
||||
$('.particles_container').css({'height': headerbar_height});
|
||||
|
||||
/* Dynamically apply width to site desc container, maximising clickable area behind it. We only need this to happen when particles are enabled. */
|
||||
var logo_width = $('.site-description').width();
|
||||
var logo_width_fix = (logo_width+2); /* Caters for retina devices where the width is defined as a decimal. Obvs we can't set a decimal pixel width */
|
||||
$('.site-description').css({'width': logo_width_fix});
|
||||
</script>
|
||||
<script src="{T_TEMPLATE_PATH}/particles.js"></script>
|
||||
<script src="{T_TEMPLATE_PATH}/particles.app.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
/* Reposition the canvas so it aligns with headerbar */
|
||||
$('canvas.particles-js-canvas-el').css({'margin-top': -headerbar_height});
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function($) {
|
||||
var num_cols = 3,
|
||||
container = $('.sub-forumlist'),
|
||||
listItem = 'li',
|
||||
listClass = 'sub-list';
|
||||
container.each(function() {
|
||||
var items_per_col = new Array(),
|
||||
items = $(this).find(listItem),
|
||||
min_items_per_col = Math.floor(items.length / num_cols),
|
||||
difference = items.length - (min_items_per_col * num_cols);
|
||||
for (var i = 0; i < num_cols; i++) {
|
||||
if (i < difference) {
|
||||
items_per_col[i] = min_items_per_col + 1;
|
||||
} else {
|
||||
items_per_col[i] = min_items_per_col;
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < num_cols; i++) {
|
||||
$(this).append($('<ul ></ul>').addClass(listClass));
|
||||
for (var j = 0; j < items_per_col[i]; j++) {
|
||||
var pointer = 0;
|
||||
for (var k = 0; k < i; k++) {
|
||||
pointer += items_per_col[k];
|
||||
}
|
||||
$(this).find('.' + listClass).last().append(items[j + pointer]);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- EVENT overall_footer_after -->
|
||||
|
||||
<!-- EVENT overall_footer_body_after -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SCROLL_TO_TOP -->
|
||||
<a href="#" class="scrollToTop"><span class="fa fa-arrow-up"></span></a>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
104
styles/Milk_v2/template/overall_footer_simplified.html
Normal file
@@ -0,0 +1,104 @@
|
||||
|
||||
<div>
|
||||
<a id="bottom" class="anchor" accesskey="z"></a>
|
||||
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
|
||||
<!-- INCLUDEJS forum_fn.js -->
|
||||
<!-- INCLUDEJS ajax.js -->
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script type="text/javascript">
|
||||
(function($){
|
||||
var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
|
||||
$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
|
||||
if ($span.css('fontFamily') !== 'FontAwesome' ) {
|
||||
$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
|
||||
$fa_cdn.remove();
|
||||
}
|
||||
$span.remove();
|
||||
})(jQuery);
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- EVENT overall_footer_after -->
|
||||
|
||||
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
|
||||
{$SCRIPTS}
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_DARK_TOGGLE -->
|
||||
<!-- INCLUDEJS js.cookie.js -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_DARK_TOGGLE -->
|
||||
<script type="text/javascript">
|
||||
|
||||
// Set variables
|
||||
var light_stylesheet_src = '{T_STYLESHEET_LINK}';
|
||||
var dark_stylesheet_src = '{BOARD_URL}styles/Milk_v2/theme/colours_dark.css';
|
||||
|
||||
// Is there a cookie set already?
|
||||
if(Cookies.get('Dark_Toggle_Cookie')) {
|
||||
// Cookie below
|
||||
|
||||
// Cookie: Set stylesheet
|
||||
$("link.colour_switch_link").attr("href",Cookies.get('Dark_Toggle_Cookie'));
|
||||
|
||||
// Cookie: Set icon & add dark_base class if necessary
|
||||
if(Cookies.get('Dark_Toggle_Cookie') == dark_stylesheet_src) {
|
||||
$("i.dark_toggle_icon").addClass("fa-lightbulb-o");
|
||||
$("body").addClass("dark_base");
|
||||
} else {
|
||||
$("i.dark_toggle_icon").addClass("fa-moon-o");
|
||||
}
|
||||
|
||||
// Cookie: click function
|
||||
$("a.dark_toggle_link").click(function() {
|
||||
if(Cookies.get('Dark_Toggle_Cookie') == dark_stylesheet_src) {
|
||||
$("link.colour_switch_link").attr("href",light_stylesheet_src);
|
||||
$("i.dark_toggle_icon").addClass("fa-moon-o");
|
||||
} else {
|
||||
$("link.colour_switch_link").attr("href",dark_stylesheet_src);
|
||||
$("i.dark_toggle_icon").addClass("fa-lightbulb-o");
|
||||
}
|
||||
|
||||
Cookies.set('Dark_Toggle_Cookie', $("link.colour_switch_link").attr('href'), { expires: 365, path: '/' });
|
||||
location.reload();
|
||||
});
|
||||
|
||||
} else {
|
||||
// No cookie below
|
||||
|
||||
// No cookie: Set the icon
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == "Light" -->
|
||||
$("i.dark_toggle_icon").addClass("fa-moon-o");
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_BASE_COLOUR == "Dark" -->
|
||||
$("i.dark_toggle_icon").addClass("fa-lightbulb-o");
|
||||
<!-- ENDIF -->
|
||||
|
||||
// No cookie: Click function
|
||||
$("a.dark_toggle_link").click(function() {
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Light' -->
|
||||
$("link.colour_switch_link").attr("href",dark_stylesheet_src);
|
||||
$("body").addClass("dark_base");
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' -->
|
||||
$("link.colour_switch_link").attr("href",light_stylesheet_src);
|
||||
//Replace this with just clearing the cookie?
|
||||
<!-- ENDIF -->
|
||||
Cookies.set('Dark_Toggle_Cookie', $("link.colour_switch_link").attr('href'), { expires: 365, path: '/' });
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
257
styles/Milk_v2/template/overall_header.html
Normal file
@@ -0,0 +1,257 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
{META}
|
||||
{STYLE_SETTINGS_HTML_4}
|
||||
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
|
||||
|
||||
<!-- IF S_ENABLE_FEEDS -->
|
||||
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
|
||||
<!-- EVENT overall_header_feeds -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF U_CANONICAL -->
|
||||
<link rel="canonical" href="{U_CANONICAL}">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF FORUM_FAVICON -->
|
||||
<link rel="icon" href="{FORUM_FAVICON}" />
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!--
|
||||
phpBB style name: Milk v2
|
||||
Based on style: Merlin Framework (http://www.planetstyles.net)
|
||||
-->
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script>
|
||||
WebFontConfig = {
|
||||
google: {
|
||||
families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
|
||||
}
|
||||
};
|
||||
|
||||
(function(d) {
|
||||
var wf = d.createElement('script'), s = d.scripts[0];
|
||||
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
|
||||
wf.async = true;
|
||||
s.parentNode.insertBefore(wf, s);
|
||||
})(document);
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Roboto Slab' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Roboto Slab", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Bubbler One' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Bubbler One", Arial, Helvetica, sans-serif; font-size: 18px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Dosis' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Dosis", Arial, Helvetica, sans-serif; font-size: 16px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Exo 2' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Exo 2", Arial, Helvetica, sans-serif; font-size: 15px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Raleway' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Rubik' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Quicksand' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Quicksand", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSE -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
|
||||
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' -->
|
||||
<link href="{T_THEME_PATH}/colours_dark.css" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<link href="{T_STYLESHEET_LANG_LINK}?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
|
||||
<link href="{T_THEME_PATH}/blank.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" class="colour_switch_link" />
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET != 'No Custom Colour' -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET == 'Custom (Use colour picker below)' -->
|
||||
<style type="text/css">
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .grid_unread {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, a.specialbutton, .button:hover, .button:focus, .dark_base .social_links_footer a span, a.specialbutton, .dark_base .social_links_footer a:hover span {border-color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .scrollToTop, .no_avatar, .social_links_footer, .badge, thead tr, .sidebar_block_stripe:before, .fancy_panel:before {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {background-color: rgba(0,0,0,0.3);}
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {opacity: 0.7;}
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {opacity: 0.7;}
|
||||
/* Border light */
|
||||
.specialbutton:hover {opacity: 0.7;}
|
||||
</style>
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/{STYLE_SETTINGS_CONFIG_COLOUR_PRESET}.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" class="preset_stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/default.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
|
||||
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
||||
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_PLUPLOAD -->
|
||||
<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_COOKIE_NOTICE -->
|
||||
<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<![endif]-->
|
||||
|
||||
<!-- EVENT overall_header_head_append -->
|
||||
|
||||
{$STYLESHEETS}
|
||||
<link href="{T_THEME_PATH}/extensions.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
|
||||
|
||||
|
||||
<!-- EVENT overall_header_stylesheets_after -->
|
||||
|
||||
</head>
|
||||
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}<!-- IF STYLE_SETTINGS_CONFIG_SIDEBARS and STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Right Only' --> sidebar-right-only<!-- ELSEIF STYLE_SETTINGS_CONFIG_SIDEBARS and STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Left Only' --> sidebar-left-only<!-- ELSEIF STYLE_SETTINGS_CONFIG_SIDEBARS --> sidebar-both<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_LAYOUT_TYPE --> body-layout-{STYLE_SETTINGS_CONFIG_LAYOUT_TYPE}<!-- ENDIF --> content_block_header_<!-- IF STYLE_SETTINGS_CONFIG_CONTENT_BLOCK_HEADER == 'Stripe' -->stripe<!-- ELSE -->block<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_HIGH_CONTRAST_LINKS --> high_contrast_links<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' --> dark_base<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_NAVBAR_POSITION == 'Inside Header' --> navbar_i_header<!-- ELSE --> navbar_o_header<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_ROUNDED_AVATARS --> force_rounded_avatars<!-- ENDIF -->">
|
||||
|
||||
<!-- EVENT overall_header_body_before -->
|
||||
<div id="wrap" class="wrap">
|
||||
<a id="top" class="top-anchor" accesskey="t"></a>
|
||||
|
||||
<div id="page-header">
|
||||
|
||||
|
||||
<!-- INCLUDE navbar_header.html -->
|
||||
|
||||
<!-- EVENT overall_header_headerbar_before -->
|
||||
|
||||
<div class="headerbar<!-- IF STYLE_SETTINGS_CONFIG_NAVBAR_POSITION == 'Inside Header' --> has_navbar<!-- ENDIF -->" role="banner"
|
||||
<!-- IF FORUM_HEADER -->style="background:<!-- IF STYLE_SETTINGS_CONFIG_PARALLAX_HEADER --> transparent <!-- ELSE -->url('{FORUM_HEADER}')<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_HEADER_REPEAT --> {STYLE_SETTINGS_CONFIG_HEADER_REPEAT}<!-- ELSE --> no-repeat<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_HEADER_POSITION --> {STYLE_SETTINGS_CONFIG_HEADER_POSITION}<!-- ELSE --> center top<!-- ENDIF -->;<!-- IF STYLE_SETTINGS_CONFIG_HEADER_SIZE --> background-size: cover;<!-- ENDIF -->"<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_PARALLAX_HEADER --> data-parallax="scroll" data-image-src="{FORUM_HEADER}"<!-- ENDIF -->>
|
||||
|
||||
<div class="headerbar_overlay_container<!-- IF STYLE_SETTINGS_CONFIG_HEADER_EFFECT == 'Colour Overlay' --> headerbar_overlay_active<!-- ELSEIF STYLE_SETTINGS_CONFIG_HEADER_EFFECT == 'Darken' --> headerbar_overlay_darken<!-- ENDIF -->">
|
||||
<div class="particles_container"<!-- IF STYLE_SETTINGS_CONFIG_HEADER_PARTICLES --> id="particles-js"<!-- ENDIF -->>
|
||||
<!-- Headerbar Elements Start -->
|
||||
|
||||
|
||||
|
||||
<div id="site-description" class="site-description<!-- IF STYLE_SETTINGS_CONFIG_LOGO_POSITION == 'Left' --> logo_left<!-- ELSEIF STYLE_SETTINGS_CONFIG_LOGO_POSITION == 'Right' --> logo_right<!-- ENDIF -->">
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_HEADER_FORMAT == 'Logo Only' -->
|
||||
<!-- IF FORUM_LOGO -->
|
||||
<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{FORUM_LOGO}</a>
|
||||
<!-- ELSE -->
|
||||
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span
|
||||
|
||||
class="site_logo"></span></a>
|
||||
<!-- ENDIF -->
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_HEADER_FORMAT == 'Sitename and Description Only' -->
|
||||
<h1>{SITENAME}</h1>
|
||||
<p>{SITE_DESCRIPTION}</p>
|
||||
<!-- ELSE -->
|
||||
<!-- IF FORUM_LOGO -->
|
||||
<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{FORUM_LOGO}</a>
|
||||
<!-- ELSE -->
|
||||
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span
|
||||
|
||||
class="site_logo"></span></a>
|
||||
<!-- ENDIF -->
|
||||
<h1>{SITENAME}</h1>
|
||||
<p>{SITE_DESCRIPTION}</p>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Headerbar Elements End -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /.headerbar -->
|
||||
<!-- EVENT overall_header_headerbar_after -->
|
||||
|
||||
</div><!-- /#page-header -->
|
||||
|
||||
<div id="inner-wrap">
|
||||
|
||||
<!-- EVENT overall_header_navbar_before -->
|
||||
|
||||
|
||||
<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
|
||||
<!-- DEFINE $MICRODATA = ' itemtype="http://schema.org/ListItem" itemprop="itemListElement" itemscope' -->
|
||||
{% set navlink_position = 1 %}
|
||||
<!-- EVENT overall_header_breadcrumbs_before -->
|
||||
<li class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
|
||||
|
||||
<!-- IF U_SITE_HOME -->
|
||||
<span class="crumb" {$MICRODATA}><a href="{U_SITE_HOME}" itemtype="https://schema.org/Thing" itemprop="item" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="name">{L_SITE_HOME}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT overall_header_breadcrumb_prepend -->
|
||||
<span class="crumb" {$MICRODATA}><a href="{U_INDEX}" itemtype="https://schema.org/Thing" itemprop="item" accesskey="h" data-navbar-reference="index"><!-- IF not U_SITE_HOME --><i class="icon fa-home fa-fw"></i><!-- ENDIF --><span itemprop="name">{L_INDEX}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
|
||||
|
||||
<!-- BEGIN navlinks -->
|
||||
<!-- EVENT overall_header_navlink_prepend -->
|
||||
<span class="crumb" {$MICRODATA}<!-- IF navlinks.MICRODATA --> {navlinks.MICRODATA}<!-- ENDIF -->><a href="{navlinks.U_VIEW_FORUM}" itemtype="https://schema.org/Thing" itemprop="item"><span itemprop="name">{navlinks.FORUM_NAME}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
|
||||
<!-- EVENT overall_header_navlink_append -->
|
||||
<!-- END navlinks -->
|
||||
<!-- EVENT overall_header_breadcrumb_append -->
|
||||
</li>
|
||||
<!-- EVENT overall_header_breadcrumbs_after -->
|
||||
|
||||
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
|
||||
<li class="rightside responsive-search">
|
||||
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
</ul>
|
||||
|
||||
|
||||
<!-- EVENT overall_header_page_body_before -->
|
||||
|
||||
<a id="start_here" class="anchor"></a>
|
||||
<div id="page-body" class="page-body" role="main">
|
||||
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
|
||||
<div id="information" class="rules">
|
||||
<div class="inner">
|
||||
<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT overall_header_content_before -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SIDEBARS -->
|
||||
<div id="maincontainer">
|
||||
<div id="contentwrapper">
|
||||
<div id="contentcolumn">
|
||||
<div class="innertube">
|
||||
<!-- ENDIF -->
|
||||
136
styles/Milk_v2/template/overall_header_simplified.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
{META}
|
||||
{STYLE_SETTINGS_HTML_4}
|
||||
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
|
||||
|
||||
<!-- IF S_ENABLE_FEEDS -->
|
||||
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
|
||||
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
|
||||
<!-- EVENT overall_header_feeds -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF U_CANONICAL -->
|
||||
<link rel="canonical" href="{U_CANONICAL}">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF FORUM_FAVICON -->
|
||||
<link rel="icon" href="{FORUM_FAVICON}" />
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!--
|
||||
phpBB style name: Milk v2
|
||||
Based on style: Merlin Framework (http://www.planetstyles.net)
|
||||
-->
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script>
|
||||
WebFontConfig = {
|
||||
google: {
|
||||
families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
|
||||
}
|
||||
};
|
||||
|
||||
(function(d) {
|
||||
var wf = d.createElement('script'), s = d.scripts[0];
|
||||
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
|
||||
wf.async = true;
|
||||
s.parentNode.insertBefore(wf, s);
|
||||
})(document);
|
||||
</script>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Roboto Slab' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Roboto Slab", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Bubbler One' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Bubbler One", Arial, Helvetica, sans-serif; font-size: 18px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Dosis' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Dosis", Arial, Helvetica, sans-serif; font-size: 16px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Exo 2' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Exo 2", Arial, Helvetica, sans-serif; font-size: 15px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Raleway' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Rubik' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSEIF STYLE_SETTINGS_CONFIG_FONT_FAMILY == 'Quicksand' -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Quicksand", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ELSE -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 14px;}</style>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- ENDIF -->
|
||||
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
|
||||
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' -->
|
||||
<link href="{T_THEME_PATH}/colours_dark.css" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
|
||||
|
||||
<link href="{T_THEME_PATH}/blank.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" class="colour_switch_link" />
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600" rel="stylesheet">
|
||||
<style type="text/css">body {font-family: "Titillium Web", Arial, Helvetica, sans-serif; font-size: 16px;}</style>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET != 'No Custom Colour' -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET == 'Custom (Use colour picker below)' -->
|
||||
<style type="text/css">
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .grid_unread {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, a.specialbutton, .button:hover, .button:focus, .dark_base .social_links_footer a span, a.specialbutton, .dark_base .social_links_footer a:hover span {border-color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .scrollToTop, .no_avatar, .social_links_footer, .badge, thead tr, .sidebar_block_stripe:before, .fancy_panel:before {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {background-color: rgba(0,0,0,0.3);}
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {opacity: 0.7;}
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {opacity: 0.7;}
|
||||
/* Border light */
|
||||
.specialbutton:hover {opacity: 0.7;}
|
||||
</style>
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/{STYLE_SETTINGS_CONFIG_COLOUR_PRESET}.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" class="preset_stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/default.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
||||
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_PLUPLOAD -->
|
||||
<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!--[if lte IE 9]>
|
||||
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<![endif]-->
|
||||
|
||||
<!-- EVENT overall_header_head_append -->
|
||||
|
||||
{$STYLESHEETS}
|
||||
|
||||
<!-- EVENT overall_header_stylesheets_after -->
|
||||
|
||||
</head>
|
||||
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}<!-- IF STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Right Only' --> sidebar-right-only<!-- ELSEIF STYLE_SETTINGS_CONFIG_SIDEBAR_PLACEMENT == 'Left Only' --> sidebar-left-only<!-- ELSE --> sidebar-both<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_LAYOUT_TYPE --> body-layout-{STYLE_SETTINGS_CONFIG_LAYOUT_TYPE}<!-- ENDIF --> auth-page<!-- IF S_ADMIN_AUTH or SCRIPT_NAME == 'viewforum' --> auth-page-admin<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' --> dark_base<!-- ENDIF -->">
|
||||
404
styles/Milk_v2/template/parallax.js
Normal file
@@ -0,0 +1,404 @@
|
||||
/*!
|
||||
* parallax.js v1.4.2 (http://pixelcog.github.io/parallax.js/)
|
||||
* @copyright 2016 PixelCog, Inc.
|
||||
* @license MIT (https://github.com/pixelcog/parallax.js/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
;(function ( $, window, document, undefined ) {
|
||||
|
||||
// Polyfill for requestAnimationFrame
|
||||
// via: https://gist.github.com/paulirish/1579671
|
||||
|
||||
(function() {
|
||||
var lastTime = 0;
|
||||
var vendors = ['ms', 'moz', 'webkit', 'o'];
|
||||
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
|
||||
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
|
||||
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
|
||||
|| window[vendors[x]+'CancelRequestAnimationFrame'];
|
||||
}
|
||||
|
||||
if (!window.requestAnimationFrame)
|
||||
window.requestAnimationFrame = function(callback) {
|
||||
var currTime = new Date().getTime();
|
||||
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
|
||||
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
|
||||
timeToCall);
|
||||
lastTime = currTime + timeToCall;
|
||||
return id;
|
||||
};
|
||||
|
||||
if (!window.cancelAnimationFrame)
|
||||
window.cancelAnimationFrame = function(id) {
|
||||
clearTimeout(id);
|
||||
};
|
||||
}());
|
||||
|
||||
|
||||
// Parallax Constructor
|
||||
|
||||
function Parallax(element, options) {
|
||||
var self = this;
|
||||
|
||||
if (typeof options == 'object') {
|
||||
delete options.refresh;
|
||||
delete options.render;
|
||||
$.extend(this, options);
|
||||
}
|
||||
|
||||
this.$element = $(element);
|
||||
|
||||
if (!this.imageSrc && this.$element.is('img')) {
|
||||
this.imageSrc = this.$element.attr('src');
|
||||
}
|
||||
|
||||
var positions = (this.position + '').toLowerCase().match(/\S+/g) || [];
|
||||
|
||||
if (positions.length < 1) {
|
||||
positions.push('center');
|
||||
}
|
||||
if (positions.length == 1) {
|
||||
positions.push(positions[0]);
|
||||
}
|
||||
|
||||
if (positions[0] == 'top' || positions[0] == 'bottom' || positions[1] == 'left' || positions[1] == 'right') {
|
||||
positions = [positions[1], positions[0]];
|
||||
}
|
||||
|
||||
if (this.positionX != undefined) positions[0] = this.positionX.toLowerCase();
|
||||
if (this.positionY != undefined) positions[1] = this.positionY.toLowerCase();
|
||||
|
||||
self.positionX = positions[0];
|
||||
self.positionY = positions[1];
|
||||
|
||||
if (this.positionX != 'left' && this.positionX != 'right') {
|
||||
if (isNaN(parseInt(this.positionX))) {
|
||||
this.positionX = 'center';
|
||||
} else {
|
||||
this.positionX = parseInt(this.positionX);
|
||||
}
|
||||
}
|
||||
|
||||
if (this.positionY != 'top' && this.positionY != 'bottom') {
|
||||
if (isNaN(parseInt(this.positionY))) {
|
||||
this.positionY = 'center';
|
||||
} else {
|
||||
this.positionY = parseInt(this.positionY);
|
||||
}
|
||||
}
|
||||
|
||||
this.position =
|
||||
this.positionX + (isNaN(this.positionX)? '' : 'px') + ' ' +
|
||||
this.positionY + (isNaN(this.positionY)? '' : 'px');
|
||||
|
||||
if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
|
||||
if (this.imageSrc && this.iosFix && !this.$element.is('img')) {
|
||||
this.$element.css({
|
||||
backgroundImage: 'url(' + this.imageSrc + ')',
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: this.position
|
||||
});
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
if (navigator.userAgent.match(/(Android)/)) {
|
||||
if (this.imageSrc && this.androidFix && !this.$element.is('img')) {
|
||||
this.$element.css({
|
||||
backgroundImage: 'url(' + this.imageSrc + ')',
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: this.position
|
||||
});
|
||||
}
|
||||
return this;
|
||||
}
|
||||
|
||||
this.$mirror = $('<div />').prependTo('body');
|
||||
|
||||
var slider = this.$element.find('>.parallax-slider');
|
||||
var sliderExisted = false;
|
||||
|
||||
if (slider.length == 0)
|
||||
this.$slider = $('<img />').prependTo(this.$mirror);
|
||||
else {
|
||||
this.$slider = slider.prependTo(this.$mirror)
|
||||
sliderExisted = true;
|
||||
}
|
||||
|
||||
this.$mirror.addClass('parallax-mirror').css({
|
||||
visibility: 'hidden',
|
||||
zIndex: this.zIndex,
|
||||
position: 'fixed',
|
||||
top: 0,
|
||||
left: 0,
|
||||
overflow: 'hidden'
|
||||
});
|
||||
|
||||
this.$slider.addClass('parallax-slider').one('load', function() {
|
||||
if (!self.naturalHeight || !self.naturalWidth) {
|
||||
self.naturalHeight = this.naturalHeight || this.height || 1;
|
||||
self.naturalWidth = this.naturalWidth || this.width || 1;
|
||||
}
|
||||
self.aspectRatio = self.naturalWidth / self.naturalHeight;
|
||||
|
||||
Parallax.isSetup || Parallax.setup();
|
||||
Parallax.sliders.push(self);
|
||||
Parallax.isFresh = false;
|
||||
Parallax.requestRender();
|
||||
});
|
||||
|
||||
if (!sliderExisted)
|
||||
this.$slider[0].src = this.imageSrc;
|
||||
|
||||
if (this.naturalHeight && this.naturalWidth || this.$slider[0].complete || slider.length > 0) {
|
||||
this.$slider.trigger('load');
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
// Parallax Instance Methods
|
||||
|
||||
$.extend(Parallax.prototype, {
|
||||
speed: 0.2,
|
||||
bleed: 0,
|
||||
zIndex: -100,
|
||||
iosFix: true,
|
||||
androidFix: true,
|
||||
position: 'center',
|
||||
overScrollFix: false,
|
||||
|
||||
refresh: function() {
|
||||
this.boxWidth = this.$element.outerWidth();
|
||||
this.boxHeight = this.$element.outerHeight() + this.bleed * 2;
|
||||
this.boxOffsetTop = this.$element.offset().top - this.bleed;
|
||||
this.boxOffsetLeft = this.$element.offset().left;
|
||||
this.boxOffsetBottom = this.boxOffsetTop + this.boxHeight;
|
||||
|
||||
var winHeight = Parallax.winHeight;
|
||||
var docHeight = Parallax.docHeight;
|
||||
var maxOffset = Math.min(this.boxOffsetTop, docHeight - winHeight);
|
||||
var minOffset = Math.max(this.boxOffsetTop + this.boxHeight - winHeight, 0);
|
||||
var imageHeightMin = this.boxHeight + (maxOffset - minOffset) * (1 - this.speed) | 0;
|
||||
var imageOffsetMin = (this.boxOffsetTop - maxOffset) * (1 - this.speed) | 0;
|
||||
|
||||
if (imageHeightMin * this.aspectRatio >= this.boxWidth) {
|
||||
this.imageWidth = imageHeightMin * this.aspectRatio | 0;
|
||||
this.imageHeight = imageHeightMin;
|
||||
this.offsetBaseTop = imageOffsetMin;
|
||||
|
||||
var margin = this.imageWidth - this.boxWidth;
|
||||
|
||||
if (this.positionX == 'left') {
|
||||
this.offsetLeft = 0;
|
||||
} else if (this.positionX == 'right') {
|
||||
this.offsetLeft = - margin;
|
||||
} else if (!isNaN(this.positionX)) {
|
||||
this.offsetLeft = Math.max(this.positionX, - margin);
|
||||
} else {
|
||||
this.offsetLeft = - margin / 2 | 0;
|
||||
}
|
||||
} else {
|
||||
this.imageWidth = this.boxWidth;
|
||||
this.imageHeight = this.boxWidth / this.aspectRatio | 0;
|
||||
this.offsetLeft = 0;
|
||||
|
||||
var margin = this.imageHeight - imageHeightMin;
|
||||
|
||||
if (this.positionY == 'top') {
|
||||
this.offsetBaseTop = imageOffsetMin;
|
||||
} else if (this.positionY == 'bottom') {
|
||||
this.offsetBaseTop = imageOffsetMin - margin;
|
||||
} else if (!isNaN(this.positionY)) {
|
||||
this.offsetBaseTop = imageOffsetMin + Math.max(this.positionY, - margin);
|
||||
} else {
|
||||
this.offsetBaseTop = imageOffsetMin - margin / 2 | 0;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render: function() {
|
||||
var scrollTop = Parallax.scrollTop;
|
||||
var scrollLeft = Parallax.scrollLeft;
|
||||
var overScroll = this.overScrollFix ? Parallax.overScroll : 0;
|
||||
var scrollBottom = scrollTop + Parallax.winHeight;
|
||||
|
||||
if (this.boxOffsetBottom > scrollTop && this.boxOffsetTop <= scrollBottom) {
|
||||
this.visibility = 'visible';
|
||||
this.mirrorTop = this.boxOffsetTop - scrollTop;
|
||||
this.mirrorLeft = this.boxOffsetLeft - scrollLeft;
|
||||
this.offsetTop = this.offsetBaseTop - this.mirrorTop * (1 - this.speed);
|
||||
} else {
|
||||
this.visibility = 'hidden';
|
||||
}
|
||||
|
||||
this.$mirror.css({
|
||||
transform: 'translate3d(0px, 0px, 0px)',
|
||||
visibility: this.visibility,
|
||||
top: this.mirrorTop - overScroll,
|
||||
left: this.mirrorLeft,
|
||||
height: this.boxHeight,
|
||||
width: this.boxWidth
|
||||
});
|
||||
|
||||
this.$slider.css({
|
||||
transform: 'translate3d(0px, 0px, 0px)',
|
||||
position: 'absolute',
|
||||
top: this.offsetTop,
|
||||
left: this.offsetLeft,
|
||||
height: this.imageHeight,
|
||||
width: this.imageWidth,
|
||||
maxWidth: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Parallax Static Methods
|
||||
|
||||
$.extend(Parallax, {
|
||||
scrollTop: 0,
|
||||
scrollLeft: 0,
|
||||
winHeight: 0,
|
||||
winWidth: 0,
|
||||
docHeight: 1 << 30,
|
||||
docWidth: 1 << 30,
|
||||
sliders: [],
|
||||
isReady: false,
|
||||
isFresh: false,
|
||||
isBusy: false,
|
||||
|
||||
setup: function() {
|
||||
if (this.isReady) return;
|
||||
|
||||
var $doc = $(document), $win = $(window);
|
||||
|
||||
var loadDimensions = function() {
|
||||
Parallax.winHeight = $win.height();
|
||||
Parallax.winWidth = $win.width();
|
||||
Parallax.docHeight = $doc.height();
|
||||
Parallax.docWidth = $doc.width();
|
||||
};
|
||||
|
||||
var loadScrollPosition = function() {
|
||||
var winScrollTop = $win.scrollTop();
|
||||
var scrollTopMax = Parallax.docHeight - Parallax.winHeight;
|
||||
var scrollLeftMax = Parallax.docWidth - Parallax.winWidth;
|
||||
Parallax.scrollTop = Math.max(0, Math.min(scrollTopMax, winScrollTop));
|
||||
Parallax.scrollLeft = Math.max(0, Math.min(scrollLeftMax, $win.scrollLeft()));
|
||||
Parallax.overScroll = Math.max(winScrollTop - scrollTopMax, Math.min(winScrollTop, 0));
|
||||
};
|
||||
|
||||
$win.on('resize.px.parallax load.px.parallax', function() {
|
||||
loadDimensions();
|
||||
Parallax.isFresh = false;
|
||||
Parallax.requestRender();
|
||||
})
|
||||
.on('scroll.px.parallax load.px.parallax', function() {
|
||||
loadScrollPosition();
|
||||
Parallax.requestRender();
|
||||
});
|
||||
|
||||
loadDimensions();
|
||||
loadScrollPosition();
|
||||
|
||||
this.isReady = true;
|
||||
},
|
||||
|
||||
configure: function(options) {
|
||||
if (typeof options == 'object') {
|
||||
delete options.refresh;
|
||||
delete options.render;
|
||||
$.extend(this.prototype, options);
|
||||
}
|
||||
},
|
||||
|
||||
refresh: function() {
|
||||
$.each(this.sliders, function(){ this.refresh() });
|
||||
this.isFresh = true;
|
||||
},
|
||||
|
||||
render: function() {
|
||||
this.isFresh || this.refresh();
|
||||
$.each(this.sliders, function(){ this.render() });
|
||||
},
|
||||
|
||||
requestRender: function() {
|
||||
var self = this;
|
||||
|
||||
if (!this.isBusy) {
|
||||
this.isBusy = true;
|
||||
window.requestAnimationFrame(function() {
|
||||
self.render();
|
||||
self.isBusy = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
destroy: function(el){
|
||||
var i,
|
||||
parallaxElement = $(el).data('px.parallax');
|
||||
parallaxElement.$mirror.remove();
|
||||
for(i=0; i < this.sliders.length; i+=1){
|
||||
if(this.sliders[i] == parallaxElement){
|
||||
this.sliders.splice(i, 1);
|
||||
}
|
||||
}
|
||||
$(el).data('px.parallax', false);
|
||||
if(this.sliders.length === 0){
|
||||
$(window).off('scroll.px.parallax resize.px.parallax load.px.parallax');
|
||||
this.isReady = false;
|
||||
Parallax.isSetup = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Parallax Plugin Definition
|
||||
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this);
|
||||
var options = typeof option == 'object' && option;
|
||||
|
||||
if (this == window || this == document || $this.is('body')) {
|
||||
Parallax.configure(options);
|
||||
}
|
||||
else if (!$this.data('px.parallax')) {
|
||||
options = $.extend({}, $this.data(), options);
|
||||
$this.data('px.parallax', new Parallax(this, options));
|
||||
}
|
||||
else if (typeof option == 'object')
|
||||
{
|
||||
$.extend($this.data('px.parallax'), options);
|
||||
}
|
||||
if (typeof option == 'string') {
|
||||
if(option == 'destroy'){
|
||||
Parallax['destroy'](this);
|
||||
}else{
|
||||
Parallax[option]();
|
||||
}
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
var old = $.fn.parallax;
|
||||
|
||||
$.fn.parallax = Plugin;
|
||||
$.fn.parallax.Constructor = Parallax;
|
||||
|
||||
|
||||
// Parallax No Conflict
|
||||
|
||||
$.fn.parallax.noConflict = function () {
|
||||
$.fn.parallax = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
// Parallax Data-API
|
||||
|
||||
$(document).on('ready.px.parallax.data-api', function () {
|
||||
$('[data-parallax="scroll"]').parallax();
|
||||
});
|
||||
|
||||
}(jQuery, window, document));
|
||||
127
styles/Milk_v2/template/particles.app.js
Normal file
@@ -0,0 +1,127 @@
|
||||
/* -----------------------------------------------
|
||||
/* How to use? : Check the GitHub README
|
||||
/* ----------------------------------------------- */
|
||||
|
||||
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
|
||||
/*
|
||||
particlesJS.load('particles-js', 'particles.json', function() {
|
||||
console.log('particles.js loaded - callback');
|
||||
});
|
||||
*/
|
||||
|
||||
/* Otherwise just put the config content (json): */
|
||||
|
||||
particlesJS('particles-js',
|
||||
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 120,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#ffffff"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 150,
|
||||
"color": "#ffffff",
|
||||
"opacity": 0.4,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 6,
|
||||
"direction": "none",
|
||||
"random": false,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "grab"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "push"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 175,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 40,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
}
|
||||
|
||||
);
|
||||
1541
styles/Milk_v2/template/particles.js
Normal file
7
styles/Milk_v2/template/profilefields/bool.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<!-- BEGIN bool -->
|
||||
<!-- IF bool.FIELD_LENGTH eq 1 -->
|
||||
<!-- BEGIN options --><label for="{bool.FIELD_IDENT}_{bool.options.OPTION_ID}"><input type="radio" class="radio" name="{bool.FIELD_IDENT}" id="{bool.FIELD_IDENT}_{bool.options.OPTION_ID}" value="{bool.options.OPTION_ID}"{bool.options.CHECKED} /> {bool.options.VALUE}</label> <!-- END options -->
|
||||
<!-- ELSE -->
|
||||
<input type="checkbox" class="radio" name="{bool.FIELD_IDENT}" id="{bool.FIELD_IDENT}"<!-- IF bool.FIELD_VALUE --> checked="checked"<!-- ENDIF --> />
|
||||
<!-- ENDIF -->
|
||||
<!-- END bool -->
|
||||
5
styles/Milk_v2/template/profilefields/date.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<!-- BEGIN date -->
|
||||
<label for="{date.FIELD_IDENT}_day">{L_DAY}{L_COLON} <select name="{date.FIELD_IDENT}_day" id="{date.FIELD_IDENT}_day">{date.S_DAY_OPTIONS}</select></label>
|
||||
<label for="{date.FIELD_IDENT}_month">{L_MONTH}{L_COLON} <select name="{date.FIELD_IDENT}_month" id="{date.FIELD_IDENT}_month">{date.S_MONTH_OPTIONS}</select></label>
|
||||
<label for="{date.FIELD_IDENT}_year">{L_YEAR}{L_COLON} <select name="{date.FIELD_IDENT}_year" id="{date.FIELD_IDENT}_year">{date.S_YEAR_OPTIONS}</select></label>
|
||||
<!-- END date -->
|
||||
5
styles/Milk_v2/template/profilefields/dropdown.html
Normal file
@@ -0,0 +1,5 @@
|
||||
<!-- BEGIN dropdown -->
|
||||
<select name="{dropdown.FIELD_IDENT}" id="{dropdown.FIELD_IDENT}">
|
||||
<!-- BEGIN options --><option value="{dropdown.options.OPTION_ID}"{dropdown.options.SELECTED}>{dropdown.options.VALUE}</option><!-- END options -->
|
||||
</select>
|
||||
<!-- END dropdown -->
|
||||
3
styles/Milk_v2/template/profilefields/int.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<!-- BEGIN int -->
|
||||
<input type="number" min="{int.FIELD_MINLEN}" max="{int.FIELD_MAXLEN}" class="inputbox autowidth" name="{int.FIELD_IDENT}" id="{int.FIELD_IDENT}" size="{int.FIELD_LENGTH}" value="{int.FIELD_VALUE}" />
|
||||
<!-- END int -->
|
||||
3
styles/Milk_v2/template/profilefields/string.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<!-- BEGIN string -->
|
||||
<input type="text" class="inputbox autowidth" name="{string.FIELD_IDENT}" id="{string.FIELD_IDENT}" size="{string.FIELD_LENGTH}" maxlength="{string.FIELD_MAXLEN}" value="{string.FIELD_VALUE}" />
|
||||
<!-- END string -->
|
||||
3
styles/Milk_v2/template/profilefields/text.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<!-- BEGIN text -->
|
||||
<textarea name="{text.FIELD_IDENT}" id="{text.FIELD_IDENT}" rows="{text.FIELD_ROWS}" cols="{text.FIELD_COLS}" class="inputbox">{text.FIELD_VALUE}</textarea>
|
||||
<!-- END text -->
|
||||
3
styles/Milk_v2/template/profilefields/url.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<!-- BEGIN url -->
|
||||
<input type="url" class="inputbox autowidth" name="{url.FIELD_IDENT}" id="{url.FIELD_IDENT}" size="{url.FIELD_LENGTH}" maxlength="{url.FIELD_MAXLEN}" value="{url.FIELD_VALUE}" />
|
||||
<!-- END url -->
|
||||
258
styles/Milk_v2/template/search_results.html
Normal file
@@ -0,0 +1,258 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<!-- EVENT search_results_header_before -->
|
||||
|
||||
<h2 class="searchresults-title"><!-- IF SEARCH_TITLE -->{SEARCH_TITLE}<!-- ELSE -->{SEARCH_MATCHES}<!-- ENDIF --><!-- IF SEARCH_WORDS -->{L_COLON} <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
|
||||
<!-- IF SEARCHED_QUERY --> <p>{L_SEARCHED_QUERY}{L_COLON} <strong>{SEARCHED_QUERY}</strong></p><!-- ENDIF -->
|
||||
<!-- IF IGNORED_WORDS --> <p>{L_IGNORED_TERMS}{L_COLON} <strong>{IGNORED_WORDS}</strong></p><!-- ENDIF -->
|
||||
<!-- IF PHRASE_SEARCH_DISABLED --> <p><strong>{L_PHRASE_SEARCH_DISABLED}</strong></p><!-- ENDIF -->
|
||||
|
||||
<!-- IF SEARCH_TOPIC -->
|
||||
<p class="return-link">
|
||||
<a class="arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH_TOPIC}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_TOPIC}</span>
|
||||
</a>
|
||||
</p>
|
||||
<!-- ELSE -->
|
||||
<p class="advanced-search-link">
|
||||
<a class="arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH}" title="{L_SEARCH_ADV}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_GO_TO_SEARCH_ADV}</span>
|
||||
</a>
|
||||
</p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT search_results_header_after -->
|
||||
|
||||
<!-- IF .pagination or SEARCH_MATCHES or TOTAL_MATCHES or PAGE_NUMBER -->
|
||||
<div class="action-bar bar-top">
|
||||
|
||||
<!-- IF TOTAL_MATCHES > 0 -->
|
||||
<div class="search-box" role="search">
|
||||
<form method="post" action="{S_SEARCH_ACTION}">
|
||||
<fieldset>
|
||||
<input class="inputbox search tiny" type="search" name="add_keywords" id="add_keywords" value="" placeholder="{L_SEARCH_IN_RESULTS}" />
|
||||
<button class="button button-search" type="submit" title="{L_SEARCH}">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
|
||||
</button>
|
||||
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
|
||||
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
|
||||
</a>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT search_results_searchbox_after -->
|
||||
|
||||
<div class="pagination">
|
||||
<!-- IF U_MARK_ALL_READ --><a href="{U_MARK_ALL_READ}" class="mark-read" accesskey="m">{L_MARK_ALL_READ}</a> •<!-- ENDIF -->
|
||||
{SEARCH_MATCHES}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_SHOW_TOPICS -->
|
||||
|
||||
<!-- IF .searchresults -->
|
||||
<div class="forumbg">
|
||||
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner">{L_TOPICS}</div></dt>
|
||||
<dd class="posts">{L_REPLIES}</dd>
|
||||
<dd class="views">{L_VIEWS}</dd>
|
||||
<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist topics">
|
||||
|
||||
<!-- BEGIN searchresults -->
|
||||
<!-- EVENT search_results_topic_before -->
|
||||
<li class="row<!-- IF searchresults.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl class="row-item {searchresults.TOPIC_IMG_STYLE}">
|
||||
<dt<!-- IF searchresults.TOPIC_ICON_IMG --> style="background-image: url({T_ICONS_PATH}{searchresults.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{searchresults.TOPIC_FOLDER_IMG_ALT}">
|
||||
<!-- IF searchresults.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{searchresults.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
|
||||
<div class="list-inner">
|
||||
<!-- EVENT topiclist_row_prepend -->
|
||||
|
||||
<!-- IF searchresults.S_TOPIC_UNAPPROVED or searchresults.S_POSTS_UNAPPROVED -->
|
||||
<span class="topic_type topic_type_unapproved tooltip" title="{L_TOPIC_UNAPPROVED}">
|
||||
<a href="{searchresults.U_MCP_QUEUE}" title="{L_TOPIC_UNAPPROVED}">
|
||||
<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF searchresults.S_TOPIC_DELETED -->
|
||||
<span class="topic_type topic_type_deleted">
|
||||
<a href="{searchresults.U_MCP_QUEUE}" title="{L_TOPIC_DELETED}">
|
||||
<i class="icon fa-trash fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF searchresults.S_TOPIC_REPORTED -->
|
||||
<span class="topic_type topic_type_reported">
|
||||
<a href="{searchresults.U_MCP_REPORT}" title="{L_TOPIC_REPORTED}">
|
||||
<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT topiclist_row_topic_title_after -->
|
||||
|
||||
|
||||
<!-- IF searchresults.S_UNREAD_TOPIC and not S_IS_BOT -->
|
||||
<a class="unread" href="{searchresults.U_NEWEST_POST}">
|
||||
<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
|
||||
<a href="{searchresults.U_VIEW_TOPIC}" class="topictitle">{searchresults.TOPIC_TITLE}</a>
|
||||
<br />
|
||||
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<div class="responsive-show" style="display: none;"> {L_LAST_POST} {L_POST_BY_AUTHOR} <!-- EVENT search_results_last_post_author_username_prepend -->{searchresults.LAST_POST_AUTHOR_FULL}<!-- EVENT search_results_last_post_author_username_append --> « <a href="{searchresults.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{searchresults.LAST_POST_TIME}</a>
|
||||
<br />{L_POSTED} {L_IN} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a>
|
||||
</div>
|
||||
<!-- IF searchresults.TOPIC_REPLIES --><span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{searchresults.TOPIC_REPLIES}</strong></span><!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="responsive-hide left-box">
|
||||
<!-- IF searchresults.S_HAS_POLL --><i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><!-- ENDIF -->
|
||||
<!-- IF searchresults.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
|
||||
{% EVENT topiclist_row_topic_by_author_before %}
|
||||
{L_POST_BY_AUTHOR} <!-- EVENT search_results_topic_author_username_prepend -->{searchresults.TOPIC_AUTHOR_FULL}<!-- EVENT search_results_topic_author_username_append --> <span class="clutter">» {searchresults.FIRST_POST_TIME} » {L_IN} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a></span>
|
||||
{% EVENT topiclist_row_topic_by_author_after %}
|
||||
</div>
|
||||
|
||||
<!-- IF .searchresults.pagination -->
|
||||
<div class="pagination">
|
||||
<span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span>
|
||||
<ul>
|
||||
<!-- BEGIN pagination -->
|
||||
<!-- IF searchresults.pagination.S_IS_PREV -->
|
||||
<!-- ELSEIF searchresults.pagination.S_IS_CURRENT --><li class="active"><span>{searchresults.pagination.PAGE_NUMBER}</span></li>
|
||||
<!-- ELSEIF searchresults.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
|
||||
<!-- ELSEIF searchresults.pagination.S_IS_NEXT -->
|
||||
<!-- ELSE --><li><a class="button" href="{searchresults.pagination.PAGE_URL}">{searchresults.pagination.PAGE_NUMBER}</a></li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END pagination -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- EVENT topiclist_row_append -->
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="posts">{searchresults.TOPIC_REPLIES} <dfn>{L_REPLIES}</dfn></dd>
|
||||
<dd class="views">{searchresults.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd>
|
||||
<dd class="lastpost">
|
||||
<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {searchresults.LAST_POST_AUTHOR_FULL}
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<a href="{searchresults.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
|
||||
<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<br />{searchresults.LAST_POST_TIME}
|
||||
</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- EVENT search_results_topic_after -->
|
||||
<!-- END searchresults -->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_SEARCH_RESULTS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- ELSE -->
|
||||
<div class="viewtopic_wrapper">
|
||||
<!-- BEGIN searchresults -->
|
||||
<!-- EVENT search_results_post_before -->
|
||||
|
||||
<div class="search post <!-- IF searchresults.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF searchresults.S_POST_REPORTED --> reported<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<!-- IF searchresults.S_IGNORE_POST -->
|
||||
<div class="postbody">
|
||||
{searchresults.L_IGNORE_POST}
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<dl class="postprofile">
|
||||
<!-- EVENT search_results_postprofile_before -->
|
||||
<dt class="author">{L_POST_BY_AUTHOR} <!-- EVENT search_results_post_author_username_prepend -->{searchresults.POST_AUTHOR_FULL}<!-- EVENT search_results_post_author_username_append --></dt>
|
||||
<dd class="search-result-date">{searchresults.POST_DATE}</dd>
|
||||
<dd>{L_FORUM}{L_COLON} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a></dd>
|
||||
<dd>{L_TOPIC}{L_COLON} <a href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></dd>
|
||||
<!-- EVENT search_results_topic_title_after -->
|
||||
<dd>{L_REPLIES}{L_COLON} <strong>{searchresults.TOPIC_REPLIES}</strong></dd>
|
||||
<dd>{L_VIEWS}{L_COLON} <strong>{searchresults.TOPIC_VIEWS}</strong></dd>
|
||||
<!-- EVENT search_results_postprofile_after -->
|
||||
</dl>
|
||||
|
||||
<div class="postbody">
|
||||
<h3><a href="{searchresults.U_VIEW_POST}">{searchresults.POST_SUBJECT}</a></h3>
|
||||
<div class="content">{searchresults.MESSAGE}</div>
|
||||
<!-- EVENT search_results_content_after -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF not searchresults.S_IGNORE_POST -->
|
||||
<ul class="searchresults">
|
||||
<li>
|
||||
<a href="{searchresults.U_VIEW_POST}" class="arrow-{S_CONTENT_FLOW_END}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_JUMP_TO_POST}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- EVENT search_results_post_after -->
|
||||
<!-- BEGINELSE -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_SEARCH_RESULTS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END searchresults -->
|
||||
</div><br />
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="action-bar bottom">
|
||||
<!-- IF .searchresults and (S_SELECT_SORT_DAYS or S_SELECT_SORT_KEY) -->
|
||||
<form method="post" action="{S_SEARCH_ACTION}">
|
||||
<!-- INCLUDE display_options.html -->
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="pagination">
|
||||
{SEARCH_MATCHES}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
1
styles/Milk_v2/template/sidebar_left.html
Normal file
@@ -0,0 +1 @@
|
||||
<!-- IF STYLE_SETTINGS_HTML_1 -->{STYLE_SETTINGS_HTML_1}<!-- ENDIF -->
|
||||
123
styles/Milk_v2/template/sidebar_right.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<div id="sidebar_right"<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS --> class="sidebar_right_collapse"<!-- ENDIF -->>
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_SEARCH_WIDGET and S_DISPLAY_SEARCH -->
|
||||
|
||||
<div class="search-box sidebar_widget" role="search">
|
||||
<form method="get" id="forum-search" action="{U_SEARCH}">
|
||||
<fieldset>
|
||||
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search sidebar_search" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
|
||||
<button class="button button-search" type="submit" title="{L_SEARCH}">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
|
||||
</button>
|
||||
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
|
||||
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
|
||||
</a>
|
||||
{S_SEARCH_LOCAL_HIDDEN_FIELDS}
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_PROFILE_WIDGET -->
|
||||
<div class="sidebar_widget profile_widget fancy_panel">
|
||||
<div class="fancy_panel_padding">
|
||||
<h3><!-- IF S_USER_LOGGED_IN -->{L_READ_PROFILE}<!-- ELSE --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED --> • <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --><!-- ENDIF --></h3>
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<div class="sidebar_content">
|
||||
<!-- IF S_USER_LOGGED_IN -->
|
||||
<div class="profile_widget_avatar">
|
||||
<!-- IF CURRENT_USER_AVATAR -->
|
||||
<a href="{U_USER_PROFILE}">{CURRENT_USER_AVATAR}</a>
|
||||
<!-- ELSE -->
|
||||
<a href="ucp.php?i=ucp_profile&mode=avatar" class="no_avatar"><i class="icon fa-pencil-square-o"></i></a>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<!-- IF S_USER_LOGGED_IN -->
|
||||
<div class="profile_widget_info">
|
||||
|
||||
<p>Hi, {CURRENT_USERNAME_SIMPLE}!</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{U_PROFILE}" title="{L_PROFILE}">
|
||||
<i class="icon fa-sliders fa-fw" aria-hidden="true"></i><span>{L_PROFILE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}">
|
||||
<i class="icon fa-user fa-fw" aria-hidden="true"></i><span>{L_READ_PROFILE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">
|
||||
<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_USER_LOGGED_IN -->
|
||||
<div class="profile_widget_list">
|
||||
<ul>
|
||||
<!-- IF S_DISPLAY_SEARCH -->
|
||||
<li>
|
||||
<a href="{U_SEARCH_SELF}">
|
||||
<i class="icon fa-file-o fa-fw" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_NOTIFICATIONS_DISPLAY -->
|
||||
<li>
|
||||
<a href="{U_VIEW_ALL_NOTIFICATIONS}">
|
||||
<i class="icon fa-bell fa-fw" aria-hidden="true"></i><span>{L_NOTIFICATIONS} <!-- IF NOTIFICATIONS_COUNT --><strong class="badge">{NOTIFICATIONS_COUNT}</strong><!-- ENDIF --></span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF S_DISPLAY_PM -->
|
||||
<li>
|
||||
<a href="{U_PRIVATEMSGS}">
|
||||
<i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span>{L_PRIVATE_MESSAGES} <!-- IF PRIVATE_MESSAGE_COUNT --><strong class="badge">{PRIVATE_MESSAGE_COUNT}</strong><!-- ENDIF --></span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<li>
|
||||
<a href="ucp.php?i=ucp_main&mode=bookmarks">
|
||||
<i class="icon fa-bookmark fa-fw" aria-hidden="true"></i>{L_VIEW_BOOKMARKS}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<div class="login_form">
|
||||
<form method="post" action="{S_LOGIN_ACTION}">
|
||||
<fieldset>
|
||||
<label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>
|
||||
<label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" autocomplete="off" /></label>
|
||||
<!-- IF S_AUTOLOGIN_ENABLED -->
|
||||
<br /><input type="checkbox" name="autologin" id="autologin2" /><label for="autologin2">{L_LOG_ME_IN}</label><br />
|
||||
<!-- ENDIF -->
|
||||
<input type="submit" name="login" value="{L_LOGIN}" class="button2 specialbutton" />
|
||||
{S_LOGIN_REDIRECT}
|
||||
{S_FORM_TOKEN_LOGIN}
|
||||
</fieldset>
|
||||
</form>
|
||||
<!-- IF U_SEND_PASSWORD -->
|
||||
<div class="login_form_forgot_link">
|
||||
<a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF STYLE_SETTINGS_HTML_2 -->{STYLE_SETTINGS_HTML_2}<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
85
styles/Milk_v2/template/simple_header.html
Normal file
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
{META}
|
||||
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
|
||||
|
||||
<!-- IF S_ALLOW_CDN -->
|
||||
<script>
|
||||
WebFontConfig = {
|
||||
google: {
|
||||
families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
|
||||
}
|
||||
};
|
||||
|
||||
(function(d) {
|
||||
var wf = d.createElement('script'), s = d.scripts[0];
|
||||
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
|
||||
wf.async = true;
|
||||
s.parentNode.insertBefore(wf, s);
|
||||
})(document);
|
||||
</script>
|
||||
<!-- ENDIF -->
|
||||
<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
|
||||
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_BASE_COLOUR == 'Dark' -->
|
||||
<link href="{T_THEME_PATH}/colours_dark.css" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
|
||||
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET != 'No Custom Colour' -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLOUR_PRESET == 'Custom (Use colour picker below)' -->
|
||||
<style type="text/css">
|
||||
/* Color */
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, a.specialbutton, .button:hover, .button:focus, .dark_base .social_links_footer a span, a.specialbutton, .dark_base .social_links_footer a:hover span {border-color: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .scrollToTop, .no_avatar, .social_links_footer, .badge, thead tr, .sidebar_block_stripe:before, .fancy_panel:before {background: #{STYLE_SETTINGS_CONFIG_COLOUR_PICKER};}
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active {background-color: rgba(0,0,0,0.3);}
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {opacity: 0.7;}
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {opacity: 0.7;}
|
||||
/* Border light */
|
||||
.specialbutton:hover {opacity: 0.7;}
|
||||
</style>
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/{STYLE_SETTINGS_CONFIG_COLOUR_PRESET}.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" class="preset_stylesheet">
|
||||
<!-- ENDIF -->
|
||||
<!-- ELSE -->
|
||||
<link href="{T_THEME_PATH}/colour-presets/default.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
|
||||
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!--[if lte IE 8]>
|
||||
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
|
||||
<![endif]-->
|
||||
|
||||
<!-- DEFINE $POPUP = 1 -->
|
||||
|
||||
<!-- EVENT simple_header_head_append -->
|
||||
|
||||
{$STYLESHEETS}
|
||||
|
||||
<!-- EVENT simple_header_stylesheets_after -->
|
||||
|
||||
</head>
|
||||
|
||||
<body id="phpbb" class="nojs {S_CONTENT_DIRECTION} {BODY_CLASS}">
|
||||
|
||||
<!-- EVENT simple_header_body_before -->
|
||||
|
||||
<div id="wrap" class="wrap">
|
||||
<a id="top" class="top-anchor" accesskey="t"></a>
|
||||
<div id="page-body" class="page-body" role="main">
|
||||
2
styles/Milk_v2/template/tooltipster.bundle.min.js
vendored
Normal file
74
styles/Milk_v2/template/ucp_agreement.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<!-- IF S_SHOW_COPPA or S_REGISTRATION -->
|
||||
|
||||
<!-- IF S_LANG_OPTIONS -->
|
||||
<script type="text/javascript">
|
||||
// <![CDATA[
|
||||
/**
|
||||
* Change language
|
||||
*/
|
||||
function change_language(lang_iso)
|
||||
{
|
||||
document.cookie = '{COOKIE_NAME}_lang=' + lang_iso + '; path={COOKIE_PATH}';
|
||||
document.forms['register'].change_lang.value = lang_iso;
|
||||
document.forms['register'].submit();
|
||||
}
|
||||
|
||||
// ]]>
|
||||
</script>
|
||||
|
||||
<form method="post" action="{S_UCP_ACTION}" id="register">
|
||||
<p class="rightside">
|
||||
<label for="lang">{L_LANGUAGE}{L_COLON}</label><select name="lang" id="lang" onchange="change_language(this.value); return false;" title="{L_LANGUAGE}">{S_LANG_OPTIONS}</select>
|
||||
{S_HIDDEN_FIELDS}
|
||||
</p>
|
||||
</form>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<!-- ENDIF -->
|
||||
|
||||
<form method="post" action="{S_UCP_ACTION}" id="agreement">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<div class="content">
|
||||
<h2 class="sitename-title">{SITENAME} - {L_REGISTRATION}</h2>
|
||||
<!-- EVENT ucp_agreement_terms_before -->
|
||||
<p><!-- IF S_SHOW_COPPA -->{L_COPPA_BIRTHDAY}<!-- ELSE -->{L_TERMS_OF_USE}<!-- ENDIF --></p>
|
||||
<!-- EVENT ucp_agreement_terms_after -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<fieldset class="submit-buttons">
|
||||
<!-- IF S_SHOW_COPPA -->
|
||||
<strong><a href="{U_COPPA_NO}" class="button1">{L_COPPA_NO}</a></strong> <a href="{U_COPPA_YES}" class="button2">{L_COPPA_YES}</a>
|
||||
<!-- ELSE -->
|
||||
<input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" />
|
||||
<input type="submit" name="not_agreed" value="{L_NOT_AGREE}" class="button2" />
|
||||
<!-- ENDIF -->
|
||||
{S_HIDDEN_FIELDS}
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- ELSEIF S_AGREEMENT -->
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<div class="content">
|
||||
<h2 class="sitename-title">{SITENAME} - {AGREEMENT_TITLE}</h2>
|
||||
<p>{AGREEMENT_TEXT}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
29
styles/Milk_v2/template/ucp_auth_link_oauth.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!-- BEGIN oauth -->
|
||||
<form id="ucp_oauth_{oauth.SERVICE_ID}" method="post" action="{S_UCP_ACTION}">
|
||||
<h3>{oauth.SERVICE_NAME}</h3>
|
||||
|
||||
<fieldset class="fields2">
|
||||
<!-- IF oauth.UNIQUE_ID -->
|
||||
<dl>
|
||||
<dt>{L_UCP_AUTH_LINK_ID}{L_COLON}</dt>
|
||||
<dd>{oauth.UNIQUE_ID}</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt> </dt>
|
||||
<dd><input type="submit" name="submit" tabindex="6" value="{L_UCP_AUTH_LINK_UNLINK}" class="button1" /></dd>
|
||||
</dl>
|
||||
<!-- ELSE -->
|
||||
<dl>
|
||||
<dd>{L_UCP_AUTH_LINK_ASK}</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt> </dt>
|
||||
<dd><input type="submit" name="submit" tabindex="6" value="{L_UCP_AUTH_LINK_LINK}" class="button1" /></dd>
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
</fieldset>
|
||||
{oauth.HIDDEN_FIELDS}
|
||||
{S_HIDDEN_FIELDS}
|
||||
{S_FORM_TOKEN}
|
||||
</form>
|
||||
<!-- END oauth -->
|
||||
82
styles/Milk_v2/template/ucp_main_front.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!-- INCLUDE ucp_header.html -->
|
||||
|
||||
<h2>{L_TITLE}</h2>
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<p>{L_UCP_WELCOME}</p>
|
||||
|
||||
<!-- IF .topicrow -->
|
||||
<h3>{L_IMPORTANT_NEWS}</h3>
|
||||
|
||||
<ul class="topiclist cplist two-long-columns">
|
||||
<!-- BEGIN topicrow -->
|
||||
<li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
|
||||
<dl class="row-item {topicrow.TOPIC_IMG_STYLE}">
|
||||
<dt <!-- IF topicrow.TOPIC_ICON_IMG -->style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF -->>
|
||||
<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
|
||||
<div class="list-inner">
|
||||
<!-- IF topicrow.S_UNREAD -->
|
||||
<a class="unread" href="{topicrow.U_NEWEST_POST}">
|
||||
<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{NEW_POST}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><br />
|
||||
<!-- IF .topicrow.pagination -->
|
||||
<div class="pagination">
|
||||
<ul>
|
||||
<!-- BEGIN pagination -->
|
||||
<!-- IF topicrow.pagination.S_IS_PREV -->
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
|
||||
<!-- ELSE --><li><a href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END pagination -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<div class="responsive-hide">
|
||||
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF -->
|
||||
{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} » {topicrow.FIRST_POST_TIME}
|
||||
</div>
|
||||
<div class="responsive-show" style="display: none;">
|
||||
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF -->
|
||||
{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} « <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>
|
||||
</div>
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="lastpost">
|
||||
<span>{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
|
||||
<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
|
||||
<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
|
||||
</a>
|
||||
<br />{topicrow.LAST_POST_TIME}
|
||||
</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END topicrow -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<h3>{L_YOUR_DETAILS}</h3>
|
||||
|
||||
<!-- EVENT ucp_main_front_user_activity_before -->
|
||||
<dl class="details">
|
||||
<!-- EVENT ucp_main_front_user_activity_prepend -->
|
||||
<dt>{L_JOINED}{L_COLON}</dt> <dd>{JOINED}</dd>
|
||||
<dt>{L_LAST_ACTIVE}{L_COLON}</dt> <dd>{LAST_VISIT_YOU}</dd>
|
||||
<dt>{L_TOTAL_POSTS}{L_COLON}</dt> <dd><!-- IF POSTS_PCT -->{POSTS}<!-- IF S_DISPLAY_SEARCH --> | <strong><a href="{U_SEARCH_USER}">{L_SEARCH_YOUR_POSTS}</a></strong><!-- ENDIF --><br />({POSTS_DAY} / {POSTS_PCT})<!-- ELSE -->{POSTS}<!-- ENDIF --></dd>
|
||||
<!-- IF ACTIVE_FORUM != '' --><dt>{L_ACTIVE_IN_FORUM}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})</dd><!-- ENDIF -->
|
||||
<!-- IF ACTIVE_TOPIC != '' --><dt>{L_ACTIVE_IN_TOPIC}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})</dd><!-- ENDIF -->
|
||||
<!-- IF WARNINGS --><dt>{L_YOUR_WARNINGS}{L_COLON}</dt> <dd class="error"><i class="icon fa-exclamation-triangle fa-fw icon-red" aria-hidden="true"></i> [{WARNINGS}]</dd><!-- ENDIF -->
|
||||
<!-- EVENT ucp_main_front_user_activity_append -->
|
||||
</dl>
|
||||
<!-- EVENT ucp_main_front_user_activity_after -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE ucp_footer.html -->
|
||||
122
styles/Milk_v2/template/ucp_notifications.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<!-- INCLUDE ucp_header.html -->
|
||||
|
||||
<form id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>
|
||||
|
||||
<h2>{TITLE}</h2>
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<p>{TITLE_EXPLAIN}</p>
|
||||
|
||||
<!-- IF MODE == 'notification_options' -->
|
||||
<div class="forumbg-table">
|
||||
<table class="table1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{L_NOTIFICATION_TYPE}</th>
|
||||
<!-- BEGIN notification_methods -->
|
||||
<th class="mark">{notification_methods.NAME}</th>
|
||||
<!-- END notification_methods -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- BEGIN notification_types -->
|
||||
<!-- IF notification_types.GROUP_NAME -->
|
||||
<tr class="bg3">
|
||||
<td colspan="{NOTIFICATION_TYPES_COLS}">{notification_types.GROUP_NAME}</td>
|
||||
</tr>
|
||||
<!-- ELSE -->
|
||||
<tr class="<!-- IF notification_types.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
|
||||
<td>
|
||||
{notification_types.NAME}
|
||||
<!-- IF notification_types.EXPLAIN --><br /> {notification_types.EXPLAIN}<!-- ENDIF -->
|
||||
</td>
|
||||
<!-- BEGIN notification_methods -->
|
||||
<td class="mark"><input type="checkbox" name="{notification_types.TYPE}_{notification_types.notification_methods.METHOD}"<!-- IF notification_types.notification_methods.AVAILABLE and notification_types.notification_methods.SUBSCRIBED --> checked="checked"<!-- ENDIF --><!-- IF not notification_types.notification_methods.AVAILABLE --> disabled="disabled"<!-- ENDIF --> /></td>
|
||||
<!-- END notification_methods -->
|
||||
</tr>
|
||||
<!-- ENDIF -->
|
||||
<!-- END notification_types -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- ELSE -->
|
||||
<!-- IF .notification_list -->
|
||||
<div class="action-bar bar-top">
|
||||
<div class="pagination">
|
||||
<!-- IF U_MARK_ALL --><a href="{U_MARK_ALL}" class="mark">{L_NOTIFICATIONS_MARK_ALL_READ}</a> • <!-- ENDIF -->
|
||||
{L_NOTIFICATIONS} [<strong>{TOTAL_COUNT}</strong>]
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification_list">
|
||||
<ul class="topiclist two-columns">
|
||||
<li class="header">
|
||||
<dl>
|
||||
<dt><div class="list-inner">{L_NOTIFICATIONS}</div></dt>
|
||||
<dd class="mark">{L_MARK_READ}</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist cplist two-columns">
|
||||
<!-- BEGIN notification_list -->
|
||||
<li class="row<!-- IF notification_list.UNREAD --> bg3<!-- ELSE --><!-- IF notification_list.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- ENDIF --><!-- IF notification_list.STYLING --> {notification_list.STYLING}<!-- ENDIF -->">
|
||||
<dl>
|
||||
<dt>
|
||||
<div class="list-inner">
|
||||
<!-- IF notification_list.AVATAR -->{notification_list.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF -->
|
||||
<div class="notifications">
|
||||
<!-- IF notification_list.URL --><a href="<!-- IF notification_list.UNREAD -->{notification_list.U_MARK_READ}<!-- ELSE -->{notification_list.URL}<!-- ENDIF -->"><!-- ENDIF -->
|
||||
<p class="notifications_title">{notification_list.FORMATTED_TITLE}<!-- IF notification_list.REFERENCE --> {notification_list.REFERENCE}<!-- ENDIF --></p>
|
||||
<!-- IF notification_list.URL --></a><!-- ENDIF -->
|
||||
<!-- IF notification_list.FORUM --><p class="notifications_forum">{notification_list.FORUM}</p><!-- ENDIF -->
|
||||
<!-- IF notification_list.REASON --><p class="notifications_reason">{notification_list.REASON}</p><!-- ENDIF -->
|
||||
<p class="notifications_time">{notification_list.TIME}</p>
|
||||
</div>
|
||||
</div>
|
||||
</dt>
|
||||
|
||||
<dd class="mark"> <input type="checkbox" name="mark[]" value="{notification_list.NOTIFICATION_ID}"<!-- IF not notification_list.UNREAD --> disabled="disabled"<!-- ENDIF --> /> <dfn>{L_MARK_READ}</dfn> </dd>
|
||||
</dl>
|
||||
</li>
|
||||
<!-- END notification_list -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="action-bar bar-bottom">
|
||||
<div class="pagination">
|
||||
{L_NOTIFICATIONS} [<strong>{TOTAL_COUNT}</strong>]
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ELSE -->
|
||||
<p><strong>{L_NO_NOTIFICATIONS}</strong></p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF .notification_types or .notification_list -->
|
||||
<fieldset class="display-actions">
|
||||
<input type="hidden" name="form_time" value="{FORM_TIME}" />
|
||||
{S_HIDDEN_FIELDS}
|
||||
<input type="submit" name="submit" value="<!-- IF MODE == 'notification_options' -->{L_SUBMIT}<!-- ELSE -->{L_MARK_READ}<!-- ENDIF -->" class="button1" />
|
||||
<div><a href="#" onclick="$('#ucp input:checkbox').prop('checked', true); return false;">{L_MARK_ALL}</a> • <a href="#" onclick="$('#ucp input:checkbox').prop('checked', false); return false;">{L_UNMARK_ALL}</a></div>
|
||||
{S_FORM_TOKEN}
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</form>
|
||||
|
||||
<!-- INCLUDE ucp_footer.html -->
|
||||
70
styles/Milk_v2/template/ucp_pm_message_header.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<h2>{L_TITLE}<!-- IF CUR_FOLDER_NAME -->{L_COLON} {CUR_FOLDER_NAME}<!-- ENDIF --></h2>
|
||||
|
||||
<form id="viewfolder" method="post" action="{S_PM_ACTION}">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->
|
||||
|
||||
<div class="action-bar bar-top">
|
||||
<!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM -->
|
||||
<!-- IF U_POST_REPLY_PM -->
|
||||
<a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}" class="button specialbutton">
|
||||
<span>{L_BUTTON_PM_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ELSEIF U_POST_NEW_TOPIC -->
|
||||
<a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}" class="button specialbutton">
|
||||
<span>{L_BUTTON_PM_NEW}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_FORWARD_PM -->
|
||||
<a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}" class="button specialbutton">
|
||||
<span>{L_BUTTON_PM_FORWARD}</span> <i class="icon fa-mail-forward fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 -->
|
||||
<a title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}" class="button specialbutton">
|
||||
<span>{L_BUTTON_PM_REPLY_ALL}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF not S_IS_BOT and U_PRINT_PM -->
|
||||
<div class="dropdown-container dropdown-button-control topic-tools">
|
||||
<span title="{L_PM_TOOLS}" class="button button-secondary dropdown-trigger dropdown-select">
|
||||
<i class="icon fa-wrench fa-fw" aria-hidden="true"></i>
|
||||
<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
|
||||
</span>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<ul class="dropdown-contents">
|
||||
<!-- IF U_PRINT_PM -->
|
||||
<li>
|
||||
<a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">
|
||||
<i class="icon fa-print fa-fw" aria-hidden="true"></i><span>{L_PRINT_PM}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF TOTAL_MESSAGES or S_VIEW_MESSAGE -->
|
||||
<div class="pagination">
|
||||
<!-- IF S_VIEW_MESSAGE -->
|
||||
<a class="arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_CURRENT_FOLDER}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_FOLDER}</span>
|
||||
</a>
|
||||
<!-- ELSEIF FOLDER_CUR_MESSAGES neq 0 -->
|
||||
<!-- IF U_MARK_ALL --><a href="{U_MARK_ALL}" class="mark">{L_PM_MARK_ALL_READ}</a> • <!-- ENDIF -->
|
||||
{TOTAL_MESSAGES}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
200
styles/Milk_v2/template/ucp_pm_viewmessage.html
Normal file
@@ -0,0 +1,200 @@
|
||||
<!-- INCLUDE ucp_header.html -->
|
||||
|
||||
<div class="postprofile_container<!-- IF STYLE_SETTINGS_CONFIG_POSTPROFILE_SIDE --> postprofile_{STYLE_SETTINGS_CONFIG_POSTPROFILE_SIDE}<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_POSTPROFILE_ORIENTATION --> postprofile_{STYLE_SETTINGS_CONFIG_POSTPROFILE_ORIENTATION}<!-- ENDIF -->">
|
||||
|
||||
<!-- INCLUDE ucp_pm_message_header.html -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- IF S_DISPLAY_HISTORY and (U_VIEW_PREVIOUS_HISTORY or U_VIEW_NEXT_HISTORY) -->
|
||||
<fieldset class="display-options clearfix">
|
||||
<!-- IF U_VIEW_PREVIOUS_HISTORY -->
|
||||
<a href="{U_VIEW_PREVIOUS_HISTORY}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_PREVIOUS_HISTORY}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_VIEW_NEXT_HISTORY -->
|
||||
<a href="{U_VIEW_NEXT_HISTORY}" class="right-box arrow-{S_CONTENT_FLOW_END}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_NEXT_HISTORY}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
<div id="post-{MESSAGE_ID}" class="post pm has-profile<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<dl class="postprofile" id="profile{MESSAGE_ID}">
|
||||
<dt class="<!-- IF RANK_TITLE or RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF --> <!-- IF AUTHOR_AVATAR -->has-avatar<!-- ELSE -->no-avatar<!-- ENDIF -->">
|
||||
<div class="avatar-container">
|
||||
<!-- EVENT ucp_pm_viewmessage_avatar_before -->
|
||||
<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ENDIF -->
|
||||
<!-- EVENT ucp_pm_viewmessage_avatar_after -->
|
||||
</div>
|
||||
{MESSAGE_AUTHOR_FULL}<!-- IF S_ONLINE --> <i class="icon fa-circle online_indicator"></i><!-- ENDIF -->
|
||||
</dt>
|
||||
|
||||
<!-- EVENT ucp_pm_viewmessage_rank_before -->
|
||||
<!-- IF RANK_TITLE or RANK_IMG --><dd class="profile-rank">{RANK_TITLE}<!-- IF RANK_TITLE and RANK_IMG --><br /><!-- ENDIF -->{RANK_IMG}</dd><!-- ENDIF -->
|
||||
<!-- EVENT ucp_pm_viewmessage_rank_after -->
|
||||
|
||||
<dd class="profile-posts"><strong>{L_POSTS}{L_COLON}</strong> <!-- IF U_AUTHOR_POSTS != '' --><a href="{U_AUTHOR_POSTS}">{AUTHOR_POSTS}</a><!-- ELSE -->{AUTHOR_POSTS}<!-- ENDIF --></dd>
|
||||
<!-- IF AUTHOR_JOINED --><dd class="profile-joined"><strong>{L_JOINED}{L_COLON}</strong> {AUTHOR_JOINED}</dd><!-- ENDIF -->
|
||||
|
||||
<!-- EVENT ucp_pm_viewmessage_custom_fields_before -->
|
||||
<!-- BEGIN custom_fields -->
|
||||
<!-- IF not custom_fields.S_PROFILE_CONTACT -->
|
||||
<dd class="profile-custom-field profile-{custom_fields.PROFILE_FIELD_IDENT}"><strong>{custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {custom_fields.PROFILE_FIELD_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- END custom_fields -->
|
||||
<!-- EVENT ucp_pm_viewmessage_custom_fields_after -->
|
||||
|
||||
<!-- EVENT ucp_pm_viewmessage_contact_fields_before -->
|
||||
<!-- IF .contact -->
|
||||
<dd class="profile-contact">
|
||||
<strong>{L_CONTACT}{L_COLON}</strong>
|
||||
<div class="dropdown-container dropdown-left">
|
||||
<a href="#" class="dropdown-trigger" title="{CONTACT_USER}"><i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{CONTACT_USER}</span></a>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<div class="dropdown-contents contact-icons">
|
||||
<!-- BEGIN contact -->
|
||||
{% set REMAINDER = contact.S_ROW_COUNT % 4 %}
|
||||
<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (contact.S_LAST_ROW and contact.S_NUM_ROWS < 4)) -->
|
||||
<!-- IF REMAINDER eq 0 -->
|
||||
<div>
|
||||
<!-- ENDIF -->
|
||||
<a href="<!-- IF contact.U_CONTACT -->{contact.U_CONTACT}<!-- ELSE -->{contact.U_PROFILE_AUTHOR}<!-- ENDIF -->" title="{contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
|
||||
<span class="contact-icon {contact.ID}-icon">{contact.NAME}</span>
|
||||
</a>
|
||||
<!-- IF REMAINDER eq 3 or contact.S_LAST_ROW -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- END contact -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT ucp_pm_viewmessage_contact_fields_after -->
|
||||
</dl>
|
||||
|
||||
<div class="postbody">
|
||||
<h3 class="first">{SUBJECT}</h3>
|
||||
|
||||
<!-- DEFINE $SHOW_PM_POST_BUTTONS = (U_EDIT or U_DELETE or U_REPORT or U_QUOTE) -->
|
||||
<!-- EVENT ucp_pm_viewmessage_post_buttons_list_before -->
|
||||
<!-- IF $SHOW_PM_POST_BUTTONS -->
|
||||
<ul class="post-buttons">
|
||||
<!-- EVENT ucp_pm_viewmessage_post_buttons_before -->
|
||||
<!-- IF U_EDIT -->
|
||||
<li>
|
||||
<a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button button-icon-only">
|
||||
<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_DELETE -->
|
||||
<li>
|
||||
<a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button button-icon-only">
|
||||
<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_DELETE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_REPORT -->
|
||||
<li>
|
||||
<a href="{U_REPORT}" title="{L_REPORT_PM}" class="button button-icon-only">
|
||||
<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_REPORT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_QUOTE -->
|
||||
<li>
|
||||
<a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button button-icon-only">
|
||||
<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_QUOTE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT ucp_pm_viewmessage_post_buttons_after -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT ucp_pm_viewmessage_post_buttons_list_after -->
|
||||
|
||||
<p class="author">
|
||||
<strong>{L_SENT_AT}{L_COLON}</strong> {SENT_DATE}
|
||||
<br /><strong>{L_PM_FROM}{L_COLON}</strong> {MESSAGE_AUTHOR_FULL}
|
||||
<!-- IF S_TO_RECIPIENT --><br /><strong>{L_TO}{L_COLON}</strong> <!-- BEGIN to_recipient --><!-- IF to_recipient.NAME_FULL -->{to_recipient.NAME_FULL}<!-- ELSE --><a href="{to_recipient.U_VIEW}"<!-- IF to_recipient.COLOUR --> style="color:{to_recipient.COLOUR};"<!-- ENDIF -->><strong>{to_recipient.NAME}</strong></a><!-- ENDIF --> <!-- END to_recipient --><!-- ENDIF -->
|
||||
<!-- IF S_BCC_RECIPIENT --><br /><strong>{L_BCC}{L_COLON}</strong> <!-- BEGIN bcc_recipient --><!-- IF bcc_recipient.NAME_FULL -->{bcc_recipient.NAME_FULL}<!-- ELSE --><a href="{bcc_recipient.U_VIEW}"<!-- IF bcc_recipient.COLOUR --> style="color:{bcc_recipient.COLOUR};"<!-- ENDIF -->><strong>{bcc_recipient.NAME}</strong></a><!-- ENDIF --> <!-- END bcc_recipient --><!-- ENDIF -->
|
||||
</p>
|
||||
|
||||
|
||||
<div class="content">{MESSAGE}</div>
|
||||
|
||||
<!-- IF S_HAS_ATTACHMENTS -->
|
||||
<dl class="attachbox">
|
||||
<dt>
|
||||
{L_ATTACHMENTS}
|
||||
</dt>
|
||||
<!-- BEGIN attachment -->
|
||||
<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
|
||||
<!-- END attachment -->
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_DISPLAY_NOTICE -->
|
||||
<div class="post-notice error">{L_DOWNLOAD_NOTICE}</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF EDITED_MESSAGE or EDIT_REASON -->
|
||||
<div class="notice">{EDITED_MESSAGE}
|
||||
<!-- IF EDIT_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{EDIT_REASON}</em><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF SIGNATURE -->
|
||||
<div id="sig{MESSAGE_ID}" class="signature">{SIGNATURE}</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<div class="back2top">
|
||||
<a href="#top" class="top" title="{L_BACK_TO_TOP}">
|
||||
<i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i>
|
||||
<span class="sr-only">{L_BACK_TO_TOP}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EVENT ucp_pm_viewmessage_options_before -->
|
||||
<!-- IF S_VIEW_MESSAGE -->
|
||||
<fieldset class="display-options">
|
||||
|
||||
<!-- IF S_MARK_OPTIONS --><label for="mark_option"><select name="mark_option" id="mark_option">{S_MARK_OPTIONS}</select></label> <input class="button2" type="submit" name="submit_mark" value="{L_GO}" /><!-- ENDIF -->
|
||||
<!-- IF U_PREVIOUS_PM -->
|
||||
<a href="{U_PREVIOUS_PM}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_PREVIOUS_PM}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF U_NEXT_PM -->
|
||||
<a href="{U_NEXT_PM}" class="right-box arrow-{S_CONTENT_FLOW_END}">
|
||||
<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_NEXT_PM}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF not S_UNREAD and not S_SPECIAL_FOLDER --><label for="dest_folder"><!-- IF S_VIEW_MESSAGE -->{L_MOVE_TO_FOLDER}{L_COLON} <!-- ELSE -->{L_MOVE_MARKED_TO_FOLDER}<!-- ENDIF --> <select name="dest_folder" id="dest_folder">{S_TO_FOLDER_OPTIONS}</select></label> <input class="button2" type="submit" name="move_pm" value="{L_GO}" /><!-- ENDIF -->
|
||||
<input type="hidden" name="marked_msg_id[]" value="{MSG_ID}" />
|
||||
<input type="hidden" name="cur_folder_id" value="{CUR_FOLDER_ID}" />
|
||||
<input type="hidden" name="p" value="{MSG_ID}" />
|
||||
</fieldset>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- INCLUDE ucp_pm_message_footer.html -->
|
||||
|
||||
<!-- IF S_DISPLAY_HISTORY --><!-- INCLUDE ucp_pm_history.html --><!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE ucp_footer.html -->
|
||||
377
styles/Milk_v2/template/viewforum_body.html
Normal file
@@ -0,0 +1,377 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
<!-- EVENT viewforum_forum_title_before -->
|
||||
<h2 class="forum-title"><!-- EVENT viewforum_forum_name_prepend --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a><!-- EVENT viewforum_forum_name_append --></h2>
|
||||
<!-- EVENT viewforum_forum_title_after -->
|
||||
<!-- IF FORUM_DESC or MODERATORS or U_MCP -->
|
||||
<div>
|
||||
<!-- NOTE: remove the style="display: none" when you want to have the forum description on the forum body -->
|
||||
<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
|
||||
<!-- IF MODERATORS --><p><strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->{L_COLON}</strong> {MODERATORS}</p><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_FORUM_RULES -->
|
||||
<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<!-- IF U_FORUM_RULES -->
|
||||
<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
|
||||
<!-- ELSE -->
|
||||
<strong>{L_FORUM_RULES}</strong><br />
|
||||
{FORUM_RULES}
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_HAS_SUBFORUM -->
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_FORUMLIST_DISPLAY == 'Grid' -->
|
||||
<!-- INCLUDE forumlist_grid.html -->
|
||||
<!-- ELSE -->
|
||||
<!-- INCLUDE forumlist_body.html -->
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_DISPLAY_POST_INFO or .pagination or TOTAL_POSTS or TOTAL_TOPICS -->
|
||||
<div class="action-bar bar-top">
|
||||
|
||||
<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
|
||||
<!-- EVENT viewforum_buttons_top_before -->
|
||||
|
||||
<a href="{U_POST_NEW_TOPIC}" class="button specialbutton" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
|
||||
<!-- IF S_IS_LOCKED -->
|
||||
<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
|
||||
<!-- ELSE -->
|
||||
<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
|
||||
<!-- ENDIF -->
|
||||
</a>
|
||||
<!-- EVENT viewforum_buttons_top_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_DISPLAY_SEARCHBOX -->
|
||||
<div class="search-box" role="search">
|
||||
<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
|
||||
<fieldset>
|
||||
<input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="{L_SEARCH_FORUM}" />
|
||||
<button class="button button-search" type="submit" title="{L_SEARCH}">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
|
||||
</button>
|
||||
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
|
||||
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
|
||||
</a>
|
||||
{S_SEARCH_LOCAL_HIDDEN_FIELDS}
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="pagination">
|
||||
<!-- IF not S_IS_BOT and U_MARK_FORUMS -->
|
||||
<a href="{U_MARK_FORUMS}" class="mark-read" data-ajax="mark_forums_read">{L_MARK_SUBFORUMS_READ}</a> •
|
||||
<!-- ENDIF -->
|
||||
<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" class="mark" accesskey="m" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> • <!-- ENDIF -->
|
||||
{TOTAL_TOPICS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_NO_READ_ACCESS -->
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_READ_ACCESS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
|
||||
|
||||
<form action="{S_LOGIN_ACTION}" method="post">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<div class="content">
|
||||
<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED --> • <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
|
||||
|
||||
<fieldset class="fields1">
|
||||
<dl>
|
||||
<dt><label for="username">{L_USERNAME}{L_COLON}</label></dt>
|
||||
<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt><label for="password">{L_PASSWORD}{L_COLON}</label></dt>
|
||||
<dd><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" autocomplete="off" /></dd>
|
||||
<!-- IF S_AUTOLOGIN_ENABLED --><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="3" /> {L_LOG_ME_IN}</label></dd><!-- ENDIF -->
|
||||
<dd><label for="viewonline"><input type="checkbox" name="viewonline" id="viewonline" tabindex="4" /> {L_HIDE_ME}</label></dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt> </dt>
|
||||
<dd><input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" /></dd>
|
||||
</dl>
|
||||
{S_LOGIN_REDIRECT}
|
||||
{S_FORM_TOKEN_LOGIN}
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewforum_body_topic_row_before -->
|
||||
|
||||
<!-- BEGIN topicrow -->
|
||||
|
||||
<!-- IF not topicrow.S_TOPIC_TYPE_SWITCH and not topicrow.S_FIRST_ROW -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
|
||||
<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --> announcement<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt<!-- IF S_DISPLAY_ACTIVE --> id="active_topics"<!-- ENDIF -->><div class="list-inner"><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></div></dt>
|
||||
<dd class="posts"><span class="icon fa-comments"></dd>
|
||||
<dd class="views"><span class="icon fa-eye"></dd>
|
||||
<dd class="lastpost"><span><span class="icon fa-clock-o"></span></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="topiclist topics">
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewforum_body_topicrow_row_before -->
|
||||
<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF --><!-- IF topicrow.S_TOPIC_DELETED --> deleted<!-- ENDIF -->">
|
||||
<!-- EVENT viewforum_body_topic_row_prepend -->
|
||||
<dl class="row-item {topicrow.TOPIC_IMG_STYLE}">
|
||||
<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url('{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}'); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}">
|
||||
<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{topicrow.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
|
||||
<div class="list-inner">
|
||||
<!-- EVENT topiclist_row_prepend -->
|
||||
|
||||
|
||||
|
||||
<!-- IF topicrow.TOPIC_TYPE -->
|
||||
<span class="topic_type<!-- IF topicrow.S_POST_STICKY --> topic_type_sticky<!-- ELSEIF topicrow.S_POST_ANNOUNCE || topicrow.S_POST_GLOBAL --> topic_type_announce<!-- ELSEIF topicrow.S_HAS_POLL --> topic_type_poll<!-- ELSEIF topicrow.S_TOPIC_LOCKED --> topic_type_locked<!-- ENDIF -->">
|
||||
<i class="icon fa-<!-- IF topicrow.S_POST_STICKY -->thumb-tack<!-- ELSEIF topicrow.S_POST_ANNOUNCE || topicrow.S_POST_GLOBAL -->bullhorn<!-- ELSEIF topicrow.S_HAS_POLL -->bar-chart<!-- ELSEIF topicrow.S_TOPIC_LOCKED -->lock<!-- ENDIF --> fa-fw"></i>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF topicrow.S_TOPIC_DELETED -->
|
||||
<span class="topic_type topic_type_deleted">
|
||||
<a href="{topicrow.U_MCP_QUEUE}" title="{L_TOPIC_DELETED}">
|
||||
<i class="icon fa-trash fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF topicrow.S_TOPIC_REPORTED -->
|
||||
<span class="topic_type topic_type_reported">
|
||||
<a href="{topicrow.U_MCP_REPORT}" title="{L_TOPIC_REPORTED}">
|
||||
<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED -->
|
||||
<span class="topic_type topic_type_unapproved tooltip" title="{L_TOPIC_UNAPPROVED}">
|
||||
<a href="{topicrow.U_MCP_QUEUE}" title="<!-- IF topicrow.S_TOPIC_UNAPPROVED -->{L_TOPIC_UNAPPROVED}<!-- ELSE -->{L_POSTS_UNAPPROVED}<!-- ENDIF -->">
|
||||
<i class="icon fa-question fa-fw icon-circle" aria-hidden="true"></i><span class="sr-only"><!-- IF topicrow.S_TOPIC_UNAPPROVED -->{L_TOPIC_UNAPPROVED}<!-- ELSE -->{L_POSTS_UNAPPROVED}<!-- ENDIF --></span>
|
||||
</a>
|
||||
</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->
|
||||
<a class="unread" href="{topicrow.U_NEWEST_POST}">
|
||||
<i class="icon fa-circle fa-fw icon-red icon-md" aria-hidden="true"></i>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
|
||||
|
||||
|
||||
<!-- IF topicrow.U_VIEW_TOPIC --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><!-- ELSE -->{topicrow.TOPIC_TITLE}<!-- ENDIF -->
|
||||
<br />
|
||||
<!-- EVENT topiclist_row_topic_title_after -->
|
||||
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<div class="responsive-show" style="display: none;">
|
||||
{L_LAST_POST} {L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append --> « <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>
|
||||
<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --><br />{L_POSTED} {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- IF topicrow.REPLIES -->
|
||||
<span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong></span>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="topic-poster responsive-hide left-box">
|
||||
<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
|
||||
{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_topic_author_username_prepend -->{topicrow.TOPIC_AUTHOR_FULL} <!-- EVENT viewforum_body_topic_author_username_append --> <span class="clutter">» {topicrow.FIRST_POST_TIME}<!-- EVENT viewforum_body_topic_author_username_append --></span>
|
||||
<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --> » {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<!-- IF .topicrow.pagination -->
|
||||
<div class="pagination">
|
||||
<span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span>
|
||||
<ul>
|
||||
<!-- BEGIN pagination -->
|
||||
<!-- IF topicrow.pagination.S_IS_PREV -->
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
|
||||
<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
|
||||
<!-- ELSE --><li><a class="button" href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
|
||||
<!-- ENDIF -->
|
||||
<!-- END pagination -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT topiclist_row_append -->
|
||||
</div>
|
||||
</dt>
|
||||
<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
|
||||
<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
|
||||
<dd class="lastpost">
|
||||
<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append -->
|
||||
<!-- IF not S_IS_BOT and topicrow.U_LAST_POST -->
|
||||
<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
|
||||
<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<br />{topicrow.LAST_POST_TIME}
|
||||
</span>
|
||||
</dd>
|
||||
</dl>
|
||||
<!-- EVENT viewforum_body_topic_row_append -->
|
||||
</li>
|
||||
<!-- EVENT viewforum_body_topic_row_after -->
|
||||
|
||||
<!-- IF topicrow.S_LAST_ROW -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- BEGINELSE -->
|
||||
<!-- IF S_IS_POSTABLE -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_TOPICS}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ELSE IF not S_HAS_SUBFORUM -->
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
<strong>{L_NO_FORUMS_IN_CATEGORY}</strong>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- END topicrow -->
|
||||
|
||||
<!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
|
||||
<div class="action-bar bar-bottom">
|
||||
<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
|
||||
<!-- EVENT viewforum_buttons_bottom_before -->
|
||||
|
||||
<a href="{U_POST_NEW_TOPIC}" class="button specialbutton" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
|
||||
<!-- IF S_IS_LOCKED -->
|
||||
<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
|
||||
<!-- ELSE -->
|
||||
<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
|
||||
<!-- ENDIF -->
|
||||
</a>
|
||||
|
||||
<!-- EVENT viewforum_buttons_bottom_after -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
|
||||
<div class="dropdown-container dropdown-button-control topic-tools">
|
||||
<span title="{S_WATCH_FORUM_TITLE}" class="button button-secondary dropdown-trigger dropdown-select">
|
||||
<i class="icon fa-wrench fa-fw" aria-hidden="true"></i>
|
||||
<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
|
||||
</span>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<ul class="dropdown-contents">
|
||||
<li>
|
||||
<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_FORUM -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">
|
||||
<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_FORUM_TITLE}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_SELECT_SORT_DAYS and not S_IS_BOT -->
|
||||
<form method="post" action="{S_FORUM_ACTION}">
|
||||
<!-- INCLUDE display_options.html -->
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="pagination">
|
||||
<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> • <!-- ENDIF -->
|
||||
{TOTAL_TOPICS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
|
||||
|
||||
<div class="forumbg alt_block" id="clutter_collapse">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner">{L_INFORMATION}</div></dt>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<ul class="topiclist forums">
|
||||
|
||||
<!-- IF S_DISPLAY_ONLINE_LIST and U_VIEWONLINE -->
|
||||
<li class="row">
|
||||
<div class="stat-block online-list">
|
||||
<h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3>
|
||||
<p>{LOGGED_IN_USER_LIST}</p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_DISPLAY_POST_INFO -->
|
||||
<li class="row">
|
||||
<div class="stat-block permissions">
|
||||
<h3>{L_FORUM_PERMISSIONS}</h3>
|
||||
<p><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
483
styles/Milk_v2/template/viewtopic_body.html
Normal file
@@ -0,0 +1,483 @@
|
||||
<!-- INCLUDE overall_header.html -->
|
||||
|
||||
<!-- EVENT viewtopic_topic_title_before -->
|
||||
|
||||
<div class="postprofile_container<!-- IF STYLE_SETTINGS_CONFIG_POSTPROFILE_SIDE --> postprofile_{STYLE_SETTINGS_CONFIG_POSTPROFILE_SIDE}<!-- ENDIF --><!-- IF STYLE_SETTINGS_CONFIG_POSTPROFILE_ORIENTATION --> postprofile_{STYLE_SETTINGS_CONFIG_POSTPROFILE_ORIENTATION}<!-- ENDIF -->">
|
||||
|
||||
<h2 class="topic-title"><!-- EVENT viewtopic_topic_title_prepend --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- EVENT viewtopic_topic_title_append --></h2>
|
||||
<!-- EVENT viewtopic_topic_title_after -->
|
||||
<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
|
||||
<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
|
||||
|
||||
<!-- IF MODERATORS -->
|
||||
<p>
|
||||
<strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->{L_COLON}</strong> {MODERATORS}
|
||||
</p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF S_FORUM_RULES -->
|
||||
<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<!-- IF U_FORUM_RULES -->
|
||||
<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
|
||||
<!-- ELSE -->
|
||||
<strong>{L_FORUM_RULES}</strong><br />
|
||||
{FORUM_RULES}
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="action-bar bar-top">
|
||||
<!-- EVENT viewtopic_buttons_top_before -->
|
||||
|
||||
<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
|
||||
<a href="{U_POST_REPLY_TOPIC}" class="button specialbutton" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
|
||||
<!-- IF S_IS_LOCKED -->
|
||||
<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
|
||||
<!-- ELSE -->
|
||||
<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
|
||||
<!-- ENDIF -->
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_buttons_top_after -->
|
||||
<!-- INCLUDE viewtopic_topic_tools.html -->
|
||||
<!-- EVENT viewtopic_dropdown_top_custom -->
|
||||
|
||||
<!-- IF S_DISPLAY_SEARCHBOX -->
|
||||
<div class="search-box" role="search">
|
||||
<form method="get" id="topic-search" action="{S_SEARCHBOX_ACTION}">
|
||||
<fieldset>
|
||||
<input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="{L_SEARCH_TOPIC}" />
|
||||
<button class="button button-search" type="submit" title="{L_SEARCH}">
|
||||
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
|
||||
</button>
|
||||
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
|
||||
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
|
||||
</a>
|
||||
{S_SEARCH_LOCAL_HIDDEN_FIELDS}
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF .pagination or TOTAL_POSTS -->
|
||||
<div class="pagination">
|
||||
<!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --><a href="{U_VIEW_UNREAD_POST}" class="mark">{L_VIEW_UNREAD_POST}</a> • <!-- ENDIF -->{TOTAL_POSTS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_pagination_top_after -->
|
||||
</div>
|
||||
|
||||
<!-- EVENT viewtopic_body_poll_before -->
|
||||
|
||||
<!-- IF S_HAS_POLL -->
|
||||
<form method="post" action="{S_POLL_ACTION}" data-ajax="vote_poll" class="topic_poll">
|
||||
|
||||
<div class="panel">
|
||||
<div class="inner">
|
||||
|
||||
<div class="content">
|
||||
<h2 class="poll-title"><!-- EVENT viewtopic_body_poll_question_prepend -->{POLL_QUESTION}<!-- EVENT viewtopic_body_poll_question_append --></h2>
|
||||
<p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE --><span class="poll_max_votes">{L_MAX_VOTES}</span><!-- ENDIF --></p>
|
||||
|
||||
<fieldset class="polls">
|
||||
<!-- BEGIN poll_option -->
|
||||
<!-- EVENT viewtopic_body_poll_option_before -->
|
||||
<dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF --><!-- IF poll_option.POLL_OPTION_MOST_VOTES --> most-votes<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF --> data-alt-text="{L_POLL_VOTED_OPTION}" data-poll-option-id="{poll_option.POLL_OPTION_ID}">
|
||||
<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
|
||||
<!-- IF S_CAN_VOTE --><dd style="width: auto;" class="poll_option_select"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
|
||||
<dd class="resultbar<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT_REL};">{poll_option.POLL_OPTION_RESULT}</div></dd>
|
||||
<dd class="poll_option_percent<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd>
|
||||
</dl>
|
||||
<!-- EVENT viewtopic_body_poll_option_after -->
|
||||
<!-- END poll_option -->
|
||||
|
||||
<dl class="poll_total_votes<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->">
|
||||
<dt> </dt>
|
||||
<dd class="resultbar">{L_TOTAL_VOTES}{L_COLON} <span class="poll_total_vote_cnt">{TOTAL_VOTES}</span></dd>
|
||||
</dl>
|
||||
|
||||
<!-- IF S_CAN_VOTE -->
|
||||
<dl style="border-top: none;" class="poll_vote">
|
||||
<dt> </dt>
|
||||
<dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF not S_DISPLAY_RESULTS -->
|
||||
<dl style="border-top: none;" class="poll_view_results">
|
||||
<dt> </dt>
|
||||
<dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
</fieldset>
|
||||
<div class="vote-submitted hidden">{L_VOTE_SUBMITTED}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{S_FORM_TOKEN}
|
||||
{S_HIDDEN_FIELDS}
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_body_poll_after -->
|
||||
|
||||
<div class="viewtopic_wrapper">
|
||||
|
||||
<!-- BEGIN postrow -->
|
||||
<!-- EVENT viewtopic_body_postrow_post_before -->
|
||||
<!-- IF postrow.S_FIRST_UNREAD -->
|
||||
<a id="unread" class="anchor"<!-- IF S_UNREAD_VIEW --> data-url="{postrow.U_MINI_POST}"<!-- ENDIF -->></a>
|
||||
<!-- ENDIF -->
|
||||
<div id="p{postrow.POST_ID}" class="post has-profile <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_POST_DELETED --> deleted<!-- ENDIF --><!-- IF postrow.POSTER_WARNINGS --> warned<!-- ENDIF -->">
|
||||
<div class="inner">
|
||||
|
||||
<dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
|
||||
<dt class="<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF --> <!-- IF postrow.POSTER_AVATAR -->has-avatar<!-- ELSE -->no-avatar<!-- ENDIF -->">
|
||||
<div class="avatar-container">
|
||||
<!-- EVENT viewtopic_body_avatar_before -->
|
||||
<!-- IF postrow.POSTER_AVATAR -->
|
||||
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_avatar_after -->
|
||||
</div>
|
||||
<!-- EVENT viewtopic_body_post_author_before -->
|
||||
<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
|
||||
<!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> <i class="icon fa-circle online_indicator tooltip" title="{L_ONLINE}"></i><!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_post_author_after -->
|
||||
</dt>
|
||||
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_rank_before -->
|
||||
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_postrow_rank_after -->
|
||||
|
||||
<!-- IF postrow.POSTER_POSTS != '' --><dd class="profile-posts"><strong>{L_POSTS}{L_COLON}</strong> <!-- IF postrow.U_SEARCH !== '' --><a href="{postrow.U_SEARCH}"><!-- ENDIF -->{postrow.POSTER_POSTS}<!-- IF postrow.U_SEARCH !== '' --></a><!-- ENDIF --></dd><!-- ENDIF -->
|
||||
<!-- IF postrow.POSTER_JOINED --><dd class="profile-joined clutter"><strong>{L_JOINED}{L_COLON}</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
|
||||
<!-- IF postrow.POSTER_WARNINGS --><dd class="profile-warnings"><strong>{L_WARNINGS}{L_COLON}</strong> {postrow.POSTER_WARNINGS}</dd><!-- ENDIF -->
|
||||
|
||||
<!-- IF postrow.S_PROFILE_FIELD1 -->
|
||||
<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
|
||||
<dd><strong>{postrow.PROFILE_FIELD1_NAME}{L_COLON}</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_custom_fields_before -->
|
||||
<!-- BEGIN custom_fields -->
|
||||
<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
|
||||
<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- END custom_fields -->
|
||||
<!-- EVENT viewtopic_body_postrow_custom_fields_after -->
|
||||
|
||||
<!-- EVENT viewtopic_body_contact_fields_before -->
|
||||
<!-- IF not S_IS_BOT and .postrow.contact -->
|
||||
<dd class="profile-contact">
|
||||
<strong>{L_CONTACT}{L_COLON}</strong>
|
||||
<div class="dropdown-container dropdown-left">
|
||||
<a href="#" class="dropdown-trigger" title="{postrow.CONTACT_USER}">
|
||||
<i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{postrow.CONTACT_USER}</span>
|
||||
</a>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<div class="dropdown-contents contact-icons">
|
||||
<!-- BEGIN contact -->
|
||||
{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
|
||||
<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
|
||||
<!-- IF REMAINDER eq 0 -->
|
||||
<div>
|
||||
<!-- ENDIF -->
|
||||
<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
|
||||
<span class="contact-icon {postrow.contact.ID}-icon">{postrow.contact.NAME}</span>
|
||||
</a>
|
||||
<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- END contact -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dd>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_contact_fields_after -->
|
||||
|
||||
</dl>
|
||||
|
||||
<div class="postbody">
|
||||
<!-- IF postrow.S_POST_HIDDEN -->
|
||||
<!-- IF postrow.S_POST_DELETED -->
|
||||
<div class="ignore" id="post_hidden{postrow.POST_ID}">
|
||||
{postrow.L_POST_DELETED_MESSAGE}<br />
|
||||
{postrow.L_POST_DISPLAY}
|
||||
</div>
|
||||
<!-- ELSEIF postrow.S_IGNORE_POST -->
|
||||
<div class="ignore" id="post_hidden{postrow.POST_ID}">
|
||||
{postrow.L_IGNORE_POST}<br />
|
||||
{postrow.L_POST_DISPLAY}
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<div id="post_content{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
|
||||
|
||||
<!-- EVENT viewtopic_body_post_subject_before -->
|
||||
<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="{postrow.POST_ICON_IMG_ALT}" title="{postrow.POST_ICON_IMG_ALT}" /> <!-- ENDIF --><!-- <a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a> --></h3>
|
||||
|
||||
<!-- DEFINE $SHOW_POST_BUTTONS = (postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE) -->
|
||||
<!-- EVENT viewtopic_body_post_buttons_list_before -->
|
||||
<!-- IF not S_IS_BOT -->
|
||||
<!-- IF $SHOW_POST_BUTTONS -->
|
||||
<ul class="post-buttons">
|
||||
<!-- EVENT viewtopic_body_post_buttons_before -->
|
||||
<!-- IF postrow.U_EDIT -->
|
||||
<li>
|
||||
<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button button-icon-only">
|
||||
<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF postrow.U_DELETE -->
|
||||
<li>
|
||||
<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button button-icon-only">
|
||||
<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_DELETE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF postrow.U_REPORT -->
|
||||
<li>
|
||||
<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button button-icon-only">
|
||||
<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_REPORT}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF postrow.U_WARN -->
|
||||
<li>
|
||||
<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button button-icon-only">
|
||||
<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_WARN}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF postrow.U_INFO -->
|
||||
<li>
|
||||
<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button button-icon-only">
|
||||
<i class="icon fa-info fa-fw" aria-hidden="true"></i><span class="sr-only">{L_INFORMATION}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- IF postrow.U_QUOTE -->
|
||||
<li>
|
||||
<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button button-icon-only">
|
||||
<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUOTE}</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_post_buttons_after -->
|
||||
</ul>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_post_buttons_list_after -->
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_post_details_before -->
|
||||
<p class="author">
|
||||
<!-- IF S_IS_BOT -->
|
||||
<span><i class="icon fa-file fa-fw <!-- IF postrow.S_UNREAD_POST -->icon-red<!-- ELSE -->icon-lightgray<!-- ENDIF --> icon-md" aria-hidden="true"></i><span class="sr-only">{postrow.MINI_POST}</span></span>
|
||||
<!-- ELSE -->
|
||||
<!-- IF postrow.S_UNREAD_POST -->
|
||||
<i class="icon fa-circle fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{postrow.MINI_POST}</span>
|
||||
<!-- ENDIF -->
|
||||
<!-- ENDIF -->
|
||||
<a class="unread" href="{postrow.U_MINI_POST}" title="{postrow.MINI_POST}"><i class="icon fa-clock-o"></i> {postrow.POST_DATE}</a>
|
||||
</p>
|
||||
<!-- EVENT viewtopic_body_postrow_post_details_after -->
|
||||
|
||||
<!-- IF postrow.S_POST_UNAPPROVED -->
|
||||
<form method="post" class="mcp_approve" action="{postrow.U_APPROVE_ACTION}">
|
||||
<p class="post-notice unapproved">
|
||||
<span><i class="icon fa-question icon-red fa-fw" aria-hidden="true"></i></span>
|
||||
<strong>{L_POST_UNAPPROVED_ACTION}</strong>
|
||||
<input class="button2 button_disapprove" type="submit" value="{L_DISAPPROVE}" name="action[disapprove]" />
|
||||
<input class="button1 button_approve" type="submit" value="{L_APPROVE}" name="action[approve]" />
|
||||
<input type="hidden" name="post_id_list[]" value="{postrow.POST_ID}" />
|
||||
{S_FORM_TOKEN}
|
||||
</p>
|
||||
</form>
|
||||
<!-- ELSEIF postrow.S_POST_DELETED -->
|
||||
<form method="post" class="mcp_approve" action="{postrow.U_APPROVE_ACTION}">
|
||||
<p class="post-notice deleted">
|
||||
<strong>{L_POST_DELETED_ACTION}</strong>
|
||||
<!-- IF postrow.S_DELETE_PERMANENT -->
|
||||
<input class="button2 button_disapprove" type="submit" value="{L_DELETE}" name="action[delete]" />
|
||||
<!-- ENDIF -->
|
||||
<input class="button1 button_approve" type="submit" value="{L_RESTORE}" name="action[restore]" />
|
||||
<input type="hidden" name="post_id_list[]" value="{postrow.POST_ID}" />
|
||||
{S_FORM_TOKEN}
|
||||
</p>
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF postrow.S_POST_REPORTED -->
|
||||
<p class="post-notice reported">
|
||||
<a href="{postrow.U_MCP_REPORT}"><i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><strong>{L_POST_REPORTED}</strong></a>
|
||||
</p>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<div class="content">{postrow.MESSAGE}</div>
|
||||
<!-- EVENT viewtopic_body_postrow_content_after -->
|
||||
|
||||
<!-- IF postrow.S_HAS_ATTACHMENTS -->
|
||||
<dl class="attachbox">
|
||||
<dt>
|
||||
{L_ATTACHMENTS}
|
||||
</dt>
|
||||
<!-- BEGIN attachment -->
|
||||
<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
|
||||
<!-- END attachment -->
|
||||
</dl>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_post_notices_before -->
|
||||
<!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
|
||||
<!-- IF postrow.DELETED_MESSAGE or postrow.DELETE_REASON -->
|
||||
<div class="notice post_deleted_msg">
|
||||
{postrow.DELETED_MESSAGE}
|
||||
<!-- IF postrow.DELETE_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{postrow.DELETE_REASON}</em><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ELSEIF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
|
||||
<div class="notice">
|
||||
{postrow.EDITED_MESSAGE}
|
||||
<!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_body_postrow_post_notices_after -->
|
||||
<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_post_content_footer -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_back2top_before -->
|
||||
<div class="back2top">
|
||||
<!-- EVENT viewtopic_body_postrow_back2top_prepend -->
|
||||
<a href="#top" class="top" title="{L_BACK_TO_TOP}">
|
||||
<i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i>
|
||||
<span class="sr-only">{L_BACK_TO_TOP}</span>
|
||||
</a>
|
||||
<!-- EVENT viewtopic_body_postrow_back2top_append -->
|
||||
</div>
|
||||
<!-- EVENT viewtopic_body_postrow_back2top_after -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EVENT viewtopic_body_postrow_post_after -->
|
||||
|
||||
<!-- END postrow -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- IF S_QUICK_REPLY -->
|
||||
<br /><!-- INCLUDE quickreply_editor.html -->
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_body_topic_actions_before -->
|
||||
<div class="action-bar bar-bottom">
|
||||
<!-- EVENT viewtopic_buttons_bottom_before -->
|
||||
|
||||
<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
|
||||
<a href="{U_POST_REPLY_TOPIC}" class="button specialbutton" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
|
||||
<!-- IF S_IS_LOCKED -->
|
||||
<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
|
||||
<!-- ELSE -->
|
||||
<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
|
||||
<!-- ENDIF -->
|
||||
</a>
|
||||
<!-- ENDIF -->
|
||||
<!-- EVENT viewtopic_buttons_bottom_after -->
|
||||
|
||||
<!-- INCLUDE viewtopic_topic_tools.html -->
|
||||
|
||||
<!-- IF (S_NUM_POSTS > 1 or .pagination) and not S_IS_BOT -->
|
||||
<form method="post" action="{S_TOPIC_ACTION}">
|
||||
<!-- INCLUDE display_options.html -->
|
||||
</form>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- IF .quickmod -->
|
||||
<div class="quickmod dropdown-container dropdown-container-left dropdown-up dropdown-{S_CONTENT_FLOW_END} dropdown-button-control" id="quickmod">
|
||||
<span title="{L_QUICK_MOD}" class="button button-secondary dropdown-trigger dropdown-select">
|
||||
<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUICK_MOD}</span>
|
||||
<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
|
||||
</span>
|
||||
<div class="dropdown">
|
||||
<div class="pointer"><div class="pointer-inner"></div></div>
|
||||
<ul class="dropdown-contents">
|
||||
<!-- BEGIN quickmod -->
|
||||
<!-- DEFINE $QUICKMOD_AJAX = (quickmod.VALUE in ['lock', 'unlock', 'delete_topic', 'restore_topic', 'make_normal', 'make_sticky', 'make_announce', 'make_global']) -->
|
||||
<li><a href="{quickmod.LINK}"<!-- IF $QUICKMOD_AJAX --> data-ajax="true" data-refresh="true"<!-- ENDIF -->>{quickmod.TITLE}</a></li>
|
||||
<!-- END quickmod -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
<!-- EVENT viewtopic_dropdown_bottom_custom -->
|
||||
|
||||
<!-- IF .pagination or TOTAL_POSTS -->
|
||||
<div class="pagination">
|
||||
{TOTAL_POSTS}
|
||||
<!-- IF .pagination -->
|
||||
<!-- INCLUDE pagination.html -->
|
||||
<!-- ELSE -->
|
||||
• {PAGE_NUMBER}
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
</div>
|
||||
|
||||
<!-- EVENT viewtopic_body_footer_before -->
|
||||
|
||||
<!-- INCLUDE jumpbox.html -->
|
||||
|
||||
<!-- IF S_DISPLAY_ONLINE_LIST and U_VIEWONLINE -->
|
||||
<div class="forumbg alt_block" id="clutter_collapse">
|
||||
<div class="inner">
|
||||
<ul class="topiclist">
|
||||
<li class="header">
|
||||
<dl class="row-item">
|
||||
<dt><div class="list-inner">{L_INFORMATION}</div></dt>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- IF STYLE_SETTINGS_CONFIG_COLLAPSIBLE_PANELS -->
|
||||
<div class="collapse-trigger open">
|
||||
<span class="icon fa-minus tooltip-left" title="Collapse"></span>
|
||||
<span class="icon fa-plus tooltip-left" title="Expand"></span>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
<ul class="topiclist forums">
|
||||
<li class="row">
|
||||
<div class="stat-block online-list">
|
||||
<h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3>
|
||||
<p>{LOGGED_IN_USER_LIST}</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ENDIF -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- INCLUDE overall_footer.html -->
|
||||
3340
styles/Milk_v2/theme/animate.css
vendored
Normal file
113
styles/Milk_v2/theme/base.css
Normal file
@@ -0,0 +1,113 @@
|
||||
/* --------------------------------------------------------------
|
||||
$Base
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/** {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*:before,
|
||||
*:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}*/
|
||||
|
||||
/* Define your base font-size here; most elements will inherit this. _NO__DOTCOMMA__AFTER__*/
|
||||
html {
|
||||
font-size: 1em; /* Assuming 16px... */
|
||||
line-height: 1.5; /* 24px (This is now our magic number; all subsequent margin-bottoms and line-heights want to be a multiple of this number in order to maintain vertical rhythm.) _NO__DOTCOMMA__AFTER__*/
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
figure { margin: 0 }
|
||||
img { vertical-align: middle }
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
border: 0;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #428bca;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
color: #2a6496;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
dl,
|
||||
dd,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
figure,
|
||||
p,
|
||||
pre { margin: 0 }
|
||||
button {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Work around a Firefox/IE bug where the transparent `button` background
|
||||
* results in a loss of the default `button` focus styles.
|
||||
*/
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
iframe { border: 0 }
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Suppress the focus outline on links that cannot be accessed via keyboard.
|
||||
* This prevents an unwanted focus outline from appearing around elements that
|
||||
* might still respond to pointer events.
|
||||
*/
|
||||
[tabindex="-1"]:focus { outline: none !important }
|
||||
|
||||
/**
|
||||
* Remove double underline from recent version of firefox
|
||||
*/
|
||||
abbr[title] {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
1093
styles/Milk_v2/theme/bidi.css
Normal file
3
styles/Milk_v2/theme/blank.css.css
Normal file
@@ -0,0 +1,3 @@
|
||||
/* This file is intentionally left blank.
|
||||
It's used by the light/dark toggle
|
||||
If deleted, you'll get a console log error (but things will still work) */
|
||||
187
styles/Milk_v2/theme/buttons.css
Normal file
@@ -0,0 +1,187 @@
|
||||
/* Button Styles
|
||||
---------------------------------------- */
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 8px 15px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.button:focus,
|
||||
.button:hover {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: relative;
|
||||
right: -3px;
|
||||
}
|
||||
|
||||
.caret i {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Posting page styles
|
||||
----------------------------------------*/
|
||||
.button-search,
|
||||
.button-search-end {
|
||||
float: left;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
padding: 0 9px;
|
||||
height: 37px;
|
||||
}
|
||||
|
||||
.button-search-end {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.button-search-end {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.search-header .button-search,
|
||||
.search-header .button-search-end {
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
padding: 6px 7px;
|
||||
}
|
||||
|
||||
.search-header .button-search-end {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.button-icon-only {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
/* Poster contact icons
|
||||
----------------------------------------*/
|
||||
.contact-icons.dropdown-contents {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
background-repeat: no-repeat;
|
||||
display: block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.contact-icons a {
|
||||
border-bottom: 1px dotted;
|
||||
border-right: 1px dotted;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.contact-icons .last-cell {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.contact-icons div:last-child a {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.contact-icons div {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
/* Post control buttons
|
||||
--------------------------------------------- */
|
||||
.post-buttons {
|
||||
float: right;
|
||||
list-style: none;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.has-profile .post-buttons {
|
||||
float: none;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.post-buttons > li {
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.post-buttons .button, .format-buttons .button {
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.hastouch .post-buttons {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Responsive buttons in post body */
|
||||
.post-buttons .dropdown {
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.post-buttons .dropdown a {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.hasjs .postbody .post-buttons {
|
||||
max-width: 40%;
|
||||
}
|
||||
|
||||
/* Browser-specific tweaks */
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0
|
||||
}
|
||||
|
||||
/* Deprecated as of version 3.2
|
||||
-------------------------------------------------*/
|
||||
.small-icon {
|
||||
background-position: 0 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.dropdown .small-icon {
|
||||
background-position: 5px 50%;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.small-icon > a {
|
||||
padding: 0 0 0 18px;
|
||||
}
|
||||
|
||||
ul.linklist.bulletin > li.small-icon:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown .small-icon > a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rtl .small-icon {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
|
||||
.rtl .small-icon > a {
|
||||
padding-left: 0;
|
||||
padding-right: 19px;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/Aqua.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #51e2c3;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #51e2c3;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #51e2c3;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e2c3+0,83bcfd+100 */
|
||||
background: rgb(81,226,195); /* Old browsers */
|
||||
background: -moz-linear-gradient(left, rgba(81,226,195,1) 0%, rgba(131,188,253,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(81,226,195,1) 0%,rgba(131,188,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(81,226,195,1) 0%,rgba(131,188,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51e2c3', endColorstr='#83bcfd',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51e2c3+0,83bcfd+100&0.58+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(81,226,195,0.58) 0%, rgba(131,188,253,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(81,226,195,0.58) 0%,rgba(131,188,253,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(81,226,195,0.58) 0%,rgba(131,188,253,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9451e2c3', endColorstr='#cc83bcfd',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #56edcd;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #56edcd;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #56edcd;
|
||||
}
|
||||
51
styles/Milk_v2/theme/colour-presets/Blue_Lagoon.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #191654;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #191654;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #191654;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191654+0,43c6ac+100 */
|
||||
background: #191654; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #191654 0%, #43c6ac 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #191654 0%,#43c6ac 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #191654 0%,#43c6ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191654', endColorstr='#43c6ac',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191654+0,43c6ac+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(25,22,84,0.8) 0%, rgba(67,198,172,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(25,22,84,0.8) 0%,rgba(67,198,172,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(25,22,84,0.8) 0%,rgba(67,198,172,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc191654', endColorstr='#cc43c6ac',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #27237e;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #27237e;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #27237e;
|
||||
}
|
||||
|
||||
51
styles/Milk_v2/theme/colour-presets/Blush.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #f15f79;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #f15f79;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #f15f79;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15f79+0,b24592+100 */
|
||||
background: #f15f79; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #f15f79 0%, #b24592 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #f15f79 0%,#b24592 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #f15f79 0%,#b24592 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15f79', endColorstr='#b24592',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15f79+0,b24592+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(241,95,121,0.8) 0%, rgba(178,69,146,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(241,95,121,0.8) 0%,rgba(178,69,146,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(241,95,121,0.8) 0%,rgba(178,69,146,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf15f79', endColorstr='#ccb24592',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #ff768e;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #ff768e;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #ff768e;
|
||||
}
|
||||
|
||||
50
styles/Milk_v2/theme/colour-presets/Calm_Darya.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #49a09d;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #49a09d;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #49a09d;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a09d+0,5f2c82+100 */
|
||||
background: #49a09d; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #49a09d 0%, #5f2c82 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #49a09d 0%,#5f2c82 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #49a09d 0%,#5f2c82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a09d', endColorstr='#5f2c82',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a09d+0,5f2c82+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(73,160,157,0.8) 0%, rgba(95,44,130,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(73,160,157,0.8) 0%,rgba(95,44,130,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(73,160,157,0.8) 0%,rgba(95,44,130,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc49a09d', endColorstr='#cc5f2c82',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #52b5b2;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #52b5b2;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #52b5b2;
|
||||
}
|
||||
51
styles/Milk_v2/theme/colour-presets/Electric_Violet.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #8e54e9;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #8e54e9;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #8e54e9;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e54e9+0,4776e6+100 */
|
||||
background: #8e54e9; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #8e54e9 0%, #4776e6 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #8e54e9 0%,#4776e6 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #8e54e9 0%,#4776e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e54e9', endColorstr='#4776e6',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e54e9+0,4776e6+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(142,84,233,0.8) 0%, rgba(71,118,230,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(142,84,233,0.8) 0%,rgba(71,118,230,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(142,84,233,0.8) 0%,rgba(71,118,230,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8e54e9', endColorstr='#cc4776e6',GradientType=1 ); /* IE6-9 */
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #a76fff;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #a76fff;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #a76fff;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/HoneyDew.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #ade7ad;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #ade7ad;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #ade7ad;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffae+0,43c6ac+100 */
|
||||
background: #f8ffae; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #f8ffae 0%, #43c6ac 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #f8ffae 0%,#43c6ac 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #f8ffae 0%,#43c6ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffae', endColorstr='#43c6ac',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffae+0,43c6ac+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(248,255,174,0.8) 0%, rgba(67,198,172,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(248,255,174,0.8) 0%,rgba(67,198,172,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(248,255,174,0.8) 0%,rgba(67,198,172,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf8ffae', endColorstr='#cc43c6ac',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #b8f4b8;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #b8f4b8;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #b8f4b8;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/Hot_Red.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #ea384d;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #ea384d;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #ea384d;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea384d+0,d31027+100 */
|
||||
background: rgb(234,56,77); /* Old browsers */
|
||||
background: -moz-linear-gradient(left, rgba(234,56,77,1) 0%, rgba(211,16,39,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(234,56,77,1) 0%,rgba(211,16,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(234,56,77,1) 0%,rgba(211,16,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea384d', endColorstr='#d31027',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea384d+0,d31027+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(234,56,77,0.8) 0%, rgba(211,16,39,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(234,56,77,0.8) 0%,rgba(211,16,39,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(234,56,77,0.8) 0%,rgba(211,16,39,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccea384d', endColorstr='#ccd31027',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #fb485d;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #fb485d;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #fb485d;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/Ibiza_Sunset.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #ff6a00;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #ff6a00;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #ff6a00;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6a00+0,ee0979+100 */
|
||||
background: #ff6a00; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #ff6a00 0%, #ee0979 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #ff6a00 0%,#ee0979 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #ff6a00 0%,#ee0979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ee0979',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6a00+0,ee0979+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(255,106,0,0.8) 0%, rgba(238,9,121,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(255,106,0,0.8) 0%,rgba(238,9,121,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(255,106,0,0.8) 0%,rgba(238,9,121,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff6a00', endColorstr='#ccee0979',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #ff7e22;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #ff7e22;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #ff7e22;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/Little_Leaf.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #8dc26f;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #8dc26f;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #8dc26f;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc26f+0,76b852+100 */
|
||||
background: #8dc26f; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #8dc26f 0%, #76b852 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #8dc26f 0%,#76b852 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #8dc26f 0%,#76b852 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc26f', endColorstr='#76b852',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dc26f+0,76b852+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(141,194,111,0.8) 0%, rgba(118,184,82,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(141,194,111,0.8) 0%,rgba(118,184,82,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(141,194,111,0.8) 0%,rgba(118,184,82,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8dc26f', endColorstr='#cc76b852',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #9dd57d;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #9dd57d;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #9dd57d;
|
||||
}
|
||||
51
styles/Milk_v2/theme/colour-presets/Neon_Blue.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #52D4FF;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #52D4FF;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #52D4FF;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#52d4ff+0,0caade+100 */
|
||||
background: rgb(82,212,255); /* Old browsers */
|
||||
background: -moz-linear-gradient(left, rgba(82,212,255,1) 0%, rgba(12,170,222,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(82,212,255,1) 0%,rgba(12,170,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(82,212,255,1) 0%,rgba(12,170,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52d4ff', endColorstr='#0caade',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#52d4ff+0,0caade+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(82,212,255,0.8) 0%, rgba(12,170,222,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(82,212,255,0.8) 0%,rgba(12,170,222,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(82,212,255,0.8) 0%,rgba(12,170,222,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc52d4ff', endColorstr='#cc0caade',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #76ddff;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #76ddff;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #76ddff;
|
||||
}
|
||||
|
||||
51
styles/Milk_v2/theme/colour-presets/Nighthawk.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #2c3e50;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #2c3e50;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c3e50+0,2980b9+100 */
|
||||
background: #2c3e50; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #2c3e50 0%, #2980b9 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #2c3e50 0%,#2980b9 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #2c3e50 0%,#2980b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e50', endColorstr='#2980b9',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c3e50+0,2980b9+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(44,62,80,0.8) 0%, rgba(41,128,185,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(44,62,80,0.8) 0%,rgba(41,128,185,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(44,62,80,0.8) 0%,rgba(41,128,185,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2c3e50', endColorstr='#cc2980b9',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #415b74;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #415b74;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #415b74;
|
||||
}
|
||||
|
||||
50
styles/Milk_v2/theme/colour-presets/Pacific_Dream.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #0f3443;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #0f3443;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #0f3443;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f3443+0,34e89e+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(15,52,67,0.8) 0%, rgba(52,232,158,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(15,52,67,0.8) 0%,rgba(52,232,158,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(15,52,67,0.8) 0%,rgba(52,232,158,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0f3443', endColorstr='#cc34e89e',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f3443+0,34e89e+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(15,52,67,0.8) 0%, rgba(52,232,158,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(15,52,67,0.8) 0%,rgba(52,232,158,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(15,52,67,0.8) 0%,rgba(52,232,158,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0f3443', endColorstr='#cc34e89e',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #154558;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #154558;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #154558;
|
||||
}
|
||||
|
||||
50
styles/Milk_v2/theme/colour-presets/Peach.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #f8a697;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #f8a697;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #f8a697;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffedbc+0,ed4264+100 */
|
||||
background: rgb(255,237,188); /* Old browsers */
|
||||
background: -moz-linear-gradient(left, rgba(255,237,188,1) 0%, rgba(237,66,100,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(255,237,188,1) 0%,rgba(237,66,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(255,237,188,1) 0%,rgba(237,66,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedbc', endColorstr='#ed4264',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffedbc+0,ed4264+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(255,237,188,0.8) 0%, rgba(237,66,100,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(255,237,188,0.8) 0%,rgba(237,66,100,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(255,237,188,0.8) 0%,rgba(237,66,100,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffedbc', endColorstr='#cced4264',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #f4b2a6;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #f4b2a6;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #f4b2a6;
|
||||
}
|
||||
51
styles/Milk_v2/theme/colour-presets/Purple_Love.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #B06AB3;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #B06AB3;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #B06AB3;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b06ab3+0,4568dc+100 */
|
||||
background: rgb(176,106,179); /* Old browsers */
|
||||
background: -moz-linear-gradient(left, rgba(176,106,179,1) 0%, rgba(69,104,220,1) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(176,106,179,1) 0%,rgba(69,104,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(176,106,179,1) 0%,rgba(69,104,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06ab3', endColorstr='#4568dc',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b06ab3+0,4568dc+100&0.8+1,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(176,106,179,0.8) 0%, rgba(175,106,179,0.8) 1%, rgba(69,104,220,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(176,106,179,0.8) 0%,rgba(175,106,179,0.8) 1%,rgba(69,104,220,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(176,106,179,0.8) 0%,rgba(175,106,179,0.8) 1%,rgba(69,104,220,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb06ab3', endColorstr='#cc4568dc',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #cd81d0;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #cd81d0;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #cd81d0;
|
||||
}
|
||||
|
||||
51
styles/Milk_v2/theme/colour-presets/Rose_Water.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #5fc3e4;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #5fc3e4;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #5fc3e4;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fc3e4+0,e55d87+100 */
|
||||
background: #5fc3e4; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #5fc3e4 0%, #e55d87 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #5fc3e4 0%,#e55d87 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #5fc3e4 0%,#e55d87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3e4', endColorstr='#e55d87',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fc3e4+0,e55d87+100&0.8+1,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(95,195,228,0.8) 0%, rgba(96,194,227,0.8) 1%, rgba(229,93,135,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(95,195,228,0.8) 0%,rgba(96,194,227,0.8) 1%,rgba(229,93,135,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(95,195,228,0.8) 0%,rgba(96,194,227,0.8) 1%,rgba(229,93,135,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5fc3e4', endColorstr='#cce55d87',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #78deff;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #78deff;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #78deff;
|
||||
}
|
||||
|
||||
51
styles/Milk_v2/theme/colour-presets/Sahara.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #f9d423;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #f9d423;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #f9d423;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d423+1,ff4e50+100 */
|
||||
background: #f9d423; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #f9d423 1%, #ff4e50 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #f9d423 1%,#ff4e50 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #f9d423 1%,#ff4e50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d423', endColorstr='#ff4e50',GradientType=1 ); /* IE6-9 */
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d423+0,ff4e50+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(249,212,35,0.8) 0%, rgba(255,78,80,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(249,212,35,0.8) 0%,rgba(255,78,80,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(249,212,35,0.8) 0%,rgba(255,78,80,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf9d423', endColorstr='#ccff4e50',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #f4d74b;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #f4d74b;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #f4d74b;
|
||||
}
|
||||
50
styles/Milk_v2/theme/colour-presets/Titanium.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #859398;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #859398;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #859398;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#859398+0,283048+100 */
|
||||
background: #859398; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #859398 0%, #283048 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #859398 0%,#283048 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #859398 0%,#283048 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#859398', endColorstr='#283048',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#859398+0,283048+100&0.8+0,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(133,147,152,0.8) 0%, rgba(40,48,72,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(133,147,152,0.8) 0%,rgba(40,48,72,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(133,147,152,0.8) 0%,rgba(40,48,72,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc859398', endColorstr='#cc283048',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #9cacb2;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #9cacb2;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #9cacb2;
|
||||
}
|
||||
51
styles/Milk_v2/theme/colour-presets/Warm_Sunset.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #4a569d;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #4a569d;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #4a569d;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a569d+1,dc2424+100 */
|
||||
background: #4a569d; /* Old browsers */
|
||||
background: -moz-linear-gradient(left, #4a569d 1%, #dc2424 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, #4a569d 1%,#dc2424 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, #4a569d 1%,#dc2424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a569d', endColorstr='#dc2424',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a569d+0,dc2424+100&0.8+1,0.8+100 */
|
||||
background: -moz-linear-gradient(left, rgba(74,86,157,0.8) 0%, rgba(75,86,156,0.8) 1%, rgba(220,36,36,0.8) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(74,86,157,0.8) 0%,rgba(75,86,156,0.8) 1%,rgba(220,36,36,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(74,86,157,0.8) 0%,rgba(75,86,156,0.8) 1%,rgba(220,36,36,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4a569d', endColorstr='#ccdc2424',GradientType=1 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #5e6dc2;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #5e6dc2;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #5e6dc2;
|
||||
}
|
||||
|
||||
43
styles/Milk_v2/theme/colour-presets/default.css
Normal file
@@ -0,0 +1,43 @@
|
||||
/* Color */
|
||||
a:hover, .navbar_footer a, .copyright_bar a, .social_links_footer a:hover span, .icon.fa-file.icon-red, a:hover .icon.fa-file.icon-red, .navigation .active-subsection a, .navigation .active-subsection a:hover, .navigation a:hover, .tabs .tab > a:hover, .tabs .activetab > a, .tabs .activetab > a:hover, a.postlink, a.postlink:visited, .navbar_in_header .badge, .button:focus .icon, .button:hover .icon, .dark_base .social_links_footer a span, .dark_base h2, .dark_base h2 a, .dark_base a:link, .dark_base a:visited, .button-secondary:focus, .button-secondary:hover, .notification_unread {
|
||||
color: #00ACFF;
|
||||
}
|
||||
|
||||
/* Background Solid */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .scrollToTop, a.specialbutton, .dark_base .social_links_footer a:hover span, .topic_type, .badge, .grid_unread {
|
||||
background: #00ACFF;
|
||||
}
|
||||
|
||||
/* Borders Dark */
|
||||
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, .button:hover, .button:focus, a.specialbutton, .dark_base .social_links_footer a span, .dark_base .social_links_footer a:hover span {
|
||||
border-color: #00ACFF;
|
||||
}
|
||||
|
||||
/* Background Gradient */
|
||||
.headerbar, body.content_block_header_block li.header, body.content_block_header_stripe li.header:before, .no_avatar, .social_links_footer, .forumbg-table, .sidebar_block_stripe:before, .fancy_panel:before {
|
||||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a569d+1,dc2424+100 */
|
||||
background: #00ACFF;
|
||||
}
|
||||
|
||||
|
||||
/* The same as above, just with some opacity */
|
||||
.headerbar_overlay_active, .grid_colour_overlay:hover {
|
||||
background-color: rgba(0, 172, 255, 0.8);
|
||||
}
|
||||
|
||||
|
||||
/* Colour Hover Light */
|
||||
.navbar_footer a:hover, .copyright_bar a:hover, a.postlink:hover, .dark_base h2 a:hover {
|
||||
color: #45c2ff;
|
||||
}
|
||||
|
||||
/* Background Hover Light */
|
||||
a.scrollToTop:hover, input.specialbutton:hover, a.specialbutton:hover {
|
||||
background-color: #45c2ff;
|
||||
}
|
||||
|
||||
/* Border light */
|
||||
.specialbutton:hover {
|
||||
border-color: #45c2ff;
|
||||
}
|
||||
|
||||
0
styles/Milk_v2/theme/colour-presets/index.htm
Normal file
1199
styles/Milk_v2/theme/colours.css
Normal file
397
styles/Milk_v2/theme/colours_dark.css
Normal file
@@ -0,0 +1,397 @@
|
||||
/* Dark Backgrounds */
|
||||
html {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.panel, .panel.bg2 {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.forabg, .forumbg, .viewtopic_wrapper {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.bg3 {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
body.content_block_header_stripe li.header, .alt_block li.header {
|
||||
background-color: #1c262f !important;
|
||||
}
|
||||
|
||||
div.rules {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
a.button1, input.button1, input.button3, a.button2, input.button2, .inputbox, .button {
|
||||
background-color: #1c262f;
|
||||
border-color: #323f4e;
|
||||
}
|
||||
|
||||
.panel-container .panel .inputbox, .panel-container .panel select, .panel-container .panel .pm .button, .panel-container .panel .button-secondary, .panel .pm .button {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
fieldset.quick-login input.inputbox {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.dropdown .dropdown-contents {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.pagination li a {
|
||||
background-color: #1c262f;
|
||||
border-color: #323f4e;
|
||||
}
|
||||
|
||||
/* So as to not blind users with super high contrast block of colour */
|
||||
.social_links_footer {
|
||||
background: #1c262f !important;
|
||||
}
|
||||
|
||||
.social_links_footer a:hover span {
|
||||
color: #1c262f !important;
|
||||
}
|
||||
|
||||
.topic_type {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
.tabs .activetab > a, .tabs .activetab > a:hover {
|
||||
background-color: #1c262f !important;
|
||||
border-color: #1c262f;
|
||||
}
|
||||
|
||||
.navigation a, .tabs .tab > a:hover {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-extended .header {
|
||||
background-color: #1c262f;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.dropdown-extended .header, .dropdown-extended .footer {
|
||||
border-color: #323f4e;
|
||||
}
|
||||
|
||||
dl.attachbox, .codebox code, blockquote, blockquote blockquote blockquote {
|
||||
background-color: #1c262f;
|
||||
}
|
||||
|
||||
|
||||
/* Light Backgrounds */
|
||||
/* Border color: 27313b */
|
||||
#inner-wrap {
|
||||
background-color: #252f39;
|
||||
}
|
||||
.bg1, .bg2, .viewtopic_wrapper .phpbb-ads-center {
|
||||
background-color: #252F39;
|
||||
}
|
||||
|
||||
li.row, .forumlist_grid .grid_desc {
|
||||
background-color: #252f39;
|
||||
border-color: #252F39;
|
||||
}
|
||||
|
||||
.panel-container .panel {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
.fancy_panel {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
.navigation a:hover {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
.panel .inputbox, .panel .button, select, .dropdown-contents .button2 {
|
||||
background-color: #252F39;
|
||||
border-color: #2c3742;
|
||||
}
|
||||
|
||||
.tabs .tab > a {
|
||||
background-color: #252F39;
|
||||
}
|
||||
|
||||
.navigation .active-subsection a {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
.cp-mini {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
.cp-main .pm {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
blockquote blockquote {
|
||||
background-color: #252f39;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Light Neural Text */
|
||||
|
||||
/* Light Neutral Borders */
|
||||
|
||||
/* Stuff */
|
||||
|
||||
html, body, .copyright_bar, .navbar_footer, .content, .signature, .postprofile, .panel, dd label, .pm .postprofile, .postbody, .post:target .content {
|
||||
color: #90a3c0;
|
||||
}
|
||||
|
||||
.alt_block li.header dt {
|
||||
color: #90a3c0;
|
||||
}
|
||||
|
||||
.sidebar_content, .profile_widget_list, .login_form_forgot_link, .forumlist_grid_block_stats, .dropdown .dropdown-contents, hr, .signature, .postprofile, .pm .postprofile, .post, .jumpbox .dropdown li, .dropdown li, .dropdown li.separator, table.table1 tbody tr, table.table1 tbody td, fieldset.polls dl, dl.attachbox, dl.attachbox dd {
|
||||
border-color: #323f4e;
|
||||
}
|
||||
|
||||
.panel-container .panel li.row {
|
||||
border-bottom-color: #323f4e;
|
||||
}
|
||||
|
||||
.dropdown .pointer, .dropdown .pointer-inner {
|
||||
border-color: #323f4e transparent !important;
|
||||
}
|
||||
|
||||
li.row strong, .postprofile strong, .button .icon, .button-secondary, .inputbox, .message-box textarea, a.button1, input.button1, input.button3, a.button2, input.button2, .inputbox, .button, fieldset dl:hover dt label, .topic_type, .icon.icon-gray, dl.faq dt, dl.details dt, .dropdown-extended .header, .dropdown-extended .footer, fieldset.polls dl.voted, .dark_base .forumlist_grid .grid_colour_overlay {
|
||||
color: #e1edff;
|
||||
}
|
||||
|
||||
|
||||
.inputbox::-webkit-input-placeholder {
|
||||
color: #e1edff;
|
||||
}
|
||||
.inputbox::-moz-placeholder {
|
||||
color: #e1edff;
|
||||
}
|
||||
.inputbox:-ms-input-placeholder {
|
||||
color: #e1edff;
|
||||
}
|
||||
.inputbox:-moz-placeholder {
|
||||
color: #e1edff;
|
||||
}
|
||||
|
||||
|
||||
a.jumpbox-cat-link, th a {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
|
||||
ul.cplist, .forumlist_grid dl.row-item {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Icons */
|
||||
|
||||
/* Forum icons & Topic icons */
|
||||
.global_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_locked {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.global_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.announce_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_locked {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.announce_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_link {
|
||||
background-image: url("./images/icons/png/forum_link.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/forum_link.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_read_locked {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_read_subforum {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_unread_subforum {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
|
||||
.sticky_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_locked {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.sticky_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_moved {
|
||||
background-image: url("./images/icons/png/forum_link.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/forum_link.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_hot {
|
||||
background-image: url("./images/icons/png/dark/icon_read_hot.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_hot.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_hot_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_hot_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_hot_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_locked {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_hot {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_hot.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_hot.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_hot_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_hot_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_hot_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/dark/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.pm_read {
|
||||
background-image: url("./images/icons/png/dark/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/dark/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.pm_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
1230
styles/Milk_v2/theme/common.css
Normal file
791
styles/Milk_v2/theme/content.css
Normal file
@@ -0,0 +1,791 @@
|
||||
/* Content Styles
|
||||
---------------------------------------- */
|
||||
|
||||
ul.forums, ul.topics {
|
||||
padding: 10px 10px 5px;
|
||||
}
|
||||
|
||||
ul.topiclist {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.topiclist li {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content_block_header_block ul.topiclist li.header {
|
||||
|
||||
}
|
||||
|
||||
ul.topiclist dl {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.topiclist li.row dl {
|
||||
|
||||
}
|
||||
|
||||
ul.topiclist dt, ul.topiclist dd {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
+ul.topiclist li.row dd {
|
||||
padding: 4px 0 999px 0;
|
||||
margin-bottom: -995px;
|
||||
}
|
||||
|
||||
ul.topiclist dt {
|
||||
width: 100%;
|
||||
margin-right: -490px;
|
||||
}
|
||||
|
||||
ul.topiclist.missing-column dt {
|
||||
margin-right: -395px;
|
||||
}
|
||||
|
||||
ul.topiclist.missing-column li.header dt {
|
||||
margin-right: -425px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-long-columns dt {
|
||||
margin-right: -300px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-long-columns li.header dt {
|
||||
margin-right: -330px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-columns dt {
|
||||
margin-right: -95px;
|
||||
}
|
||||
|
||||
ul.topiclist dt .list-inner {
|
||||
margin-right: 490px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
ul.topiclist.missing-column dt .list-inner {
|
||||
margin-right: 395px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-long-columns dt .list-inner {
|
||||
margin-right: 250px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-columns dt .list-inner {
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
ul.topiclist.two-columns li.header dt {
|
||||
margin-right: -130px;
|
||||
}
|
||||
|
||||
ul.topiclist dd {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul.topiclist dfn {
|
||||
/* Labels for post/view counts */
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
width: 990px;
|
||||
}
|
||||
|
||||
.list-inner img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.forum-image {
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
li.row {
|
||||
border-bottom: 1px solid transparent;
|
||||
padding: 15px;
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
li.header dt, li.header dd {
|
||||
line-height: 1em;
|
||||
border-left-width: 0;
|
||||
margin: 14px 0 14px 0;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
li.header dt {
|
||||
width: 100%;
|
||||
margin-right: -520px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.forabg li.header dt , .forumbg li.header dt {
|
||||
margin-right: -530px; /* Accounts for 10px forumlist padding */
|
||||
}
|
||||
|
||||
li.header dt .list-inner {
|
||||
margin-right: 440px;
|
||||
}
|
||||
|
||||
li.header dd {
|
||||
padding-left: 1px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
li.header dl.row-item dt, li.header dl.row-item dd {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
li.header dl.row-item dt .list-inner {
|
||||
/* Tweak for headers alignment when folder icon used */
|
||||
padding-left: 0;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
/* Forum list column styles */
|
||||
|
||||
|
||||
dl.row-item {
|
||||
background-position: 12px 50%; /* Position of folder icon */
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
dl.row-item dt {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 5px 95%; /* Position of topic icon */
|
||||
}
|
||||
|
||||
dl.row-item dt .list-inner {
|
||||
padding-left: 68px; /* Space for folder icon */
|
||||
}
|
||||
|
||||
dl.row-item dt, dl.row-item dd {
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
dl.row-item dt a {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
dl a.row-item-link { /* topic row icon links */
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -15px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
line-height: 2.2em;
|
||||
}
|
||||
|
||||
dd.posts, dd.topics, dd.views {
|
||||
width: 95px;
|
||||
}
|
||||
|
||||
/* List in forum description */
|
||||
dl.row-item dt ol,
|
||||
dl.row-item dt ul {
|
||||
list-style-position: inside;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
dl.row-item dt li {
|
||||
display: list-item;
|
||||
list-style-type: inherit;
|
||||
}
|
||||
|
||||
dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
dd.redirect {
|
||||
line-height: 2.5em;
|
||||
}
|
||||
|
||||
dd.time {
|
||||
line-height: 200%;
|
||||
}
|
||||
|
||||
dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
|
||||
display: block;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
dd.extra, dd.mark {
|
||||
line-height: 200%;
|
||||
}
|
||||
|
||||
/* Post body styles
|
||||
----------------------------------------*/
|
||||
.postbody {
|
||||
padding: 0;
|
||||
line-height: 1.48em;
|
||||
width: 76%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Merlin Framework Adjustment */
|
||||
.postprofile_Left .postbody {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.postbody h3 {
|
||||
/* Postbody requires a different h3 format - so change it here */
|
||||
float: left;
|
||||
padding: 2px 0 0 0;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0.3em !important;
|
||||
text-transform: none;
|
||||
border: none;
|
||||
line-height: 125%;
|
||||
}
|
||||
|
||||
.postbody h3 img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.has-profile .postbody h3 {
|
||||
/* If there is a post-profile, we position the post-buttons differently */
|
||||
float: none !important;
|
||||
margin-right: 180px;
|
||||
}
|
||||
|
||||
.postbody .content {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.postbody img.postimage {
|
||||
max-width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.search .postbody {
|
||||
width: 68%
|
||||
}
|
||||
|
||||
/* Topic review panel
|
||||
----------------------------------------*/
|
||||
.panel .review {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.topicreview {
|
||||
padding-right: 5px;
|
||||
overflow: auto;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.topicreview .postbody {
|
||||
width: auto;
|
||||
float: none;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.topicreview .post {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.topicreview h2 {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.post-ignore .postbody {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* MCP Post details
|
||||
----------------------------------------*/
|
||||
.post_details {
|
||||
/* This will only work in IE7+, plus the others */
|
||||
overflow: auto;
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
/* Content container styles
|
||||
----------------------------------------*/
|
||||
.content {
|
||||
clear: both;
|
||||
min-height: 3em;
|
||||
overflow: hidden;
|
||||
line-height: 1.4em;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.content h2, .panel h2 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.panel h3 {
|
||||
margin: 15px 0 15px 0;
|
||||
}
|
||||
|
||||
.panel p {
|
||||
margin-bottom: 1em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.content p {
|
||||
margin-bottom: 1em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
dl.faq {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 2em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
|
||||
.content dl.faq {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.content li {
|
||||
list-style-type: inherit;
|
||||
}
|
||||
|
||||
.content ul, .content ol {
|
||||
margin: 0.8em 0 0.9em 3em;
|
||||
}
|
||||
|
||||
.posthilit {
|
||||
padding: 0 2px 1px 2px;
|
||||
}
|
||||
|
||||
/* Post author */
|
||||
p.author {
|
||||
margin-bottom: 0.6em;
|
||||
padding: 15px 0 30px 0;
|
||||
line-height: 1.2em;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Post signature */
|
||||
.signature {
|
||||
margin-top: 15px;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid transparent;
|
||||
clear: left;
|
||||
line-height: 140%;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.signature.standalone {
|
||||
border-top-width: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
dd .signature {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
clear: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.signature li {
|
||||
list-style-type: inherit;
|
||||
}
|
||||
|
||||
.signature ul, .signature ol {
|
||||
margin: 0.8em 0 0.9em 3em;
|
||||
}
|
||||
|
||||
/* Post noticies */
|
||||
.notice {
|
||||
width: auto;
|
||||
margin-top: 1.5em;
|
||||
padding-top: 0.2em;
|
||||
border-top: 1px dashed transparent;
|
||||
clear: left;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
/* Jump to post link for now */
|
||||
ul.searchresults {
|
||||
list-style: none;
|
||||
text-align: right;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* BB Code styles
|
||||
----------------------------------------*/
|
||||
/* Quote block */
|
||||
blockquote {
|
||||
background: transparent none 6px 8px no-repeat;
|
||||
margin: 30px 1px 30px 25px;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
border-left: 5px solid;
|
||||
}
|
||||
|
||||
blockquote blockquote {
|
||||
/* Nested quotes */
|
||||
margin: 15px 1px 20px 15px;
|
||||
}
|
||||
|
||||
blockquote cite {
|
||||
/* Username/source of quoter */
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote cite:before {
|
||||
content: '\f10d';
|
||||
font-family: FontAwesome;
|
||||
font-weight: 300;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
blockquote.uncited {
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
blockquote cite > div {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.postbody .content li blockquote {
|
||||
overflow: inherit;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Code block */
|
||||
.codebox {
|
||||
padding: 0px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.codebox p {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 3px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote .codebox {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.codebox code {
|
||||
overflow: auto;
|
||||
display: block;
|
||||
height: auto;
|
||||
max-height: 200px;
|
||||
padding-top: 5px;
|
||||
line-height: 1.3em;
|
||||
margin: 2px 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
/* Attachments
|
||||
----------------------------------------*/
|
||||
.attachbox {
|
||||
float: left;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
margin: 5px 5px 5px 0;
|
||||
padding: 6px;
|
||||
border: 1px dashed transparent;
|
||||
clear: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Merlin Framework Adjustment */
|
||||
.postprofile_Left .attachbox {
|
||||
float: right;
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.attachbox dt {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.attachbox dd {
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
clear: left;
|
||||
border-top: 1px solid transparent;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.attachbox dd dd {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.attachbox p {
|
||||
line-height: 110%;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.attachbox p.stats
|
||||
{
|
||||
line-height: 110%;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.attach-image {
|
||||
margin: 3px 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.attach-image img {
|
||||
/* cursor: move; */
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Inline image thumbnails */
|
||||
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
dl.file {
|
||||
display: block;
|
||||
}
|
||||
|
||||
dl.file dt {
|
||||
text-transform: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl.file dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl.thumbnail img {
|
||||
padding: 3px;
|
||||
border: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
dl.thumbnail dt a:hover img {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Post poll styles
|
||||
----------------------------------------*/
|
||||
fieldset.polls dl {
|
||||
border-top: 1px solid transparent;
|
||||
padding: 10px 0;
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
fieldset.polls dt {
|
||||
text-align: left;
|
||||
float: left;
|
||||
display: block;
|
||||
width: 30%;
|
||||
border-right: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
fieldset.polls dd {
|
||||
float: left;
|
||||
width: 10%;
|
||||
border-left: none;
|
||||
padding: 0 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
fieldset.polls dd.resultbar {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
fieldset.polls dd input {
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
fieldset.polls dd div {
|
||||
text-align: right;
|
||||
padding: 2px 2px 0 2px;
|
||||
overflow: visible;
|
||||
min-width: 8px;
|
||||
}
|
||||
|
||||
.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
|
||||
border-bottom: 1px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
|
||||
.vote-submitted {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Poster profile block
|
||||
----------------------------------------*/
|
||||
.postprofile {
|
||||
margin: 5px 0 10px 0;
|
||||
min-height: 80px;
|
||||
border: 1px solid transparent;
|
||||
border-width: 0 0 0 1px;
|
||||
width: 22%;
|
||||
float: right;
|
||||
display: inline;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Merlin Framework Adjustment */
|
||||
.postprofile_Left .postprofile {
|
||||
border-width: 0 1px 0 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.postprofile dd, .postprofile dt {
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
/* Merlin Framework Adjustment */
|
||||
.postprofile_Horizontal .postprofile dt{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.postprofile dd {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Post-profile avatars */
|
||||
.postprofile .has-avatar .avatar-container {
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.postprofile span .avatar {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
text-align: center; /* gravatar fix */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.postprofile .avatar img {
|
||||
display: block;
|
||||
height: auto !important;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
dd.profile-contact {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.profile-contact .dropdown-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.profile-contact .icon_contact {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.profile-contact .dropdown {
|
||||
margin-right: -14px;
|
||||
}
|
||||
|
||||
.online {
|
||||
background-image: none;
|
||||
background-position: 100% 0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* Poster profile used by search*/
|
||||
.search .postprofile {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
/* Profile used on view-profile */
|
||||
.profile-avatar img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* pm list in compose message if mass pm is enabled */
|
||||
dl.pmlist dt {
|
||||
width: 60% !important;
|
||||
}
|
||||
|
||||
dl.pmlist dt textarea {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
dl.pmlist dd {
|
||||
margin-left: 61% !important;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.action-bar div.dl_links {
|
||||
padding: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
div.dl_links {
|
||||
display: inline-block;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.dl_links ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dl_links li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.attachment-filename {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ellipsis-text {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.fixed-width-table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
/* Show scrollbars for items with overflow on iOS devices
|
||||
----------------------------------------*/
|
||||
.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
-webkit-appearance: none;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
border-radius: 3px;
|
||||
}
|
||||
338
styles/Milk_v2/theme/cp.css
Normal file
@@ -0,0 +1,338 @@
|
||||
/* Control Panel Styles
|
||||
---------------------------------------- */
|
||||
|
||||
|
||||
/* Main CP box
|
||||
----------------------------------------*/
|
||||
.cp-menu {
|
||||
float:left;
|
||||
width: 19%;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cp-main {
|
||||
float: left;
|
||||
width: 81%;
|
||||
}
|
||||
|
||||
.cp-main .content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.panel-container .panel ol {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.panel-container .panel li.row {
|
||||
border-bottom: 1px solid transparent;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
ul.cplist {
|
||||
margin-bottom: 30px;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.panel-container table.table1 {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.panel-container table.table1 thead th {
|
||||
border-bottom: 1px solid transparent;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.panel-container table.table1 tbody th {
|
||||
background-color: transparent !important;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.cp-main .pm-message {
|
||||
border: 1px solid transparent;
|
||||
margin: 10px 0;
|
||||
width: auto;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.pm-message h2 {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.cp-main .postbody h3, .cp-main .box2 h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.cp-main .buttons {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.cp-main ul.linklist {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* MCP Specific tweaks */
|
||||
.mcp-main .postbody {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tabs-container h2 {
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* CP tabs shared
|
||||
----------------------------------------*/
|
||||
.tabs, .minitabs {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.tabs > ul, .minitabs > ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tabs .tab, .minitabs .tab {
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.tabs .tab > a, .minitabs .tab > a {
|
||||
display: block;
|
||||
padding: 8px 14px;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* CP tabbed menu
|
||||
----------------------------------------*/
|
||||
.tabs {
|
||||
margin: 20px 0 0 7px;
|
||||
}
|
||||
|
||||
.tabs .tab > a {
|
||||
border: 1px solid transparent;
|
||||
margin: 1px 1px 0 0;
|
||||
}
|
||||
|
||||
.tabs .activetab > a {
|
||||
margin-top: 0;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
/* Mini tabbed menu used in MCP
|
||||
----------------------------------------*/
|
||||
.minitabs {
|
||||
float: right;
|
||||
margin: 15px 7px 0 0;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.minitabs .tab {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.minitabs .tab > a {
|
||||
border-radius: 5px 5px 0 0;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.minitabs .tab > a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Responsive tabs
|
||||
----------------------------------------*/
|
||||
.responsive-tab {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.responsive-tab > a.responsive-tab-link {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 16px;
|
||||
line-height: 0.9em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.responsive-tab .responsive-tab-link:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 7px;
|
||||
height: .125em;
|
||||
width: 14px;
|
||||
border-bottom: 0.125em solid transparent;
|
||||
border-top: 0.375em double transparent;
|
||||
}
|
||||
|
||||
.tabs .dropdown, .minitabs .dropdown {
|
||||
top: 20px;
|
||||
margin-right: -2px;
|
||||
}
|
||||
|
||||
.minitabs .dropdown {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
|
||||
bottom: 20px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.tabs .dropdown li {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.minitabs .dropdown li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* UCP navigation menu
|
||||
----------------------------------------*/
|
||||
/* Container for sub-navigation list */
|
||||
.navigation {
|
||||
width: 100%;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.navigation ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* Default list state */
|
||||
.navigation li {
|
||||
display: inline;
|
||||
margin: 1px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Link styles for the sub-section links */
|
||||
.navigation a {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
margin: 1px 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.navigation a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Preferences pane layout
|
||||
----------------------------------------*/
|
||||
.cp-main h2 {
|
||||
border-bottom: none;
|
||||
padding: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Friends list */
|
||||
.cp-mini {
|
||||
margin: 10px 15px 10px 5px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
padding: 5px 10px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
dl.mini dd {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
/* PM Styles
|
||||
----------------------------------------*/
|
||||
/* Defined rules list for PM options */
|
||||
ol.def-rules {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ol.def-rules li {
|
||||
line-height: 180%;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* PM marking colours */
|
||||
|
||||
|
||||
/* DEPRECATED 3.2.6
|
||||
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
*/
|
||||
|
||||
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
|
||||
.pmlist li.pm_marked_colour, .pm_marked_colour,
|
||||
.pmlist li.pm_replied_colour, .pm_replied_colour,
|
||||
.pmlist li.pm_friend_colour, .pm_friend_colour,
|
||||
.pmlist li.pm_foe_colour, .pm_foe_colour {
|
||||
border: solid 3px transparent;
|
||||
border-width: 0 3px;
|
||||
}
|
||||
|
||||
.pm-legend {
|
||||
border-left-width: 10px;
|
||||
border-left-style: solid;
|
||||
border-right-width: 0;
|
||||
margin-bottom: 3px;
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
/* Avatar gallery */
|
||||
.gallery label {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
width: auto;
|
||||
border: 1px solid transparent;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Responsive *CP navigation
|
||||
----------------------------------------*/
|
||||
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
|
||||
{
|
||||
.nojs .tabs a span, .nojs .minitabs a span {
|
||||
max-width: 40px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
letter-spacing: -.5px;
|
||||
}
|
||||
|
||||
.cp-menu, .navigation, .cp-main {
|
||||
float: none;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
.navigation a {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.navigation li:first-child a {
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.navigation li:last-child a {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
}
|
||||
BIN
styles/Milk_v2/theme/en/icon_user_online.gif
Normal file
|
After Width: | Height: | Size: 423 B |
2
styles/Milk_v2/theme/en/stylesheet.css
Normal file
@@ -0,0 +1,2 @@
|
||||
/* Online image */
|
||||
.online { background-image: url("./icon_user_online.gif"); }
|
||||
4
styles/Milk_v2/theme/extensions.css
Normal file
@@ -0,0 +1,4 @@
|
||||
/* Enhanced Support for phpBB Advertisement Management: https://www.phpbb.com/customise/db/extension/ads/ */
|
||||
.phpbb-ads-center img {
|
||||
max-width: 100%;
|
||||
}
|
||||
99
styles/Milk_v2/theme/fonts.css
Normal file
@@ -0,0 +1,99 @@
|
||||
/* Consolidation of fonts (*shield your eyes, there are many of them!). Families, then sizes and weights */
|
||||
|
||||
/* The basics */
|
||||
html {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
i, em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
.codebox code {
|
||||
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
|
||||
}
|
||||
|
||||
|
||||
/* Sizes */
|
||||
h1 {/* Forum name */ font-size: 30px;}
|
||||
.site-description p {font-size: 14px;}
|
||||
h2 {/* Forum header titles */ font-size: 1.8em;}
|
||||
h3 {/* Sub-headers (also used as post headers, but defined later) */ font-size: 1em;}
|
||||
h4 {/* Forum and topic list titles */ font-size: 1.3em;}
|
||||
ul#nav-main > li > a, ul#nav-main > li > div > a {font-size: 1.2em;}
|
||||
dd.posts, dd.topics, dd.views, dd.extra, dd.mark, ul#nav-breadcrumbs li {font-size: 1.2em;}
|
||||
.small {font-size: 0.9em !important;}
|
||||
a.forumtitle, a.topictitle {font-size: 1.2em;}
|
||||
.badge {font-size: 10px;}
|
||||
.pagination li a {font-size: 0.9em;}
|
||||
.contact-icons {font-size: 0;}
|
||||
.topic_type {font-size: 0.9em;}
|
||||
.forumlist_grid_title {font-size: 1.2em;}
|
||||
.grid_unread {font-size: 0.8em;}
|
||||
li.row dd.simpleposts span {font-size: 1.5em;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Weights */
|
||||
h1 {/* Forum name */ font-weight: 300;}
|
||||
h2 {/* Forum header titles */ font-weight: 300;}
|
||||
li.row dd.simpleposts span {font-weight: 300;}
|
||||
h3 {/* Sub-headers (also used as post headers, but defined later) */ font-weight: 500;}
|
||||
ul#nav-breadcrumbs > li.breadcrumbs {font-weight: 300;}
|
||||
.breadcrumbs .crumb:before {font-weight: 500;}
|
||||
table.table1 thead th {font-weight: normal;}
|
||||
table.info tbody th {font-weight: normal;}
|
||||
.pagination li.active span {font-weight: normal;}
|
||||
.error {font-weight: 500;}
|
||||
.dropdown-extended .header {font-weight: 500;}
|
||||
.dropdown-extended .header .header_settings {font-weight: normal;}
|
||||
.notification_list p.notifications_title strong {font-weight: 500;}
|
||||
.button {font-weight: normal;}
|
||||
ul.topiclist dt {font-weight: normal;}
|
||||
li.header dt, li.header dd {font-weight: 500;}
|
||||
li.header dt {font-weight: 500;}
|
||||
dd.posts, dd.topics, dd.views, dd.extra, dd.mark {font-weight: 300;}
|
||||
li.row dd.simpleposts span {font-weight: 300;}
|
||||
dl.faq dt {font-weight: 500;}
|
||||
blockquote cite {/* Username/source of quoter */ font-style: normal; font-weight: 500;}
|
||||
blockquote cite > div {font-weight: normal;}
|
||||
.codebox p {font-weight: 500;}
|
||||
.attachbox p {font-weight: normal;}
|
||||
.attachbox p.stats {font-weight: normal;}
|
||||
dl.file dt {font-weight: 500;}
|
||||
dl.thumbnail dd {font-style: italic;}
|
||||
fieldset.polls dl.voted {font-weight: 500;}
|
||||
dd.profile-warnings {font-weight: 500;}
|
||||
.dl_links strong {font-weight: 500;}
|
||||
#memberlist tr.inactive, #team tr.inactive {font-style: italic;}
|
||||
.panel-container table.table1 tbody th {font-style: italic;}
|
||||
.tabs .tab, .minitabs .tab {font-weight: 500;}
|
||||
.tabs .dropdown, .minitabs .dropdown {font-weight: normal;}
|
||||
.navigation li {font-weight: 500;}
|
||||
dl.mini dt {font-weight: 500;}
|
||||
.friend-online {font-weight: 500;}
|
||||
.friend-offline {font-style: italic;}
|
||||
.tabs .dropdown, .minitabs .dropdown {font-weight: normal;}
|
||||
input {font-weight: normal;}
|
||||
select {font-weight: normal;}
|
||||
dt label {font-weight: 500;}
|
||||
a.button1, input.button1 {font-weight: 500;}
|
||||
input.button3 {font-variant: small-caps;}
|
||||
input.disabled {font-weight: normal;}
|
||||
.jumpbox-cat-link, .jumpbox-forum-link { font-weight: 500; }
|
||||
a.forumtitle {font-weight: 500;}
|
||||
a.topictitle {font-weight: 500;}
|
||||
a.lastsubject {font-weight: 500;text-decoration: none;}
|
||||
.postprofile a, .postprofile dt.author a {font-weight: 500; text-decoration: none;}
|
||||
.search .postprofile a {font-weight: normal;}
|
||||
.username-coloured {font-weight: 500;}
|
||||
.grid_unread {font-weight: 300;}
|
||||
422
styles/Milk_v2/theme/forms.css
Normal file
@@ -0,0 +1,422 @@
|
||||
/* Form Styles
|
||||
---------------------------------------- */
|
||||
|
||||
/* General form styles
|
||||
----------------------------------------*/
|
||||
fieldset {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: middle;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
input:hover {
|
||||
transition:.2s;
|
||||
}
|
||||
|
||||
select {
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
border: 1px solid transparent;
|
||||
padding: 7px 7px 6px;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
option {
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
select optgroup option {
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 60%;
|
||||
padding: 2px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
label {
|
||||
cursor: default;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
label input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
label img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Definition list layout for forms
|
||||
---------------------------------------- */
|
||||
fieldset dl {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
fieldset dt {
|
||||
float: left;
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.login_form fieldset dt {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
fieldset dd {
|
||||
margin-left: 41%;
|
||||
vertical-align: top;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
/* Specific layout 1 */
|
||||
fieldset.fields1 dt {
|
||||
width: 15em;
|
||||
border-right-width: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
fieldset.fields1 dd {
|
||||
margin-left: 15em;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
fieldset.fields1 div {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
|
||||
fieldset.fields1 .live-search div {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Specific layout 2 */
|
||||
fieldset.fields2 dt {
|
||||
width: 15em;
|
||||
border-right-width: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
fieldset.fields2 dd {
|
||||
margin-left: 16em;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* Form elements */
|
||||
dt label {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
dd label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
dd input, dd textarea {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
dd select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
dd select[multiple] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
dd textarea {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
/* Hover effects */
|
||||
.timezone {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
/* Browser-specific tweaks */
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0
|
||||
}
|
||||
|
||||
/* Quick-login on index page */
|
||||
fieldset.quick-login {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
fieldset.quick-login input {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
fieldset.quick-login input.inputbox {
|
||||
width: 15%;
|
||||
vertical-align: middle;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
fieldset.quick-login label {
|
||||
white-space: nowrap;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
/* Display options on viewtopic/viewforum pages */
|
||||
fieldset.display-options {
|
||||
text-align: center;
|
||||
margin: 3px 0 5px 0;
|
||||
}
|
||||
|
||||
fieldset.display-options label {
|
||||
white-space: nowrap;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
fieldset.display-options a {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.dropdown fieldset.display-options {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.dropdown fieldset.display-options label {
|
||||
display: block;
|
||||
margin: 4px;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown fieldset.display-options select {
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
/* Display actions for ucp and mcp pages */
|
||||
fieldset.display-actions {
|
||||
text-align: right;
|
||||
line-height: 2em;
|
||||
white-space: nowrap;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
fieldset.display-actions label {
|
||||
white-space: nowrap;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
fieldset.sort-options {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
/* MCP forum selection*/
|
||||
fieldset.forum-selection {
|
||||
margin: 5px 0 3px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
fieldset.forum-selection2 {
|
||||
margin: 13px 0 3px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Submit button fieldset */
|
||||
fieldset.submit-buttons {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
fieldset.submit-buttons input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Posting page styles
|
||||
----------------------------------------*/
|
||||
|
||||
/* Buttons used in the editor */
|
||||
.format-buttons {
|
||||
margin: 15px 0 2px 0;
|
||||
}
|
||||
|
||||
.format-buttons input, .format-buttons select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Main message box */
|
||||
.message-box {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.message-box textarea {
|
||||
width: 450px;
|
||||
height: 270px;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
resize: vertical;
|
||||
outline: 3px dashed transparent;
|
||||
outline-offset: -4px;
|
||||
-webkit-transition: all .5s ease;
|
||||
-moz-transition: all .5s ease;
|
||||
-ms-transition: all .5s ease;
|
||||
-o-transition: all .5s ease;
|
||||
transition: all .5s ease;
|
||||
}
|
||||
|
||||
/* Emoticons panel */
|
||||
.smiley-box {
|
||||
width: 18%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.smiley-box img {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
/* Input field styles
|
||||
---------------------------------------- */
|
||||
.inputbox {
|
||||
border: 1px solid transparent;
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.inputbox:hover, .inputbox:focus {
|
||||
border: 1px solid transparent;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
input.inputbox {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input.medium { width: 50%; }
|
||||
input.narrow { width: 25%; }
|
||||
input.tiny { width: 150px; }
|
||||
input.sidebar_search { width: 225px; }
|
||||
|
||||
textarea.inputbox {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.autowidth {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
-moz-padding-end: 0;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
-webkit-box-sizing: content-box;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Form button styles
|
||||
---------------------------------------- */
|
||||
a.button1, input.button1, input.button3, a.button2, input.button2 {
|
||||
width: auto !important;
|
||||
padding: 7px;
|
||||
background: transparent none repeat-x top left;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
a.button1, input.button1 {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
input.button3 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 5px;
|
||||
height: 12px;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Alternative button */
|
||||
a.button2, input.button2, input.button3 {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* <a> button in the style of the form buttons */
|
||||
a.button1, a.button2 {
|
||||
text-decoration: none;
|
||||
padding: 7px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* Hover states */
|
||||
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Focus states */
|
||||
input.button1:focus, input.button2:focus, input.button3:focus {
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
/* Topic and forum Search */
|
||||
.search-box {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.search-box .inputbox {
|
||||
background-image: none;
|
||||
border-right-width: 0;
|
||||
float: left;
|
||||
padding: 0 8px;
|
||||
height: 37px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-border-radius:0;
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
/* Search box (header)
|
||||
--------------------------------------------- */
|
||||
.search-header {
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.search-header .inputbox {
|
||||
border: 0;
|
||||
-webkit-border-radius:0;
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
li.responsive-search { display: none; }
|
||||
|
||||
input.search {
|
||||
background-image: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 1px;
|
||||
padding-left: 17px;
|
||||
}
|
||||
|
||||
.full { width: 95%; }
|
||||
.medium { width: 50%;}
|
||||
.narrow { width: 25%;}
|
||||
.tiny { width: 10%;}
|
||||
87
styles/Milk_v2/theme/icons.css
Normal file
@@ -0,0 +1,87 @@
|
||||
/* --------------------------------------------------------------
|
||||
$Icons
|
||||
-------------------------------------------------------------- */
|
||||
|
||||
/* Global module setup
|
||||
--------------------------------*/
|
||||
|
||||
/* Renamed version of .fa class for agnostic useage of icon fonts.
|
||||
* Just change the name of the font after the 14/1 to the name of
|
||||
* the font you wish to use.
|
||||
*/
|
||||
.icon, .button .icon {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-family: FontAwesome;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
text-rendering: auto; /* optimizelegibility throws things off #1094 */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon:before { padding-right: 2px; }
|
||||
|
||||
.button .icon:before {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* Icon size classes - Default size is 14px, use these for small variations */
|
||||
|
||||
.icon.icon-xl {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.icon.icon-lg {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.icon.icon-md {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.icon.icon-sm {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
/* icon modifiers */
|
||||
.icon-tiny {
|
||||
width: 12px;
|
||||
transform: scale(0.65, 0.75);
|
||||
vertical-align: text-bottom;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.arrow-left .icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arrow-left:hover .icon {
|
||||
margin-left: -5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.arrow-right .icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arrow-right:hover .icon {
|
||||
margin-left: 5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
.post-buttons .dropdown-contents .icon {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.alert_close .icon:before {
|
||||
padding: 0;
|
||||
border-radius: 50%;
|
||||
width: 11px;
|
||||
display: block;
|
||||
line-height: .9;
|
||||
height: 12px;
|
||||
}
|
||||
219
styles/Milk_v2/theme/icons_forums_topics.css
Normal file
@@ -0,0 +1,219 @@
|
||||
|
||||
/* Icon images
|
||||
---------------------------------------- */
|
||||
|
||||
.contact-icon { background-image: url("./images/icons_contact.png"); }
|
||||
|
||||
/* Profile & navigation icons */
|
||||
.pm-icon { background-position: 0 0; }
|
||||
.email-icon { background-position: -21px 0; }
|
||||
.jabber-icon { background-position: -80px 0; }
|
||||
.phpbb_icq-icon { background-position: -61px 0 ; }
|
||||
.phpbb_wlm-icon { background-position: -182px 0; }
|
||||
.phpbb_aol-icon { background-position: -244px 0; }
|
||||
.phpbb_website-icon { background-position: -40px 0; }
|
||||
.phpbb_youtube-icon { background-position: -98px 0; }
|
||||
.phpbb_facebook-icon { background-position: -119px 0; }
|
||||
.phpbb_googleplus-icon { background-position: -140px 0; }
|
||||
.phpbb_skype-icon { background-position: -161px 0; }
|
||||
.phpbb_twitter-icon { background-position: -203px 0; }
|
||||
.phpbb_yahoo-icon { background-position: -224px 0; }
|
||||
|
||||
/* Forum icons & Topic icons */
|
||||
.global_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_mine {
|
||||
background-image: url("./images/icons/png/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_locked {
|
||||
background-image: url("./images/icons/png/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_read_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.global_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.global_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.announce_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_mine {
|
||||
background-image: url("./images/icons/png/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_locked {
|
||||
background-image: url("./images/icons/png/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_read_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.announce_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.announce_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_link {
|
||||
background-image: url("./images/icons/png/forum_link.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/forum_link.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_read_locked {
|
||||
background-image: url("./images/icons/png/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_read_subforum {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.forum_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.forum_unread_subforum {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
|
||||
.sticky_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_mine {
|
||||
background-image: url("./images/icons/png/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_locked {
|
||||
background-image: url("./images/icons/png/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_read_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.sticky_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.sticky_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_moved {
|
||||
background-image: url("./images/icons/png/forum_link.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/forum_link.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_mine {
|
||||
background-image: url("./images/icons/png/icon_read_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_hot {
|
||||
background-image: url("./images/icons/png/icon_read_hot.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_hot.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_hot_mine {
|
||||
background-image: url("./images/icons/png/icon_read_hot_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_hot_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_locked {
|
||||
background-image: url("./images/icons/png/icon_read_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_read_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_read_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.topic_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_hot {
|
||||
background-image: url("./images/icons/png/icon_unread_hot.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_hot.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_hot_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_hot_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_hot_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_locked {
|
||||
background-image: url("./images/icons/png/icon_unread_locked.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked.svg"); /* Modern browsers */
|
||||
}
|
||||
.topic_unread_locked_mine {
|
||||
background-image: url("./images/icons/png/icon_unread_locked_mine.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread_locked_mine.svg"); /* Modern browsers */
|
||||
}
|
||||
|
||||
.pm_read {
|
||||
background-image: url("./images/icons/png/icon_read.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_read.svg"); /* Modern browsers */
|
||||
}
|
||||
.pm_unread {
|
||||
background-image: url("./images/icons/png/icon_unread.png"); /* IE8 + below */
|
||||
background-image: linear-gradient(transparent, transparent), url("./images/icons/svg/icon_unread.svg"); /* Modern browsers */
|
||||
}
|
||||
1
styles/Milk_v2/theme/images/dna.svg
Normal file
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 24 24" height="24px" id="Layer_1" version="1.1" viewBox="0 0 24 24" width="24px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M17.7,6.3c-1.1-2.2-1.3-4.5-0.3-6.3h-2.2c-0.6,1.6-0.6,3.5,0,5.2C12.2,4.4,9.2,4.9,7,7.1s-2.7,5.2-1.8,8.1 c-1.8-0.5-3.6-0.5-5.2,0v2.2c1.9-1,4.1-0.8,6.3,0.3c1.1,2.2,1.3,4.5,0.3,6.3h2.2c0.6-1.6,0.6-3.5,0-5.2c2.9,0.9,5.9,0.4,8.1-1.8 s2.7-5.2,1.8-8.1c1.8,0.5,3.6,0.5,5.2,0V6.7C22.1,7.7,19.9,7.5,17.7,6.3z M16.2,7.8c0.5,1,0.8,2,0.9,3l-3.9-3.9 C14.3,7,15.2,7.3,16.2,7.8z M7.8,16.2c-0.5-1.1-0.9-2.1-1-3.2l4.1,4.1C9.9,17.1,8.8,16.8,7.8,16.2z M13.5,16.9 c0.3-0.1,0.6-0.3,0.9-0.4C14,16.6,13.8,16.8,13.5,16.9z M14.4,16.4L7.6,9.6c-0.2,0.3-0.3,0.6-0.5,1l6.3,6.3 c-0.4,0.1-0.8,0.2-1.1,0.3l-5.4-5.4c0,0.2,0,0.4-0.1,0.6c0-1.4,0.6-2.7,1.7-3.9C8.4,8.6,8.3,8.7,8.2,8.8l7,7 C14.9,16,14.7,16.2,14.4,16.4z M15.9,15.1l-7-7c0.3-0.2,0.5-0.4,0.8-0.6l6.8,6.8C16.3,14.6,16.1,14.8,15.9,15.1z M16.9,13.3 l-6.2-6.2c0.4-0.1,0.8-0.2,1.2-0.3l5.3,5.3C17.1,12.5,17,12.9,16.9,13.3z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
BIN
styles/Milk_v2/theme/images/icon_download.gif
Normal file
|
After Width: | Height: | Size: 198 B |
BIN
styles/Milk_v2/theme/images/icon_offline.gif
Normal file
|
After Width: | Height: | Size: 322 B |
BIN
styles/Milk_v2/theme/images/icon_online.gif
Normal file
|
After Width: | Height: | Size: 331 B |
BIN
styles/Milk_v2/theme/images/icon_rate_bad.gif
Normal file
|
After Width: | Height: | Size: 465 B |
BIN
styles/Milk_v2/theme/images/icon_rate_good.gif
Normal file
|
After Width: | Height: | Size: 462 B |
0
styles/Milk_v2/theme/images/icons/index.htm
Normal file
BIN
styles/Milk_v2/theme/images/icons/png/dark/icon_read.png
Normal file
|
After Width: | Height: | Size: 525 B |
BIN
styles/Milk_v2/theme/images/icons/png/dark/icon_read_hot.png
Normal file
|
After Width: | Height: | Size: 708 B |
|
After Width: | Height: | Size: 859 B |
BIN
styles/Milk_v2/theme/images/icons/png/dark/icon_read_locked.png
Normal file
|
After Width: | Height: | Size: 585 B |
|
After Width: | Height: | Size: 781 B |
BIN
styles/Milk_v2/theme/images/icons/png/dark/icon_read_mine.png
Normal file
|
After Width: | Height: | Size: 723 B |
BIN
styles/Milk_v2/theme/images/icons/png/dark/icon_unread_hot.png
Normal file
|
After Width: | Height: | Size: 760 B |
|
After Width: | Height: | Size: 906 B |
|
After Width: | Height: | Size: 764 B |