DavidDragonsage commited on
Commit
76d104c
·
verified ·
1 Parent(s): 497d7eb

Controlled padding of the blank line under the titles

Browse files
Files changed (2) hide show
  1. fooocusplus-screen.css +130 -0
  2. index.html +0 -0
fooocusplus-screen.css ADDED
@@ -0,0 +1,130 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+
3
+ body /* initialize default text parameters
4
+ and set the background colour of the page
5
+ beyond the 960px wrapper. */
6
+ {
7
+ font-family: Georgia, Times, "Times New Roman", serif;
8
+ font-size: 1.2em;
9
+ text-align: left;
10
+ color: black;
11
+ background: #003; /* very dark blue */
12
+ line-height: 1.3em;
13
+ }
14
+
15
+ #wrapper /* fix the page width to 960px.
16
+ This declaration must always come second */
17
+ {
18
+ margin: 0 auto; /* centre wrapper */
19
+ border: 1px solid black;
20
+ width: 1870px;
21
+ }
22
+
23
+ /* banner styles */
24
+ header
25
+ {
26
+ background: #ffc; /* conditioner yellow */
27
+ text-align: center;
28
+ height: 172px;
29
+ border-bottom: 1px solid black;
30
+ padding: 10px;
31
+ }
32
+
33
+ /* <h1> and <h2> margin-top indirectly
34
+ affects vertical position of the navbar */
35
+ header h1
36
+ {
37
+ font-size: 1.6em;
38
+ font-weight: bold;
39
+ margin-top: 45px;
40
+ }
41
+
42
+ /* header <h2> is used for the slogan or
43
+ theme to improve accessibility. We switch
44
+ from Georgia to Times New Roman here,
45
+ which I prefer for italics */
46
+ header h2
47
+ {
48
+ font-family: "Times New Roman", Times, Georgia, serif;
49
+ font-size: 1.05em;
50
+ line-height: 1.5em;
51
+ margin-top: 30px;
52
+ }
53
+
54
+ img
55
+ {
56
+ background: black;
57
+ box-shadow: 0.2px 0.2px 4px black;
58
+ margin-top: 6px;
59
+ padding: 1px 2px 2px 1.5px;
60
+ height: 256px;
61
+ width: 256px;
62
+ }
63
+
64
+ /* table styles
65
+ Switch to Times New Roman to improve
66
+ numerical display */
67
+ table
68
+ {
69
+ font-family: "Times New Roman", Times, Georgia, serif;
70
+ background: #ffc; /* conditioner yellow */
71
+ border: 1px solid black;
72
+ margin: 8px 0px 6px 0px;
73
+ padding: 8px;
74
+ }
75
+
76
+ #titles
77
+ {
78
+ font-weight: bold;
79
+ height: 80px;
80
+ text-align: center;
81
+ }
82
+
83
+ th
84
+ {
85
+ font-weight: bold;
86
+ padding: 5px;
87
+ text-align: center;
88
+ width: 80px;
89
+ }
90
+
91
+ tr
92
+ {
93
+ background: #9ff; /* light cyan */
94
+ }
95
+
96
+ td
97
+ {
98
+ padding: 2px;
99
+ }
100
+
101
+ .blank
102
+ {
103
+ padding: 3px;
104
+ }
105
+
106
+ .image
107
+ {
108
+ width: 256px;
109
+ }
110
+
111
+ .prompt
112
+ {
113
+ padding: 10px;
114
+ width: 310px;
115
+ }
116
+
117
+ /* footer styles
118
+ Times New Roman harmonizes with Georgia,
119
+ but gives uniform display of numbers */
120
+ footer
121
+ {
122
+ font-family: "Times New Roman", Times, Georgia, serif;
123
+ font-size: 1em;
124
+ color: white;
125
+ background: #069; /* Baltic blue */
126
+ border: 1px solid black;
127
+ padding: 25px;
128
+ line-height: 1em;
129
+ text-align: center;
130
+ }
index.html ADDED
The diff for this file is too large to render. See raw diff