angepasstes Scrollpane Stylesheet


.scrlcontainer {
  display: table;
  table-layout: fixed; /* Spalten werden nicht an Inhalt angepasst */
  width: 100%;
}
.scrlcontainer p {
  margin: 0;
}
.leftscroll {
  display: table-cell;
  width: 6%;
  /*background-color: #EEEEEE;*/
}
.leftscroll:hover {
  background-image: url("pfeil-links.png"); 
	background-repeat: no-repeat;
  background-position: center;
}
.rightscroll {
  display: table-cell;
  width: 6%;
  min-width: 40px;
  /*background-color: #EEEEEE;*/
}
.rightscroll:hover {
  background-image: url("pfeil-rechts.png"); 
	background-repeat: no-repeat;
  background-position: center;
}
.scroll-pane {
  width: 100%;
  overflow: auto;
  display: table-cell;
  text-align: left;
}
/* wird per JavaScript gesetzt (muss dynamisch sein sonst Zeilenumbruch innerhalb des scroll-pane)
.objlist {
  width: 1000px;
}
*/
.hidden {
  display: none;
}
.objitem {
  float: left;
  margin-right: 2px;
}

.jspHorizontalBar {
  background-color: #FFFFFF;
  height: 4px;
  
}
.jspHorizontalBar .jspTrack {
  height: 1px;
  background-color: #DDDDDD;
}
.jspHorizontalBar .jspDrag {
  top: -1px;
  height: 4px;
  background-color: #888888;
}
.jspDrag.jspHover {
  background-color: #666666;
}
.jspVerticalBar { /* Safari Besonderheit ausblenden */
  display: none;
}
@media screen and (max-width: 700px){
  .leftscroll, .rightscroll {
    width: 43px;
  }
}

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *