Edits Made

[Sniper]

/* Optional edit... (Adds site description in title on browser tab for index page) */
Open styles/prosilver/template/overall_header.html

Find (line 10)

Code: Select all

<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 --><!-- IF S_INDEX -->{{ SITE_DESCRIPTION }}<!-- ELSE -->{PAGE_TITLE}<!-- ENDIF --><!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

Inline Find

Code: Select all

{PAGE_TITLE}

Replace inline with

Code: Select all

<!-- IF S_INDEX -->{{ SITE_DESCRIPTION }}<!-- ELSE -->{PAGE_TITLE}<!-- ENDIF -->

[Sniper]

/* Optional edit... (Show birthdays only if there is a birthday) */
Open styles/prosilver/template/index_body.html

Find (line 63)

Code: Select all

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->

Replace with

Code: Select all

<!-- IF S_DISPLAY_BIRTHDAY_LIST and .birthdays -->

[Sniper]

Created and included styles/prosilver/theme/adjustments.css (All stylesheet changes)

Code: Select all

/* --------------------------------
    4.0.0-a2 Style adjustments.css
   -------------------------------- */

html, body {
	background: #DFE9ED;
	box-shadow: inset 0 450px 450px rgba(71, 136, 178, 0.4);
}

h3 {
	font-size: 0.9em;
}

.header-profile {
	text-shadow: none;
}

.wrap {
	background: #EDF4F7;
	border-width: 1px;
	border-radius: 10px;
	max-width: 1400px;
	margin: 12px auto 6px;
	padding: 10px 12px 0;
}

.headerbar {
	border-radius: 10px;
	margin-bottom: 5px;
	padding: 0 5px;
}

.headerbar .navbar {
	background: #c9dee8;
	box-shadow: inset 0 5px 5px rgba(31, 104, 156, 0.3);
	border-bottom: 1px solid #ffffff;
	border-radius: 10px 10px 0 0;
	padding: 0 8px;
	margin: 0 -5px;
}

.headerbar .navbar a {
	color: #0f4d8a;
}

.headerbar .navbar a:hover {
	color: #d41142;
}

.c-hero-logo {
    margin-right: -150px;
	padding-right: 0;
}

#site-description.site-description.c-hero {
	width: 100%;
	text-align: center;
	margin-top: 8px;
}

.forumbg, .forabg {
	border-radius: 10px;
}

.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
	color: #D9EBFC;
}

ul.nav-breadcrumbs, h2 {
	margin: 0;
}

.bg1, .bg2, .navbar, li.row {
	border-radius: 10px;
	box-shadow: inset 0 5px 5px rgba(31, 104, 156, 0.3);
}

li.row:hover {
	background-color: #DDEAF0;
}

.dropdown-contents > li {
	padding-right: 3px;
}

a.lastsubject, a.topictitle {
	background: #EDF4F7;
	padding: 0 4px;
	border: 1px solid #4688ce;
	border-radius: 6px;
}

ul.navlinks {
    border-top-color: transparent !important;
}

.button-search-end {
    margin-right: 5px;
}

overall_header.html

Code: Select all

<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/adjustments.css" rel="stylesheet">

[Sniper]

Move search bar from header to breadcrumbs

Open overall_header.html (Find and Delete)

Code: Select all

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button button-search" type="submit" title="{L_SEARCH}">
						{{ Icon('font', 'search', lang('SEARCH'), true, 'fas c-button-icon') }}
					</button>
					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
						{{ Icon('font', 'gear', lang('SEARCH_ADV'), true, 'fas c-button-icon') }}
					</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
			<!-- EVENT overall_header_searchbox_after -->

Open breadcrumbs.html

Find (line 52)

Code: Select all

	{% EVENT overall_header_breadcrumbs_after %}

Before add

Code: Select all

  	<li class="rightside">
		<!-- EVENT overall_header_searchbox_before -->
		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
		<div id="search-box" class="search-box" role="search">
			<form action="{U_SEARCH}" method="get" id="search">
			<fieldset>
				<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
				<button class="button button-search" type="submit" title="{L_SEARCH}">
					{{ Icon('font', 'search', lang('SEARCH'), true, 'fas c-button-icon') }}
				</button>
				<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
					{{ Icon('font', 'gear', lang('SEARCH_ADV'), true, 'fas c-button-icon') }}
				</a>
				{S_SEARCH_HIDDEN_FIELDS}
			</fieldset>
			</form>
		</div>
		<!-- ENDIF -->
		<!-- EVENT overall_header_searchbox_after -->
  	</li>