forked from briancmcfarlane/webcards
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscreen-webcards.css
executable file
·67 lines (58 loc) · 2.89 KB
/
screen-webcards.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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/* disabling default spacing */
body, form, h1, h2, #tagline, h3, #tnav, #tnav li, #sidebar ul, #sidebar li, #content form ul, #content form li {margin: 0; padding: 0;}
body {text-align: center; background: #669; margin-top: 5px;}
#jump {position: absolute; top: -999em;}
.hide {display: none;}
/* text formatting */
h1, #tagline {font: 220%/1.4 "Copperplate Gothic Light",serif; letter-spacing: 1px;}
h2, h3 {font: 130%/1.4 verdana,geneva,lucida,arial,sans-serif;}
#tagline {font-size: 150%;}
h3 {font-size: 110%;}
#container, input, textarea {font: 75%/1.4 verdana,geneva,lucida,arial,sans-serif;}
input, textarea {font-size: 100%;}
#footer, #sidebar, #available {font-size: 90%;}
.serif {font-family: georgia,serif;}
.fun {font-family: "comic sans ms",fantasy;}
/* outer box */
#container {margin: auto; width: 750px; border: 3px double #000; text-align: left; background: #fff;
padding: 10px 0; position: relative; voice-family: "\"}\""; voice-family: inherit; width: 744px;}
html>body #container {width: 744px;}
/* masthead */
h1 {margin: 0 0 10px 10px;}
#tagline {position: absolute; top: 17px; right: 10px;}
#tnav, #tnav li {line-height: 1;}
#tnav {padding-left: 10px; border-bottom: 3px double #000; height: 2em;}
#tnav li {float: left; margin-right: 3px; background: #999 url(images/left.gif) top left no-repeat;}
#tnav .current {background-color: #000;}
#tnav a {display: block; padding: .5em; background: url(images/right.gif) top right no-repeat; text-decoration: none;}
#tnav a, #tnav .current a:hover, #tnav .current a:focus {color: #fff;}
#tnav a:hover, #tnav a:focus {color: #ff0;}
/* left-hand column */
p {margin: 1em 0;}
#content form div {float: left;}
#content form div, #recip, #msg, #sender {margin-bottom: 1.25em;}
img {border: 0;}
#content {margin: 0 200px 0 10px;}
#content li {margin-bottom: .5em; list-style: circle;}
#content form ul {margin: 3em 0;}
#recip, #sender {width: 18em;}
#msg {width: 18em; height: 8em;}
#content form img {border: 3px solid #fff;}
/* right-hand column */
#sidebar {position: absolute; top: 9.75em; right: 10px; width: 176px; border: 3px double #000; padding: 5px;
voice-family: "\"}\""; voice-family: inherit; width: 160px;}
html>body #sidebar {width: 160px;}
#form li {margin: .5em 0;}
#sidebar ul {margin-top: 1em;}
#sidebar li {margin: 1em 0;}
/* floated lists in content areas */
#form label, #content form label {float: left; display: block; text-align: right;}
#form label {width: 70px; margin-right: 3px;}
#content form label {width: 12em; margin-right: 1em;}
.clr, #content form li {clear: both;}
/* disabling default list styling */
#tnav, #tnav li, #sidebar ul, #sidebar li, #content form ul, #content form li {list-style: none;}
/* JavaScript-added classes */
.error, #errorMessage {color: #f00; font-weight: bold;}
.overLimit {background: #f00; color: #fff;}
#content form .imgBorder {border: 3px outset #ccc;}