diff --git a/lib/defaults.json b/lib/defaults.json index ebb2fd9..8788a07 100644 --- a/lib/defaults.json +++ b/lib/defaults.json @@ -1,5 +1,5 @@ { - "settings_version": 9, + "settings_version": 10, "settings": { "visual_theme": true, "high_contrast": false, @@ -11,7 +11,8 @@ "fold_comments": true, "mark_as_read": false, "sticky_header": false, - "user_tooltips": false + "user_tooltips": false, + "full_width": false }, "requirements": { "high_contrast": ["visual_theme"], @@ -38,6 +39,7 @@ "Mark as read allows you to mark links as visited, or to mark an entire page of links as read.", "Use Sticky header if you'd like to make the header follow you through the page.", "Gray visited links could make it easier for you to distinguish the links you haven't clicked on yet.", - "User tooltips give you information about users just by hovering their name with your cursor." + "User tooltips give you information about users just by hovering their name with your cursor.", + "Full width expands the page content to utilize the entire window." ] } diff --git a/lib/extras/hn_theme.css b/lib/extras/hn_theme.css index 61326c7..f217984 100644 --- a/lib/extras/hn_theme.css +++ b/lib/extras/hn_theme.css @@ -1,246 +1 @@ -.hnspecial-settings-menu-inner .hnspecial-settings-tip button,html.hnspecial-theme .hnspecial-mark-all-as-read-container button,.hnspecial-fold-comment-button{font:inherit;-webkit-appearance:none;border:none;font-weight:200;background:none;cursor:pointer;margin:0;padding:0;color:#828282;} -.hnspecial-settings-menu-inner .hnspecial-settings-tip button:hover,html.hnspecial-theme .hnspecial-mark-all-as-read-container button:hover,.hnspecial-fold-comment-button:hover{text-decoration:underline} -.hnspecial-settings-menu-inner .hnspecial-settings-tip button,html.hnspecial-theme .hnspecial-mark-all-as-read-container button,html.hnspecial-theme .hnspecial-fold-comment-button{color:#ffac5b} -html.hnspecial-theme input[type=submit],html.hnspecial-theme input[type=button],html.hnspecial-theme button.hnspecial-button{-webkit-appearance:none;font:15px/1.5 Helvetica Neue, Arial, sans-serif;padding:5px 8px;margin:0;font-weight:200;background:#ff8937;border:none;color:#fbf9f7;cursor:pointer;} -html.hnspecial-theme input[type=submit]:active,html.hnspecial-theme input[type=button]:active,html.hnspecial-theme button.hnspecial-button:active{color:#fff;background:#ff7718} -.hnspecial-infinite-pause{padding-left:5px;color:#828282 !important;} -.hnspecial-infinite-pause:before{content:'|';margin-right:5px} -.hnspecial-settings-button{display:inline-block;width:16px;height:16px;margin-right:10px;position:relative;top:3px;} -.hnspecial-settings-button img{opacity:.5;-webkit-transition:opacity 100ms ease;display:block !important} -.hnspecial-settings-button input[type=checkbox]{-webkit-appearance:none} -.hnspecial-settings-button-checkbox{width:16px;height:16px;border:none !important;position:absolute;top:0;left:0;z-index:2;cursor:pointer;padding:0 !important;margin:0;} -.hnspecial-settings-button-checkbox:hover ~ img{opacity:1} -.hnspecial-settings-button-checkbox:active ~ img{opacity:.5 !important} -.hnspecial-settings-button-checkbox:checked ~ img{opacity:1} -.hnspecial-settings-button-checkbox:checked ~ .hnspecial-settings-menu-container{opacity:1;top:24px;height:2000px;padding-top:10px;outline:1px solid rgba(255,137,55,0.004);-webkit-transition-delay:0,0,0,0,300ms;-webkit-transition-timing-function:ease-out} -.hnspecial-settings-menu-container{position:absolute;top:60px;left:-142px;width:300px;height:0;background:transparent;padding:0;overflow:hidden;box-sizing:border-box;font-weight:200;text-align:left;opacity:0;pointer-events:none;outline:none;-webkit-transition-timing-function:ease-out;-webkit-transition-property:opacity,top,height,padding,outline;-webkit-transition-duration:150ms,300ms,0,0,0;-webkit-transition-delay:0,0,300ms,300ms,0;} -.hnspecial-settings-menu-container:before{content:'';position:absolute;left:142px;top:3px;-webkit-transform:rotate(45deg);z-index:0;background:#f6e9d9;display:block;width:16px;height:16px} -.hnspecial-settings-menu-inner{width:100%;padding:20px;box-sizing:border-box;background:#f6e9d9;pointer-events:auto;line-height:1.5;color:#8a837c;} -.hnspecial-settings-menu-inner strong{font-weight:400;color:#6f6963;margin-bottom:109px} -.hnspecial-settings-menu-inner p,.hnspecial-settings-menu-inner .hnspecial-settings-tip{font-size:13px;} -.hnspecial-settings-menu-inner p strong,.hnspecial-settings-menu-inner .hnspecial-settings-tip strong{color:#45423e !important;font-weight:500 !important} -.hnspecial-settings-menu-inner p a,.hnspecial-settings-menu-inner .hnspecial-settings-tip a{color:#f19539 !important;font-weight:400 !important;letter-spacing:0 !important} -.hnspecial-settings-menu-inner .hnspecial-settings-info{margin-top:5px} -.hnspecial-settings-menu-inner .hnspecial-settings-tip{margin-bottom:20px;overflow:hidden;} -.hnspecial-settings-menu-inner .hnspecial-settings-tip button{display:block;float:right;font-weight:400} -.hnspecial-settings-menu-inner .hnspecial-settings-block{margin-bottom:7px;-webkit-user-select:none;} -.hnspecial-settings-menu-inner .hnspecial-settings-block.hnspecial-settings-flash{position:relative;-webkit-animation:flash 200ms ease;-webkit-animation-delay:2s;-webkit-animation-iteration-count:4;} -.hnspecial-settings-menu-inner .hnspecial-settings-block.hnspecial-settings-flash label{color:#ff8e1d} -.hnspecial-settings-menu-inner .hnspecial-settings-block:after{content:'';display:block;clear:both} -.hnspecial-settings-menu-inner .hnspecial-settings-block label{display:block;float:left;width:88%;font-weight:200;color:#6f6963;cursor:pointer} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container{display:block;float:right;width:12%;position:relative;} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input{display:block;position:absolute;z-index:2;top:0;left:0;width:100%;border:none;height:100%;cursor:pointer;} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:not(checked) ~ .on{display:none} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:not(checked) ~ .off{display:block} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:checked ~ .on{display:block} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:checked ~ .off{display:none} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator{text-transform:uppercase;} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator.on{color:#ff9e3c} -.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator.off{color:#c4c1be} -.hnspecial-settings-menu-inner .hnspecial-settings-submit-button,.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button{cursor:pointer;width:125px;margin-top:20px !important} -.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button{margin-left:10px !important;background-color:#c0c0c0 !important;} -.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button:active{background-color:#b6b6b6 !important} -.hnspecial-theme-link-flash,.hnspecial-theme-link-flash + tr{-webkit-animation:link-flash 1s ease} -html:not(.hnspecial-theme) .hnspecial-settings-container-cell{float:right;position:relative;top:0;margin-right:100px} -html.hnspecial-theme-preload body{display:none} -html.hnspecial-theme body{display:block} -html.hnspecial-theme,html.hnspecial-theme body{background:#fff;margin:0;padding:0;font:15px/1.5 Helvetica Neue, Arial, sans-serif;color:#555} -html.hnspecial-theme u{text-decoration:none} -html.hnspecial-theme a{color:#ffac5b;text-decoration:none} -html.hnspecial-theme a:hover{text-decoration:underline} -html.hnspecial-theme p{line-height:1.5;margin:0;margin-bottom:1em;color:#555;font-weight:200;word-wrap:break-word} -html.hnspecial-theme textarea,html.hnspecial-theme input[type="text"]{-webkit-appearance:none;border:1px solid #ccc;font:15px/1.5 Helvetica Neue, Arial, sans-serif;color:inherit;padding:5px 8px;margin:0;font-weight:200} -html.hnspecial-theme input:focus,html.hnspecial-theme button:focus{outline:none} -html.hnspecial-theme textarea{width:600px;height:120px;resize:vertical} -html.hnspecial-theme pre{overflow:auto;max-width:600px;word-wrap:normal;white-space:pre} -html.hnspecial-theme code{font:12px/1.5 "Monaco","Consolas","Lucida Console","Courier New",monospace;color:#888} -html.hnspecial-theme table{border-collapse:collapse;border:none} -html.hnspecial-theme tr,html.hnspecial-theme td{border:none;padding:0} -html.hnspecial-theme.error body{text-align:center;padding-top:140px;font-size:40px;font-weight:100;letter-spacing:1px;} -html.hnspecial-theme.error body a{display:block;font-size:20px;font-weight:100} -html.hnspecial-theme .WordSection1{width:900px;margin:0 auto;padding:50px 0;} -html.hnspecial-theme .WordSection1 .MsoNormal{margin:15px 0} -html.hnspecial-theme .hnspecial-infinite-pause{padding:0;margin-left:20px;font-size:13px;text-transform:lowercase;color:#999;} -html.hnspecial-theme .hnspecial-infinite-pause:before{content:normal} -html.hnspecial-theme.hnspecial-form-page form td{font-weight:200;padding-bottom:20px;} -html.hnspecial-theme.hnspecial-form-page form td:first-child{text-transform:capitalize;padding-right:30px;} -html.hnspecial-theme.hnspecial-form-page form td:first-child.hnspecial-textarea-label{vertical-align:top;padding-top:8px} -html.hnspecial-theme.hnspecial-form-page form b{font-weight:200} -html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container{width:300px;margin:0 auto;padding-top:100px;} -html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container input[type=submit]{width:130px} -html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container b{font-size:40px;font-weight:100;letter-spacing:1px} -html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container td:last-child,html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container td:last-child input{width:100%} -html.hnspecial-theme .hnspecial-theme-spacer-cell{overflow:hidden;position:relative} -html.hnspecial-theme .hnspecial-theme-spacer{position:absolute;top:0;bottom:0;left:7px;width:1px;background:#e1e1e1} -html.hnspecial-theme div.votearrow{width:10px !important;height:10px !important} -html.hnspecial-theme input[name="topcolor"] + p{margin-left:20px;} -html.hnspecial-theme input[name="topcolor"] + p strong{font-weight:400} -html.hnspecial-theme input[name="topcolor"] + p,html.hnspecial-theme input[name="topcolor"] + p pre{display:inline} -html.hnspecial-theme .hnspecial-theme-topcolor-preview{width:17px;height:17px;margin-left:20px;display:inline-block;position:absolute;left:100px} -html.hnspecial-theme body > center{display:block;max-width:900px;margin:0 auto;} -html.hnspecial-theme body > center > table{width:100%;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td{background:#ff8937;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table{color:rgba(255,255,255,0.8);font-weight:100;width:100%;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table b{font-weight:inherit;margin:0} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td{padding:20px 0;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child{width:30px;padding-left:25px;padding-right:10px;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child a{display:block;width:30px;height:30px;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child a:hover{text-decoration:none} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) font{display:inline-block;overflow:hidden;letter-spacing:1px;max-width:140px;white-space:nowrap;text-overflow:ellipsis} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) b a{margin-right:25px;font-weight:400;letter-spacing:0} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) img{display:none} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop > a,html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop > .topsel{margin-right:10px} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop .topsel a{font-weight:300} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:last-child{text-align:right;padding-right:25px;} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:last-child a[href^=logout]{margin-left:5px} -html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table a{font-weight:100;letter-spacing:1px;color:#fbf9f7} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td{padding:42px 20px 0 20px;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(1):nth-last-child(4):not(:empty){padding:0 !important;padding-top:15px !important;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(2):nth-last-child(3):not(:empty){padding:0 !important;padding-top:15px !important;padding-left:10px !important;width:100%;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(3):nth-last-child(2):not(:empty){padding:0 !important;padding-top:15px !important;padding-right:30px !important} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(4):nth-last-child(1):not(:empty){padding:0 !important;padding-top:15px !important;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_],html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]{opacity:.3;display:inline-block;-webkit-transition:all 150ms ease;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_]:hover,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]:hover{opacity:.6} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_]:active,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]:active{opacity:.3} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type{width:100%;font-weight:200;color:#999;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody > tr:first-child > td:first-child:not(.hnspecial-upvote-button):not(.title) > center{padding:0 13px 3px 10px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody > tr:first-child > td:nth-child(3):not(.title){padding-bottom:30px;line-height:1.5} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody tr td:first-child > a{display:block;padding-top:7px;padding-bottom:8px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody form{padding-top:30px;margin:0;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody form input[type=submit]{width:150px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default{padding-top:20px;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default .comhead,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default u{font-weight:200;font-size:13px;color:#999} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-poll-row + tr td{padding-top:5px;padding-bottom:20px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button{padding-right:13px;vertical-align:top;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button.poll center{padding-top:1px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button center{padding-top:20px !important} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.comment{font-weight:200} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title{padding:3px 0 5px 0;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title:last-child{width:100%} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title + td{padding:0 13px 3px 10px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title a{color:#ff9227;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title a:visited{color:#ffbd7c} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.subtext{font-size:13px;padding-bottom:22px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td{padding-top:30px;font-weight:200;font-size:13px;} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td .yclinks a{margin-right:10px} -html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td form input{width:400px;margin-left:10px} -html.hnspecial-theme.hnspecial-theme-high-contrast a{color:#ff8916;font-weight:400} -html.hnspecial-theme.hnspecial-theme-high-contrast .title a{font-weight:400;color:#444 !important;} -html.hnspecial-theme.hnspecial-theme-high-contrast .title a:visited{color:#777 !important} -html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table{font-weight:200;} -html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table a{font-weight:200} -html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table .topsel a{font-weight:400 !important} -html.hnspecial-theme.hnspecial-theme-high-contrast .hnspecial-mark-all-as-read-container{color:#777} -html.hnspecial-theme.hnspecial-theme-gray-visited-links .title a:visited{color:#aaa !important} -html.hnspecial-theme table:hover + .hnspecial-mark-all-as-read-container,html.hnspecial-theme .hnspecial-mark-all-as-read-container:hover{height:50px;padding-top:20px;opacity:1} -html.hnspecial-theme .hnspecial-mark-all-as-read-container{opacity:0;width:100%;font-weight:200;padding-left:18px;color:#999;} -html.hnspecial-theme .hnspecial-mark-all-as-read-container button{margin-left:10px} -html.hnspecial-theme .hnspecial-infinite-scroll-separator span{margin:0;position:absolute;font-size:13px;background:#fff;right:15px;top:-9px;padding:0 10px} -html.hnspecial-theme .hnspecial-infinite-scroll-separator td{position:relative;} -html.hnspecial-theme .hnspecial-infinite-scroll-separator td:after{margin-top:0;height:20px} -html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container{width:900px;margin:0 auto;padding-left:25px !important;padding-top:0 !important;color:#fff !important;} -html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container button{color:#fff !important;font-weight:300 !important} -html.hnspecial-theme.hnspecial-theme-sticky-header table:hover + .hnspecial-mark-all-as-read-container,html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container:hover{height:35px} -html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-message-container{padding-top:15px;padding-bottom:5px} -html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child{height:70px;} -html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child > td{position:fixed;top:0;left:0;width:100%;z-index:10;} -html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child > td > table{max-width:900px;margin:0 auto} -.hnspecial-mark-as-read-button{border:0;background-color:transparent;cursor:pointer;margin:0;margin-right:4px;padding:0 3px 0 0;-webkit-transition:color 150ms ease;} -.hnspecial-mark-as-read-button:hover{color:#666} -.hnspecial-mark-as-read-button,.hnspecial-mark-as-read-button:active{color:#b3b3b3} -.hnspecial-mark-all-as-read-container{-webkit-transition:all 150ms ease;-webkit-transition-delay:700ms;box-sizing:border-box;overflow:hidden;height:0;color:#000;padding-left:10px;} -.hnspecial-mark-all-as-read-container button{margin-left:5px} -table:hover + .hnspecial-mark-all-as-read-container,.hnspecial-mark-all-as-read-container:hover{height:40px;padding-top:10px} -.hnspecial-message-container{background:#fff;color:#999;text-align:center;font-weight:200;padding-top:20px} -.hnspecial-infinite-scroll-separator td span{display:block;margin-top:10px} -.hnspecial-infinite-scroll-separator td:after{margin-top:5px;height:17px;content:'';width:100%;display:block;border-top:1px solid #ddd} -.hnspecial-infinite-search-notice{position:fixed;right:20px;bottom:30px;width:400px;background:#f6e9d9;padding:20px;font-weight:200;cursor:pointer;-webkit-animation:slide-up 800ms ease;} -.hnspecial-infinite-search-notice span{color:#999;font-size:13px} -.hnspecial-infinite-search-notice.hnspecial-infinite-search-notice-hidden{-webkit-animation:slide-out-right 450ms ease;-webkit-animation-fill-mode:both} -.hnspecial-folded-comment:after{content:'[folded]';font-size:13px;display:block;color:#999;margin-top:1em;font-weight:200} -.hnspecial-folded-comment > *:not(:first-child){display:none} -.hnspecial-folded-row{display:none} -.hnspecial-permissions-iframe{border:0 none;height:113px;padding-top:10px;width:100%;} -.hnspecial-permissions-iframe.hnspecial-permissions-iframe-small{height:50px} -html.hnspecial-theme.hnspecial-permissions-iframe-inner{background:transparent;overflow:hidden;} -html.hnspecial-theme.hnspecial-permissions-iframe-inner body{background:transparent;} -html.hnspecial-theme.hnspecial-permissions-iframe-inner body .hnspecial-settings-menu-inner{padding:0} -html.hnspecial-theme.hnspecial-permissions-iframe-inner .permissions-description{display:block} -html.hnspecial-theme.hnspecial-permissions-iframe-inner button{width:100%} -.hn-special-tooltip-container{position:absolute;z-index:1000;padding-top:15px;margin-left:-10px;} -.hn-special-tooltip-container.hn-special-tooltip-loaded{width:360px} -.hn-special-tooltip-container:before{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.8);position:absolute;top:5px;left:20px;content:" "} -.hn-special-tooltip-container.hn-special-tooltip-inverted{padding-top:0;padding-bottom:10px;} -.hn-special-tooltip-container.hn-special-tooltip-inverted:before{border-bottom:none !important;border-top:10px solid rgba(0,0,0,0.8) !important;top:auto;bottom:0} -.hn-special-tooltip{color:#fff;background-color:rgba(0,0,0,0.8);padding:15px 20px;font-weight:200} -.hn-special-tooltip-key,.hn-special-tooltip-value{float:left;word-wrap:break-word} -.hn-special-tooltip-key{font-weight:400;width:30%} -.hn-special-tooltip-value{width:70%;font-weight:200} -.hn-special-tooltip-clear{margin-bottom:10px;clear:both;} -.hn-special-tooltip-clear:last-child{margin-bottom:0} -@-moz-keyframes flash{0%{left:0} -25%{left:-12px} -50%{left:0} -75%{left:12px} -100%{left:0} -}@-webkit-keyframes flash{0%{left:0} -25%{left:-12px} -50%{left:0} -75%{left:12px} -100%{left:0} -}@-o-keyframes flash{0%{left:0} -25%{left:-12px} -50%{left:0} -75%{left:12px} -100%{left:0} -}@-ms-keyframes flash{0%{left:0} -25%{left:-12px} -50%{left:0} -75%{left:12px} -100%{left:0} -}@keyframes flash{0%{left:0} -25%{left:-12px} -50%{left:0} -75%{left:12px} -100%{left:0} -}@-moz-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)} -100%{opacity:1;-webkit-transform:translateX(0)} -}@-webkit-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)} -100%{opacity:1;-webkit-transform:translateX(0)} -}@-o-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)} -100%{opacity:1;-webkit-transform:translateX(0)} -}@-ms-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)} -100%{opacity:1;-webkit-transform:translateX(0)} -}@keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)} -100%{opacity:1;-webkit-transform:translateX(0)} -}@-moz-keyframes slide-up{0%{bottom:-200px;opacity:0} -60%{bottom:90px;opacity:1} -100%{bottom:30px;opacity:1} -}@-webkit-keyframes slide-up{0%{bottom:-200px;opacity:0} -60%{bottom:90px;opacity:1} -100%{bottom:30px;opacity:1} -}@-o-keyframes slide-up{0%{bottom:-200px;opacity:0} -60%{bottom:90px;opacity:1} -100%{bottom:30px;opacity:1} -}@-ms-keyframes slide-up{0%{bottom:-200px;opacity:0} -60%{bottom:90px;opacity:1} -100%{bottom:30px;opacity:1} -}@keyframes slide-up{0%{bottom:-200px;opacity:0} -60%{bottom:90px;opacity:1} -100%{bottom:30px;opacity:1} -}@-moz-keyframes slide-out-right{0%{right:20px;opacity:1} -60%{right:80px;opacity:1} -100%{right:-500px;opacity:0} -}@-webkit-keyframes slide-out-right{0%{right:20px;opacity:1} -60%{right:80px;opacity:1} -100%{right:-500px;opacity:0} -}@-o-keyframes slide-out-right{0%{right:20px;opacity:1} -60%{right:80px;opacity:1} -100%{right:-500px;opacity:0} -}@-ms-keyframes slide-out-right{0%{right:20px;opacity:1} -60%{right:80px;opacity:1} -100%{right:-500px;opacity:0} -}@keyframes slide-out-right{0%{right:20px;opacity:1} -60%{right:80px;opacity:1} -100%{right:-500px;opacity:0} -} \ No newline at end of file +.hnspecial-settings-menu-inner .hnspecial-settings-tip button,html.hnspecial-theme .hnspecial-mark-all-as-read-container button,.hnspecial-fold-comment-button{font:inherit;-webkit-appearance:none;border:none;font-weight:200;background:none;cursor:pointer;margin:0;padding:0;color:#828282;}.hnspecial-settings-menu-inner .hnspecial-settings-tip button:hover,html.hnspecial-theme .hnspecial-mark-all-as-read-container button:hover,.hnspecial-fold-comment-button:hover{text-decoration:underline}.hnspecial-settings-menu-inner .hnspecial-settings-tip button,html.hnspecial-theme .hnspecial-mark-all-as-read-container button,html.hnspecial-theme .hnspecial-fold-comment-button{color:#ffac5b}html.hnspecial-theme input[type=submit],html.hnspecial-theme input[type=button],html.hnspecial-theme button.hnspecial-button{-webkit-appearance:none;font:15px/1.5 Helvetica Neue, Arial, sans-serif;padding:5px 8px;margin:0;font-weight:200;background:#ff8937;border:none;color:#fbf9f7;cursor:pointer;}html.hnspecial-theme input[type=submit]:active,html.hnspecial-theme input[type=button]:active,html.hnspecial-theme button.hnspecial-button:active{color:#fff;background:#ff7718}.hnspecial-infinite-pause{padding-left:5px;color:#828282 !important;}.hnspecial-infinite-pause:before{content:'|';margin-right:5px}.hnspecial-settings-button{display:inline-block;width:16px;height:16px;margin-right:10px;position:relative;top:3px;}.hnspecial-settings-button img{opacity:.5;-webkit-transition:opacity 100ms ease;display:block !important}.hnspecial-settings-button input[type=checkbox]{-webkit-appearance:none}.hnspecial-settings-button-checkbox{width:16px;height:16px;border:none !important;position:absolute;top:0;left:0;z-index:2;cursor:pointer;padding:0 !important;margin:0;}.hnspecial-settings-button-checkbox:hover ~ img{opacity:1}.hnspecial-settings-button-checkbox:active ~ img{opacity:.5 !important}.hnspecial-settings-button-checkbox:checked ~ img{opacity:1}.hnspecial-settings-button-checkbox:checked ~ .hnspecial-settings-menu-container{opacity:1;top:24px;height:2000px;padding-top:10px;outline:1px solid rgba(255,137,55,0.004);-webkit-transition-delay:0ms,0ms,0ms,0ms,300ms;-webkit-transition-timing-function:ease-out}.hnspecial-settings-menu-container{position:absolute;top:60px;left:-142px;width:300px;height:0;background:transparent;padding:0;overflow:hidden;box-sizing:border-box;font-weight:200;text-align:left;opacity:0;pointer-events:none;outline:none;-webkit-transition-timing-function:ease-out;-webkit-transition-property:opacity,top,height,padding,outline;-webkit-transition-duration:150ms,300ms,0ms,0ms,0ms;-webkit-transition-delay:0ms,0ms,300ms,300ms,0ms;}.hnspecial-settings-menu-container:before{content:'';position:absolute;left:142px;top:3px;-webkit-transform:rotate(45deg);z-index:0;background:#f6e9d9;display:block;width:16px;height:16px}.hnspecial-settings-menu-inner{width:100%;padding:20px;box-sizing:border-box;background:#f6e9d9;pointer-events:auto;line-height:1.5;color:#8a837c;}.hnspecial-settings-menu-inner strong{font-weight:400;color:#6f6963;margin-bottom:109px}.hnspecial-settings-menu-inner p,.hnspecial-settings-menu-inner .hnspecial-settings-tip{font-size:13px;}.hnspecial-settings-menu-inner p strong,.hnspecial-settings-menu-inner .hnspecial-settings-tip strong{color:#45423e !important;font-weight:500 !important}.hnspecial-settings-menu-inner p a,.hnspecial-settings-menu-inner .hnspecial-settings-tip a{color:#f19539 !important;font-weight:400 !important;letter-spacing:0 !important}.hnspecial-settings-menu-inner .hnspecial-settings-info{margin-top:5px}.hnspecial-settings-menu-inner .hnspecial-settings-tip{margin-bottom:20px;overflow:hidden;}.hnspecial-settings-menu-inner .hnspecial-settings-tip button{display:block;float:right;font-weight:400}.hnspecial-settings-menu-inner .hnspecial-settings-block{margin-bottom:7px;-webkit-user-select:none;}.hnspecial-settings-menu-inner .hnspecial-settings-block.hnspecial-settings-flash{position:relative;-webkit-animation:flash 200ms ease;-webkit-animation-delay:2s;-webkit-animation-iteration-count:4;}.hnspecial-settings-menu-inner .hnspecial-settings-block.hnspecial-settings-flash label{color:#ff8e1d}.hnspecial-settings-menu-inner .hnspecial-settings-block:after{content:'';display:block;clear:both}.hnspecial-settings-menu-inner .hnspecial-settings-block label{display:block;float:left;width:88%;font-weight:200;color:#6f6963;cursor:pointer}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container{display:block;float:right;width:12%;position:relative;}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input{display:block;position:absolute;z-index:2;top:0;left:0;width:100%;border:none;height:100%;cursor:pointer;}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:not(checked) ~ .on{display:none}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:not(checked) ~ .off{display:block}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:checked ~ .on{display:block}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-container input:checked ~ .off{display:none}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator{text-transform:uppercase;}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator.on{color:#ff9e3c}.hnspecial-settings-menu-inner .hnspecial-settings-block .hnspecial-settings-checkbox-indicator.off{color:#c4c1be}.hnspecial-settings-menu-inner .hnspecial-settings-submit-button,.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button{cursor:pointer;width:125px;margin-top:20px !important}.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button{margin-left:10px !important;background-color:#c0c0c0 !important;}.hnspecial-settings-menu-inner .hnspecial-settings-cancel-button:active{background-color:#b6b6b6 !important}.hnspecial-theme-link-flash,.hnspecial-theme-link-flash + tr{-webkit-animation:link-flash 1s ease}html:not(.hnspecial-theme) .hnspecial-settings-container-cell{float:right;position:relative;top:0;margin-right:100px}html.hnspecial-theme-preload body{display:none}html.hnspecial-theme body{display:block}html.hnspecial-theme,html.hnspecial-theme body{background:#fff;margin:0;padding:0;font:15px/1.5 Helvetica Neue, Arial, sans-serif;color:#555}html.hnspecial-theme u{text-decoration:none}html.hnspecial-theme a{color:#ffac5b;text-decoration:none}html.hnspecial-theme a:hover{text-decoration:underline}html.hnspecial-theme p{line-height:1.5;margin:0;margin-bottom:1em;color:#555;font-weight:200;word-wrap:break-word}html.hnspecial-theme textarea,html.hnspecial-theme input[type="text"]{-webkit-appearance:none;border:1px solid #ccc;font:15px/1.5 Helvetica Neue, Arial, sans-serif;color:inherit;padding:5px 8px;margin:0;font-weight:200}html.hnspecial-theme input:focus,html.hnspecial-theme button:focus{outline:none}html.hnspecial-theme textarea{width:600px;height:120px;resize:vertical}html.hnspecial-theme pre{overflow:auto;max-width:600px;word-wrap:normal;white-space:pre}html.hnspecial-theme code{font:12px/1.5 "Monaco","Consolas","Lucida Console","Courier New",monospace;color:#888}html.hnspecial-theme table{border-collapse:collapse;border:none}html.hnspecial-theme tr,html.hnspecial-theme td{border:none;padding:0}html.hnspecial-theme.error body{text-align:center;padding-top:140px;font-size:40px;font-weight:100;letter-spacing:1px;}html.hnspecial-theme.error body a{display:block;font-size:20px;font-weight:100}html.hnspecial-theme .WordSection1{width:900px;margin:0 auto;padding:50px 0;}html.hnspecial-theme .WordSection1 .MsoNormal{margin:15px 0}html.hnspecial-theme .hnspecial-infinite-pause{padding:0;margin-left:20px;font-size:13px;text-transform:lowercase;color:#999;}html.hnspecial-theme .hnspecial-infinite-pause:before{content:normal}html.hnspecial-theme.hnspecial-form-page form td{font-weight:200;padding-bottom:20px;}html.hnspecial-theme.hnspecial-form-page form td:first-child{text-transform:capitalize;padding-right:30px;}html.hnspecial-theme.hnspecial-form-page form td:first-child.hnspecial-textarea-label{vertical-align:top;padding-top:8px}html.hnspecial-theme.hnspecial-form-page form b{font-weight:200}html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container{width:300px;margin:0 auto;padding-top:100px;}html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container input[type=submit]{width:130px}html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container b{font-size:40px;font-weight:100;letter-spacing:1px}html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container td:last-child,html.hnspecial-theme.hnspecial-form-page.login .hnspecial-form-container td:last-child input{width:100%}html.hnspecial-theme .hnspecial-theme-spacer-cell{overflow:hidden;position:relative}html.hnspecial-theme .hnspecial-theme-spacer{position:absolute;top:0;bottom:0;left:7px;width:1px;background:#e1e1e1}html.hnspecial-theme div.votearrow{width:10px !important;height:10px !important}html.hnspecial-theme input[name="topcolor"] + p{margin-left:20px;}html.hnspecial-theme input[name="topcolor"] + p strong{font-weight:400}html.hnspecial-theme input[name="topcolor"] + p,html.hnspecial-theme input[name="topcolor"] + p pre{display:inline}html.hnspecial-theme .hnspecial-theme-topcolor-preview{width:17px;height:17px;margin-left:20px;display:inline-block;position:absolute;left:100px}html.hnspecial-theme body > center{display:block;max-width:900px;margin:0 auto;}html.hnspecial-theme body > center > table{width:100%;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td{background:#ff8937;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table{color:rgba(255,255,255,0.8);font-weight:100;width:100%;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table b{font-weight:inherit;margin:0}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td{padding:20px 0;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child{width:30px;padding-left:25px;padding-right:10px;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child a{display:block;width:30px;height:30px;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:first-child a:hover{text-decoration:none}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) font{display:inline-block;overflow:hidden;letter-spacing:1px;max-width:140px;white-space:nowrap;text-overflow:ellipsis}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) b a{margin-right:25px;font-weight:400;letter-spacing:0}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) img{display:none}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop > a,html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop > .topsel{margin-right:10px}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:nth-child(2) .pagetop .topsel a{font-weight:300}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:last-child{text-align:right;padding-right:25px;}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table td:last-child a[href^=logout]{margin-left:5px}html.hnspecial-theme body > center > table > tbody > tr:first-child > td > table a{font-weight:100;letter-spacing:1px;color:#fbf9f7}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td{padding:42px 20px 0 20px;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(1):nth-last-child(4):not(:empty){padding:0 !important;padding-top:15px !important;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(2):nth-last-child(3):not(:empty){padding:0 !important;padding-top:15px !important;padding-left:10px !important;width:100%;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(3):nth-last-child(2):not(:empty){padding:0 !important;padding-top:15px !important;padding-right:30px !important}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td tr > td:nth-child(4):nth-last-child(1):not(:empty){padding:0 !important;padding-top:15px !important;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_],html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]{opacity:.3;display:inline-block;-webkit-transition:all 150ms ease;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_]:hover,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]:hover{opacity:.6}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=up_]:active,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td a[id^=down_]:active{opacity:.3}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type{width:100%;font-weight:200;color:#999;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody > tr:first-child > td:first-child:not(.hnspecial-upvote-button):not(.title) > center{padding:0 13px 3px 10px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody > tr:first-child > td:nth-child(3):not(.title){padding-bottom:30px;line-height:1.5}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody tr td:first-child > a{display:block;padding-top:7px;padding-bottom:8px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody form{padding-top:30px;margin:0;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td > table:first-of-type > tbody form input[type=submit]{width:150px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default{padding-top:20px;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default .comhead,html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .default u{font-weight:200;font-size:13px;color:#999}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-poll-row + tr td{padding-top:5px;padding-bottom:20px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button{padding-right:13px;vertical-align:top;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button.poll center{padding-top:1px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td .hnspecial-upvote-button center{padding-top:20px !important}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.comment{font-weight:200}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title{padding:3px 0 5px 0;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title:last-child{width:100%}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title + td{padding:0 13px 3px 10px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title a{color:#ff9227;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.title a:visited{color:#ffbd7c}html.hnspecial-theme body > center > table > tbody > tr:nth-child(3) > td td.subtext{font-size:13px;padding-bottom:22px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td{padding-top:30px;font-weight:200;font-size:13px;}html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td .yclinks a{margin-right:10px}html.hnspecial-theme body > center > table > tbody > tr:nth-child(4) > td form input{width:400px;margin-left:10px}html.hnspecial-theme.hnspecial-theme-high-contrast a{color:#ff8916;font-weight:400}html.hnspecial-theme.hnspecial-theme-high-contrast .title a{font-weight:400;color:#444 !important;}html.hnspecial-theme.hnspecial-theme-high-contrast .title a:visited{color:#777 !important}html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table{font-weight:200;}html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table a{font-weight:200}html.hnspecial-theme.hnspecial-theme-high-contrast body > center > table > tbody > tr:first-child > td > table .topsel a{font-weight:400 !important}html.hnspecial-theme.hnspecial-theme-high-contrast .hnspecial-mark-all-as-read-container{color:#777}html.hnspecial-theme.hnspecial-theme-gray-visited-links .title a:visited{color:#aaa !important}html.hnspecial-theme table:hover + .hnspecial-mark-all-as-read-container,html.hnspecial-theme .hnspecial-mark-all-as-read-container:hover{height:50px;padding-top:20px;opacity:1}html.hnspecial-theme .hnspecial-mark-all-as-read-container{opacity:0;width:100%;font-weight:200;padding-left:18px;color:#999;}html.hnspecial-theme .hnspecial-mark-all-as-read-container button{margin-left:10px}html.hnspecial-theme .hnspecial-infinite-scroll-separator span{margin:0;position:absolute;font-size:13px;background:#fff;right:15px;top:-9px;padding:0 10px}html.hnspecial-theme .hnspecial-infinite-scroll-separator td{position:relative;}html.hnspecial-theme .hnspecial-infinite-scroll-separator td:after{margin-top:0;height:20px}html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container{width:900px;margin:0 auto;padding-left:25px !important;padding-top:0 !important;color:#fff !important;}html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container button{color:#fff !important;font-weight:300 !important}html.hnspecial-theme.hnspecial-theme-sticky-header table:hover + .hnspecial-mark-all-as-read-container,html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-mark-all-as-read-container:hover{height:35px}html.hnspecial-theme.hnspecial-theme-sticky-header .hnspecial-message-container{padding-top:15px;padding-bottom:5px}html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child{height:70px;}html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child > td{position:fixed;top:0;left:0;width:100%;z-index:10;}html.hnspecial-theme.hnspecial-theme-sticky-header body > center > table > tbody > tr:first-child > td > table{max-width:900px;margin:0 auto}.hnspecial-mark-as-read-button{border:0;background-color:transparent;cursor:pointer;margin:0;margin-right:4px;padding:0 3px 0 0;-webkit-transition:color 150ms ease;}.hnspecial-mark-as-read-button:hover{color:#666}.hnspecial-mark-as-read-button,.hnspecial-mark-as-read-button:active{color:#b3b3b3}.hnspecial-mark-all-as-read-container{-webkit-transition:all 150ms ease;-webkit-transition-delay:700ms;box-sizing:border-box;overflow:hidden;height:0;color:#000;padding-left:10px;}.hnspecial-mark-all-as-read-container button{margin-left:5px}table:hover + .hnspecial-mark-all-as-read-container,.hnspecial-mark-all-as-read-container:hover{height:40px;padding-top:10px}.hnspecial-message-container{background:#fff;color:#999;text-align:center;font-weight:200;padding-top:20px}.hnspecial-infinite-scroll-separator td span{display:block;margin-top:10px}.hnspecial-infinite-scroll-separator td:after{margin-top:5px;height:17px;content:'';width:100%;display:block;border-top:1px solid #ddd}.hnspecial-infinite-search-notice{position:fixed;right:20px;bottom:30px;width:400px;background:#f6e9d9;padding:20px;font-weight:200;cursor:pointer;-webkit-animation:slide-up 800ms ease;}.hnspecial-infinite-search-notice span{color:#999;font-size:13px}.hnspecial-infinite-search-notice.hnspecial-infinite-search-notice-hidden{-webkit-animation:slide-out-right 450ms ease;-webkit-animation-fill-mode:both}.hnspecial-folded-comment:after{content:'[folded]';font-size:13px;display:block;color:#999;margin-top:1em;font-weight:200}.hnspecial-folded-comment > *:not(:first-child){display:none}.hnspecial-folded-row{display:none}.hnspecial-permissions-iframe{border:0 none;height:113px;padding-top:10px;width:100%;}.hnspecial-permissions-iframe.hnspecial-permissions-iframe-small{height:50px}html.hnspecial-theme.hnspecial-permissions-iframe-inner{background:transparent;overflow:hidden;}html.hnspecial-theme.hnspecial-permissions-iframe-inner body{background:transparent;}html.hnspecial-theme.hnspecial-permissions-iframe-inner body .hnspecial-settings-menu-inner{padding:0}html.hnspecial-theme.hnspecial-permissions-iframe-inner .permissions-description{display:block}html.hnspecial-theme.hnspecial-permissions-iframe-inner button{width:100%}.hn-special-tooltip-container{position:absolute;z-index:1000;padding-top:15px;margin-left:-10px;}.hn-special-tooltip-container.hn-special-tooltip-loaded{width:360px}.hn-special-tooltip-container:before{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.8);position:absolute;top:5px;left:20px;content:" "}.hn-special-tooltip-container.hn-special-tooltip-inverted{padding-top:0;padding-bottom:10px;}.hn-special-tooltip-container.hn-special-tooltip-inverted:before{border-bottom:none !important;border-top:10px solid rgba(0,0,0,0.8) !important;top:auto;bottom:0}.hn-special-tooltip{color:#fff;background-color:rgba(0,0,0,0.8);padding:15px 20px;font-weight:200}.hn-special-tooltip-key,.hn-special-tooltip-value{float:left;word-wrap:break-word}.hn-special-tooltip-key{font-weight:400;width:30%}.hn-special-tooltip-value{width:70%;font-weight:200}.hn-special-tooltip-clear{margin-bottom:10px;clear:both;}.hn-special-tooltip-clear:last-child{margin-bottom:0}.hnspecial-theme-full-width center{max-width:100% !important}.hnspecial-theme-full-width-no-visual body{margin:0}.hnspecial-theme-full-width-no-visual center > table{width:100% !important;}.hnspecial-theme-full-width-no-visual center > table > tbody >tr:nth-child(1) > td{padding:5px}.hnspecial-theme-full-width-no-visual center > table > tbody >tr:nth-child(3) > td{padding:0 10px}@-moz-keyframes flash{0%{left:0}25%{left:-12px}50%{left:0}75%{left:12px}100%{left:0}}@-webkit-keyframes flash{0%{left:0}25%{left:-12px}50%{left:0}75%{left:12px}100%{left:0}}@-o-keyframes flash{0%{left:0}25%{left:-12px}50%{left:0}75%{left:12px}100%{left:0}}@-ms-keyframes flash{0%{left:0}25%{left:-12px}50%{left:0}75%{left:12px}100%{left:0}}@keyframes flash{0%{left:0}25%{left:-12px}50%{left:0}75%{left:12px}100%{left:0}}@-moz-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-webkit-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-o-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-ms-keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes link-flash{0%{opacity:.2;-webkit-transform:translateX(1000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slide-up{0%{bottom:-200px;opacity:0}60%{bottom:90px;opacity:1}100%{bottom:30px;opacity:1}}@-webkit-keyframes slide-up{0%{bottom:-200px;opacity:0}60%{bottom:90px;opacity:1}100%{bottom:30px;opacity:1}}@-o-keyframes slide-up{0%{bottom:-200px;opacity:0}60%{bottom:90px;opacity:1}100%{bottom:30px;opacity:1}}@-ms-keyframes slide-up{0%{bottom:-200px;opacity:0}60%{bottom:90px;opacity:1}100%{bottom:30px;opacity:1}}@keyframes slide-up{0%{bottom:-200px;opacity:0}60%{bottom:90px;opacity:1}100%{bottom:30px;opacity:1}}@-moz-keyframes slide-out-right{0%{right:20px;opacity:1}60%{right:80px;opacity:1}100%{right:-500px;opacity:0}}@-webkit-keyframes slide-out-right{0%{right:20px;opacity:1}60%{right:80px;opacity:1}100%{right:-500px;opacity:0}}@-o-keyframes slide-out-right{0%{right:20px;opacity:1}60%{right:80px;opacity:1}100%{right:-500px;opacity:0}}@-ms-keyframes slide-out-right{0%{right:20px;opacity:1}60%{right:80px;opacity:1}100%{right:-500px;opacity:0}}@keyframes slide-out-right{0%{right:20px;opacity:1}60%{right:80px;opacity:1}100%{right:-500px;opacity:0}} \ No newline at end of file diff --git a/lib/extras/hn_theme.styl b/lib/extras/hn_theme.styl index 4bb43b5..9ecdb19 100644 --- a/lib/extras/hn_theme.styl +++ b/lib/extras/hn_theme.styl @@ -1020,3 +1020,20 @@ html.hnspecial-theme &:last-child margin-bottom 0 + +//Full width +.hnspecial-theme-full-width + center + max-width: 100% !important + +//Full width styles for vanilla HN theme +.hnspecial-theme-full-width-no-visual + body + margin: 0; + center > table + width: 100% !important + > tbody + >tr:nth-child(1) > td + padding: 5px + >tr:nth-child(3) > td + padding: 0 10px \ No newline at end of file diff --git a/lib/modules/full_width.js b/lib/modules/full_width.js new file mode 100644 index 0000000..ff301a9 --- /dev/null +++ b/lib/modules/full_width.js @@ -0,0 +1,12 @@ +/** +Full width module +Author: Derrick Cohodas (https://github.com/dav-) + */ + +HNSpecial.settings.registerModule("full_width", function () { + document.documentElement.classList.add("hnspecial-theme-full-width"); + + if(!HNSpecial.settings.moduleEnabled('visual_theme')){ + document.documentElement.classList.add("hnspecial-theme-full-width-no-visual"); + } +}); \ No newline at end of file diff --git a/manifest.json b/manifest.json index e8a7fa2..e30058e 100644 --- a/manifest.json +++ b/manifest.json @@ -37,6 +37,7 @@ "lib/modules/mark_as_read.js", "lib/modules/fold_comments.js", "lib/modules/sticky_header.js", + "lib/modules/full_width.js", "lib/modules/user_tooltips.js" ], "css": [ "lib/extras/hn_theme.css" ],