Template:XMU-China/css/JustifyCss

@media screen and (max-width:480px){

 #myScrollspy{
   display:none;
}

}

@media (max-width: 768px){

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {

   margin: 0.3em 0 0 .2em;}

}

1. justify{width:100%}

@media screen and (max-width:767px){

  #foot span{
  display:none;

}

 #foot img{
 display:none;

}

h1{
 overflow:visible;

}

1. foot img{

width:16%;

} } @media screen and (min-width: 769px) .jumbotron h1, .jumbotron .h1 {

   font-size: 63px;

} @media (min-width:481px){

      .foot{display:block;}
      .foot-2{display:none;}
    }
     @media (max-width: 480px){
      .foot{display:none;}
      .foot-2{display:block;}
    }

@media (min-width:1024px){

      .navbar img{width:100px;}
      .navbar{height:70px;}
        #sidebar2{display:none;}
     .navbar-right, .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{margin-right:3%;}
     #Project>a:hover, #Parts>a:hover, #hp>a:hover, #Safety>a:hover, #Notebook>a:hover, #Team>a:hover{height:56px;}
     .nav #Project ul, .nav #Parts ul, .nav #hp ul, .nav #Safety ul, .nav #Notebook ul, .nav #Team ul{margin:20px 0 0 0;top:55px;}
     .navbar-inverse .navbar-nav>.active>a{height:50px;}
    }
     @media (max-width: 1023px){
        .navbar img{width:95px;}
        .navbar{height:64px;}
        #sidebar1{display:none;}
      #sidebar2{display:block;}
         #Project>a:hover, #Parts>a:hover, #hp>a:hover, #Safety>a:hover, #Notebook>a:hover, #Team>a:hover{height:50px;}
         .nav #Project ul, .nav #Parts ul, .nav #hp ul, .nav #Safety ul, .nav #Notebook ul, .nav #Team ul{margin:0;top:49px;}
         .navbar-inverse .navbar-nav>.active>a{height:45px;}
    }
@media (min-width: 769px){

.navbar navbar-inverse navbar-fixed-top{text-align:center;}

1. justify{width:40%;}

}

@media (max-width: 767px){
 .collapse {background-color:#F0F0F0;transition: all 0.02s ease;}

} @media (max-width: 1024px) .sidebar .widget {

   margin-bottom: 35px;

} .navbar-brand {

   position: relative;
   margin: 0!important;

} @media only screen and (max-width: 479px) .navbar-default .navbar-nav {

   padding: 15px 0;

} .navbar-inverse .navbar-nav {

   position: relative;
   transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;

}

@media (min-width:1025px){

      #sidebar1 ul.nav-tabs{width: 140px;border: 1px solid #ddd;}
    }
     @media (max-width: 1024px){
        #sidebar1 ul.nav-tabs{width: 130px;border: 1px solid #ddd;}
    }

@media (min-width:1025px){

      .jumbotron{width:86%;}
      .container{width:85%;}
    }
     @media (max-width: 1024px){
        .jumbotron{width:86%;}
       .container{width:85%;}
    }

@media screen and (min-width:769px) and (max-width:1024px){

 .jumbotron{width:95%;}
 .container{width:94%;}

} input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {

text-align:left;
 dispaly:none;

} .navbar-toggle {

      margin-top: 20px;

} .navbar-inverse .navbar-toggle {

   border-color: #FFF;

}