Skip to content

Helix's Nationwide by tripplehelix

Screenshot of Helix's Nationwide

Details

Authortripplehelix

Licensehttps://creativecommons.org/publicdomain/zero/1.0/

Categorynationwide.co.uk

Created

Updated

Size4.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A cleaned up version of the Nationwide website, will continue to modify things as I see fit. This will break pages outside the logged in area.

Notes

The site's CSS/HTML is a complete mess, I am trying my best to a point. Some parts have had to be hacky, my style sheet is a mess.

Source code

/* ==UserStyle==
@name           Helix's Nationwide
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A cleaned up version of the Nationwide website, will continue to modify things as I see fit. This will break pages outside the logged in area.
@author         Tripplehelix
==/UserStyle== */
@-moz-document domain("nationwide.co.uk") {
	html {
		background-color: #011546 !important;
	}
	.identify-customer-page .page-header,
	.login-page .page-header {
		width: 1000px !important;
		height: 69px !important;
		background-color: white !important;
		border-radius: 0.75em 0.75em;
	}
	header {
		margin: 0 auto;
		width: unset !important;
		max-width: 1200px !important;
		height: 35px !important;
	}
	#application {
		width: 100% !important;
	}
	#brand {
		top: 0 !important;
		left: 5px !important;
	}
	#log-out {
		top: 26px !important;
		right: 0 !important;
		height: unset !important;
		background: none !important;
	}
	#primary-nav {
		bottom: unset !important;
		top: 0 !important;
		left: 220px !important;
	}
	#adaptive_layout_wrapper {
		min-width: unset !important;
		max-width: unset !important;
	}
	.adaptive_layout_wrapper {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: flex-start !important;
		column-gap: 15px !important;
		width: 100% !important;
	}
	.content-pod-row {
		min-width: unset;
		max-width: unset;
	}
	.adaptive_layout_wrapper article,
	.containerCTA {
		width: 500px !important;
	}
	.containerCTATop .col:first-child {
		width: 480px !important;
	}
	.containerCTA {
		border: 1px solid #EDEDED !important;
	}
	.adaptive_layout_wrapper article,
	section {
		overflow: unset !important;
	}
	section {
		width: 500px !important;
	}
	#primary-nav #nav-view b,
	#primary-nav #nav-move b,
	#primary-nav li h1,
	#primary-nav #nav-browse b {
		/* NAV BAR */
		font-size: 2em !important;
		text-decoration: none !important;
		height: 30px !important;
		text-align: center;
	}
	#primary-nav li.active a {
		height: 35px !important;
	}
	#primary-nav li.active {
		margin-top: 0 !important;
	}
	#primary-nav li.active b {
		padding-top: unset !important;
	}
	#primary-nav li.active h1 {
		/* Fix their shit code */
		background: white !important;
	}
	#nav-manage a:hover h1 {
		/* Fix their shit code */
		background: #4ca4dc !important;
		color: white !important;
	}
	#primary-nav #nav-view b:before {
		content: "View\" !important;

	}
	#primary-nav #nav-move b:before {
		content: "Move\" !important;

	}
	#primary-nav #nav-manage h1:before {
		content: "Manage " !important;
	}
	#primary-nav #nav-browse b:before {
		content: "Browse\" !important;

	}
	table.ac-details col.col2,
	.tableTopLeft,
	.tableTopMiddle,
	.tableTopRight,
	.tableBottomMiddle,
	.tableBottomLeft,
	.tableBottomRight,
	.ac-action,
	.ac-action-inner,
	.ac-row-container,
	.ac-row-container form,
	td.ac-row-container table tbody tr td.acCol,
	#page-help,
	#primary-nav li i,
	#primary-nav li .nav-link-level-1::after,
	#primary-nav li .nav-link-level-1::after {
		background: none !important;
	}
	#stageInner {
		padding: 10px !important;
		border-radius: 5px !important;
	}
	.ac-details-outer {
		border: 1px solid #EDEDED !important;
		border-radius: 5px !important;
	}
	#nw-content,
	footer,
	#footer,
	.welcome-util-container,
	#user-content,
	#last-access,
	#log-out form img,
	#log-out .logged-in,
	.stage-head {
		display: none !important;
	}
	.default-theme {
		height: unset;
	}
	#stageInner,
	#application,
	#wrapper_outer {
		height: 100% !important;
	}
	#stage {
		padding: 0 !important;
	}
	#wrapper_content,
	.Current-accounts-bg,
	.Credit-Cards-bg {
		background: none !important;
	}
	#wrapper_outer {
		background: none !important;
		background-color: #011546 !important;
	}
	table .acAdditionalInfo {
		background: none !important;
		border: 0 !important;
		margin: 0 !important;
		padding: 10px 0 0 15px !important;
	}
	nav-view {
		/* Not correct selection */
		border-radius: 0px !important;
	}
	.stage {
		width: 1000px !important;
		border-radius: 5px !important;
	}
}

Reviews

No reviews yet.