gdritter repos frony-ritter-designs / 4b65ce0
Start to futz with the CSS Getty Ritter 4 years ago
3 changed file(s) with 58 addition(s) and 82 deletion(s). Collapse all Expand all
Binary diff not shown
1 @font-face {
2 font-family: sacramento;
3 src: url("/static/sacramento.ttf");
4 }
5
16 body {
27 background-repeat: repeat-y, repeat;
38 background-color: #ddeeff;
4 font-family: "Arial", sans-serif;
9 font-family: "Noto Sans", "Arial", sans-serif;
510 font-size: medium;
6 }
7
8 a:link {
11 margin: 0pt;
12 }
13
14 h1 {
15 font-family: sacramento, sans-serif;
16 font-size: 36pt;
17 }
18
19 h1 a {
20 color: #000;
21 text-decoration: none;
22 }
23
24 .contents a:link {
925 color: #6666ff;
1026 }
1127
12 a:visited {
28 .contents a:visited {
1329 color: #4444bb;
1430 }
1531
2137
2238 #page {
2339 background-color: #ffffff;
24 min-width: 600px;
25 border-style: solid;
26 border-width: 1px;
27 border-color: #000000;
28 padding-left: 50px;
29 padding-right: 50px;
30 padding-bottom: 30px;
31 padding-top: 30px;
32 margin-left: 100px;
33 margin-right: 100px;
34 -moz-border-radius: 15px;
35 border-radius: 15px;
40 width: 100%;
3641 }
3742
3843 #header {
39 -moz-border-radius: 15px;
40 border-radius: 15px;
41 background-color: #ddeeff;
42 max-width: 80%;
43 font-size: large;
44 padding: 20px;
45 margin: 10px;
46 margin-left: auto;
47 margin-right: auto;
48 border-style: solid;
49 border-width: 1px;
50 border-color: #000000;
51 text-align: center;
52 }
53
54 #nav {
55 text-align: center;
56 -moz-border-radius: 15px;
57 border-radius: 15px;
58 background-color: #ddeeff;
59 max-width: 80%;
60 font-size: medium;
61 padding: 10px;
62 margin-left: auto;
63 margin-right: auto;
64 border-style: solid;
65 border-width: 0px;
44 width: 100%;
45 text-align: center;
46 }
47
48 .nav {
49 display: flex;
50 justify-content: space-evenly;
51 flex-wrap: nowrap;
52
53 width: 100%;
54 background-color: #fff;
55 }
56
57 .nav a {
58 width: 12%;
59 display: inline-block;
60 text-align: center;
61 padding: 3pt 0pt;
62 margin: 5pt 0pt;
63 background-color: #44b;
64 color: #fff;
65 border-radius: 5pt;
66 text-decoration: none;
6667 }
6768
6869 #contents {
69 -moz-border-radius: 15px;
70 border-radius: 15px;
7170 background-color: #ddeeff;
7271 width: 70%;
7372 font-size: medium;
9089 }
9190
9291 #footer {
93 text-align: center;
94 -moz-border-radius: 15px;
95 border-radius: 15px;
9692 background-color: #ddeeff;
9793 max-width: 80%;
9894 font-size: medium;
104100 }
105101
106102 .all-designs {
107 margin-left: auto;
108 margin-right: auto;
109 overflow: hidden;
110 height: auto;
111 font-size: 0.1px;
112 text-align: justify;
103 display: grid;
104 margin-left: auto;
105 margin-right: auto;
106 grid-template-columns: 25% 25% 25% 25%;
113107 }
114108
115109 .design-tile {
116 -moz-border-radius: 15px;
117110 font-size: 12px;
118111 display: inline-block;
119 border-radius: 15px;
120112 background-color: #ffffff;
121113 text-align: center;
122 float: left;
123114 width: 150px;
124115 height: 150px;
125 border: 1px solid #000000;
126116 margin: 0 15px 15px 0;
127117 padding: 5px;
128118 }
132122 }
133123
134124 .design .title {
135
136125 font-weight: bold;
137126 }
138127
153142 }
154143
155144 .lrnav {
156 -moz-border-radius: 15px;
157 border-radius: 15px;
158145 background-color: #ffffff;
159146 width: 100%;
160147 }
161148
162149 .topnav {
163 -moz-border-radius: 15px;
164 border-radius: 15px;
165150 background-color: #ddeeff;
166151 width: 22%;
167152 border-style: solid;
196181 display: inline;
197182 }
198183
199 .navitem {
200 display: inline-block;
201 padding-top: 15px;
202 width: 20%;
203 text-align: center;
204 }
205
206184 .greyed {
207185 color: #999999;
208186 }
1717 <title>Frony Ritter Designs &ndash; {{title}}</title>
1818 </head>
1919 <body>
20 <div id="header">
21 <h1><a href="/">Frony Ritter Designs</a></h1>
22 </div>
2023 <div id="page">
21 <div id="header">
22 <p>
23 <a href="/"><img src="/static/frd_logo.png"/></a>
24 </p>
25 <p>{{ title }}</p>
24 <div class="nav">
25 <a href="http://blog.fronyritterdesigns.com/">Blog</a>
26 <a href="/wheretobuy">Where To Buy</a>
27 <a href="/retailinfo">Info For Retailers</a>
28 <a href="/corrections/">Corrections</a>
29 <a href="/about/">About</a>
2630 </div>
2731 <div id="sidebyside">
2832 <div class="topnav">
2933 <ul>
30 <a href="/"><li class="topitem">Home</li></a>
31 <a href="http://blog.fronyritterdesigns.com/"><li class="topitem">Blog</li></a>
3234
3335 <a href="/category/charts"><li class="topitem">Cross-Stitch Charts</li></a>
3436
6870
6971 <a href="/category/gallery"><li class="topitem">Stitchers' Gallery</li></a>
7072
71 <a href="/wheretobuy"><li class="topitem">Where To Buy</li></a>
72 <a href="/retailinfo"><li class="topitem">Info For Retailers</li></a>
73 <a href="/corrections/"><li class="topitem">Corrections</li></a>
74 <a href="/about/"><li class="topitem">About</li></a>
7573
7674 </ul>
7775 </div>