{"sections":[{"urls":[],"urlPrefixes":[],"domains":["reddit.com"],"regexps":[],"code":"#RESDashboard .RESDashboardComponent {\r\n    /* 2 columns */\r\n    display: inline-block;\r\n    width: 48.5%;\r\n    vertical-align: top;\r\n    float: left;\r\n    margin: 0.6%;\r\n}\r\n\r\n#RESDashboardAddComponent {\r\n    /* Condense the Add Widget header */\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n}\r\n\r\n.res-nightmode #previoussearch input[type=text] {\r\n    /* Make previoussearch input field legible in nightmode */\r\n    color: #fff;\r\n}\r\n\r\n.widgetStateButtons .refreshAll {\r\n    /* The 'Refresh All' button is way too wide because of its long text. Truncate it, ... */\r\n    max-width: 4.6em;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.widgetStateButtons .refreshAll:hover {\r\n    /* ... but temporarily display it in full when hovering over it ... */\r\n    max-width: inherit;\r\n}\r\n\r\n.widgetStateButtons .refreshAll:hover + * {\r\n    /* ... (at the expense of the sibling element).*/\r\n/*    display: none; *//*I have enough space on my screen, so I don't need to hide this*/\r\n}\r\n\r\n.widgetStateButtons li.updateTime {\r\n    /* I don't really care about the update time, so let's hide it */\r\n    display: none;\r\n}\r\n\r\n.RESDashboardComponentContents {\r\n    /*\r\nI do want multiple rows per dashboard component, but I don't want a single dashboard hogging all the space. \r\nThis also ensures the dashboards line up nicely. \r\nAdds a scrollbar to the component if there are more rows that fit in the assigned height.*/\r\n    height: 170px;\r\n    overflow: auto;\r\n}\r\n\r\n.RESDashboardComponentContents:hover {\r\n    /* Show more of the currently hovered-over widget */\r\n    /* height: 390px;*/\r\n}\r\n\r\n.RESDashboardComponentContents .thing:hover {\r\n    /* I like a little highlight when I hover over an item */\r\n    background-color: rgba(0,0,50,0.3);\r\n}\r\n\r\n.RESDashboardComponent a.widgetPath, .RESDashboardComponentHeader ul {\r\n    /* Condense the Dashboard widget header */\r\n    width: auto;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    margin: 0;\r\n    padding: 0 0 0 0;\r\n}\r\n\r\n.RESDashboardComponent a.widgetPath {\r\n    /* Limit the widget name so the rest aligns better */\r\n    width: 22%;\r\n    margin: 0.5em;\r\n}\r\n\r\n.RESDashboardComponent .widgetSortButtons li {\r\n    /* Hide all the Widget's Sort buttons ... */\r\n    display: none;\r\n}\r\n\r\n.RESDashboardComponent .widgetSortButtons li.active {\r\n    /* ... apart from the Active sort button and ... */\r\n    display: inherit;\r\n}\r\n\r\n.RESDashboardComponent .widgetSortButtons:hover li {\r\n    /* ... re-display the widget's sort buttons again when hovering over one of its buttons */\r\n    display: inherit;\r\n}\r\n\r\n.RESDashboardComponent .thing {\r\n    /* Let's condense things a bit */\r\n    padding: 0.5em;\r\n    margin: 0;\r\n}\r\n\r\n.RESDashboardComponentContainer {\r\n    /* Condense the container too */\r\n    padding: 0;\r\n}\r\n\r\n.RESDashboardComponent .thing .title {\r\n    /* Hide the title after 2 lines */\r\n    max-height: 2.6em;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n\r\n.RESDashboardComponent .thing .title:hover {\r\n    /* Show the rest of the title when hovering over it */\r\n    max-height: inherit;\r\n}\r\n\r\n.RESDashboardComponentHeader ul.widgetSortButtons:hover + * {\r\n    /* Temporarily hide the (next) sibling elements when hovering over the sort buttons to free up some space */\r\n    display: none;\r\n}\r\n\r\n.RESDashboardComponentHeader ul.widgetSortButtons li[sort=controversial] {\r\n    /* That Controversial sort button is too wide; let's truncate it ... */\r\n    max-width: 5.5em;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.RESDashboardComponentHeader ul.widgetSortButtons:hover li[sort=controversial] {\r\n    /* ... but show the rest of the text when hovering over the sort buttons */\r\n    max-width: inherit;\r\n}\r\n\r\n.RESDashboardComponentContents .expando \u003e *, .RESDashboardComponentContents div.madeVisible \u003e * {\r\n    /* Add a border to the expanded element */\r\n    margin: 3em;\r\n}\r\n\r\n.RESDashboardComponentContents .expando, .RESDashboardComponentContents div.madeVisible {\r\n    /* Generally I am only watching a single item expanded, so let's center it above everything in the middle of the page ... */\r\n    position: fixed;\r\n    left: 30%;\r\n    top: 10%;\r\n    z-index: 998;\r\n    max-height: 80%;\r\n    overflow: auto;\r\n    border: 2px groove #336;\r\n    background-color: #001;\r\n    /*  min-height: 480px;*/\r\n    /*  opacity: 0.75;*/\r\n    /* Enable this rule if you want to make the expando element see-through */\r\n}\r\n\r\n.RESDashboardComponentContents .expando:hover, .RESDashboardComponentContents div.madeVisible:hover {\r\n    /*opacity: 1;*/\r\n    /* enable this rule if you use lower opacity in the above rule, to make it opaque when hovering over it. */\r\n}\r\n\r\n.RESDashboardComponentContents .expando-button.expanded {\r\n    /* ... along with the expando close button */\r\n    position: fixed;\r\n    top: 10%;\r\n    left: 30%;\r\n    border: 1px solid #336;\r\n    border-bottom: 1px solid #666;\r\n    z-index: 999;\r\n    margin-top: -18px;\r\n    background-color: #fff;\r\n}\r\n\r\n#REScommentNavBox {\r\n    /* Reposition the comment navigation box to the bottom right corner */\r\n    right: 320px;\r\n    bottom: 2em;\r\n    top: auto;\r\n}\r\n\r\n#header-img.default-header {\r\n    /* I know I am on Reddit; I don't need the alien header image */\r\n    display: none;\r\n}\r\n\r\n#header-bottom-right {\r\n    padding: 2px;\r\n}\r\n\r\n/* Enable this block if you want to hide most of the side bar till you hover over it. To be honest, it doesn't really work as intended yet. (Hence why it's commented out...)\r\n.side {\r\n    position: absolute;\r\n    right: -240px;\r\n    z-index: 10;\r\n}\r\n\r\n.side:hover {\r\n    right: 0px;\r\n}\r\n*/\r\n\r\n/*#RESDashboardAddComponent { left: -70%;}\r\n#RESDashboardAddComponent:hover { left: inherit;}*/\r\n\r\n.side input {\r\n    /* I like rounded corners ;-) */\r\n    border-radius: 3px;\r\n}\r\n\r\n.account-activity-box {\r\n    /* Fix the Account Activity box at the bottom right corner*/\r\n    position: fixed;\r\n    bottom: 0px;\r\n    right: 0px;\r\n    padding: 0.5em;\r\n    z-index: 10;\r\n    background-color: black;\r\n}\r\n\r\n#dashboardContents {\r\n    /* Condense some more of the dashboard */\r\n    padding-top: 0;\r\n}\r\n\r\n.recent-trophywinner img {height: 2.5em!important; width: auto!important;}\r\n.RESImage.loaded {max-height: inherit!important;}\r\n\r\n.wiki-page .wiki-page-content .md.wiki h1, .wiki-page .wiki-page-content .md.wiki h2, .wiki-page .wiki-page-content .md.wiki h3, .wiki-page .wiki-page-content .md.wiki h4, .wiki-page .wiki-page-content .md.wiki h5, .wiki-page .wiki-page-content .md.wiki h6 { color: rgba(255,255,255,0.4)}"},{"urls":[],"urlPrefixes":["http://www.reddit.com/r/Dashboard"],"domains":[],"regexps":[],"code":".side {\r\n  /* Hide most of the sidebar ... */\r\n  max-height: 4em; overflow: hidden;\r\n}\r\n.side:hover {\r\n  /* ... unless you hover over it */\r\n  max-height: inherit;\r\n}"}],"url":"http://userstyles.org/styles/86619","updateUrl":"https://userstyles.org/styles/chrome/86619.json","md5Url":"https://update.userstyles.org/86619.md5","originalMd5":"68c54555444ef3221d5dc5c713c60f19","name":"Reddit Enhancement Suite 2-columns Dashboard","thumbnail":"https://userstyles.org/style_screenshots/86619_after.jpeg?r=1775912434"}