MediaWiki: Tweeki.css: Difference between revisions

Revision as of 19:15, 1 January 2019

/* CSS placed here will affect users of the Tweeki skin */

/* Scroll left sidebar with the entire screen */
@media (min-width: 992px) {
  .sidebar-left-wrapper {
      position:absolute;
  }
}

/* More condensed site-map tree */
.sidebar-left-wrapper ol, ul {
    padding-left: 1em;
}

/* Hide footer - it overflows the left, fixed side-bar */
#footer.footer {
    display: none;
}

/* Prevent that images in the main content flow into the right sidebar */
div#bodyContent img {
    max-width: 100%;
    height: auto;
}

/* Header theming */

.navbar-default {
    border-top:2px solid #31343D;
    border-bottom:2px solid #202228;
    background: #2f2f2f;
    background-image: -ms-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -moz-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -o-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4E5159), color-stop(0.75, #31343D));
    background-image: -webkit-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: linear-gradient(top, #4E5159 0%, #31343D 75%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E5159', endColorstr='#31343D');
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a {
    border-top:2px solid #31343D;
    border-bottom:2px solid #202228;
    background: #1f1f1f;
    background-image: -ms-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -moz-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -o-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4E5159), color-stop(0.75, #31343D));
    background-image: -webkit-linear-gradient(top, #4E5159 0%, #31343D 75%);
    background-image: linear-gradient(top, #4E5159 0%, #31343D 75%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E5159', endColorstr='#31343D');
}

.navbar-default {
    background-color: #2f2f2f;
    border-color: #202228
}

.navbar-default .navbar-brand {
    color: #FFF
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #DDD;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #DDD
}

.navbar-default .navbar-nav>li>a {
    color: #DDD;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #AAA;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #999;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #111
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}