gecko-dev/devtools/client/themes/fonts.css
2016-07-15 09:59:21 +02:00

130 lines
1.9 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/. */
#sidebar-panel-fontinspector {
margin: 0;
display: flex;
flex-direction: column;
padding-bottom: 20px;
width: 100%;
height: 100%;
}
#sidebar-panel-fontinspector > .devtools-toolbar {
display: flex;
}
#font-container {
overflow: auto;
flex: auto;
}
#all-fonts {
padding: 0;
margin: 0;
}
#font-showall {
border-radius: 0;
border: 1px solid black;
margin: 3px;
cursor: pointer;
position: absolute;
bottom: 0;
offset-inline-end: 0;
}
.dim > #font-container,
.font:not(.has-code) .font-css-code,
.font-is-local,
.font-is-remote,
.font.is-local .font-format-url,
#font-template {
display: none;
}
.font.is-remote .font-is-remote,
.font.is-local .font-is-local {
display: inline;
}
.font-format::before {
content: "(";
}
.font-format::after {
content: ")";
}
.preview-input-toolbar {
display: flex;
width: 100%;
}
.font-preview-container {
overflow-x: auto;
}
#font-preview-text-input {
margin-top: 1px;
margin-bottom: 1px;
padding-top: 0;
padding-bottom: 0;
flex: 1;
}
.font {
padding: 10px 10px;
}
.theme-dark .font {
border-bottom: 1px solid #444;
}
.theme-light .font {
border-bottom: 1px solid #DDD;
}
.font:last-of-type {
border-bottom: 0;
}
.theme-light .font:nth-child(even) {
background: #F4F4F4;
}
.font-preview {
margin-left: -4px;
height: 60px;
display: block;
}
.font-info {
display: block;
}
.font-name {
display: inline;
}
.font-css-code {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px;
}
.theme-light .font-css-code,
.theme-light .font-url {
border: 1px solid #CCC;
background: white;
}
.theme-dark .font-css-code,
.theme-dark .font-url {
border: 1px solid #333;
background: black;
color: white;
}