position: absolute;
top: 0px;
bottom: 0;
- right: 0;;
- width: 13px;
- background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
- text-
- border-left: 1px solid #999;
- border-right: 1px solid #999;
+ right: 0;
+ width: 26px;
+ background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
+ border-left: 2px solid #999;
+ border-right: 2px solid #999;
cursor: pointer;
}
.vsplitbar:hover {
- background-color: #e6e6fa;
-}
-
-.vsplitbar.active {
- background-
-
+ background-color: yellow;
+ border-color: orange;
}
-#source-editor, #simple-editor, #history-viewer {
+.editor {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
- right: 15px;
+ right: 30px;
overflow: hidden;
}
-#html-view, #history-view {
+#html-view {
overflow: auto;
position: absolute;
top: 30px;
z-index: 1;
}
-#sidebar {
- position: absolute;
- overflow: hidden;
- top: 0px;
- right: 0;
- bottom: 0;
- width: 0;
- display: none;
- background-color: #FFF;
-}
-
-
#splitter {
position: fixed;
top: 31px;
right: 0px;
left: 0px;
height: 30px;
- border-bottom: 1px solid #999;
+ border-bottom: 1px solid #999;
margin: 0;
padding: 0;
#tabs {
overflow: hidden;
margin: 0;
- height: 30px;
+ padding: 0;
+ height: 31px;
+ border: 0px;
padding-left: 1em;
}
#tabs li {
- height: 24px;
- margin-top: 6px;
+ height: 18px;
+ margin-top: 6px;
+ margin-bottom: 0px;
-webkit-user-select: none;
cursor: pointer;
-moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
-webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
- border: 1px solid #999;
+ border: 1px solid #999;
+ border-bottom-width: 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0px;
margin: 0;
padding: 2px;
z-index: 100;
-/* height: 22px;*/
+ height: 28px;
}
.toolbar button {
p { margin: 0;}
-/* =========== */
-/* = Gallery = */
-/* =========== */
-.change-gallery-panel {
- width: 100%;
- border-bottom: 1px solid #777;
- background-color: #C1C1C1;
- margin: 0;
- padding: 2px;
- z-index: 10;
-}
-
-.gallery-image {
- position: absolute;
- top: 30px;
- right: 0;
- bottom: 0;
- left: 0;
- margin: 0;
- border: none;
- background-color: #000;
- overflow: hidden;
-}
-
-.gallery-image img {
- position: absolute;
- -moz-drag: none;
- user-select: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- cursor: pointer;
-}
-
-
#body-wrap {
height: 100%;
width: 100%;
margin-top: -6px;
}
-
-
-
/*
* CodeMirror
*/
padding-right: 5px;
}
+img.tabclose {
+ padding-left: 8px;
+ width: 10px;
+ height: 10px;
+}
+
/*
* HTML Editor view
background-color: #FAFAFA;
border: 1px solid #DDD;
/* -webkit-transition: all 1s linear;*/
-}
\ No newline at end of file
+}
+
+.blockOverlay {
+ background-color: black;
+ opacity: 0.4;
+}