Удобно читать в Хроме (Google Chrome)

Всем хорош Хром, но до недавнего времени очень не хватало мне в нем аналога "Tidy read" из Фокса. Люблю читать с комфортом. В Опере я использовал user css и вот обнарижил (это наверное давно известно, но я как всегда...), что этот css можно легко применить в качестве букмарклета. Поясню на примерах в чем фикус:
вот что было до


а вот после


В таком виде читать длинные тексты гораздо комфортнее.
собственно сам виновник торжества:


javascript:(function(){var night=function(w){(function(d){var css='* { max-height: none !important; min-height: 0px !important; height: auto !important; max-width: none !important; min-width: 0px !important; width: auto !important; color: Black !important; background: #FFFFCC !important; font: normal normal 24px/1.4em "Times New Roman", Times, serif !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; word-spacing: 0.4mm !important; letter-spacing: 0.2mm !important;}body { padding-bottom: 1em !important; padding-left: 1em !important; padding-right: 1em !important; max-width: 45em !important;}pre { border: #0000a1 1px dashed !important; padding: 10px !important; background-color: #f7f9fa !important;}i { font-style: italic !important; }b { font-style: oblique !important;}.quote { font-style: italic !important; padding: 5px; background-color: #f7f9fa !important;}blockquote, blockquote * { font-style: italic !important; padding: 5px !important; background-color: #f7f9fa !important;}a:visited { color : Purple !important;}a[href]:visited { color: Purple !important;}a[href] {text-decoration: underline !important; color : Blue !important; }a[href]:hover { background: White !important;}a[href]:active { background: transparent !important; text-decoration: none !important;}img { border: none !important;}input, textarea, select { background: White !important; color: Black !important;}input[type="text"], input[type="password"] {min-height: 1.2em !important;}textarea {min-height: 4em !important;}button, input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], input[type="image"] { padding: 2px !important; min-width: 2em !important; height: 1.2em !important; background: Silver !important; color: Black !important; text-align: center !important;}a[accesskey]:after, button[accesskey]:after, input[accesskey]:after,label[accesskey]:after, legend[accesskey]:after, textarea[accesskey]:after { margin-left: 0.3em; content: "(" attr(accesskey) ")"; color: Red;}b, strong, em {font-weight: bold !important;}h1, h2, h3, h4, h5, h6 {font-weight: bold !important;}h1 { font-size: 160% !important; line-height: 1.0em !important;}h2 { font-size: 140% !important; line-height: 1.2em !important;}h3 { font-size: 120% !important; line-height: 1.4em !important;}h4 { font-size: 110% !important; line-height: 1.4em !important;}h5 { font-size: 100% !important; line-height: 1.2em !important;}h6 { font-size: 90% !important; line-height: 1.2em !important;}hr { height: 5px !important; background-color: Black !important; color: Black !important; border: none !important;}#ljtime{display: none;}.entry-content, .comment-text{padding-right: 725px;}}';var s=d.getElementsByTagName('style');for(var i=0,si;si=s[i];i++){if(si.innerHTML==css){si.parentNode.removeChild(si);return}};var heads=d.getElementsByTagName('head');if(heads.length){var node=d.createElement('style');node.type='text/css';node.appendChild(d.createTextNode(css));heads[0].appendChild(node)}})(w.document); for(var i=0,f;f=w.frames[i];i++){try{arguments.callee(f)}catch(e){}}};night(window)})();


устанавливается так: на любой странице в Хроме нажимаем ctrl+D и правим закладку, название ставим какое удобно, а вместо адреса текст букмарклета и всё. Теперь на любой странице достаточно нажать на панели закладок (ctrl+B) на созданную закладку и страница преобразится :)

 

Добавить комментарий

CAPTCHA на основе изображений