bisonn icon

Untitled

bisonn | PRO | 01/14/20 10:43:06 PM UTC | 0 ⭐ | 372 👁️ | Never ⏰ | []
CSS |

2.49 KB

|

None

|

0 👍

/

0 👎

html, body {
    margin: 0px; padding: 0px;
    background-color: #4A4A4F;
}
/* Contains a panel */
#container {
    background-color: #4A4A4F;
}
/* Pop-up list of bookmarks by itself */
.panel {
    font-size: 14px; padding: 0 0 0 0;
    background-color: #4A4A4F;
/*    position:absolute; top: 0; left: 0;
    width: fit-content;
    height: fit-content;
    overflow-x: hidden; overflow-y: auto;
    max-height: 575px;
    min-height: 575px;
*/
    max-width: 160px;
    min-width: 160px;
}
/* Top toolbar with the settings button */
.toolbar {
    display:none
}
/* Pop-up list of bookmarks is represented as a table. Every row matches a bookmark, or a folder. Every row contains 3 columns: an icon, a title, and optionally arrow`s image (for folder items). */
table {
    border-spacing: 0px;
    margin: 0px; padding: 0px;
}
td {
    margin: 0px; padding: 1px 1px 1px 1px;
}
/* An arrow`s image in folder item */
td.arrow {
    padding: 1px 5px 1px 1px;
}
/* Bookmark icon */
td.icon img,
td.subfolder-icon img {
    border: none; width: 16px; height: 16px;
    margin: 5px;
}
/* Item icon in subfolder */
td.subfolder-icon img {
    margin-left: 14px; /* Attention: this parameter is bound with width of the `div.return_box` */
}
/* Item title */
td.title span,
td.folder span,
/* Subfolder item title */
td.subfolder-title span,
td.subfolder span {
    display: inline-block;
    margin: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    max-width: 369px;
    min-width: 369px;
    font-family:Segoe UI;
    font-size:14px;
    color:white;
}
/* Folder title */
td.folder span {
    font-weight: bold;
}
/* Subfolder title */
td.subfolder span {
    font-weight: bold;
}
/* Actives when you hover mouse pointer on item */
tr:hover {
    background-color: #5C5C61;
}
/* Horizontal line, that separates list items */
div.splitter {
    width: inherit; height: 1px; background-color: #5C5C61;
}
/* A block on left side in subfolders for returning to parent folder */
div.return_box {
    position:fixed; left: 0px; width: 14px;
    background-color: #fbfbfb; border: 0px solid #c0c0c0;
    border-left: none;
}
/* Actives when you hover mouse pointer on the return box */
div.return_box:hover {
    background-color: #badeff;
}
/* This sets style of arrows image in the return box */
div.return_box img {
    margin-left: 4px;
}
/* An empty item (with "...") */
span.empty {
    color: #aaa;
}

Comments