Skip to content
Snippets Groups Projects
main.css 2.43 KiB
Newer Older
  • Learn to ignore specific revisions
  • Tom Wiesing's avatar
    Tom Wiesing committed
    /* general sizing */
    
    Michael Kohlhase's avatar
    Michael Kohlhase committed
    
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    header, main, .page-footer {
      padding-left: 300px;
    }
    
    @media only screen and (max-width : 992px) {
      header, main, .page-footer {
        padding-left: 0;
      }
    }
    
    .header {
      color: #ee6e73;
      font-weight: 300
    }
    
    .caption {
      font-size: 1.25rem;
      font-weight: 300;
      margin-bottom: 30px
    }
    
    code, pre {
      position: relative;
      font-size: 1.1rem
    }
    
    h1, h2, h3, h4, h5, h6 {
      -webkit-font-smoothing: antialiased
    }
    
    
    /* background color */
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    .page-footer, 
    nav, .side-nav .collapsible-body > ul:not(.collapsible) > li.active, 
    .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active,
    .pagination li.active {
    
      background-color: #5B78FD;
    
    /* tabs color */
    .tabs .tab a{
        color:#5B78FD;
    }
    .tabs .tab a:hover,.tabs .tab a.active {
    	background-color:transparent;
    	color:#5B78FD;
    }
    .tabs .tab.disabled a,.tabs .tab.disabled a:hover {
    	color:rgba(102,147,153,0.7);	
    }
    .tabs .indicator {
    	background-color: #5B78FD;
    }
    
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    /** sizing for navigation */
    nav.top-nav {
      height: 122px;
      box-shadow: none
    }
    
    div.nav-wrapper {
      overflow: hidden;
    }
    
    nav .nav-wrapper a.page-title {
      line-height: 122px;
      font-size: 48px;
      height: 122px;
      white-space: nowrap;
    }
    
    @media only screen and (max-width: 992px) {
      nav .nav-wrapper {
        text-align: center
      }
      nav .nav-wrapper a.page-title {
        font-size: 36px;
        height: 36px;
      }
    }
    
    a.button-collapse.top-nav {
      position: absolute;
      text-align: center;
      height: 48px;
      width: 48px;
      left: 7.5%;
      top: 0;
      float: none;
      margin-left: 1.5rem;
    
      color: #fff;
    
    Tom Wiesing's avatar
    Tom Wiesing committed
      font-size: 36px;
      z-index: 2
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    a.button-collapse.top-nav.full {
      line-height: 122px
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    a.button-collapse.top-nav i {
      font-size: 32px
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    @media only screen and (max-width: 600px) {
      a.button-collapse.top-nav {
        left: 5%
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    
    /* footer size */
    
    footer {
      color: #fff;
      font-size: .9rem;
    }
    
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    .page-footer .btn {
      margin-bottom: 5px;
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    }
    
    Tom Wiesing's avatar
    Tom Wiesing committed
    
    /* side bar */
    
    ul.side-nav.fixed {
      overflow: hidden
    }
    
    ul.side-nav.fixed li {
      line-height: 44px
    }
    
    ul.side-nav.fixed li.active {
      background-color: rgba(0, 0, 0, 0.05)
    }
    
    ul.side-nav.fixed li a {
      font-size: 13px;
      line-height: 44px;
      height: 44px;
      padding: 0 30px
    }
    
    ul.side-nav.fixed ul.collapsible-accordion {
      background-color: #FFF
    }
    
    ul.side-nav.fixed ul.collapsible-accordion a.collapsible-header {
      padding: 0 30px
    }
    
    ul.side-nav.fixed ul.collapsible-accordion .collapsible-body li a {
      font-weight: 400;
      padding: 0 37.5px 0 45px
    }
    
    ul.side-nav.fixed:hover {
      overflow-y: auto
    }