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

#eeSFL #eeSFLS_SearchFiles {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.25em;
	padding: .5em .25em;
}
#eeSFL #eeSFLS_SearchFiles input[type=text],
#eeSFL #eeSFLS_SearchFiles input[type=submit] {
	margin: .25em;
}
#eeSFL #eeSFLS_SearchFiles input[type=text] {
	flex: 2;
}
#eeSFL #eeSFLS_SearchFiles input[type=submit] {
	flex: 1;
}
#eeSFL #eeSFLS_SearchFiles input.eeSFLS_Datepicker {
	flex: 1;
}


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

#eeSFLS_paginationControls button {
	display: inline-block;
	margin: 5px;
}

#eeSFL .eeSFLS_pageIconsWrap {
	display: flex;
	justify-content: center;
	align-content: center;
}


#eeSFL p.eeSFLS_pageIcons {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

#eeSFL a.eeSFLS_PaginationIcon,
.eeSFL_Admin a.eeSFLS_PaginationIcon {
	flex: 1;
	margin: .25em;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border: none;
	white-space: nowrap;
}

#eeSFL a.eeSFLS_PaginationIcon span,
.eeSFL_Admin a.eeSFLS_PaginationIcon span {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 10px;
	padding: 3px 5px;
	border: 1px solid inherit;
}

#eeSFL a.eeSFLS_PaginationIcon span.eeSFLS_iconCurrent {
	background-color: #EEE;
	border: 2px solid inherit;
	font-weight: bold;
	
}

Leave a Comment

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