about summary refs log tree commit diff stats
path: root/css
diff options
context:
space:
mode:
authorCase Duckworth2015-03-03 21:28:07 -0700
committerCase Duckworth2015-03-03 21:28:07 -0700
commit61d9eaea4445af77489e8a823178721e64de2a28 (patch)
tree1badbc69d5e3d7fbd2101ddfbdc9c73ddea4732a /css
parentRevise index (diff)
downloadautocento-61d9eaea4445af77489e8a823178721e64de2a28.tar.gz
autocento-61d9eaea4445af77489e8a823178721e64de2a28.zip
Fix styles for nav placement
Diffstat (limited to 'css')
-rw-r--r--css/common.css132


-rw-r--r--css/paul.css3


-rw-r--r--css/stark.css3


3 files changed, 69 insertions, 69 deletions
diff --git a/css/common.css b/css/common.css
index 56496ad..c51fe31 100644
--- a/css/common.css
+++ b/css/common.css

@@ -1,48 +1,58 @@

1/* Common CSS for all of Autocento at the breakfast table
1/* Common CSS for all of Autocento at the breakfast table

2 * should include ONLY the following:


3 * margins & widths


4 * text sizes & font assignments


5 * link rendering


6 * images


7 * vim: fdm=marker
2 * vim: fdm=marker

8 */
3 */

9/* Import rules {{{ */
4/* IMPORTS {{{ */

10/* Playfair Display (headings) */
5/* Playfair Display (headings) */

11@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
6@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);

12/* Fira Sans (body) */
7/* Fira Sans (body) */

