autodoc.git / modref / style.css

version» Context lines:

autodoc.git/modref/style.css:263:   }      .navbar .sidebar {    opacity: 1;    transition: opacity .5s ease-out;   }   .navbar .sidebar.init {    opacity: 0;   }    - .navbar .sidebar a { display: block; text-decoration: none; } + .navbar .sidebar a { display: block; text-decoration: none; overflow: hidden; text-overflow: ellipsis; }      .sidebar a.mod-protected {    color: #999;   }      .sidebar .mod-protected::before {    content: ' ';    display: inline-block;    opacity: .4;    width: 15px;
autodoc.git/modref/style.css:395:   hr {    border: none;    height: 1px;    background: #ddd;    color: #ddd;    margin: 25px 0;   }      h1, h2, h3, h4 {    color: #323232; -  line-height: 1; +  line-height: 1.1;   }      h1 {    font-size: 1.7rem;   }      /* The first H1 in the contentbox */   .contentbox article:first-child > h1:first-child {    margin-top: 25px;   }
autodoc.git/modref/style.css:526:    pre code .mod { color: #863069; font-weight: bold; }   pre code .const { color: #0000ff; }   pre code .delim { color: #00008e; }   pre code .ns { font-weight: bold; }   pre code .nested { opacity: .7; transition: opacity .2s ease-in; }   pre code .nested:hover { opacity: 1; }      #burger {    display: none;    color: white; +  border: none; +  background: transparent; +  margin: 0; +  transform-style: preserve-3d;   } -  +  #burger:focus { +  outline: 1px dashed #777; +  } +  #burger .bar { +  display: block; +  margin-top: 3px; +  height: 2px; +  width: 25px; +  background: #fff; +  } +  #burger .bar:first-child { +  margin-top: 0; +  }      @media screen and (max-width: 1024px) {    ul.multicol {    -webkit-column-count: 3;    -moz-column-count: 3;    column-count: 3;    }   }    - @media screen and (max-width: 800px) { + @media screen and (max-width: 767px) { +  .sidebar { +  opacity: 1; +  } +  +  // .sidebar { +  // display: none; +  // } +  // .sidebar.open { +  // display: block; +  // } +  +  .sidebar > div { +  columns: 3; +  } +  +  // .navbar .head { +  // display: block; +  // vertical-align: middle; +  // } +  // .navbar .head:hover { +  // background: #4c4c4c; +  // border-left-color: #3c3c3c; +  // } +  // .navbar .head:before { +  // content: '+'; +  // display: inline-block; +  // background: #666; +  // border-radius: 16px; +  // color: #333; +  // width: 19px; +  // height: 19px; +  // padding: 0px 5px 0px 5px; +  // margin-right: 8px; +  // // vertical-align: middle; +  // transition: background .2s ease-out; +  // } +  // .navbar .head.open:before { +  // background: #999; +  // } +  // .navbar .head.top:before { +  // content: ''; +  // display: inline; +  // background: transparent; +  // margin: 0; +  // padding: 0; +  // width: inital; +  // height: initial; +  // } +     .content {    width: 100%;    float: none;    }    .contentbox {    border-left: none;    margin-left: 0;    }    ul.multicol {    -webkit-column-count: 2;
autodoc.git/modref/style.css:571:    }       .inheritance-graph {    padding-left: 0px;    }       #burger {    display: block;    float: right;    color: white; -  padding: 10px 15px; -  margin-right: -15px; -  margin-top: -2px; +  padding: 9px 7px; +  margin-right: -6px; +  margin-top: 0px;    cursor: pointer;    border-radius: 2px;    opacity: .6;    transition: transform .3s ease-in-out;    }       body {    padding-top: 65px;    transition: padding-top .4s ease-out;    }
autodoc.git/modref/style.css:596:    position:fixed;    width: 100%;    top: 0;    left: 0;    z-index: 1;    transition: padding .3s ease-in;    }       header h1 {    display: inline-block; -  margin-top: 7px; +  margin-top: 5px;    }    -  header a { +  body header a { +  display: block;    height: 26px; -  width: 120px; -  transition: transform .3s ease-in; +  transition: all .3s ease-in;    }       body.scrolled {    padding-top: 46px;    }       body.scrolled header {    box-shadow: 0px 1px 5px 0px rgba(0,0,0,.4); -  padding: 0px 20px; +  padding: 1px 20px;    }       body.scrolled header a { -  transform: scale(.9); +  // transform: scale(.8); +  height: 22px;    }       .menu-open {    overflow: hidden;    }       .menu-open .navbar {    display: block;    }    -  .menu-open #burger { -  transform: rotate(90deg); +  #burger .bar { +  transform-style: preserve-3d; +  transition: all .3s ease-out;    }    -  +  .menu-open #burger .bar { +  // transform: rotate(90deg); +  +  +  } +  .menu-open #burger .bar:nth-child(1) { +  transform: rotate(45deg) +  translate(5px, 6px); +  } +  .menu-open #burger .bar:nth-child(2), +  .menu-open #burger .bar:nth-child(3) { +  opacity: 0; +  } +  .menu-open #burger .bar:nth-child(4) { +  transform: rotate(-45deg) +  translate(5px, -6px); +  } +     .navbar {    position: fixed;    bottom: 0;    top: 60px;    right: -100%;    left: 100%;    min-width: 100.3%;    z-index: 2;    background: #323232;    color: #ccc;
autodoc.git/modref/style.css:677:    color: #ccc;    }       dd[class^='body--'],    dd.example,    dt[class^='head--'] + dd {    margin-left: 0px;    }   }    + /* iPhone 6 and smaller */ + @media screen and (max-width: 414px) { +  .sidebar > div { +  columns: 2; +  } + } +    @media screen and (max-width: 600px) {    .traditional {    padding: 10px;    }       .traditional dl dd {    margin-left: 10px;    margin-right: 0px;    }   }