git ssb

2+

ev / mvd



Commit 612b9afbdd5bbeaf56306ee43dd7e0d3d6599a16

Browse Files

add default buttons

Ev Bogue committed on 4/28/2018, 7:41:47 PM
Parent: adba9023ae4654a5353ad463f283c1d414881e32

Files changed

style.csschanged
style.css.jsonchanged
style.cssView
@@ -49,8 +49,9 @@
4949 … .compose {
5050 … background: #222;
5151 … color: #ccc;
5252 … width: 100%;
53 …+ height: 100px;
5354 … border: none;
5455 … }
5556 …
5657 … .emoji {
@@ -78,4 +79,89 @@
7879 … white-space: pre-wrap;
7980 … white-space: pre\9;
8081 … }
8182 …
83 …+
84 …+.btn {
85 …+ display: inline-block;
86 …+ *display: inline;
87 …+ padding: 3px 6px;
88 …+ margin-bottom: 0;
89 …+ *margin-left: .3em;
90 …+ font-size: 14px;
91 …+ line-height: 20px;
92 …+ color: #333333;
93 …+ text-align: center;
94 …+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
95 …+ vertical-align: middle;
96 …+ cursor: pointer;
97 …+ background-color: #f5f5f5;
98 …+ *background-color: #e6e6e6;
99 …+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
100 …+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
101 …+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
102 …+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
103 …+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
104 …+ background-repeat: repeat-x;
105 …+ border: 1px solid #cccccc;
106 …+ *border: 0;
107 …+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
108 …+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
109 …+ border-bottom-color: #b3b3b3;
110 …+ -webkit-border-radius: 4px;
111 …+ -moz-border-radius: 4px;
112 …+ border-radius: 4px;
113 …+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
114 …+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
115 …+ *zoom: 1;
116 …+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
117 …+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
118 …+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
119 …+}
120 …+
121 …+
122 …+.btn:hover,
123 …+.btn:focus,
124 …+.btn:active,
125 …+.btn.active,
126 …+.btn.disabled,
127 …+.btn[disabled] {
128 …+ color: #333333;
129 …+ background-color: #e6e6e6;
130 …+ *background-color: #d9d9d9;
131 …+}
132 …+
133 …+.btn:active,
134 …+.btn.active {
135 …+ background-color: #cccccc \9;
136 …+}
137 …+
138 …+.btn:first-child {
139 …+ *margin-left: 0;
140 …+}
141 …+
142 …+.btn:hover,
143 …+.btn:focus {
144 …+ color: #333333;
145 …+ text-decoration: none;
146 …+ background-position: 0 -15px;
147 …+ -webkit-transition: background-position 0.1s linear;
148 …+ -moz-transition: background-position 0.1s linear;
149 …+ -o-transition: background-position 0.1s linear;
150 …+ transition: background-position 0.1s linear;
151 …+}
152 …+
153 …+.btn:focus {
154 …+ outline: thin dotted #333;
155 …+ outline: 5px auto -webkit-focus-ring-color;
156 …+ outline-offset: -2px;
157 …+}
158 …+
159 …+.btn.active,
160 …+.btn:active {
161 …+ background-image: none;
162 …+ outline: 0;
163 …+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
164 …+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
165 …+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
166 …+}
167 …+
style.css.jsonView
@@ -1,1 +1,1 @@
1-"body {\n background: black;\n font-family: sans-serif;\n color: #ddd;\n font-size: 1em;\n}\n\n.hyperscroll {\n width: 100%;\n}\n\na {\n color: #f5f5f5;\n}\n\n.hyperscroll > .content {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message, .embedded {\n display: block;\n margin: .6em;\n background: #111;\n padding: .5em;\n}\n\n.embedded {\n border-left: 1px solid #666;\n padding-left: 1em;\n}\n\n.message img {\n max-width: 100%;\n}\n\n.timestamp {\n float: right;\n}\n\n.avatar--small img {\n vertical-align: top;\n width: 1.4em;\n height: 1.4em;\n margin-right: .2em;\n}\n\n.compose {\n background: #222;\n color: #ccc;\n width: 100%;\n border: none;\n}\n\n.emoji {\n float: left;\n width: 1.4em;\n vertical-align: top;\n}\n\npre {\n width: 100%;\n display: block;\n}\n\ncode {\n display: inline-block;\n vertical-align: bottom;\n}\n\ncode, pre {\noverflow: auto;\nword-break: break-all;\nword-wrap: break-word;\nwhite-space: pre;\nwhite-space: -moz-pre-wrap;\nwhite-space: pre-wrap;\nwhite-space: pre\\9;\n}\n\n"
1 …+"body {\n background: black;\n font-family: sans-serif;\n color: #ddd;\n font-size: 1em;\n}\n\n.hyperscroll {\n width: 100%;\n}\n\na {\n color: #f5f5f5;\n}\n\n.hyperscroll > .content {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message, .embedded {\n display: block;\n margin: .6em;\n background: #111;\n padding: .5em;\n}\n\n.embedded {\n border-left: 1px solid #666;\n padding-left: 1em;\n}\n\n.message img {\n max-width: 100%;\n}\n\n.timestamp {\n float: right;\n}\n\n.avatar--small img {\n vertical-align: top;\n width: 1.4em;\n height: 1.4em;\n margin-right: .2em;\n}\n\n.compose {\n background: #222;\n color: #ccc;\n width: 100%;\n height: 100px;\n border: none;\n}\n\n.emoji {\n float: left;\n width: 1.4em;\n vertical-align: top;\n}\n\npre {\n width: 100%;\n display: block;\n}\n\ncode {\n display: inline-block;\n vertical-align: bottom;\n}\n\ncode, pre {\noverflow: auto;\nword-break: break-all;\nword-wrap: break-word;\nwhite-space: pre;\nwhite-space: -moz-pre-wrap;\nwhite-space: pre-wrap;\nwhite-space: pre\\9;\n}\n\n\n.btn {\n display: inline-block;\n *display: inline;\n padding: 3px 6px;\n margin-bottom: 0;\n *margin-left: .3em;\n font-size: 14px;\n line-height: 20px;\n color: #333333;\n text-align: center;\n text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\n vertical-align: middle;\n cursor: pointer;\n background-color: #f5f5f5;\n *background-color: #e6e6e6;\n background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));\n background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);\n background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);\n background-repeat: repeat-x;\n border: 1px solid #cccccc;\n *border: 0;\n border-color: #e6e6e6 #e6e6e6 #bfbfbf;\n border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n border-bottom-color: #b3b3b3;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);\n filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);\n *zoom: 1;\n -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n\n.btn:hover,\n.btn:focus,\n.btn:active,\n.btn.active,\n.btn.disabled,\n.btn[disabled] {\n color: #333333;\n background-color: #e6e6e6;\n *background-color: #d9d9d9;\n}\n\n.btn:active,\n.btn.active {\n background-color: #cccccc \\9;\n}\n\n.btn:first-child {\n *margin-left: 0;\n}\n\n.btn:hover,\n.btn:focus {\n color: #333333;\n text-decoration: none;\n background-position: 0 -15px;\n -webkit-transition: background-position 0.1s linear;\n -moz-transition: background-position 0.1s linear;\n -o-transition: background-position 0.1s linear;\n transition: background-position 0.1s linear;\n}\n\n.btn:focus {\n outline: thin dotted #333;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.btn.active,\n.btn:active {\n background-image: none;\n outline: 0;\n -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n"

Built with git-ssb-web