Team:Manchester/Resources/CSS:VerticalScroll

1. vertical-scroll-nav {

 position: fixed;
 top: 92px;
 right: 20px;
 left: auto;
 bottom: auto;
 z-index: 3;
 text-shadow: none;
 color: #ffffff;
 margin-top: 5px;
 /* Force Hardware Acceleration in WebKit */
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-transition: right 0.3s;
 -moz-transition: right 0.3s;
 transition: right 0.3s; }
 #vertical-scroll-nav.nav-is-visible {
   right: 280px;
   /* Force Hardware Acceleration in WebKit */
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition: right 0.3s;
   -moz-transition: right 0.3s;
   transition: right 0.3s; }
 #vertical-scroll-nav ul {
   overflow: hidden;
   background: #7b7b7b;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   text-align: center;
   width: 12rem; }
 #vertical-scroll-nav li {
   margin: 3px; }
 #vertical-scroll-nav a {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   color: #ffffff;
   display: block;
   padding: 0.2em 0.6em;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px; }
 #vertical-scroll-nav a:hover, #vertical-scroll-nav a.mPS2id-clicked {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   background: #004574; }
 #vertical-scroll-nav a.mPS2id-highlight {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   background: #284cb9; }
 @media only screen and (min-width: 1270px) {
   #vertical-scroll-nav {
     top: 112px;
     right: 20px; } }
 #vertical-scroll-nav ul.desktop .vertical-scroll-nav-chevron {
   cursor: pointer;
   display: none; }
 #vertical-scroll-nav ul.mobile {
   width: 3.1rem; }
   #vertical-scroll-nav ul.mobile .vertical-scroll-nav-chevron {
     cursor: pointer;
     display: block; }
   #vertical-scroll-nav ul.mobile .vertical-scroll-nav-chevron:hover {
     background-color: #004574; }
   #vertical-scroll-nav ul.mobile li {
     display: none; }
   #vertical-scroll-nav ul.mobile.pressed {
     width: 12rem; }
     #vertical-scroll-nav ul.mobile.pressed li {
       display: block; }
     #vertical-scroll-nav ul.mobile.pressed .vertical-scroll-nav-chevron:hover {
       background-color: #7b7b7b; }

1. main-content-container .vertical-scroll-section {

 padding-top: 22px;
 min-height: 80vh;
 padding-right: 0; }
 @media only screen and (min-width: 1270px) {
   #main-content-container .vertical-scroll-section {
     padding-top: 42px; } }
 @media only screen and (min-width: 768px) {
   #main-content-container .vertical-scroll-section {
     padding-right: 7rem; } }

/*# sourceMappingURL=vertical-scroll-structure.css.map */