Search & Pagination Styles

This is the default CSS. Copy-and-paste the parts you need to modify into your website’s theme, then adjust as needed.

FILE LIST HERE

/* Simple File List - Search & Pagination Styles - [email protected] */

/* The outer container for search */
#eeSFL #eeSFLS_SearchFiles {
	text-align: center;
	padding: 0;
	border: none;
}

/* The search input boxes */
#eeSFL #eeSFLS_SearchFiles input[type=text],
#eeSFL #eeSFLS_SearchFiles input[type=submit],
#eeSFL #eeSFLS_SearchFiles input[type=reset] {
	display: inline-block;
	width: 30%;
	float: none;
	clear: none;
	margin: 0;
	padding: 2px;
}

/* For the submit and reset buttons */
#eeSFL #eeSFLS_SearchFiles input[type=submit],
#eeSFL #eeSFLS_SearchFiles input[type=reset] {
	width: auto;
	padding: 4px;
	
}

/* The date boxes */
#eeSFL #eeSFLS_SearchFiles input.eeSFLS_Datepicker {
	display: inline-block;
	width: 18%;
}


/* Pagination */
#eeSFLS_paginationControls,
#eeSFL .eeSFLS_fileTotalCount  {
	text-align: center;
}

/* Navigation Buttons */
#eeSFLS_paginationControls button {
	display: inline-block;
	margin: 5px;
}

/* Sub-page Icons */
#eeSFL p.eeSFLS_pageIcons{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

/* The Icons */
#eeSFL a.eeSFLS_PaginationIcon,
.eeSFL_Admin a.eeSFLS_PaginationIcon {
	display: inline;
	float: none;
	margin: 3px;
	text-align: center;
	font-size: 80%;
	cursor: pointer;
	text-decoration: none;
	border: none;
}

#eeSFL a.eeSFLS_PaginationIcon span,
.eeSFL_Admin a.eeSFLS_PaginationIcon span {
	display: inline;
	float: none;
	width: auto;
	margin: 0;
	padding: 3px 5px;
	color: white;
	background-color: #494949;
}

#eeSFL a.eeSFLS_PaginationIcon span:hover,
.eeSFL_Admin a.eeSFLS_PaginationIcon span:hover {
	background-color: #1d6528;
	color: white;
}

/* The Current Location Icon */
#eeSFL a.eeSFLS_PaginationIcon span.eeSFLS_iconCurrent {
	font-size: 120%;
	border-radius: 3px;
}

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.