Browse Source

styles update

master
KaiSD 5 years ago
parent
commit
08c97c8113
1 changed files with 111 additions and 11 deletions
  1. +111
    -11
      ace/index.html

+ 111
- 11
ace/index.html View File

@@ -7,17 +7,119 @@
<meta name="HandheldFriendly" content="True" />
<title>Editor</title>
<style type="text/css" media="screen">
html,body {
height:100%;
}

body {
overflow: hidden;
overflow: hidden;
}

.row {
margin-left:0;
margin-right:0;
}

.row .sp {
height:150px;
min-height:45px;
padding-right:0;
padding-left: 0;
background-color: #222;
border-bottom:4px solid transparent;
}

.row .sp.toolbar {
min-height:450px;
}

.wrapper {
width:100%;
min-height: 100%;
height: 100%;
overflow:hidden;
}

.inner {
overflow-y:auto;
overflow-x:hidden;
/*height:100%;*/
min-height:100%;
}

.outer {
border:0px #000 solid;
height:100%;
}

.pane-settings {
background: #002B36;
color:#b3b1b1;
position: absolute;
z-index: 199;
padding: 3px;
font-size: 16px;
opacity: .8;
right: 5px;
top: 0;
margin: 0;
}

.pane-label {
font-family: monospace;
background: #002B36;
color:#b3b1b1;
position: absolute;
z-index: 199;
padding: 3px;
font-size: 11px;
opacity: .7;
right: 10px;
bottom: 10px;
margin: 0;
}

.editable {
float:left;
margin-right:2px;
border:1px #ddd solid;
padding:1px;
line-height: 1.5;
border-radius:2px;
}

.toolbar
{
padding:3px;
height:28px;
}

::-webkit-scrollbar {
width: 0.9em;
}

::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
background: rgba(100, 100, 100, 0.7);
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(100, 100, 100, 0.4);
}

#editor {
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
.ace_autocomplete {
width: 270px;
z-index: 200000;
background: #666;
color: #eee;
border: 0 lightgray solid;
position: fixed;
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
line-height: 1.4;
}
</style>
</head>
@@ -31,8 +133,6 @@
<button id="btnUndo" class="btn btn-primary btn-xs">undo</button>
<button id="btnRedo" class="btn btn-primary btn-xs">redo</button>
</div>
<div class="pane-settings"><button class="btn btn-primary btn-xs"><i class="glyphicon glyphicon-cog"></i></button></div>
<div class="pane-label">html</div>
<div class="inner" id="editor"></div>
</div>
@@ -54,7 +154,7 @@
showFoldWidgets: false,
showLineNumbers: true,
showGutter: false,
autoScrollEditorIntoView: false
autoScrollEditorIntoView: true
});
var refs = {};



Loading…
Cancel
Save