﻿/*
 * Amy theme for all device
 * ~~~~~~~~~~~~~~~~~~~~~~~~
 *
 * Sphinx stylesheet -- Amy theme.
 * 
 * main.css
 *
 * Amy layout : 
 * 页眉固定、附带快速检索。
 * 左右侧边栏
 */

@import url("basic.css");
@import url("common.css");


/******************************
 layout size
 ******************************/

/* 
 * @container-width:1170px;
 * @content-width  :@container-width-230px;
 */

.header .heading{
  max-width:1170px;
}
.nav.topnav p,
.nav.topnav p{
  max-width:1170px;
}
div.wrapper {
  max-width:1170px;
}

div.sidebar {
  max-width: 230px ;
}

div.sidebar div.sphinxsidebar{
  width: 228px;
}
@media (max-width:680px) {}
@media (min-width:681px) {}
@media (max-width:767px) {}
@media (min-width:768px) {}
@media (max-width:991px) {}
@media (min-width:992px) {}
@media (max-width:1199px){
    div.wrapper{
        width:100%;
        max-width:1170px;
    }
    div.content{
        width:100%;
    }
    div.sidebar,
    div.sidebar.active{
        display:none;
    }
    a.sidebar-button{
        display:none;
    }
}
@media (min-width:1200px){
    div.wrapper{
        width:100%;
        max-width : 1170px;
    }
    div.content{
        width:80%;
        max-width : 940px;
    }
    div.sidebar{
        width: 230px;
    }
}
img{
    max-width:880px !important;
    height:auto !important;
}
pre{
    max-width:800px;
}
@media (max-width:1199px){
    pre{
        max-width:1170px;
    }
}
@media (min-width:1200px){
    pre{
        max-width:800px;
    }
}