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;
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
*/
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;
+}