UNPKG

enumerate-devices

Version:

A small project to normalize browser differences for enumerating media devices

8 lines (4 loc) 10.5 kB
/* Using the minified yeti-guide to prettify the test page https://github.com/andyet/yeti-guide */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:after,*:before{box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:Gotham Rounded A,Gotham Rounded B,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#4d5659;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}p{margin-top:0;margin-bottom:30px}::-moz-selection{background-color:#74ddff;color:#fff}::selection{background-color:#74ddff;color:#fff}a{color:#00b0e9;text-decoration:none;cursor:pointer}a:focus{outline:0}a:hover{color:#008dba}.pull-left{float:left}.pull-right{float:right}.hide{display:none}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}img,iframe,video{max-width:100%}.button{display:inline-block;border:0;border-radius:3px;padding:10px 15px;line-height:1.25;text-align:center;cursor:pointer;background-color:#00b0e9;-webkit-font-smoothing:antialiased;transition:all .3s ease-in;user-select:none;appearance:none}.button:hover{background-color:#009ed2}.button:disabled,.button .button-disabled{background-color:#74ddff;cursor:not-allowed}.button:focus{outline:0}.button,.button:hover{color:#fff}.button-small{padding:3px 5px;font-size:12px}.button-large{padding:15px 30px;font-size:22px}.button-neutral{background-color:#e6eaed}.button-neutral:hover{background-color:#b0bcc6}.button-neutral:disabled,.button-neutral .button-disabled{background-color:#e6eaed;color:#b7c0c3}.button-neutral:disabled:hover,.button-neutral .button-disabled:hover{color:#b7c0c3}.button-neutral,.button-neutral:hover{color:#272b2d}.button-approve{background-color:#43bb6e}.button-approve:hover{background-color:#369658}.button-approve:disabled,.button-approve .button-disabled{background-color:#c6ebd3}.button-warn{background-color:#e80044}.button-warn:hover{background-color:#ba0036}.button-warn:disabled,.button-warn.button-disabled{background-color:#ffc7d8}.button-outlined{border:1px solid #b7c0c3}.button-outlined:hover{background-color:#e6eaed}.button-outlined:disabled,.button-outlined.button-disabled{color:#c5cdcf;border:1px solid #e6eaed}.button-outlined:disabled:hover,.button-outlined.button-disabled:hover{color:#c5cdcf}.button-outlined,.button-outlined:disabled,.button-outlined.button-disabled{background-color:transparent}.button-outlined,.button-outlined:hover{color:#828c8f}.button-group .button{border-radius:0;margin-left:-1px;border:1px solid #008dba}.button-group .button:first-child,.button-group .button:first-child:only-child{margin:0}.button-group .button:first-child:only-child{border-radius:3px}.button-group .button:first-child{border-radius:3px 0 0 3px}.button-group .button:last-child{border-radius:0 3px 3px 0}.button-group .button-neutral,.button-group .button-outlined{border:1px solid #b7c0c3}@media screen and (max-width:480px){.button-group .button{border-radius:none;margin:0;width:100%}.button-group .button:first-of-type{border-radius:3px 3px 0 0}.button-group .button:last-of-type{border-radius:0 0 3px 3px}.button-group .button:not(:last-of-type){border-bottom:0}}code{font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;padding:3px 5px}pre{display:block;padding:15px;margin-bottom:30px;max-width:100%;line-height:1.5;word-break:break-all;word-wrap:break-word}pre code{padding:0;white-space:pre-wrap}code,pre{border-radius:3px}.code-light{color:#000;background:#f5f7f8}.code-dark{color:#5ca1b5;background:#003546}.container{margin:0 auto}.grid-flex-container{padding:0;list-style:none;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap}.grid-flex-cell{margin-bottom:30px}@media screen and (max-width:600px){.container{width:90%}.grid-flex-cell{flex:0 0 100%}}@media screen and (min-width:601px){.grid-flex-cell{flex:1;padding:15px 0}.grid-flex-cell:not(:first-of-type){margin-left:30px}.grid-flex-cell-1of2,.grid-flex-cell-1of3,.grid-flex-cell-1of4{flex:none}.grid-flex-cell-1of2{width:50%}.grid-flex-cell-1of3{width:34%}.grid-flex-cell-1of4{width:25%}.grid-container-flex{margin-left:-30px}}@media screen and (min-width:481px) and (max-width:900px){.container{width:85%}}@media screen and (min-width:901px){.container{width:70%}}ul,ol{margin:0 0 30px 0;padding-left:30px}ul li>ul,ol li>ul,ul li>ol,ol li>ol{margin-top:30px}ul li ul li,ol li ul li{list-style:circle}ul li li ul li,ol li li ul li{list-style:square}ul li{list-style:disc}.list-unstyled{padding-left:0}.list-unstyled li{list-style:none}.list-inline li{display:inline-block}dl dt{font-weight:500;color:#000}dl dd{margin:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:30px;line-height:1.25}h1,h2,h3,h4,h5,h6,strong{color:#000}h1,h2,h3,h4,h5,h6{font-weight:400}h5,h6{font-weight:500}h6{text-transform:uppercase;color:#828c8f}abbr{color:#828c8f;border-bottom:1px dotted #b7c0c3;cursor:help}small,sup,sub{font-size:12px}mark{padding:3px 5px;background:#ffffb3}blockquote{margin:30px 0;padding:0 15px;color:#828c8f;font:italic 16px/1.55 Sentinel SSm A,Sentinel SSm B,Georgia,Times,serif}blockquote p:only-child,blockquote p:last-child{margin:0}blockquote footer{margin-top:15px;font-size:16px;color:#9ba3a5}blockquote footer:before{content:'\2014 \00A0'}.blockquote-centered{text-align:center}.blockquote-medium{font-size:22px}.blockquote-large{font-size:36px;line-height:1.3}@media screen and (max-width:899px){h1{font-size:38px}h2{font-size:32px}h3{font-size:26px}h4{font-size:20px}h5{font-size:16px}h6{font-size:14px}.blockquote-large{font-size:32px}}@media screen and (min-width:900px){h1{font-size:42px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:18px}h6{font-size:16px}}html,body{min-height:100%}body{border-style:solid;border-color:#f2f4f6}header,section:not(:last-child),h2{border-bottom:1px solid #f2f4f6}h2{padding-bottom:30px;text-align:center}header{padding-bottom:30px}header h1{margin-bottom:0}header p{font-size:22px}header .button{margin:30px 0}.toc ul{margin-bottom:0}ul li{padding-bottom:5px}pre{margin-top:0;color:#000;background:#f5f7f8}code{color:#000;background:#f5f7f8}footer[role='contentinfo']{padding:30px 0;border-top:1px solid #f2f4f6;color:#828c8f;font-size:14px;text-align:center}footer[role='contentinfo'] li:not(:last-of-type):after{content:'•';margin:0 10px}footer[role='contentinfo'] p{margin-bottom:0}footer[role='contentinfo'] .logo{margin-top:30px;display:inline-block;width:17px;height:20px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIxNjIgMjQ2LjEgMjg4IDMzNS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE2MiAyNDYuMSAyODggMzM1LjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNCN0MwQzMiIGQ9Ik0zMDIuMSwzOTUuMmw1OC4xLDcwLjNsMi0yYzYuMy02LjcsMTIuMS0xMy4zLDE3LjctMjBjNS41LTYuNywyMC0yMiwyNS4yLTI5LjFMNDI4LDQ1Ng0KCQkJYy0zLjksNS41LTkuMSwxMi4xLTE1LjMsMTkuNmMtNi4zLDcuNS0xMy43LDE2LjEtMjIuOCwyNS42bDYwLjEsNzQuM2gtNjAuOWwtMzIuMy0zOS43Yy0yOS41LDMwLjctNjAuNSw0Ni05Mi4zLDQ2DQoJCQljLTI4LjcsMC01My4xLTkuMS03My4xLTI3LjVjLTE5LjYtMTguNC0yOS41LTQxLjItMjkuNS02OC40YzAtMzIuMywxNS4zLTU5LjMsNDYuOC04MC41bDIxLjItMTQuNWMwLjQsMCwwLjgtMC40LDEuNi0xLjINCgkJCWMwLjgtMC40LDEuNi0xLjIsMi44LTIuNGMtMjEuMi0yMi44LTMyLjMtNDUuMi0zMi4zLTY3LjJzNy4xLTM5LjcsMjEuMi01My41YzE0LjUtMTMuNywzMy4zLTIwLjQsNTYuNS0yMC40DQoJCQljMjIuNCwwLDQwLjUsNi43LDU1LjEsMjBjMTQuNSwxMy4zLDIyLDMwLjMsMjIsNTAuM2MwLDE0LjEtMy45LDI2LjctMTEuNywzOC4xQzMzNi43LDM2NS43LDMyMi41LDM3OS41LDMwMi4xLDM5NS4yeg0KCQkJIE0yNjMuMiw0MjIuN2wtMi44LDJjLTIwLDEzLjctMzMuNywyNS4yLTQwLjgsMzMuM2MtNy4xLDguMS0xMC43LDE3LjMtMTAuNywyNi43YzAsMTMuMyw1LjUsMjUuOSwxNi4xLDM2LjkNCgkJCWMxMS4xLDEwLjcsMjMuNiwxNi4xLDM2LjksMTYuMWMxOC44LDAsNDAuNS0xMi4xLDY1LjItMzYuOUwyNjMuMiw0MjIuN3ogTTI3My45LDM2MC45bDMuOS0zLjJjNi43LTUuMSwxMi41LTkuOSwxNi45LTEzLjMNCgkJCWM0LjMtMy45LDcuOS03LjEsOS45LTkuOWM0LjMtNS4xLDYuMy0xMS4zLDYuMy0xOS4yYzAtOC43LTIuOC0xNS4zLTguNy0yMC44cy0xMy4zLTcuOS0yMy4yLTcuOWMtOC43LDAtMTYuMSwyLjgtMjIuNCw4LjMNCgkJCWMtNS45LDUuMS05LjEsMTEuNy05LjEsMjBjMCw5LjUsMy45LDE4LjgsMTEuMywyOC4zbDEyLjEsMTQuNUMyNzEuNSwzNTguMywyNzIuMywzNTkuMywyNzMuOSwzNjAuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat 0 0}section{padding-top:30px}@media screen and (min-width:769px){body{border-width:10px}}@media screen and (max-width:768px){body{border-width:5px}}@media screen and (max-width:480px){h1{margin-top:30px;font-size:30px}}