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.
Helix's Nationwide by tripplehelix
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
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;
}
}