gecko-dev/toolkit/content/aboutwebrtc/aboutWebrtc.css
Nils Ohlmeier [:drno] 0155c1888b Bug 1582320: colour coded ICE state on about:webrtc. r=ng
Differential Revision: https://phabricator.services.mozilla.com/D46380

--HG--
extra : moz-landing-system : lando
2019-09-30 06:02:02 +00:00

120 lines
1.8 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html {
background-color: #edeceb;
font: message-box;
}
.controls {
font-size: 1.1em;
display: inline-block;
margin: 0 0.5em;
}
.control {
margin: 0.5em 0;
}
.control > button {
margin: 0 0.25em;
}
.message > p {
margin: 0.5em 0.5em;
}
.log p {
font-family: monospace;
padding-left: 2em;
text-indent: -2em;
margin-top: 2px;
margin-bottom: 2px;
}
#content > div {
padding: 1em 2em;
margin: 1em 0;
border: 1px solid #afaca9;
border-radius: 10px;
background: none repeat scroll 0% 0% #fff;
}
.section-heading *
{
display: inline-block;
}
.section-heading > button {
margin-left: 1em;
margin-right: 1em;
}
.peer-connection > h3
{
background-color: #ddd;
}
.peer-connection table {
width: 100%;
text-align: center;
border: none;
}
.peer-connection table th {
font-weight: bold;
}
.peer-connection table th,
.peer-connection table td {
padding: 0.4em;
}
.peer-connection table tr:nth-child(even) {
background-color: #ddd;
}
.peer-connection table caption {
text-align: left;
}
.peer-connection table.raw-candidate {
text-align: left;
}
.bottom-border td {
border-bottom: thin solid;
border-color: black;
}
.ice-trickled { background-color: hsla(210, 66%, 75%, 1); }
.ice-success { background-color: hsla(120, 66%, 75%, 1); }
.ice-failed { background-color: hsla(0, 66%, 75%, 1); }
.ice-cancelled { background-color: hsla(60, 66%, 75%, 1); }
.info-label {
font-weight: bold;
}
.section-ctrl {
margin: 1em 1.5em;
}
div.fold-trigger {
color: blue;
cursor: pointer;
}
@media screen {
.fold-closed {
display: none !important;
}
}
@media print {
.no-print {
display: none !important;
}
}