Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement