Стиль для счётчика 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;
}
