This style was deleted by its author, Nicholas Brandt@userstyles

Nicholas Brandt@userstyles deleted this style

Try /style/31385 instead of this deleted style.

See more styles for Github

Kangax Comptable

Added by Nicholas Brandt@userstyles, Created: May 01, 2014, Updated: May 02, 2014
No screenshot

Description:

Kangax compatibility table

More info
html, body {
width: 100%;
}
@light-grey: #ddd;
@grey: #bbb;
#header {
margin: 0;
>h1 {
margin: 0;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
font-family: "Open Sans", sans-serif;
>* {
flex: 0 0 auto;
position: relative;
left: initial;
top: initial;
display: block;
margin: 0;
padding: 0;
text-align: center;
margin: 0 10px;
&.also-see {
background: none;
color: silver;
>a {
color: @light-grey !important;
text-decoration: none;
}
}
&:last-child {
color: @light-grey;
>span {
top: initial !important;
}
}
&:first-child {
flex: 1 0 auto;
color: @light-grey;
}
}
}
}
@yes: rgba(62, 19, 175, 0.85);
@no: #ccc;
@hover-yes: rgba(62, 19, 175, 0.95);
@hover-no: #bbb;
@background: silver;
#body {
margin: 0;
padding: 0;
min-width: 0;
>* {
background: none;
margin: 0 5px;
padding: 5px 0;
}
#table-wrapper {
background: @background;
padding: 0;
margin: 15px 0 5px;
border-spacing: 1px;
width: 100%;
overflow: auto;
.no {
background: @no;
}
.yes {
background: @yes;
}
.yes, .no {
font-size: 0;
}
.hover {
&.no {
background: @hover-no;
}
&.yes {
background: @hover-yes;
}
}
th, td {
font-size: 10px;
padding: 0;
margin: 0;
outline: none !important;
background: white;
}
thead th {
width: 20px;
max-width: 30px;
height: 90px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
&.this-browser,
&.current {
padding: 30px 0;
width: 50px;
}
&:empty {
max-width: 0;
}
a {
width: 90px;
text-align: center;
display: block;
color: @grey;
white-space: pre;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 30px 22px;
transform-origin: 30px 22px;
}
}
td:first-child,
th:first-child {
font-size: 12px;
display: flex;
align-items: stretch;
justify-content: center;
>:first-child {
padding: 0 5px;
flex: 1 0 auto;
}
>:last-child {
flex: 0 0 auto;
border-radius: 50% 0 0 50%;
margin: 0;
padding: 0 4px 0 6px;
height: 18px;
width: initial;
}
}
.separator {
background: @background;
height: 1px;
}
>* {
background: white;
}
}
}
#footnotes {
margin: 0;
padding: 5px 10px;
>p {
margin: 0;
padding: 3px 0;
&:not(:last-child) {
border-bottom: 1px solid grey;
}
}
}

Installs:
Applies to:
kangax.github.io

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.