forked from michmech/screenful
-
Notifications
You must be signed in to change notification settings - Fork 0
/
screenful-editor.css
executable file
·59 lines (50 loc) · 4.82 KB
/
screenful-editor.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
#toolbar { position: absolute; top: 0px; left: 0px; right: 0px; height: 52px; box-shadow: -2px 2px 2px #999999; overflow-x: hidden; white-space: nowrap; overflow-y: hidden; z-index: 1; padding: 0px 10px; }
#container { position: absolute; top: 54px; bottom: 0px; left: 15px; right: 0px; padding: 5px 20px 5px 0px; overflow-x: inherit; overflow-y: auto; }
#container.withHistory {right: 350px; margin-right: 10px;}
#container.withCommenting {right: 430px; margin-right: 10px;}
#container.withSourceCode {left: 0px;}
#container #editor { margin-bottom: 20px; padding-bottom: 300px; }
#container #viewer { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow-y: auto; padding: 10px 5px 5px 0px;}
#container.empty {}
/*override positioning of Xonomy's layby*/
#container .xonomy > div.layby {top: 55px}
#toolbar span.divider {font: inherit; border-left: 2px dotted #cccccc; padding: 2px 0px; margin: 8px 5px; min-height: 2em; display: inline-block; vertical-align: middle; }
#toolbar span#idlabel {font: inherit; border-radius: 4px 0px 0px 4px; background-color: #eeeeee; color: #666666; text-shadow: 1px 1px 0px #ffffff; padding: 6px 10px 5px 10px; margin: 0px 5px; min-height: 1.3em; display: inline-block; width: 20px; vertical-align: middle; z-index: 1; position: relative; text-align: center;}
#toolbar input#idbox {font: inherit; border: 1px inset #cccccc; cursor: inline; border-radius: 4px; background-color: #ffffff; color: #333333; padding: 6px 35px 6px 50px; margin: 8px 5px; min-height: 1.3em; display: inline-block; width: 5em; vertical-align: middle; margin-left: -46px;}
#toolbar button.iconYes#butNew {background-image: url(lightning.png);}
#toolbar button.iconOnly#butOpen {background-image: url(resultset_next.png);}
#toolbar button.iconYes#butSave {background-image: url(disk.png);}
#toolbar button.iconYes#butSave span.star {color: #ff0000; position: relative; top: 2px;}
#toolbar button.iconYes#butEdit {background-image: url(pencil.png);}
#toolbar button.iconYes#butView {background-image: url(arrow_left.png);}
#toolbar button.iconYes#butLeave {background-image: url(arrow_left.png);}
#toolbar button.iconYes#butNonew {background-image: url(arrow_left.png);}
#toolbar button.iconYes#butDelete {background-image: url(delete.png);}
#toolbar button.iconYes#butClone {background-image: url(wand.png);}
#toolbar button.iconOnly#butSourceCode {background-image: url(page_white_text.png); float: right;}
#toolbar button.iconOnly#butCommenting {background-image: url(comment.png); float: right;}
#toolbar button.iconOnly#butHistory {background-image: url(time.png); float: right;}
#toolbar span#errorMessage {float: right; padding: 6px 10px; margin: 10px 5px; min-height: 1.3em; display: inline-block; color: #aa0000; font-size: 0.85em;}
#toolbar button.iconOnly#butStar {float: right;}
#toolbar button.iconOnly#butStar.off {background-image: url(star_bw.png);}
#toolbar button.iconOnly#butStar.on {background-image: url(star.png);}
#toolbar a {color: var(--link); padding: 5px 0px; margin: 10px 5px; min-height: 1.3em; display: inline-block; padding-left: 35px; background-position: left+10px center; background-repeat: no-repeat; text-decoration: none;}
#toolbar a:hover {color: var(--link-hover);}
#toolbar label {color: var(--link); padding: 5px 0px; margin: 10px 10px 10px 5px; min-height: 1.3em; display: inline-block; background-position: left+10px center; background-repeat: no-repeat; text-decoration: none; cursor: pointer;}
#toolbar label:hover {color: var(--link-hover)}
#toolbar label input {position: relative; top: 2px;}
#waiter {
background-image: url(loader.gif); background-position: 30px 28px; background-repeat: no-repeat; padding: 30px 30px 30px 90px;
position: absolute; top: 300px; left: 30%; width: 40%; background-color: #ffffff; box-shadow: 0px 0px 5px #666666; border-radius: 4px; z-index: 10;
line-height: 1.75em;
}
#history { position: absolute; top: 53px; bottom: 0px; right: 0px; width: 350px; background-color: #ffffff; z-index: 0; }
#commenting { position: absolute; top: 53px; bottom: 0px; right: 0px; width: 400px; background-color: #eeeeee; z-index: 0; }
#sourceCode {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 20px 40px 40px 20px; background-color: #eeeeee;}
#sourceCode textarea {width: 100%; height: 100%; border: 1px solid #cccccc; box-shadow: inset 0px 0px 2px #666666; padding: 9px; resize: none; font-family: monospace; font-size: 0.85rem; border-radius: 4px; line-height: 1.5em; color: #666666; white-space: pre;}
div#resizerOverlay {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 11;}
div.resizer {position: absolute; width: 8px; z-index: 10; cursor: ew-resize; }
div.resizer:hover {background-color: #a9c8cb; }
div.resizer.active {background-color: #a9c8cb; }
#container > div.resizer {top: 0px; bottom: 0px; right: 5px; }
#container.withCommenting > div.resizer {right: 15px; }