Стиль для счётчика LiveInternet
Posted on 16 Сентябрь 2015 in Веб разработка by wakh
Наконецто я домучил стиль для счётчикка LiveInternet, старые версии работали, но не чисто. Теперь всё ок.
Установить в Хром можно через плагин stylebot.
Под катом код.
* { /* padding: 0; margin: 0; */ } /* ad remove*/ hr, a[href*="/go?"], iframe, .first, #rtm1, #rtm2, #rtm3, #rtm4, #rtm5, #rtm6, #rtm7, #rtm8, #rtm9, #rtm0, .mt_head, .mt_head *, .mt, .mt *, .mt_foot, .mt_foot *, #banstat21_span, img[width="500"] { display: none; } hr{ display: none; } /* Top 4-item menu */ center>div { margin-left: 0; width: 90%; } /* main frame */ table[width="850"] { width: 100%; } table[width="850"] hr, table[width="850"] br { display: none; } /*Support and ad rules - remove*/ table[width="925"] { bottom: 0; display: none; position: absolute; } /* spacer - remove */ td[width="10"], td[height="10"] { display: none; } /*left col*/ td[width="150"] { left: -90px; position: fixed; width: 140px; margin-top: -45px; } td[width="150"]:hover { left: 0px; } /*right col*/ td[width="240"] { position: fixed; right: -100px; width: 150px; top: 20px; } td[width="240"]:hover { right: 0px; } /*left&right; col content*/ td[width="240"], td[width="150"] { background: #FFF; padding: 5px; transition: 0.1s ease-out; } td[width="240"] div, td[width="150"] table { width: 100%; } td[width="240"] div a, td[width="150"] a { display: list-item; font-size: 1em; line-height: 1.3em; width: 100%; } td[width="520"] { width: 90%; } /* help show/hide */ td[width="520"] p table[width="500"]{ display:inline; top: 560px; } p table[width="500"] { display: inline; position: absolute; left: -520px; top: 10px; width: 100px; } /* page type select */ td[width="520"] p table[width="520"][cellpadding="0"][border="1"], td[width="520"] form p table[width="520"][cellpadding="0"][border="1"] { height: auto; position: fixed; left: 50%; top: 530px; } /* graph */ td[width="520"] p+p+p table, td[width="520"] p+p+p+p table, td[width="520"] form p+p table { position: fixed; left: 50%; top: 50px; } /* filter */ td[width="520"] form>small { display: inline; position: fixed; left: 50%; top: 25px; } /* table description*/ td[width="520"] p { display: block; max-width: 45%; } /* table[width="500"] { height: auto; left: 160px; position: absolute; top: 7px; width: auto; } td[width="520"] > table[width="520"] > table { display: none; } td[width="520"] form > p:last-child table[width="520"] { display: block; position: absolute; right: 5%; top: 10px; } */ /* Graph options */ td[width="520"] p small br { display: inline; } /* Day/Week/Monht view */ td[width="520"] small { font-size: 1em; } /* site owners */ td[width="520"] p>table[width="520"][cellpadding="5"], td[width="520"] form p>table[width="520"][cellpadding="5"] { position: fixed; left: 50%; top: 0px; }