OPNsense proxy error page template - Cloudfence logo

errorpage.css

/*
 * Copyright (C) 1996-2020 The Squid Software Foundation and contributors
 *
 * Squid software is distributed under GPLv2+ license and includes
 * contributions from numerous individuals and organizations.
 * Please see the COPYING and CONTRIBUTORS files for details.
 */

/*
 Stylesheet for Squid Error pages
 Adapted from design by Free CSS Templates
 http://www.freecsstemplates.org
 Released for free under a Creative Commons Attribution 2.5 License
*/

/* Page basics */
* {
	font-family: verdana, sans-serif;
}

html body {
	margin: 0;
	padding: 0;
	background: #efefef;
	font-size: 12px;
	color: #1e1e1e;
}

/* Page displayed title area */
#titles {
	margin-left: 5px;
	padding: 10px;
	padding-left: 130px;
	
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbWFkYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTk1LjMgNTk1LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU5NS4zIDU5NS4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6Izk2OTY5QTt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQoJLnN0MntmaWxsOiNGRkZGRkY7fQoJLnN0M3tmaWxsOnVybCgjU1ZHSURfMl8pO30KCS5zdDR7ZmlsbDojMjExOTE1O30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODYuNyw0NjAuNmMtMy41LDMuNS03LjYsNi4zLTEyLjIsOC4zYy00LjYsMi05LjYsMy0xNC45LDNjLTUuMywwLTEwLjItMS0xNC45LTNjLTQuNy0yLTguNy00LjctMTIuMi04LjIKCQkJYy0zLjUtMy41LTYuMi03LjUtOC4yLTEyLjJjLTItNC43LTMtOS42LTMtMTQuOWMwLTUuMywxLTEwLjIsMy0xNC45YzItNC43LDQuNy04LjcsOC4yLTEyLjJjMy41LTMuNSw3LjUtNi4yLDEyLjItOC4yCgkJCWM0LjctMiw5LjYtMywxNC45LTNjNS4zLDAsMTAuMywxLDE0LjksM2M0LjYsMiw4LjcsNC44LDEyLjIsOC4zbC04LjksOC45Yy0yLjUtMi41LTUuMi00LjMtOC4zLTUuNmMtMy4xLTEuMy02LjQtMS45LTkuOS0xLjkKCQkJYy0zLjQsMC02LjcsMC42LTkuOCwxLjljLTMuMSwxLjMtNS45LDMuMi04LjMsNS42Yy0yLjUsMi41LTQuMyw1LjItNS42LDguM2MtMS4zLDMuMS0xLjksNi4zLTEuOSw5LjhjMCwzLjQsMC42LDYuNywxLjksOS44CgkJCWMxLjMsMy4xLDMuMiw1LjksNS42LDguNGMyLjUsMi41LDUuMiw0LjMsOC4zLDUuNmMzLjEsMS4zLDYuMywxLjksOS44LDEuOWMzLjUsMCw2LjgtMC42LDkuOS0xLjljMy4xLTEuMyw1LjktMy4xLDguMy01LjYKCQkJTDg2LjcsNDYwLjZ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTk2LjIsNDcwLjV2LTc1LjJoMTIuNnY3NS4ySDk2LjJ6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0Ni4xLDQxNi40YzMuOSwwLDcuNSwwLjcsMTAuOCwyLjJjMy40LDEuNCw2LjMsMy40LDguOCw1LjljMi41LDIuNSw0LjUsNS41LDUuOSw4LjgKCQkJYzEuNCwzLjQsMi4yLDcsMi4yLDEwLjhjMCwzLjgtMC43LDcuNC0yLjIsMTAuN2MtMS40LDMuNC0zLjQsNi4zLTUuOSw4LjhjLTIuNSwyLjUtNS41LDQuNS04LjgsNS45Yy0zLjQsMS40LTcsMi4yLTEwLjgsMi4yCgkJCWMtMy45LDAtNy41LTAuNy0xMC44LTIuMmMtMy40LTEuNC02LjMtMy40LTguOC01LjljLTIuNS0yLjUtNC41LTUuNS01LjktOC44Yy0xLjQtMy40LTIuMi02LjktMi4yLTEwLjdjMC0zLjksMC43LTcuNSwyLjItMTAuOAoJCQljMS40LTMuNCwzLjQtNi4zLDUuOS04LjhjMi41LTIuNSw1LjUtNC41LDguOC01LjlDMTM4LjYsNDE3LjEsMTQyLjIsNDE2LjQsMTQ2LjEsNDE2LjR6IE0xNDYuMSw0MjljLTQuMiwwLTcuOCwxLjUtMTAuNyw0LjQKCQkJYy0yLjksMi45LTQuNCw2LjUtNC40LDEwLjdjMCw0LjEsMS41LDcuNyw0LjQsMTAuNmMxLjQsMS41LDMsMi42LDQuOSwzLjNjMS45LDAuNywzLjgsMS4xLDUuOCwxLjFjMiwwLDQtMC40LDUuOC0xLjEKCQkJYzEuOC0wLjcsMy41LTEuOCw0LjktMy4zYzIuOS0yLjksNC40LTYuNSw0LjQtMTAuNmMwLTQuMi0xLjUtNy44LTQuNC0xMC43QzE1My43LDQzMC41LDE1MC4xLDQyOSwxNDYuMSw0Mjl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzMi4xLDQxNy45djUyLjZoLTEyLjZ2LTRjLTEuOSwxLjYtNCwyLjktNi40LDMuOWMtMi40LDEtNS4xLDEuNS04LDEuNWMtMy40LDAtNi42LTAuNi05LjQtMS45CgkJCWMtMi44LTEuMy01LjItMy4xLTcuMi01LjNjLTItMi4yLTMuNS00LjktNC42LTcuOWMtMS4xLTMtMS42LTYuMi0xLjYtOS43di0yOS4zaDEyLjZ2MjkuM2MwLDMuMywxLjIsNi4yLDMuNyw4LjYKCQkJYzIuNCwyLjQsNS4zLDMuNiw4LjYsMy42YzMuNCwwLDYuMy0xLjIsOC43LTMuNmMyLjQtMi40LDMuNi01LjMsMy42LTguNnYtMjkuM0gyMzIuMXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjk3LjEsMzk1LjN2NzUuMmgtMTIuNnYtMjYuM2MwLTQuMy0xLjUtNy45LTQuNC0xMC43Yy0yLjktMi45LTYuNS00LjQtMTAuNi00LjRjLTQuMiwwLTcuOCwxLjUtMTAuNyw0LjQKCQkJYy0yLjksMi45LTQuNCw2LjUtNC40LDEwLjdjMCw0LjEsMS41LDcuNyw0LjQsMTAuNmMxLjQsMS41LDMsMi42LDQuOSwzLjNjMS45LDAuNywzLjgsMS4xLDUuOCwxLjFjMiwwLDMuOS0wLjQsNS42LTEuMWw0LjUsMTEuMwoJCQljLTMuMiwxLjYtNi45LDIuNC0xMS4yLDIuNGMtMy45LDAtNy40LTAuNy0xMC43LTIuMmMtMy4zLTEuNC02LjEtMy40LTguNS01LjljLTIuNC0yLjUtNC4yLTUuNS01LjYtOC44Yy0xLjMtMy40LTItNi45LTItMTAuNwoJCQljMC0zLjksMC43LTcuNSwyLTEwLjhjMS4zLTMuNCwzLjItNi4zLDUuNi04LjhjMi40LTIuNSw1LjItNC41LDguNS01LjljMy4zLTEuNCw2LjgtMi4yLDEwLjctMi4yYzMuNCwwLDYuNCwwLjUsOSwxLjYKCQkJYzIuNywxLjEsNSwyLjQsNy4xLDR2LTI2LjdIMjk3LjF6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMyOS4xLDQwOC45Yy0xLjUsMC43LTIuOCwxLjYtNCwyLjdjLTEuMiwxLjEtMi4xLDIuNC0yLjgsMy45Yy0wLjcsMS41LTEuMSwzLjEtMS4xLDQuOWg3LjVsMy4yLDEyLjZoLTEwLjYKCQkJdjM3LjRoLTEyLjZ2LTM3LjR2LTEyLjV2LTAuMWMwLjEtMy40LDAuNy02LjYsMi05LjZjMS4zLTMuMSwzLjEtNS44LDUuNS04LjJjMi40LTIuNCw1LjEtNC4yLDguMi01LjVjMy4xLTEuMyw2LjMtMS45LDkuNy0xLjkKCQkJdjEyLjZDMzMyLjIsNDA3LjksMzMwLjYsNDA4LjMsMzI5LjEsNDA4Ljl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4Mi45LDQ1MC41aC0yNy42YzAuNywxLjYsMS43LDMuMSwzLjEsNC4zYzEuNSwxLjUsMy4xLDIuNiw0LjksMy4zYzEuOCwwLjcsMy44LDEuMSw1LjgsMS4xCgkJCWMyLjksMCw1LjQtMC43LDcuNy0ybDEzLjIsNS4zYy0yLjUsMi45LTUuNiw1LjItOS4yLDYuOWMtMy42LDEuNi03LjUsMi41LTExLjcsMi41Yy0zLjksMC03LjUtMC43LTEwLjgtMi4yCgkJCWMtMy40LTEuNC02LjMtMy40LTguOC01LjljLTIuNS0yLjUtNC41LTUuNS01LjktOC44Yy0xLjQtMy40LTIuMi02LjktMi4yLTEwLjdjMC0zLjksMC43LTcuNSwyLjItMTAuOGMxLjQtMy40LDMuNC02LjMsNS45LTguOAoJCQljMi41LTIuNSw1LjUtNC41LDguOC01LjljMy40LTEuNCw3LTIuMiwxMC44LTIuMmMzLjksMCw3LjUsMC43LDEwLjgsMi4yYzMuNCwxLjQsNi4zLDMuNCw4LjgsNS45YzIuNSwyLjUsNC41LDUuNSw1LjksOC44CgkJCWMxLjQsMy40LDIuMiw3LDIuMiwxMC44YzAsMi4yLTAuMiw0LjMtMC43LDYuM0gzODIuOXogTTM2OS4xLDQyOWMtNC4xLDAtNy42LDEuNS0xMC43LDQuNGMtMS4zLDEuMy0yLjQsMi44LTMuMSw0LjRoMjcuNgoJCQljLTAuNy0xLjYtMS43LTMuMS0zLjEtNC40QzM3Ni45LDQzMC41LDM3My4zLDQyOSwzNjkuMSw0Mjl6Ii8+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQzMy40LDQxNi40YzMuNCwwLDYuNiwwLjYsOS40LDEuOWMyLjgsMS4zLDUuMiwzLjEsNy4yLDUuNGMyLDIuMywzLjUsNC45LDQuNiw3LjljMS4xLDMsMS42LDYuMiwxLjYsOS43CgkJCXYyOS4xaC0xMi42di0yOS4xYzAtMy41LTEuMi02LjQtMy43LTguN2MtMi40LTIuNC01LjMtMy42LTguNi0zLjZjLTMuNCwwLTYuMywxLjItOC43LDMuNmMtMi40LDIuNC0zLjYsNS4zLTMuNiw4Ljd2MjkuMWgtMTIuNgoJCQl2LTUyLjZINDE5djRjMS45LTEuNiw0LTIuOSw2LjQtMy45QzQyNy44LDQxNi45LDQzMC41LDQxNi40LDQzMy40LDQxNi40eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MTIuMSw0NjMuOGMtMi41LDIuNS01LjUsNC41LTguOCw1LjljLTMuNCwxLjQtNywyLjItMTAuOCwyLjJjLTMuOSwwLTcuNS0wLjctMTAuOC0yLjIKCQkJYy0zLjQtMS40LTYuMy0zLjQtOC44LTUuOWMtMi41LTIuNS00LjUtNS41LTUuOS04LjhjLTEuNC0zLjQtMi4yLTYuOS0yLjItMTAuN2MwLTMuOSwwLjctNy41LDIuMi0xMC44YzEuNC0zLjQsMy40LTYuMyw1LjktOC44CgkJCWMyLjUtMi41LDUuNS00LjUsOC44LTUuOWMzLjQtMS40LDctMi4yLDEwLjgtMi4yYzMuOSwwLDcuNSwwLjcsMTAuOCwyLjJjMy40LDEuNCw2LjMsMy40LDguOCw1LjlsLTguOSw4LjkKCQkJYy0yLjktMi45LTYuNS00LjQtMTAuNy00LjRjLTQuMSwwLTcuNiwxLjUtMTAuNyw0LjRjLTIuOSwyLjktNC40LDYuNS00LjQsMTAuN2MwLDQuMSwxLjUsNy43LDQuNCwxMC42YzEuNSwxLjUsMy4xLDIuNiw0LjksMy4zCgkJCWMxLjgsMC43LDMuOCwxLjEsNS44LDEuMWM0LjMsMCw3LjktMS41LDEwLjctNC40TDUxMi4xLDQ2My44eiIvPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NjAsNDUwLjVoLTI3LjZjMC43LDEuNiwxLjcsMy4xLDMuMSw0LjNjMS41LDEuNSwzLjEsMi42LDQuOSwzLjNjMS44LDAuNywzLjgsMS4xLDUuOCwxLjEKCQkJYzIuOSwwLDUuNC0wLjcsNy43LTJsMTMuMiw1LjNjLTIuNSwyLjktNS42LDUuMi05LjIsNi45Yy0zLjYsMS42LTcuNSwyLjUtMTEuNywyLjVjLTMuOSwwLTcuNS0wLjctMTAuOC0yLjIKCQkJYy0zLjQtMS40LTYuMy0zLjQtOC44LTUuOWMtMi41LTIuNS00LjUtNS41LTUuOS04LjhjLTEuNC0zLjQtMi4yLTYuOS0yLjItMTAuN2MwLTMuOSwwLjctNy41LDIuMi0xMC44YzEuNC0zLjQsMy40LTYuMyw1LjktOC44CgkJCWMyLjUtMi41LDUuNS00LjUsOC44LTUuOWMzLjQtMS40LDctMi4yLDEwLjgtMi4yYzMuOSwwLDcuNSwwLjcsMTAuOCwyLjJjMy40LDEuNCw2LjMsMy40LDguOCw1LjljMi41LDIuNSw0LjUsNS41LDUuOSw4LjgKCQkJYzEuNCwzLjQsMi4yLDcsMi4yLDEwLjhjMCwyLjItMC4yLDQuMy0wLjcsNi4zSDU2MHogTTU0Ni4yLDQyOWMtNC4xLDAtNy42LDEuNS0xMC43LDQuNGMtMS4zLDEuMy0yLjQsMi44LTMuMSw0LjRINTYwCgkJCWMtMC43LTEuNi0xLjctMy4xLTMuMS00LjRDNTU0LDQzMC41LDU1MC40LDQyOSw1NDYuMiw0Mjl6Ii8+Cgk8L2c+Cgk8Zz4KCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE1Mi45NzgyIiB5MT0iMjMxLjQ1MzgiIHgyPSI0NDIuMjk3MyIgeTI9IjIzMS40NTM4Ij4KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzdCRDdBMiIvPgoJCQk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNURBMUQ2Ii8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc1LjgsMTM5Ljl2ODYuMWMwLDMuMSwyLjUsNS42LDUuNiw1LjZjMy4xLDAsNS42LTIuNSw1LjYtNS42di04Ni4xYzIuMi0xLjcsMy42LTQuMywzLjYtNy4zCgkJCWMwLTUuMS00LjEtOS4yLTkuMi05LjJjLTUuMSwwLTkuMiw0LjEtOS4yLDkuMkMyNzIuMiwxMzUuNSwyNzMuNiwxMzguMiwyNzUuOCwxMzkuOXogTTM5Ni44LDIzMmMtMy40LTIyLjctMjAuNC0zNy4yLTQ1LjctMzkKCQkJbDAuMi0zMy44YzIuMi0xLjcsMy42LTQuMywzLjYtNy4zYzAtNS4xLTQuMS05LjItOS4yLTkuMmMtNS4xLDAtOS4yLDQuMS05LjIsOS4yYzAsMywxLjUsNS43LDMuNyw3LjNsLTAuMiwzNC43CgkJCWMtNi41LDEtMTMuNSwzLjMtMjAuNyw3Ljd2LTQ4LjhjMi4yLTEuNywzLjYtNC4zLDMuNi03LjNjMC01LjEtNC4xLTkuMi05LjItOS4yYy01LjEsMC05LjIsNC4xLTkuMiw5LjJjMCwzLDEuNCw1LjYsMy42LDcuM3Y1OC4zCgkJCWMwLDAuNSwwLjEsMC45LDAuMiwxLjNjMCwxLjIsMC40LDIuNSwxLjMsMy40YzEuOSwyLjIsNS4yLDIuNCw3LjQsMC42YzAsMCwwLjEtMC4xLDAuMS0wLjFjMC40LTAuMywwLjgtMC43LDEuMS0xCgkJCWM5LjUtNy45LDE4LjgtMTEsMjYuOS0xMS41aDAuNWM1LDAsOS42LDAuNSwxMy43LDEuNWM4LjYsMi40LDE0LjIsNi42LDE0LjcsN2MwLjMsMC4yLDAuNiwwLjQsMC45LDAuNgoJCQljNi43LDUuNywxMC42LDEzLjksMTEuMywyNC4zbDAuMyw0LjlsNC45LDAuNGMyMi4zLDEuNiwzOS43LDIwLjUsMzkuNyw0Mi44YzAsMjMuNy0xOS4zLDQzLTQzLDQzYy0wLjgsMC0xLjUsMC0yLjMtMC4xbC0wLjQsMAoJCQlsLTAuNCwwYy0wLjUsMC0wLjksMC4xLTEuNCwwLjFoLTgzLjNoLTUuNmgtODMuM2MtMC41LDAtMSwwLTEuNC0wLjFsLTAuNCwwbC0wLjQsMGMtMC44LDAtMS41LDAuMS0yLjMsMC4xYy0yMy43LDAtNDMtMTkuMy00My00MwoJCQljMC0yMi40LDE3LjUtNDEuMiwzOS43LTQyLjhsNC45LTAuNGwwLjMtNC45YzEuNC0yMS4yLDE2LjItMzMuNCw0MC42LTMzLjRoNS42bC0wLjItNDQuN2MyLjItMS43LDMuNy00LjMsMy43LTcuMwoJCQljMC01LjEtNC4xLTkuMi05LjItOS4yYy01LjEsMC05LjIsNC4xLTkuMiw5LjJjMCwzLDEuNCw1LjYsMy42LDcuM2wwLjIsMzMuOGMtMjUuMywxLjktNDIuMywxNi4zLTQ1LjcsMzkKCQkJYy0yNS44LDQuMi00NS41LDI2LjgtNDUuNSw1My41YzAsMjkuOSwyNC4zLDU0LjIsNTQuMiw1NC4yYzAuOSwwLDEuNywwLDIuNS0wLjFjMC42LDAsMS4yLDAuMSwxLjksMC4xaDgzLjNoNS42aDgzLjMKCQkJYzAuNiwwLDEuMywwLDEuOS0wLjFjMC44LDAsMS43LDAuMSwyLjUsMC4xYzI5LjksMCw1NC4yLTI0LjMsNTQuMi01NC4yQzQ0Mi4zLDI1OC44LDQyMi43LDIzNi4xLDM5Ni44LDIzMnoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K') no-repeat left;
}

/* initial title */
#titles h1 {
	color: #000000;
}
#titles h2 {
	color: #000000;
}

/* special event: FTP success page titles */
#titles ftpsuccess {
	background-color:#00ff00;
	width:100%;
}

/* Page displayed body content area */
#content {
	padding: 10px;
	background: #ffffff;
}

/* General text */
p {
}

/* error brief description */
#error p {
}

/* some data which may have caused the problem */
#data {
}

/* the error message received from the system or other software */
#sysmsg {
}

pre {
}

/* special event: FTP / Gopher directory listing */
#dirmsg {
    font-family: courier, monospace;
    color: black;
    font-size: 10pt;
}
#dirlisting {
    margin-left: 2%;
    margin-right: 2%;
}
#dirlisting tr.entry td.icon,td.filename,td.size,td.date {
    border-bottom: groove;
}
#dirlisting td.size {
    width: 50px;
    text-align: right;
    padding-right: 5px;
}

/* horizontal lines */
hr {
	margin: 0;
}

/* page displayed footer area */
#footer {
	font-size: 9px;
	padding-left: 10px;
}