13@import url(http://code.cdn.mozilla.net/fonts/fira.css);
8@import url(http://code.cdn.mozilla.net/fonts/fira.css);

14/* @import url("fonts/courier-prime.css");
9/* @import url("fonts/courier-prime.css");

15 * ^^^^^^ for typewriter pages in Paul */
10 * ^^^^^^ for typewriter pages in Paul */

16/* }}} */
11/* imports }}} */

17/* Body {{{ */
12/* LAYOUT {{{ */

18html, body {
13html, body {

19    font-family: "Fira Sans", sans-serif;


20    font-size: 12pt;


21    margin: 0;
14    margin: 0;

22    padding: 0;
15    padding: 0;

23    height: 100%;
16


17    font-family: "Fira Sans", sans-serif;


18    font-size: 12pt;

24}
19}

25#wrapper { /*makes sure nav is at bottom of window*/
20html { height: 100%; }


21body {


22    position: absolute;


23    top: 0;


24    left: 0;


25    right: 0;

26    min-height: 100%;
26    min-height: 100%;

27    position: relative;
27    padding-left: 12px;

28    margin: 12px;
28    padding-right: 12px;

29}
29}

30.thing {
30header {

31    max-width: 39em;
31    max-width: 39em;

32    margin: auto;
32    margin: auto;

33    padding-bottom: 3em; /*height of nav*/


34}
33}

35/* Tables */
34.thing {

36table { border-collapse: collapse; }
35    max-width: 39em;

37td {
36    margin: 0 auto;

38    vertical-align: top;
37    padding-bottom: 24px;


38}


39nav {


40    height: 24px;


41    width: 100%;


42    position: absolute;


43    bottom: 0;


44    left: 0;


45    text-align: center;

39}
46}

40tr {
47.footnotes {

41    border-bottom: 1px solid #aaa;
48    width: 80%;

42    border-top: 1px solid #aaa;
49    position: absolute;


50    top: 100%;


51    left: 10%;


52    font-size: 10pt;

43}
53}

44/* }}} */
54/* layout }}} */

45/* Links {{{ */
55/* LINKS {{{ */

46a:link {
56a:link {

47    color: inherit;
57    color: inherit;

48    text-decoration: underline;
58    text-decoration: underline;
@@ -68,8 +78,8 @@ a[href^="http"]:hover {

68a[href^="http"]:active {
78a[href^="http"]:active {

69    text-decoration: underline;
79    text-decoration: underline;

70}
80}

71/* }}} */
81/* links }}} */

72/* Images {{{ */
82/* IMAGES {{{ */

73figure {
83figure {

74    width: 100%;
84    width: 100%;

75    margin: auto;
85    margin: auto;
@@ -82,13 +92,8 @@ img {

82    max-width: 100%;
92    max-width: 100%;

83    margin: auto;
93    margin: auto;

84}
94}

85/* }}} */
95/* images }}} */

86/* Header section {{{ */
96/* HEADINGS {{{ */

87header {


88    max-width: 39em;


89    margin: auto;


90}


91/* headings */


92h1.title {
97h1.title {

93    font-family: "Playfair Display", Georgia, serif;
98    font-family: "Playfair Display", Georgia, serif;

94    font-size: 16pt;
99    font-size: 16pt;
@@ -110,7 +115,8 @@ h2 {

110    font-size: 12pt;
115    font-size: 12pt;

111    font-weight: 600;
116    font-weight: 600;

112}
117}

113/* Epigraph & Dedication */
118/* headings }}} */


119/* DEDICATION {{{ */

114.dedication {
120.dedication {

115    font-style: italic;
121    font-style: italic;

116    font-size: 10pt;
122    font-size: 10pt;
@@ -121,7 +127,8 @@ h2 {

121    content: 'for ';
127    content: 'for ';

122    font-style: italic;
128    font-style: italic;

123}
129}

124
130/* dedication }}} */


131/* EPIGRAPH {{{ */

125.epigraph {
132.epigraph {

126    text-align: right;
133    text-align: right;

127    font-size: 10pt;
134    font-size: 10pt;
@@ -139,52 +146,41 @@ h2 {

139.epigraph-attrib:before {
146.epigraph-attrib:before {

140    content: '– ';
147    content: '– ';

141}
148}

142/* }}} */
149/* epigraph }}} */

143/* Navigation {{{ */
150/* NAV {{{ */

144nav {
151nav .prevlink { float: left; text-align: left; }

145    width: 100%;
152nav .nextlink { float: right; text-align: right; }

146    height: 3em;
153/* Properties both types of navlinks share */

147    position: absolute;
154nav .prevlink, nav .nextlink {

148    bottom: 0;


149    left: 0;


150    text-align: center;


151}


152nav .prevlink {


153    float: left;


154    text-align: left;


155    margin: 0 0.5em;


156    max-width: 20%;


157}


158nav .nextlink {


159    float: right;


160    text-align: right;


161    margin: 0 0.5em;
155    margin: 0 0.5em;

162    max-width: 20%;
156    max-width: 25%;


157    font-size: 10pt;


158    font-family: "Playfair Display", Georgia, serif;


159    font-style: italic;


160    text-transform: lowercase;


161    height: 20px;


162    overflow: hidden;


163    text-decoration: none;

163}
164}

164nav .prevlink:before {
165nav .prevlink:before {

165    content: ' «'
166    content: ' «';


167    font-style: normal;

166}
168}

167nav .nextlink:after {
169nav .nextlink:after {

168    content: ' »'
170    content: ' »';


171    font-style: normal;

169}
172}

170#lozenge {
173#lozenge {

171    position: absolute;
174    position: absolute;

172    left: 50%;
175    left: 50%;

173    text-decoration: none;
176    text-decoration: none;

174}
177}

175/* }}} */
178/* nav }}} */

176/* Footnotes {{{ */
179/* FOOTNOTES {{{ */

177.footnotes {


178    position: absolute;


179    top: 100%;


180    left: 25%;


181    width: 50%;


182    font-size: 10pt;


183}


184.footnotes p::first-line {
180.footnotes p::first-line {

185    font-variant: normal !important;
181    font-variant: normal !important;

186}
182}

187.footnotes a[href^="#fnref"] {
183.footnotes a[href^="#fnref"] {

188    float: right;
184    float: right;

189}
185}

190/* }}} */
186/* footnotes }}} */
diff --git a/css/paul.css b/css/paul.css
index baaccde..4c2f28d 100644
--- a/css/paul.css
+++ b/css/paul.css

@@ -17,6 +17,9 @@ blockquote {

17    padding: 0 1em;
17    padding: 0 1em;

18    text-align: left;
18    text-align: left;

19}
19}


20blockquote p::first-line {


21    font-variant: normal !important;


22}

20blockquote ul {
23blockquote ul {

21    list-style-type: none;
24    list-style-type: none;

22}
25}
diff --git a/css/stark.css b/css/stark.css
index 8195e8f..5f4af18 100644
--- a/css/stark.css
+++ b/css/stark.css

@@ -1,6 +1,6 @@

1/* STARK RAVING css project rules */
1/* STARK RAVING css project rules */

2
2

3/* Tables */
3/* TABLES {{{ */

4table { border-collapse: collapse; }
4table { border-collapse: collapse; }

5td {
5td {

6    vertical-align: top;
6    vertical-align: top;
@@ -9,3 +9,4 @@ tr {

9    border-bottom: 1px solid #aaa;
9    border-bottom: 1px solid #aaa;

10    border-top: 1px solid #aaa;
10    border-top: 1px solid #aaa;

11}
11}


12/* tables }}} */
 


© 2022 C. Duckworth.
generated by
cgit.
comments, issues, and patches welcome at
<
git at acdw dot net
>.