-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathstyle.css
More file actions
30 lines (20 loc) · 2.12 KB
/
style.css
File metadata and controls
30 lines (20 loc) · 2.12 KB
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
body { margin: 0px; padding: 0px; border-top: solid 20px #4d6270; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
#page { width: 900px; margin: 50px auto; }
h1 { width: 900px; margin: 20px auto; letter-spacing: -0.03em; font-size: 24px; }
sidebar { width: 272px; float: left; }
sidebar h2 { font-size: 12px; margin: 0em 2em 0 0; margin-bottom: 0; border-bottom: solid 2px #999; }
ul#files { list-style: none; margin: 0em 2em 2em 0; padding: 0; font-size: 12px; max-height: 250px; overflow-y: scroll; padding-right: 2px; }
ul#files li { padding: 5px 0 5px 3px; border-bottom: solid 1px #ccc; font-weight: bold; color: #4d6270; }
ul#files li.selected { background: #ddd; color: #000; }
ul#files li:not(.selected):hover { background: #eee; cursor: pointer; }
input[type="file"] { margin-bottom: 5px; }
.button { color: #fff; padding: 5px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: bold; text-decoration: none; border: none; background: #4d6270; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98acba), to(#4d6270)); background: -moz-linear-gradient(#98acba, #4d6270); }
.button:hover { cursor: pointer; }
article { width: 600px; float: left; padding-left: 27px; border-left: solid 1px #ddd; }
article small { display: block; margin-top: 10px; font-size: .7em; }
article small ul { padding-left: 0; list-style: none; -webkit-column-count: 3; -webkit-column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; column-count: 3; column-gap: 20px; }
#audio_container { margin-bottom: 2em; }
#audio_container h2 { margin: 0; margin-bottom: 5px; font-size: 14px; color: #999; }
audio#audio { width: 610px; }
textarea#transcript { height: 250px; font-size: 1.2em; padding: 10px; width: 590px; line-height: 1.4em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: Georgia, serif; }
#error { background: #fee; color: #900; font-weight: bold; font-size: 12px; padding: 10px; width: 590px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: none; }