前往
大廳
主題

火狐Firefox Stylish CSS樣式:自動隱藏右下角側邊欄

—— | 2015-09-05 15:37:09 | 巴幣 0 | 人氣 397

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#sidebar-box {
-moz-appearance: none !important;
position: fixed !important;
top: 90% !important;/*调节触发区高度*/
/* AGENT_SHEET */
left: 95% !important;/*触发区域距离窗口左边框的距离*/
height: 16px !important;
width: 16px !important;
margin: 0 !important;
padding: 0 !important;
overflow:hidden !important;
border: 8px solid #FEB252 !important;/*此处 8px 设置边框线宽度,选大点就是实心圆点,选小点可设空心圆圈*/
border-radius: 8px !important;
opacity: 1 !important;
transition: 0.1s linear !important;/*侧栏回缩动画时间*/}


#sidebar-box:hover {
top: 65px !important;/*调节侧栏距离工具栏的距离*/
left: 75.5% !important;
width: 310px !important; /*调节侧栏宽度*/
border: 1px solid silver !important;
/*    border-radius: 0 5px 5px 0 !important;*/
height: 89.3% !important;/*设置侧栏整体高度,请根据自己实际情况设置该值*/
opacity: 1 !important;
transition: 0.1s linear !important;/*侧栏展开动画时间*/}
#sidebar {
height: 96.6% !important;/*设置侧栏高度,请根据自己实际情况设置该值*/
width: 100% !important;
border-bottom-right-radius:5px !important;}
#sidebar-box > #sidebar-header {
width: 100% !important;
font-weight: bold !important;
visibility: collapse !important;}
#sidebar-box:hover > #sidebar-header {visibility: visible  !important;}
#sidebar-splitter {display: none !important;}

創作回應

更多創作