git ssb

3+

ev / decent



Commit 6d285be14d47f8e90c17634ab0417567c4b83ef6

Browse Files

tweak styles as I work to make decent beautiful

Ev Bogue committed on 1/24/2019, 6:08:40 PM
Parent: 2c21a047a07216b4f763b03344fea3709cbd206c

Files changed

style.csschanged
style.css.jsonchanged
style.cssView
@@ -1,9 +1,9 @@
11 … body {
22 … margin: 0;
33 … background: #f5f5f5;
44 … font-family: sans-serif;
5- color: #333;
5 …+ color: #111;
66 … font-size: 14px;
77 … line-height: 20px;
88 … }
99 …
@@ -29,8 +29,20 @@
2929 … padding-bottom: .7em;
3030 … border-bottom: 1px solid #ddd;
3131 … }
3232 …
33 …+a {
34 …+ color: #004aff;
35 …+}
36 …+
37 …+/*a:visited {
38 …+ color: #666;
39 …+}*/
40 …+
41 …+a:hover {
42 …+ color: #666;
43 …+}
44 …+
3345 … h1, h2, h3, h4, h5, h6 {
3446 … font-size: 1.2em;
3547 … margin-top: .35ex;
3648 … }
@@ -42,13 +54,13 @@
4254 … height: 0;
4355 … margin-bottom: .9em;
4456 … }
4557 …
46-
4758 … p {
4859 … margin-top: .35ex;
4960 … margin-bottom: 10px;
5061 … }
62 …+
5163 … .navbar a {
5264 … color: #999;
5365 … text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
5466 … text-decoration: none;
@@ -99,14 +111,8 @@
99111 … background: #333;
100112 … border-radius: 100%;
101113 … }
102114 …
103-/*.content {
104- max-width: 680px;
105- margin-left: auto;
106- margin-right: auto;
107-}*/
108-
109115 … .hyperscroll > .content {
110116 … max-width: 780px;
111117 … margin-left: auto;
112118 … margin-right: auto;
@@ -120,25 +126,17 @@
120126 … from { opacity: 0; }
121127 … to { opacity: 1; }
122128 … }
123129 …
124-.message, .embedded {
130 …+.message {
125131 … display: block;
126132 … margin: .6em;
127- background: #eee;
133 …+ background: #fff;
128134 … padding: .7em;
129135 … border-radius: 3px;
130136 … border: 1px solid #ddd;
131137 … }
132138 …
133-.embedded {
134- padding-left: 1em;
135-}
136-
137-.message:hover, .embedded:hover {
138- background: #ddd;
139-}
140-
141139 … .message img, .message video {
142140 … max-width: 100%;
143141 … }
144142 …
style.css.jsonView
@@ -1,1 +1,1 @@
1-"body {\n margin: 0;\n background: #f5f5f5;\n font-family: sans-serif;\n color: #333;\n font-size: 14px; \n line-height: 20px;\n}\n\n#screen {\n position: absolute;\n top: 32px;\n bottom: 0px;\n left: 0px;\n right: 0px;\n}\n\n.hyperscroll {\n width: 100%;\n}\n\n.search {\n margin-top: 1.5px;\n float: right;\n width: 200px;\n}\n\n.header {\n padding-bottom: .7em;\n border-bottom: 1px solid #ddd;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 1.2em;\n margin-top: .35ex;\n}\n\nhr {\n border: solid #ddd;\n clear: both;\n border-width: 1px 0 0;\n height: 0;\n margin-bottom: .9em;\n}\n\n\np {\n margin-top: .35ex;\n margin-bottom: 10px;\n}\n.navbar a {\n color: #999;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n text-decoration: none;\n}\n\n.navbar a:hover, .navbar a:focus {\n color: #fff;\n text-decoration: none;\n}\n\n.navbar {\n background: #1b1b1b;\n background: linear-gradient(#222, #111);\n}\n\n.navbar {\n width: 100%;\n position: fixed;\n z-index: 1000;\n margin: 0;\n padding-top: .3em;\n padding-bottom: .3em;\n left: 0; right: 0;\n top: 0;\n}\n\n.navbar .internal {\n max-width: 97%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.navbar li {\n margin-top: .3em;\n float: left;\n margin-right: .6em;\n margin-left: .3em;\n list-style-type: none;\n}\n\n.navbar li.right {\n padding-left: .4em;\n padding-right: .4em;\n margin-top: .3em;\n margin-right: 1.7em;\n float: right;\n list-style-type: none;\n background: #333;\n border-radius: 100%;\n}\n\n/*.content {\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n}*/\n\n.hyperscroll > .content {\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message, .message > *, .navbar, .navbar > * {\n animation: fadein .5s;\n}\n\n@keyframes fadein {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.message, .embedded {\n display: block;\n margin: .6em;\n background: #eee;\n padding: .7em;\n border-radius: 3px;\n border: 1px solid #ddd;\n}\n\n.embedded {\n padding-left: 1em;\n}\n\n.message:hover, .embedded:hover {\n background: #ddd;\n}\n\n.message img, .message video {\n max-width: 100%;\n}\n\nimg {\n border-radius: 3px;\n}\n\n.timestamp, .votes {\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.avatar--medium img {\n float: left;\n vertical-align: top;\n width: 5em;\n height: 5em;\n margin-right: .5em;\n margin-bottom: .5em;\n}\n\n.compose, textarea, input {\n font-family: sans-serif;\n font-size: 14px;\n line-height: 20px;\n background: #eee;\n border: none;\n border-radius: 3px;\n}\n\ntextarea {\n width: 100%;\n height: 100px;\n}\n\n.compose:hover {\n #background: #141414;\n}\n\n.compose:focus {\n outline: none;\n}\n\n.emoji {\n padding: .2em;\n}\n\n.right {\n float: right;\n margin-right: .25em;\n}\n\n.emoji {\n *float: left;\n width: 1em;\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\ncode, pre {\n font-size: 12px;\n}\n\npre {\n margin: 0 0 10px;\n font-size: 13px;\n line-height: 20px;\n}\n\nbutton {margin: 0; margin-top: -.2em;}\n\ninput {width: 88%; }\n\n#profile input {width: 50%;}\n\n.btn {\n padding: 2px 6px;\n margin-bottom: 0;\n margin-right: .2em;\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n}\n\n"
1 …+"body {\n margin: 0;\n background: #f5f5f5;\n font-family: sans-serif;\n color: #111;\n font-size: 14px; \n line-height: 20px;\n}\n\n#screen {\n position: absolute;\n top: 32px;\n bottom: 0px;\n left: 0px;\n right: 0px;\n}\n\n.hyperscroll {\n width: 100%;\n}\n\n.search {\n margin-top: 1.5px;\n float: right;\n width: 200px;\n}\n\n.header {\n padding-bottom: .7em;\n border-bottom: 1px solid #ddd;\n}\n\na {\n color: #004aff;\n}\n\n/*a:visited {\n color: #666;\n}*/\n\na:hover {\n color: #666;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-size: 1.2em;\n margin-top: .35ex;\n}\n\nhr {\n border: solid #ddd;\n clear: both;\n border-width: 1px 0 0;\n height: 0;\n margin-bottom: .9em;\n}\n\np {\n margin-top: .35ex;\n margin-bottom: 10px;\n}\n\n.navbar a {\n color: #999;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n text-decoration: none;\n}\n\n.navbar a:hover, .navbar a:focus {\n color: #fff;\n text-decoration: none;\n}\n\n.navbar {\n background: #1b1b1b;\n background: linear-gradient(#222, #111);\n}\n\n.navbar {\n width: 100%;\n position: fixed;\n z-index: 1000;\n margin: 0;\n padding-top: .3em;\n padding-bottom: .3em;\n left: 0; right: 0;\n top: 0;\n}\n\n.navbar .internal {\n max-width: 97%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.navbar li {\n margin-top: .3em;\n float: left;\n margin-right: .6em;\n margin-left: .3em;\n list-style-type: none;\n}\n\n.navbar li.right {\n padding-left: .4em;\n padding-right: .4em;\n margin-top: .3em;\n margin-right: 1.7em;\n float: right;\n list-style-type: none;\n background: #333;\n border-radius: 100%;\n}\n\n.hyperscroll > .content {\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.message, .message > *, .navbar, .navbar > * {\n animation: fadein .5s;\n}\n\n@keyframes fadein {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.message {\n display: block;\n margin: .6em;\n background: #fff;\n padding: .7em;\n border-radius: 3px;\n border: 1px solid #ddd;\n}\n\n.message img, .message video {\n max-width: 100%;\n}\n\nimg {\n border-radius: 3px;\n}\n\n.timestamp, .votes {\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.avatar--medium img {\n float: left;\n vertical-align: top;\n width: 5em;\n height: 5em;\n margin-right: .5em;\n margin-bottom: .5em;\n}\n\n.compose, textarea, input {\n font-family: sans-serif;\n font-size: 14px;\n line-height: 20px;\n background: #eee;\n border: none;\n border-radius: 3px;\n}\n\ntextarea {\n width: 100%;\n height: 100px;\n}\n\n.compose:hover {\n #background: #141414;\n}\n\n.compose:focus {\n outline: none;\n}\n\n.emoji {\n padding: .2em;\n}\n\n.right {\n float: right;\n margin-right: .25em;\n}\n\n.emoji {\n *float: left;\n width: 1em;\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\ncode, pre {\n font-size: 12px;\n}\n\npre {\n margin: 0 0 10px;\n font-size: 13px;\n line-height: 20px;\n}\n\nbutton {margin: 0; margin-top: -.2em;}\n\ninput {width: 88%; }\n\n#profile input {width: 50%;}\n\n.btn {\n padding: 2px 6px;\n margin-bottom: 0;\n margin-right: .2em;\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n}\n\n"

Built with git-ssb-web