MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body.page-Example_Page li#ca-viewsource { display:none!important; }

.res-img img {
	max-width:100%;
	height:auto;
}
#ca-nstab-main { display:none!important; }
#ca-viewsource { display: none !important; }
#ca-viewsource { display: none !important; }
#ca-history { display:none!important; } 
#ca-talk { display:none!important; }


.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: hidden;
}
.fancytree p {
    display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
    color: black;
}

  body {
    position: relative;
  }
 nav-pills {
    top: 20px;
    position: fixed;
  }
 col-sm-9 div {
    height: 100px;
    font-size: 28px;
  }
  #section1 {color: #fff; background-color: #1E88E5;}
  #section2 {color: #fff; background-color: #673ab7;}
  #section3 {color: #fff; background-color: #ff9800;}
  #section41 {color: #fff; background-color: #00bcd4;}
  #section42 {color: #fff; background-color: #009688;}
  
  @media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42  {
      margin-left: 150px;
    }
  }
  
  .scroll {
    max-height: 100px;
    overflow-y: auto;
}

<!-- you need to include the ShieldUI CSS and JS assets in order for the TreeView widget to work -->
<link rel="stylesheet" type="text/css" href="http://www.shieldui.com/shared/components/latest/css/light-bootstrap/all.min.css" />
<script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>

<script type="text/javascript">
    jQuery(function ($) {
        $("#treeview").shieldTreeView();
    });
</script>