You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
266 lines
7.6 KiB
266 lines
7.6 KiB
/*scrollbar themes*/
|
|
/*dark (dark colored scrollbar)*/
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.15);
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.75);
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.85);
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.9);
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-80px 0;
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-80px -20px;
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-80px -40px;
|
|
}
|
|
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-80px -56px;
|
|
}
|
|
/*light-2*/
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:4px;
|
|
background:#fff; /* rgba fallback */
|
|
background:rgba(255,255,255,0.1);
|
|
-webkit-border-radius:1px;
|
|
-moz-border-radius:1px;
|
|
border-radius:1px;
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:4px;
|
|
background:#fff; /* rgba fallback */
|
|
background:rgba(255,255,255,0.75);
|
|
-webkit-border-radius:1px;
|
|
-moz-border-radius:1px;
|
|
border-radius:1px;
|
|
}
|
|
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px 0;
|
|
}
|
|
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px auto;
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(255,255,255,0.85);
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(255,255,255,0.9);
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-32px 0;
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-32px -20px;
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-40px -40px;
|
|
}
|
|
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-40px -56px;
|
|
}
|
|
/*dark-2*/
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:4px;
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.1);
|
|
-webkit-border-radius:1px;
|
|
-moz-border-radius:1px;
|
|
border-radius:1px;
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:4px;
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.75);
|
|
-webkit-border-radius:1px;
|
|
-moz-border-radius:1px;
|
|
border-radius:1px;
|
|
}
|
|
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px 0;
|
|
}
|
|
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px auto;
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.85);
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.9);
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-112px 0;
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-112px -20px;
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-120px -40px;
|
|
}
|
|
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-120px -56px;
|
|
}
|
|
/*light-thick*/
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:4px;
|
|
background:#fff; /* rgba fallback */
|
|
background:rgba(255,255,255,0.1);
|
|
-webkit-border-radius:2px;
|
|
-moz-border-radius:2px;
|
|
border-radius:2px;
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:6px;
|
|
background:#fff; /* rgba fallback */
|
|
background:rgba(255,255,255,0.75);
|
|
-webkit-border-radius:2px;
|
|
-moz-border-radius:2px;
|
|
border-radius:2px;
|
|
}
|
|
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px 0;
|
|
}
|
|
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:6px;
|
|
margin:5px auto;
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(255,255,255,0.85);
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(255,255,255,0.9);
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-16px 0;
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-16px -20px;
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-20px -40px;
|
|
}
|
|
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-20px -56px;
|
|
}
|
|
/*dark-thick*/
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:4px;
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.1);
|
|
-webkit-border-radius:2px;
|
|
-moz-border-radius:2px;
|
|
border-radius:2px;
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:6px;
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.75);
|
|
-webkit-border-radius:2px;
|
|
-moz-border-radius:2px;
|
|
border-radius:2px;
|
|
}
|
|
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
height:4px;
|
|
margin:6px 0;
|
|
}
|
|
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:6px;
|
|
margin:5px auto;
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.85);
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.9);
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-96px 0;
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-96px -20px;
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-100px -40px;
|
|
}
|
|
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-100px -56px;
|
|
}
|
|
/*light-thin*/
|
|
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
|
|
background:#fff; /* rgba fallback */
|
|
background:rgba(255,255,255,0.1);
|
|
}
|
|
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:2px;
|
|
}
|
|
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
}
|
|
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:2px;
|
|
margin:7px auto;
|
|
}
|
|
/*dark-thin*/
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.15);
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:2px;
|
|
background:#000; /* rgba fallback */
|
|
background:rgba(0,0,0,0.75);
|
|
}
|
|
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
|
|
width:100%;
|
|
}
|
|
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
|
width:100%;
|
|
height:2px;
|
|
margin:7px auto;
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.85);
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
|
background:rgba(0,0,0,0.9);
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
|
|
background-position:-80px 0;
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
|
|
background-position:-80px -20px;
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
|
|
background-position:-80px -40px;
|
|
}
|
|
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
|
|
background-position:-80px -56px;
|
|
} |