Template:UESTC-China/css/nav1

/* Unessential CSS - Just here to make this sample page prettier */

.main .dev-output pre {

   overflow: auto;
   max-height: 500px;
   background-color: #EBF4FD;
   padding: 0 1em 1em;

} .rm-nav {

   letter-spacing: 0px;

}

.rm-css-animate.rm-menu-expanded {

   max-height: none;
   display: block;

} .rm-container.rm-layout-expanded {

   float: left;

width: 100%; } .rm-nav li a, .rm-top-menu a {

   padding: .75rem 1rem;
   font-size: 0.75rem ! important;
   line-height: 1.5rem;
   text-transform: uppercase;

}

.rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a {

   height: 80px;

line-height: 90px; }

.main {

   background-position: center top;
   background-repeat: repeat-x;
   min-height: 100%;
   padding-top: 1px;

}

.tagline strong {

   font-size: 1.3em;

} .dev-output {

   background-color: #e1eaf3; /* fall-back */
   background-color: rgba(255,255,255,.85);
   color: #000;
   padding: 2em;
   margin-bottom: 2em;

} @media screen and (max-width: 1200px) { .rm-nav li a, .rm-top-menu a { padding: .75rem 0.3rem; font-size: 0.75rem ! important; line-height: 1.5rem; text-transform: uppercase; } #wrapper_nav{ height: 70px; } #mynav { top:-50px; } .rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a {

   height: 50px;

line-height: 50px; }

   }

@media screen and (max-width: 1050px) { .rm-nav li a, .rm-top-menu a { padding: .75rem 0.5rem; font-size: 0.5rem ! important; line-height: 1.5rem; text-transform: uppercase; } } @media screen and (max-width: 970px) { .rm-nav li a, .rm-top-menu a {

   padding: .3rem 0.5rem;
   font-size: 0.3rem ! important;
   line-height: 1.5rem;
   text-transform: uppercase;

} } @media screen and (max-width: 900px) { #wrapper_nav { border:none; box-shadow: none; } #logo { width: 30%; } #mynav { top: -100px; right: -30px; width: 100%; } .rm-toggle,.rm-button { height: 70px; } }