github.com/imran-kn/cilium-fork@v1.6.9/Documentation/_themes/sphinx_rtd_theme/sass/_theme_layout.sass (about)

     1  .wy-affix
     2    position: fixed
     3    top: $gutter
     4  
     5  .wy-menu
     6    a:hover
     7      text-decoration: none
     8  
     9  .wy-menu-horiz
    10    +clearfix
    11    ul, li
    12      display: inline-block
    13    li:hover
    14      background: rgba(255,255,255,.1)
    15    li
    16      &.divide-left
    17        border-left: solid 1px hsl(0, 0%, 25%)
    18      &.divide-right
    19        border-right: solid 1px hsl(0, 0%, 25%)
    20    a
    21      height: $base-font-size * 2
    22      display: inline-block
    23      line-height: $base-font-size * 2
    24      padding: 0 $base-font-size
    25  
    26  .wy-menu-vertical
    27    width: $nav-desktop-width
    28    header, p.caption
    29      height: $base-font-size * 2
    30      display: inline-block
    31      line-height: $base-font-size * 2
    32      padding: 0 $gutter
    33      margin-bottom: 0
    34      display: block
    35      font-weight: bold
    36      text-transform: uppercase
    37      font-size: 80%
    38      color: $menu-dark
    39      white-space: nowrap
    40  
    41    ul
    42      margin-bottom: 0
    43    li
    44      &.divide-top
    45        border-top: solid 1px hsl(0, 0%, 25%)
    46      &.divide-bottom
    47        border-bottom: solid 1px hsl(0, 0%, 25%)
    48      &.current
    49        background: darken($menu-vertical-background-color, 10%)
    50        a
    51          color: $menu-link-medium
    52          border-right: solid 1px darken($menu-vertical-background-color, 20%)
    53          padding: $gutter / 4 $gutter * 1.5
    54          &:hover
    55            background: darken($menu-vertical-background-color, 15%)
    56      code
    57        border: none
    58        background: inherit
    59        color: inherit
    60        padding-left: 0
    61        padding-right: 0
    62      // Expand links
    63      span.toctree-expand
    64        display: block
    65        float: left
    66        margin-left: -1.2em
    67        @extend .fa
    68        @extend .fa-plus-square-o
    69        font-size: .8em
    70        line-height: 1.6em
    71        color: darken($menu-link-medium, 20%)
    72  
    73    // On state for the first level
    74    li.on a, li.current > a
    75      color: $menu-link-color
    76      padding: $gutter / 4 $gutter
    77      font-weight: bold
    78      position: relative
    79      background: $menu-vertical-background-color
    80      border: none
    81      border-bottom: solid 1px darken($menu-vertical-background-color, 20%)
    82      border-top: solid 1px darken($menu-vertical-background-color, 20%)
    83      padding-left: $gutter -4px
    84      +font-smooth
    85      &:hover
    86        background: $menu-vertical-background-color
    87        span.toctree-expand
    88          color: $menu-link-medium
    89      span.toctree-expand
    90        @extend .fa
    91        @extend .fa-minus-square-o
    92        display: block
    93        font-size: .8em
    94        line-height: 1.6em
    95        color: darken($menu-link-medium, 30%)
    96  
    97    // This is the on state for pages beyond second level
    98    li.toctree-l1.current li.toctree-l2, li.toctree-l2.current li.toctree-l3
    99      > ul
   100        display: none
   101      &.current > ul
   102        display: block
   103    li.toctree-l2
   104      &.current
   105        > a
   106          background: darken($menu-vertical-background-color, 20%)
   107          padding: $gutter / 4 $gutter * 1.5
   108        li.toctree-l3 > a
   109          display: block
   110          background: darken($menu-vertical-background-color, 20%)
   111          padding: $gutter / 4 $gutter * 2.5
   112      a:hover span.toctree-expand
   113        color: $menu-link-medium
   114      span.toctree-expand
   115        color: darken($menu-vertical-background-color, 35%)
   116    li.toctree-l3
   117      font-size: .9em
   118      &.current
   119        > a
   120          background: darken($menu-vertical-background-color, 25%)
   121          padding: $gutter / 4 $gutter * 2.5
   122        li.toctree-l4 > a
   123          display: block
   124          background: darken($menu-vertical-background-color, 25%)
   125          padding: $gutter / 4 $gutter * 3.5
   126          border-top: none
   127          border-bottom: none
   128      a:hover span.toctree-expand
   129        color: $menu-link-medium
   130      span.toctree-expand
   131        color: darken($menu-vertical-background-color, 40%)
   132    li.toctree-l4
   133      font-size: .9em
   134  
   135    li.current ul
   136      display: block
   137    li ul
   138      margin-bottom: 0
   139      display: none
   140    .local-toc
   141      li ul
   142        display: block
   143    li ul li a
   144      margin-bottom: 0
   145      color: $menu-link-light
   146      font-weight: normal
   147    a
   148      display: inline-block
   149      line-height: 18px
   150      padding: $gutter / 4 $gutter
   151      display: block
   152      position: relative
   153      font-size: 90%
   154      color: $menu-link-light
   155      &:hover
   156        background-color: lighten($menu-background-color, 10%)
   157        cursor: pointer
   158        span.toctree-expand
   159          color: $menu-link-light
   160      &:active
   161        background-color: $menu-logo-color
   162        cursor: pointer
   163        color: $menu-link-active
   164        span.toctree-expand
   165          color: $menu-link-active
   166  
   167  .wy-side-nav-search
   168    display: block
   169    width: $nav-desktop-width
   170    padding: $gutter / 2
   171    margin-bottom: $gutter / 2
   172    z-index: $z-index-popover
   173    background-color: $nav-search-background-color
   174    text-align: center
   175    padding: $gutter / 2
   176    display: block
   177    color: $nav-search-color
   178    margin-bottom: $gutter / 2
   179    input[type=text]
   180      width: 100%
   181      border-radius: 50px
   182      padding: 6px 12px
   183      border-color: darken($link-color, 5%)
   184    img
   185      display: block
   186      margin: auto auto $gutter / 2 auto
   187      height: 45px
   188      width: 45px
   189      background-color: $menu-logo-color
   190      padding: 5px
   191      border-radius: 100%
   192    > a, .wy-dropdown > a
   193      color: $nav-search-color
   194      font-size: 100%
   195      font-weight: bold
   196      display: inline-block
   197      padding: $base-line-height / 6 $base-line-height / 4
   198      margin-bottom: $gutter / 2
   199      +font-smooth
   200      &:hover
   201        background: rgba(255,255,255,.1)
   202      img.logo
   203        display: block  // display on its own line all the time
   204        margin: 0 auto
   205        height: auto  // undo badge styling above
   206        width: auto
   207        border-radius: 0
   208        max-width: 100%  // shrink on mobile, if appropriate
   209        background: rgba(0,0,0,0)  // make hover background of parent show up properly
   210      &.icon
   211        img.logo
   212          margin-top: 0.85em  // space it away from the title text
   213    > div.version
   214      margin-top: -1 * ($gutter / 4)
   215      margin-bottom: $gutter / 2
   216      font-weight: normal
   217      color: rgba(255,255,255,.3)
   218  
   219  
   220  .wy-nav .wy-menu-vertical
   221    header
   222      color: $link-color
   223    a
   224      color: $text-light
   225      &:hover
   226        background-color: $link-color
   227        color: $white
   228  
   229  [data-menu-wrap]
   230    +transition(all .2s ease-in)
   231    position: absolute
   232    opacity: 1
   233    width: 100%
   234    opacity: 0
   235    &.move-center
   236      left: 0
   237      right: auto
   238      opacity: 1
   239    &.move-left
   240      right: auto
   241      left: -100%
   242      opacity: 0
   243    &.move-right
   244      right: -100%
   245      left: auto
   246      opacity: 0
   247  
   248  
   249  .wy-body-for-nav
   250    background: left repeat-y $section-background-color
   251    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOERBMTRGRDBFMUUxMUUzODUwMkJCOThDMEVFNURFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOERBMTRGRTBFMUUxMUUzODUwMkJCOThDMEVFNURFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4REExNEZCMEUxRTExRTM4NTAyQkI5OEMwRUU1REUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4REExNEZDMEUxRTExRTM4NTAyQkI5OEMwRUU1REUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EwrlwAAAAA5JREFUeNpiMDU0BAgwAAE2AJgB9BnaAAAAAElFTkSuQmCC)
   252    background-size: $nav-desktop-width 1px
   253  
   254  .wy-grid-for-nav
   255    position: absolute
   256    width: 100%
   257    height: 100%
   258  
   259  .wy-nav-side
   260    position: fixed
   261    top: 0
   262    bottom: 0
   263    left: 0
   264    padding-bottom: 2em
   265    width: $nav-desktop-width
   266    overflow-x: hidden
   267    overflow-y: hidden
   268    min-height: 100%
   269    background: $nav-background-color
   270    z-index: $z-index-popover
   271  
   272  .wy-side-scroll
   273    width: $nav-desktop-width + 20px
   274    position: relative
   275    overflow-x: hidden
   276    overflow-y: scroll
   277    height: 100%
   278  
   279  .wy-nav-top
   280    display: none
   281    background: $link-color
   282    color: $white
   283    padding: $gutter / 4 $gutter / 2
   284    position: relative
   285    line-height: 50px
   286    text-align: center
   287    font-size: 100%
   288    +clearfix
   289    a
   290      color: $white
   291      font-weight: bold
   292      +font-smooth
   293    img
   294      margin-right: $base-line-height / 2
   295      height: 45px
   296      width: 45px
   297      background-color: $menu-logo-color
   298      padding: 5px
   299      border-radius: 100%
   300    i
   301      font-size: 30px
   302      float: left
   303      cursor: pointer
   304      padding-top: inherit
   305  
   306  .wy-nav-content-wrap
   307    margin-left: $nav-desktop-width
   308    background: $section-background-color
   309    min-height: 100%
   310  
   311  .wy-nav-content
   312    padding: $gutter $gutter * 2
   313    height: 100%
   314    max-width: 800px
   315    margin: auto
   316  
   317  .wy-body-mask
   318    position: fixed
   319    width: 100%
   320    height: 100%
   321    background: rgba(0,0,0,.2)
   322    display: none
   323    z-index: $z-index-modal - 1
   324    &.on
   325      display: block
   326  footer
   327    color: $footer-color
   328    p
   329      margin-bottom: $base-line-height / 2
   330    span.commit code
   331      padding: 0px
   332      font-family: $code-font-family
   333      font-size: 1em
   334      background: none
   335      border: none
   336      color: $footer-color
   337  
   338  .rst-footer-buttons
   339    &:before, &:after
   340      width: 100%
   341    +clearfix
   342  
   343  .rst-breadcrumbs-buttons
   344    margin-top: 12px
   345    +clearfix
   346  
   347  #search-results
   348    .search li
   349      margin-bottom: $base-line-height
   350      border-bottom: solid 1px $table_border_color
   351      padding-bottom: $base-line-height
   352    .search li:first-child
   353      border-top: solid 1px $table_border_color
   354      padding-top: $base-line-height
   355    .search li a
   356      font-size: 120%
   357      margin-bottom: $base-line-height / 2
   358      display: inline-block
   359    .context
   360      color: $text-medium
   361      font-size: 90%
   362  
   363  
   364  +media($tablet)
   365    .wy-body-for-nav
   366      background: $section-background-color
   367    .wy-nav-top
   368      display: block
   369    .wy-nav-side
   370      @if $nav-desktop-position == left
   371        left: -$nav-desktop-width
   372      @else
   373        right: -$nav-desktop-width
   374      &.shift
   375        width: 85%
   376        left: 0
   377    .wy-side-scroll
   378      width: auto
   379    .wy-side-nav-search
   380      width: auto
   381    .wy-menu.wy-menu-vertical
   382      width: auto
   383    .wy-nav-content-wrap
   384      margin-left: 0
   385      .wy-nav-content
   386        padding: $gutter
   387      &.shift
   388        position: fixed
   389        min-width: 100%
   390        left: 85%
   391        top: 0
   392        height: 100%
   393        overflow: hidden
   394  
   395  +media($desktop-wider)
   396    .wy-nav-content-wrap
   397      background: rgba(0,0,0,.05)
   398    .wy-nav-content
   399      margin: 0
   400      background: $section-background-color
   401  
   402  @media print
   403    .rst-versions, footer, .wy-nav-side
   404      display: none
   405    .wy-nav-content-wrap
   406      margin-left: 0