-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyle.css
47 lines (43 loc) · 4.19 KB
/
style.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
#editcont { box-sizing: border-box; background: transparent; border: 0; color: #FFFFFF; display: inline-block; height: 5%; text-align: center; width: 100%; }
#editor { right: 6vw; height: 78vh; position: absolute; top: 8.5vh; visibility: "hidden"; width: 33vw; font-family: Calibri, Arial, sans-serif; }
#viewer { right: 6vw; height: 78vh; position: absolute; top: 8.5vh; visibility: "hidden"; width: 33vw; font-family: Calibri, Arial, sans-serif; line-height:125%; }
#viewer a { color: #2200CC; }
#viewer code { font-family: monospace; }
#viewer strong { font-weight: bold; }
#viewer em { font-style: italic; }
#viewer i { font-style: italic; }
#viewer small { font-size: smaller; }
#viewer u { font-style: underline; }
#facts { box-sizing: border-box; display: block; height: 90%; min-height: 90%; overflow-y: scroll; }
#viewerfacts { box-sizing: border-box; display: block; height: 90%; min-height: 90%; overflow-y: scroll; }
#title { box-sizing: border-box; background: transparent; border: 0; color: #EEEEEE; display: inline-block; font-size: x-large; position: relative; top: 50%; transform: translate(0, -50%); width: auto; height: 100%; overflow: hidden; white-space: nowrap; }
/*#title { box-sizing: border-box; background: transparent; border: 0; color: #FFFFFF; display: inline-block; height: 5%; text-align: center; width: 100%; font-family: Calibri, Arial, sans-serif; font-size:large;}*/
#viewcont { box-sizing: border-box; background: transparent; border: 0; color: #FFFFFF; display: inline-block; height: 5%; text-align: center; width: 100%; }
#viewertitle { box-sizing: border-box; background: transparent; border: 0; color: #EEEEEE; display: inline-block; font-size: x-large; position: relative; top: 50%; transform: translate(0, -50%); width: auto; overflow: hidden; white-space: nowrap; }
#editorsize { box-sizing: border-box; background: transparent; border: 0; color: #EEEEEE; cursor: pointer; display: inline-block; float: left; font-size: x-large; left: 0%; position: relative; text-align: left; top: 50%; transform: translate(0, -50%); }
#viewersize { box-sizing: border-box; background: transparent; border: 0; color: #EEEEEE; cursor: pointer; display: inline-block; float: left; font-size: x-large; left: 0%; position: relative; text-align: left; top: 50%; transform: translate(0, -50%); }
#viewerfav { box-sizing: border-box; background: transparent; border: 0; color: #FFDC00; cursor: pointer; display: inline; float: right; font-size: x-large; position: relative; text-align: right; top: 50%; transform: translate(0, -50%); }
#editorfav { box-sizing: border-box; background: transparent; border: 0; color: #FFDC00; cursor: pointer; display: inline-block; float: right; font-size: x-large; position: relative; text-align: right; top: 50%; transform: translate(0, -50%); }
#editdone { border-bottom-left-radius: 12px; }
#editcancel { border-bottom-right-radius: 12px; }
#viewmaster { border-bottom-left-radius: 12px; }
#viewedit { border-bottom-right-radius: 12px; }
.botbuttons { height: 5%; }
.cancel { background-color: rgba(255, 65, 54, 0.5); }
.done { background-color: rgba(46, 204, 64, 0.5); }
.edit { background-color: rgba(0, 31, 63, 0.5); }
.master { background-color: rgba(177, 13, 201, 0.5); }
button[type="button"] { border: 0; float: left; height: 100%; width: 50%; }
canvas { position: absolute; z-index: -1; }
input[type="text"] { background: transparent; border: 0; color: #FFFFFF; height: 5%; outline: none; text-align: center; width: 100%; }
textarea { background: transparent; border:0; color: #FFFFFF; height: 90%; outline: none; resize: none; width: 100%; }
textarea::-webkit-scrollbar { width: 1em; }
textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 0.5em; }
textarea::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, 0.75); outline: 1px solid slategrey; -webkit-border-radius: 0.5em; }
span::-webkit-scrollbar { width: 1em; }
span::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 0.5em;}
span::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, 0.75); outline: 1px solid slategrey; -webkit-border-radius: 0.5em;}
ol {
list-style-type: decimal;
list-style-position: inside;
}