Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
// Page Organization
body {
margin: 0;
padding: 0;
height: 100%;
background: $gray-lightest;
background-image: url('/assets/images/menu_bar.png');
background-repeat: repeat-y;
background-position: top left;
font-family: $typeface;
color: $gray-darkest;
}
.title-bar {
height: 74px;
min-width: $width-container;
background: linear-gradient( to right, #fff, #fff, $color-info-light, $color-info);
&.plain {
background: #fff;
}
border-bottom: 1px solid $gray-base;
& h1 {
margin-top: 18px;
float: left;
font-weight: 400;
font-size: 27px;
color: $color-primary;
}
}
.stars {
height: 74px;
background-image: url('/../../assets/images/FPPS_Stars_SM.png');
background-repeat: no-repeat;
background-position: right 6px;
}
.logo {
height: 74px;
background-image: url('/../../assets/images/VA_Logo_Horiz_WHT_SM.png');
background-repeat: no-repeat;
background-position: right 6px;
}
.breadcrumbs {
margin-top: 12px; // TODO: Phase-out breadcrumbs
margin-bottom: 9px;
font-size: $font-size-sm;
color: $color-info;
}
.menu-bar {
height: 37px;
min-width: $width-container; // Same as header
// background-color: $color-info;
border-bottom: 1px solid $gray-base;
box-shadow: $shadow-sm;
color: #fff;
}
.gray {
background-color: $gray-base;
}
.red {
background-color: $color-danger;
}
.blue {
background-color: $color-info;
}
.navy {
background-color: $color-primary;
}
.nav-tab {
margin-top: -24px;
margin-bottom: 16px;
background-color: $color-info;
& span {
padding: 6px 12px;
height: 32px;
display: inline-block;
background-color: #efefef;
color: $color-info;
}
& a,
a:visited,
a:active {
padding: 6px 12px;
display: inline-block;
height: 32px;
color: #fff;
text-decoration: none;
&:hover {
background-color: $color-primary;
color: #fff;
text-decoration: none;
}
}
}
.section-header {
border-bottom: 1px solid $gray-base;
margin-bottom: 8px;
padding-bottom: 4px;
}
.section-header>h2 {
font-size: 20px;
color: $color-info;
}
.offset-top {
margin-top: 111px; // Sets position of page content
}
// Generic Links
a,
a:visited {
color: $color-info;
text-decoration: underline;
}
a:hover,
a:active {
color: darken($color-info, 30%);
text-decoration: none;
}
// Icon Links
.icon-link {
margin-top: 9px;
padding-left: 28px;
display: block;
line-height: 36px;
&.help {
background-image: url('/assets/images/ic_help_blue_24px.svg');
background-repeat: no-repeat;
background-position: left;
}
}
.split {
.icon-function {
max-width: 400px;
}
}
.icon-function {
margin-bottom: 12px;
height: 27px;
max-width: $width-col-two;
float: right;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
& label {
margin-top: 7px;
margin-left: 15px;
margin-right: 6px;
float: left; // right
font-size: 14px;
color: $color-info;
cursor: pointer;
}
& img {
margin-top: 4px; // margin-left: 6px;
float: left; // right
cursor: pointer;
}
& img:hover {
opacity: 0.5;
}
&.tab-top {
position: absolute;
top: 0;
right: 0;
padding: 3px 23px 6px 0;
}
&.truncate {
display: flex;
flex-wrap: nowrap;
>span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor: pointer;
}
}
}
// Lists
ul,
li {
line-height: 28px;
color: $gray-base;
} // Controls for Browser Focus
// Browser focus is removed in Reset SCSS
*:focus {
outline: 1px solid lighten($color-info, 25%); // Need to verify this works in IE
}
body:focus,
div:focus,
table:focus,
td:focus {
outline: none; // removes focus from page components/DIVs in IE 11
}
.button:focus {
outline: 2px solid $color-info-light;
}
html:focus {
outline: none;
}
.footer {
margin-bottom: 30px;
font-size: $font-size-base;
font-weight: 400;
color: $gray-base;
}