Files
vscode/src/vs/base/browser/ui/inputbox/inputBox.css
T
2016-06-23 16:16:52 +02:00

211 lines
5.3 KiB
CSS

/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
.monaco-inputbox {
position: relative;
display: block;
padding: 0;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: auto !important;
/* Customizable */
font-size: inherit;
}
/*.monaco-inputbox { font-family: "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback"; }
.monaco-inputbox:lang(zh-Hans) { font-family: "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", "Noto Sans", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans", sans-serif; }
.monaco-inputbox:lang(zh-Hant) { font-family: "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", "Noto Sans", "Microsoft Jhenghei", "PingFang TC", "Source Han Sans TC", "Source Han Sans", "Source Han Sans TW", sans-serif; }
.monaco-inputbox:lang(ja) { font-family: "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", "Noto Sans", "Meiryo", "Hiragino Kaku Gothic Pro", "Source Han Sans J", "Source Han Sans JP", "Source Han Sans", "Sazanami Gothic", "IPA Gothic", sans-serif; }
.monaco-inputbox:lang(ko) { font-family: "Segoe UI", ".SFNSDisplay-Light", "SFUIText-Light", "HelveticaNeue-Light", "Noto Sans", "Malgun Gothic", "Nanum Gothic", "Dotom", "Apple SD Gothic Neo", "AppleGothic", "Source Han Sans K", "Source Han Sans JR", "Source Han Sans", "UnDotum", "FBaekmuk Gulim", sans-serif; }*/
.monaco-inputbox > .wrapper > .input,
.monaco-inputbox > .wrapper > .mirror {
/* Customizable */
padding: 4px;
}
.monaco-inputbox > .wrapper {
position: relative;
width: 100%;
height: 100%;
}
.monaco-inputbox > .wrapper > .input {
display: inline-block;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
line-height: inherit;
border: none;
font-family: inherit;
font-size: inherit;
resize: none;
color: inherit;
}
.monaco-inputbox > .wrapper > input {
text-overflow: ellipsis;
}
.monaco-inputbox > .wrapper > textarea.input {
display: block;
overflow: hidden;
}
.monaco-inputbox > .wrapper > .mirror {
position: absolute;
display: inline-block;
width: 100%;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: pre-wrap;
visibility: hidden;
min-height: 26px;
word-wrap: break-word;
}
/* Context view */
.monaco-inputbox-container {
text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
display: inline-block;
overflow: hidden;
text-align: left;
width: 100%;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0.4em;
font-size: 12px;
line-height: 17px;
min-height: 34px;
margin-top: -1px;
}
/* Action bar support */
.monaco-inputbox .monaco-action-bar {
position: absolute;
right: 2px;
top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .icon {
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
/* Theming */
.monaco-inputbox.idle {
border: 1px solid transparent;
}
.monaco-inputbox.info {
border: 1px solid #009CCC;
}
.monaco-inputbox-container .monaco-inputbox-message.info {
background: #D6ECF2;
border: 1px solid #009CCC;
}
.monaco-inputbox.warning {
border: 1px solid #F2CB1D;
}
.monaco-inputbox-container .monaco-inputbox-message.warning {
background: #F6F5D2;
border: 1px solid #F2CB1D;
}
.monaco-inputbox.error {
border: 1px solid #E51400;
}
.monaco-inputbox-container .monaco-inputbox-message.error {
background: #f2dede;
border: 1px solid #E51400;
}
/* VS Dark */
.vs-dark .monaco-inputbox.info {
border-color: #55AAFF;
}
.vs-dark .monaco-inputbox-container .monaco-inputbox-message.info {
background-color: #063B49;
border-color: #55AAFF;
}
.vs-dark .monaco-inputbox.warning {
border-color: #B89500;
}
.vs-dark .monaco-inputbox-container .monaco-inputbox-message.warning {
background-color: #352A05;
border-color: #B89500;
}
.vs-dark .monaco-inputbox.error {
border-color: #BE1100;
}
.vs-dark .monaco-inputbox-container .monaco-inputbox-message.error {
background-color: #5A1D1D;
border-color: #BE1100;
}
/* High Contrast Theming */
.hc-black .monaco-inputbox.idle {
border: 1px solid #6FC3DF;
}
.hc-black .monaco-inputbox-container .monaco-inputbox-message.info {
background-color: #000;
border-color: #6FC3DF;
}
.hc-black .monaco-inputbox.warning {
border-color: #B89500;
}
.hc-black .monaco-inputbox-container .monaco-inputbox-message.warning {
background-color: #000;
border-color: #B89500;
}
.hc-black .monaco-inputbox.error {
border-color: #BE1100;
}
.hc-black .monaco-inputbox-container .monaco-inputbox-message.error {
background-color: #000;
border-color: #BE1100;
}