git ssb

1
.screen {
2
  position: absolute;
3
  top: 0px; bottom: 0px;
4
  left: 0px; right: 0px;
5
}
6
7
.column {
8
  display: flex;
9
  flex-direction: column;
10
//  background: yellow;
11
  margin: 10px;
12
}
13
14
.row {
15
  display: flex;
16
  flex-direction: row;
17
}
18
19
.stretch {
20
  flex-basis: 0;
21
//  flex-grow: 1;
22
//  flex-shrink: 1;
23
}
24
25
26
.fixed {
27
  flex-grow: 1;
28
  flex-shrink: 1;
29
}
30
31
.scroll-y {
32
  overflow-y: auto;
33
}
34
35
.scroll-x {
36
  overflow-x: auto;
37
}
38
39
.button {
40
  border: 2px; margin: 3px;
41
  max-width: 50px;
42
  overflow-x: hidden;
43
}
44
45
46
img {
47
  max-width: 600px;
48
  display: block;
49
//  overflow-x: auto;
50
}
51
52
pre {
53
  max-width: 650px;
54
//  overflow-x: auto;
55
//  overflox-y: none;
56
}
57
58
/* scrolling feeds, threads */\
59
60
.scroller {
61
  width: 100%
62
}
63
64
.scroller > * {
65
  margin-left: auto;
66
  margin-right: auto;
67
}
68
69
/* --- hypertabs ------- */
70
71
.hypertabs__tabs {
72
//  width: 1200px
73
  overflow-y: hide;
74
}
75
76
.hypertabs > .row {
77
  flex-grow: 0; flex-shrink: 0;
78
  margin: 10px;
79
}
80
81
.hypertabs__tabs > * {
82
  max-width: 50px;
83
  overflow-x: hidden;
84
  margin-right: 5px;
85
}
86
87
.hypertabs__tab, .hypertabs--selected {
88
  background: yellow;
89
  max-width: 200px;
90
}
91
92
/* message id */
93
94
input {
95
  width: 100px;
96
}
97
/* compose */
98
99
.compose {
100
  width: 100%;
101
}
102
103
/* messages */
104
105
.message {
106
  border: 1px solid black;
107
  padding: 5px;
108
  background: white;
109
  display: block;
110
  flex-basis: 0;
111
  max-width: 600px;
112
  min-width: 300px;
113
}
114
115
.message > .title > .message_meta {
116
  margin-right: 5px;
117
}
118
.message > .title > .avatar {
119
  margin-right: 5px;
120
}
121
122
/* -- suggest box */
123
124
125
.suggest-box > * {
126
  background: white;
127
  margin: 3px;
128
}
129
130
.suggest-box{
131
//  display: flex;
132
//  flex-direction: row;
133
  width: 200px;
134
}
135
136
.suggest-box .selected {
137
  background: yellow;
138
}
139
140
.suggest-box img {
141
  width: 50px;
142
}
143
.suggest-box,.selected img {
144
  width: 200px;
145
}
146
/* avatar */
147
148
.avatar {
149
  display: flex;
150
  flex-direction: row;
151
}
152
.avatar img {
153
  width: 40px;
154
  height: 40px;
155
  //display: inline-block;
156
}
157
158
/* lightbox - used in message-confirm */
159
160
.lightbox {
161
  overflow: auto;
162
}
163
164
/* searchprompt */
165
166
.searchprompt {
167
  position: absolute;
168
}
169
170
.searchprompt:not(:focus) {
171
  opacity: 0;
172
}
173