diff options
Diffstat (limited to 'css')
-rwxr-xr-x | css/index.html | 0 | ||||
-rwxr-xr-x | css/reset.css | 35 | ||||
-rw-r--r-- | css/style.css | 47 | ||||
-rwxr-xr-x | css/typography.css | 85 |
4 files changed, 45 insertions, 122 deletions
diff --git a/css/index.html b/css/index.html deleted file mode 100755 index e69de29b..00000000 --- a/css/index.html +++ /dev/null | |||
diff --git a/css/reset.css b/css/reset.css deleted file mode 100755 index 530ddc3d..00000000 --- a/css/reset.css +++ /dev/null | |||
@@ -1,35 +0,0 @@ | |||
1 | html, body, div, span, object, iframe, | ||
2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
3 | a, abbr, acronym, address, code, | ||
4 | del, dfn, em, img, q, dl, dt, dd, ol, ul, li, | ||
5 | fieldset, form, label, legend, | ||
6 | table, caption, tbody, tfoot, thead, tr, th, td { | ||
7 | margin: 0; | ||
8 | padding: 0; | ||
9 | border: 0; | ||
10 | font-weight: inherit; | ||
11 | font-style: inherit; | ||
12 | font-size: 100%; | ||
13 | font-family: inherit; | ||
14 | vertical-align: baseline; | ||
15 | } | ||
16 | |||
17 | |||
18 | /* Tables still need 'cellspacing="0"' in the markup. */ | ||
19 | table { border-collapse: separate; border-spacing: 0; } | ||
20 | caption, th, td { text-align: left; font-weight: normal; } | ||
21 | table, td, th { vertical-align: middle; } | ||
22 | |||
23 | /* Remove possible quote marks (") from <q>, <blockquote>. */ | ||
24 | blockquote:before, blockquote:after, q:before, q:after { content: ""; } | ||
25 | blockquote, q { quotes: "" ""; } | ||
26 | |||
27 | /* Remove annoying border on linked images. */ | ||
28 | a img { border: none; } | ||
29 | |||
30 | |||
31 | body { | ||
32 | |||
33 | margin: 10px; | ||
34 | } | ||
35 | |||
diff --git a/css/style.css b/css/style.css index 41a61780..764cf628 100644 --- a/css/style.css +++ b/css/style.css | |||
@@ -1,7 +1,11 @@ | |||
1 | body { | 1 | body { |
2 | color: #222222; | 2 | color: #222222; |
3 | font: 20px/1.3em Palatino,Georgia,serif; | 3 | font: 20px/1.3em Palatino,Georgia,serif; |
4 | background-color: #e6e6e6; | 4 | background-color: #F1F1F1; |
5 | } | ||
6 | |||
7 | body.article { | ||
8 | background-color: #ffffff; | ||
5 | } | 9 | } |
6 | 10 | ||
7 | a, a:hover, a:visited { | 11 | a, a:hover, a:visited { |
@@ -11,7 +15,20 @@ header { | |||
11 | text-align: center; | 15 | text-align: center; |
12 | } | 16 | } |
13 | 17 | ||
14 | #main { | 18 | #article header { |
19 | text-align: left; | ||
20 | border-bottom: 1px solid #222222; | ||
21 | } | ||
22 | |||
23 | #article header a { | ||
24 | text-decoration: none; | ||
25 | } | ||
26 | |||
27 | #article header .vieworiginal a { | ||
28 | color: #888888; | ||
29 | } | ||
30 | |||
31 | #main, #article { | ||
15 | margin: 0 auto; | 32 | margin: 0 auto; |
16 | } | 33 | } |
17 | 34 | ||
@@ -26,6 +43,32 @@ header { | |||
26 | padding: 15px; | 43 | padding: 15px; |
27 | } | 44 | } |
28 | 45 | ||
46 | #main #entries { | ||
47 | margin-top: 20px; | ||
48 | } | ||
49 | |||
50 | #main #entries .entrie { | ||
51 | color: rgb(46, 46, 46); | ||
52 | position:relative; | ||
53 | background-color: #ffffff; | ||
54 | height: 8em; | ||
55 | } | ||
56 | |||
57 | #main #entries .entrie h2 a { | ||
58 | text-decoration: none; | ||
59 | } | ||
60 | |||
61 | #main #entries .entrie h2 a:hover { | ||
62 | color: #F5BE00; | ||
63 | } | ||
64 | |||
65 | #main #entries .entrie .tools { | ||
66 | position:absolute; | ||
67 | bottom: 0; | ||
68 | width: 100%; | ||
69 | text-align: right; | ||
70 | } | ||
71 | |||
29 | #main a.tool { | 72 | #main a.tool { |
30 | text-decoration: none; | 73 | text-decoration: none; |
31 | } | 74 | } |
diff --git a/css/typography.css b/css/typography.css deleted file mode 100755 index e41db096..00000000 --- a/css/typography.css +++ /dev/null | |||
@@ -1,85 +0,0 @@ | |||
1 | |||
2 | body { | ||
3 | font:1em/1.625em "lucida grande","lucida sans unicode", sans-serif; background-color:#FFFEF0; | ||
4 | font-size-adjust:none; | ||
5 | font-style:normal; | ||
6 | font-variant:normal; | ||
7 | font-weight:normal; | ||
8 | padding: 15px; | ||
9 | margin: 15px auto; | ||
10 | } | ||
11 | |||
12 | article { | ||
13 | border: 3px solid grey; | ||
14 | max-width:700px; | ||
15 | margin: 15px auto; | ||
16 | padding: 15px; | ||
17 | } | ||
18 | |||
19 | footer { | ||
20 | border: 1px solid black; | ||
21 | padding: 15px; | ||
22 | margin: 15px auto; | ||
23 | } | ||
24 | |||
25 | p { padding:0 0 0.8125em 0; color:#111; font-weight:300;} | ||
26 | |||
27 | p + p { text-indent:1.625em;} | ||
28 | |||
29 | img { display: block; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; } | ||
30 | |||
31 | p > img { display: inline-block; margin: 0; } | ||
32 | |||
33 | h1,h2{ font-weight:normal; color: #333; font-family:Georgia, serif; } | ||
34 | h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:Georgia, serif; } | ||
35 | |||
36 | |||
37 | h1 { font-size: 2.125em; margin-bottom: 0.765em; line-height: 1.5em;} | ||
38 | h2 { font-size: 1.9em; margin-bottom: 0.855em; } | ||
39 | h3 { font-size: 1.7em; margin-bottom: 0.956em; } | ||
40 | h4 { font-size: 1.4em; margin-bottom: 1.161em; } | ||
41 | h5,h6 { font-size: 1.313em; margin-bottom: 1.238em; } | ||
42 | |||
43 | |||
44 | |||
45 | ul{list-style-position:outside;} | ||
46 | li ul, | ||
47 | li ol { margin:0 1.625em; } | ||
48 | ul, ol { margin: 0 0 1.625em 0; } | ||
49 | |||
50 | |||
51 | dl { margin: 0 0 1.625em 0; } | ||
52 | dl dt { font-weight: bold; } | ||
53 | dl dd { margin-left: 1.625em; } | ||
54 | |||
55 | a { color:#005AF2; text-decoration:none; } | ||
56 | a:hover { text-decoration: underline; } | ||
57 | |||
58 | |||
59 | table { margin-bottom:1.625em; border-collapse: collapse; } | ||
60 | th { font-weight:bold; } | ||
61 | tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; } | ||
62 | tfoot { font-style: italic; } | ||
63 | caption { text-align:center; font-family:Georgia, serif; } | ||
64 | |||
65 | |||
66 | abbr, acronym { border-bottom:1px dotted #000; } | ||
67 | address { margin-top:1.625em; font-style: italic; } | ||
68 | del {color:#000;} | ||
69 | |||
70 | |||
71 | blockquote { padding:1em 1em 1.625em 1em; font-family:georgia,serif;font-style: italic; } | ||
72 | blockquote:before { content:"\201C";font-size:3em;margin-left:-.625em; font-family:georgia,serif;color:#aaa;line-height:0;}/* From Tripoli */ | ||
73 | blockquote > p {padding:0; margin:0; } | ||
74 | |||
75 | strong { font-weight: bold; } | ||
76 | em, dfn { font-style: italic; } | ||
77 | dfn { font-weight: bold; } | ||
78 | pre, code { margin: 1.625em 0; white-space: pre; } | ||
79 | pre, code, tt { font: 1em monospace; line-height: 1.5; } | ||
80 | tt { display: block; margin: 1.625em 0; } | ||
81 | hr { margin-bottom:1.625em; } | ||
82 | |||
83 | .oldbook { font-family:"Warnock Pro","Goudy Old Style","Book Antiqua","Palatino",Georgia,serif; } | ||
84 | .note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; } | ||
85 | .mono { font-family:"Courier New", Courier, monospace; } | ||