325 lines
7.9 KiB
CSS
325 lines
7.9 KiB
CSS
#bookmarksBox *{
|
|
display:block;
|
|
padding:0;
|
|
margin:0;
|
|
width:auto;
|
|
height:auto;
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:13px;
|
|
line-height:22px;
|
|
text-indent:0;
|
|
text-decoration:none;
|
|
}
|
|
#bookmarksBox{
|
|
margin-top:-200%;
|
|
position:absolute !important;
|
|
z-index:4001;
|
|
top:100px;
|
|
left:100px;
|
|
}
|
|
#bookmarksBox .addForm, #bookmarksBox #bookmarksTypeBar, #bookmarksBox h5{
|
|
height:28px;
|
|
overflow:hidden;
|
|
color:#fff;
|
|
font-size:14px;
|
|
}
|
|
#bookmarksBox #topBar, #bookmarksBox #topBar *{
|
|
height:15px !important;
|
|
}
|
|
#bookmarksBox #topBar *{
|
|
float:left !important;
|
|
}
|
|
#bookmarksBox .handle{
|
|
text-indent:-20px;
|
|
width:209px;
|
|
text-align:center;
|
|
color:#fff;
|
|
line-height:8px;
|
|
cursor:move;
|
|
}
|
|
#bookmarksBox #topBar .btn{
|
|
display:block;
|
|
width:19px;
|
|
cursor:pointer;
|
|
color:#20a8b1;
|
|
}
|
|
#bookmarksBox #topBar #bookmarksMin{
|
|
font-weight:bold;
|
|
text-align:center;
|
|
line-height:14px;
|
|
font-size:18px;
|
|
}
|
|
#bookmarksBox #topBar #bookmarksMin:hover{
|
|
color:gold;
|
|
}
|
|
#bookmarksBox #bookmarksTypeBar{
|
|
clear:both;
|
|
}
|
|
#bookmarksBox h5{
|
|
padding:4px 0;
|
|
width:114px;
|
|
text-align:center;
|
|
color:#788;
|
|
}
|
|
#bookmarksBox h5.current{
|
|
cursor:default;
|
|
background:0;
|
|
color:#fff !important;
|
|
}
|
|
#bookmarksBox h5:hover{
|
|
color:gold;
|
|
background:rgba(0,0,0,0);
|
|
}
|
|
#bookmarksBox #topBar .btn, #bookmarksBox .addForm, #bookmarksBox .handle, #bookmarksBox #bookmarksTypeBar, #bookmarksBox .bookmarkList li.bookmarksEmpty, #bookmarksBox .bookmarkList li.bkmrk a, #bookmarksBox .bookmarkList li.bkmrk:hover{
|
|
background-color:rgba(8,48,78,.85);
|
|
}
|
|
#bookmarksBox h5, #bookmarksBox .bookmarkList li.bkmrk:hover .bookmarksLink, #bookmarksBox .addForm *{
|
|
background:rgba(0,0,0,.3);
|
|
}
|
|
#bookmarksBox .addForm *{
|
|
display:block;
|
|
float:left;
|
|
padding:4px 8px 3px;
|
|
}
|
|
#bookmarksBox .addForm a{
|
|
cursor:pointer;
|
|
color:#20a8b1;
|
|
font-size:12px;
|
|
width:65px;
|
|
text-align:center;
|
|
line-height:20px;
|
|
padding:4px 0 3px;
|
|
}
|
|
#bookmarksBox .addForm a:hover{
|
|
background:gold;
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
#bookmarksBox .addForm input{
|
|
font-size:11px !important;
|
|
color:#ffce00;
|
|
width:81px;
|
|
line-height:11px;
|
|
font-size:12px;
|
|
-webkit-box-sizing:content-box;
|
|
-moz-box-sizing:content-box;
|
|
box-sizing:content-box;
|
|
}
|
|
#bookmarksBox #bkmrk_portals .addForm input{
|
|
width:147px;
|
|
}
|
|
#bookmarksBox .addForm input:hover, #bookmarksBox .addForm input:focus{
|
|
outline:0;
|
|
background:rgba(0,0,0,.6);
|
|
}
|
|
#bookmarksBox .bookmarkList>ul{
|
|
width:231px;
|
|
clear:both;
|
|
list-style-type:none;
|
|
color:#fff;
|
|
overflow:hidden;
|
|
max-height:550px;
|
|
}
|
|
#bookmarksBox .sortable-placeholder{
|
|
background:rgba(8,48,78,.55);
|
|
box-shadow:inset 1px 0 0 #20a8b1;
|
|
}
|
|
#bookmarksBox .ui-sortable-helper{
|
|
border-top-width:1px;
|
|
}
|
|
#bookmarksBox .bookmarkList{
|
|
display:none;
|
|
}
|
|
#bookmarksBox .bookmarkList.current{
|
|
display:block;
|
|
}
|
|
#bookmarksBox h5, #bookmarksBox .addForm *, #bookmarksBox ul li.bkmrk, #bookmarksBox ul li.bkmrk a{
|
|
height:22px;
|
|
}
|
|
#bookmarksBox h5, #bookmarksBox ul li.bkmrk a{
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
float:left;
|
|
}
|
|
#bookmarksBox ul .bookmarksEmpty{
|
|
text-indent:27px;
|
|
color:#eee;
|
|
}
|
|
#bookmarksBox ul .bookmarksRemoveFrom{
|
|
width:19px;
|
|
text-align:center;
|
|
color:#fff;
|
|
}
|
|
#bookmarksBox ul .bookmarksLink{
|
|
width:171px;
|
|
padding:0 10px 0 8px;
|
|
color:gold;
|
|
}
|
|
#bookmarksBox ul .bookmarksLink.selected{
|
|
color:#03fe03;
|
|
}
|
|
#bookmarksBox ul .othersBookmarks .bookmarksLink{
|
|
width:190px;
|
|
}
|
|
#bookmarksBox ul .bookmarksLink:hover{
|
|
color:#03fe03;
|
|
}
|
|
#bookmarksBox ul .bookmarksRemoveFrom:hover{
|
|
color:#fff;
|
|
background:#e22;
|
|
}
|
|
#bookmarksBox, #bookmarksBox *{
|
|
border-color:#20a8b1;
|
|
border-style:solid;
|
|
border-width:0;
|
|
}
|
|
#bookmarksBox #topBar, #bookmarksBox ul .bookmarkFolder{
|
|
border-top-width:1px;
|
|
}
|
|
#bookmarksBox #topBar, #bookmarksBox #bookmarksTypeBar, #bookmarksBox .addForm, #bookmarksBox ul .bookmarkFolder .folderLabel, #bookmarksBox ul li.bkmrk{
|
|
border-bottom-width:1px;
|
|
}
|
|
#bookmarksBox ul .bookmarkFolder, #bookmarksBox ul .bookmarksRemoveFrom{
|
|
border-right-width:1px;
|
|
border-left-width:1px;
|
|
}
|
|
#bookmarksBox #topBar *, #bookmarksBox #bookmarksTypeBar *, #bookmarksBox .addForm *{
|
|
border-left-width:1px;
|
|
}
|
|
#bookmarksBox #topBar, #bookmarksBox #bookmarksTypeBar, #bookmarksBox .addForm{
|
|
border-right-width:1px;
|
|
}
|
|
#bookmarksBox ul .othersBookmarks .bookmarksRemoveFrom, #bookmarksBox ul .bookmarkFolder .folderLabel .bookmarksRemoveFrom{
|
|
border-left-width:0;
|
|
}
|
|
#bookmarksShow{
|
|
display:block;
|
|
position:absolute;
|
|
top:0;
|
|
left:250px;
|
|
width:47px;
|
|
margin-top:-36px;
|
|
height:64px;
|
|
cursor:pointer;
|
|
z-index:2999;
|
|
background-position:center bottom;
|
|
background-repeat:no-repeat;
|
|
transition:margin-top 100ms ease-in-out;
|
|
background-image:url(@@INCLUDEIMAGE:plugins/bookmarks-by-zaso-logo.png@@);
|
|
}
|
|
#bookmarksShow:hover{
|
|
margin-top:0 !important;
|
|
}
|
|
#sidebar #portaldetails h3.title{
|
|
width:auto;
|
|
}
|
|
#bookmarkStar{
|
|
display:inline-block;
|
|
float:left;
|
|
margin:3px 1px 0 4px;
|
|
width:16px;
|
|
height:15px;
|
|
overflow:hidden;
|
|
background-image:url(@@INCLUDEIMAGE:plugins/bookmarks-by-zaso-star.png@@);
|
|
background-position:left center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
#bookmarkStar:hover, #bookmarkStar.favorite{
|
|
background-position:right center;
|
|
}
|
|
#bookmarksBox .handleScroll{
|
|
cursor:s-resize;
|
|
width:3px;
|
|
right:3px;
|
|
background:gold;
|
|
opacity:.7;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder{
|
|
overflow:hidden;
|
|
margin-top:-1px;
|
|
height:auto;
|
|
background:rgba(8,58,78,.7);
|
|
}
|
|
#bookmarksBox .bookmarkList ul li.sortable-placeholder{
|
|
box-shadow:inset -1px 0 0 #20a8b1, inset 1px 0 0 #20a8b1, 0 -1px 0 #20a8b1;
|
|
background:rgba(8,58,78,.9);
|
|
}
|
|
#bookmarksBox .bookmarkList .bkmrk.ui-sortable-helper{
|
|
border-right-width:1px;
|
|
border-left-width:1px;
|
|
}
|
|
#bookmarksBox .bookmarkList ul li ul li.sortable-placeholder{
|
|
height:23px;
|
|
box-shadow:inset 0 -1px 0 #20a8b1, inset 1px 0 0 #20a8b1;
|
|
}
|
|
#bookmarksBox .bookmarkList ul li.bookmarkFolder.ui-sortable-helper, #bookmarksBox .bookmarkList ul li.othersBookmarks ul, #bookmarksBox .bookmarkList ul li.othersBookmarks ul li.sortable-placeholder{
|
|
box-shadow:inset 0 -1px 0 #20a8b1;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span, #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>span, #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>span>span, #bookmarksBox .bookmarkList .triangle{
|
|
width:0;
|
|
height:0;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel{
|
|
overflow:visible;
|
|
height:25px;
|
|
cursor:pointer;
|
|
background:#069;
|
|
text-indent:0;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>*{
|
|
height:25px;
|
|
float:left;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor{
|
|
line-height:25px;
|
|
color:#fff;
|
|
width:209px;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel .bookmarksAnchor span{
|
|
float:left;
|
|
border-width:5px 0 5px 7px;
|
|
border-color:transparent transparent transparent white;
|
|
margin:7px 7px 0 6px;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder.active .folderLabel .bookmarksAnchor span{
|
|
margin:9px 5px 0 5px;
|
|
border-width:7px 5px 0 5px;
|
|
border-color:white transparent transparent transparent;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>span, #bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>span>span{
|
|
display:none;
|
|
border-width:0 12px 10px 0;
|
|
border-color:transparent #20a8b1 transparent transparent;
|
|
margin:-20px 0 0;
|
|
position:relative;
|
|
top:21px;
|
|
left:219px;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel>span>span{
|
|
top:18px;
|
|
left:0;
|
|
border-width:0 10px 9px 0;
|
|
border-color:transparent #069 transparent transparent;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder.active .folderLabel>span, #bookmarksBox .bookmarkList .bookmarkFolder.active .folderLabel>span>span{
|
|
display:block;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder.active .folderLabel:hover>span>span{
|
|
border-color:transparent #036 transparent transparent;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder .folderLabel:hover .bookmarksAnchor{
|
|
background:#036;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder ul{
|
|
display:none;
|
|
margin-left:19px;
|
|
}
|
|
#bookmarksBox .bookmarkList .bookmarkFolder.active ul{
|
|
display:block;
|
|
min-height:22px;
|
|
}
|
|
#bookmarksBox .bookmarkFolder.othersBookmarks ul{
|
|
margin-left:0;
|
|
}
|
|
)
|