gdritter repos frony-ritter-designs / b8b6110
Add static content Getty Ritter 5 years ago
7 changed file(s) with 234 addition(s) and 0 deletion(s). Collapse all Expand all
static/bg.png less more
Binary diff not shown
static/frd-logo-backup.png less more
Binary diff not shown
static/frd_logo.png less more
Binary diff not shown
static/frony.png less more
Binary diff not shown
static/logo_new.gif less more
Binary diff not shown
static/sidebar.png less more
Binary diff not shown
+234
-0
static/standard.css less more
1 body {
2 background-repeat: repeat-y, repeat;
3 background-color: #ddeeff;
4 font-family: "Arial", sans-serif;
5 font-size: medium;
6 }
7
8 a:link {
9 color: #6666ff;
10 }
11
12 a:visited {
13 color: #4444bb;
14 }
15
16 img {
17 display: block;
18 margin-left: auto;
19 margin-right: auto;
20 }
21
22 #page {
23 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;
36 }
37
38 #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;
66 }
67
68 #contents {
69 -moz-border-radius: 15px;
70 border-radius: 15px;
71 background-color: #ddeeff;
72 width: 70%;
73 font-size: medium;
74 padding: 10px;
75 margin-left: auto;
76 margin-right: auto;
77 margin-top: 10px;
78 margin-bottom: 10px;
79 border-style: solid;
80 border-width: 1px;
81 height: auto;
82 float: left;
83 }
84
85 #sidebyside {
86 margin-left: auto;
87 margin-right: auto;
88 width: 95%;
89 overflow: hidden;
90 }
91
92 #footer {
93 text-align: center;
94 -moz-border-radius: 15px;
95 border-radius: 15px;
96 background-color: #ddeeff;
97 max-width: 80%;
98 font-size: medium;
99 padding: 10px;
100 margin-left: auto;
101 margin-right: auto;
102 border-style: solid;
103 border-width: 1px;
104 }
105
106 .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;
113 }
114
115 .design-tile {
116 -moz-border-radius: 15px;
117 font-size: 12px;
118 display: inline-block;
119 border-radius: 15px;
120 background-color: #ffffff;
121 text-align: center;
122 float: left;
123 width: 150px;
124 height: 150px;
125 border: 1px solid #000000;
126 margin: 0 15px 15px 0;
127 padding: 5px;
128 }
129
130 .design {
131 padding: 10px;
132 }
133
134 .design .title {
135
136 font-weight: bold;
137 }
138
139 .design .images {
140 max-width: 80%;
141 margin-left: auto;
142 margin-right: auto;
143 text-align: center;
144 }
145
146 .design .description {
147 max-width: 80%;
148 margin-left: auto;
149 margin-right: auto;
150 border-style: solid;
151 border-width: 0px;
152 padding: 10px;
153 }
154
155 .lrnav {
156 -moz-border-radius: 15px;
157 border-radius: 15px;
158 background-color: #ffffff;
159 width: 100%;
160 }
161
162 .topnav {
163 -moz-border-radius: 15px;
164 border-radius: 15px;
165 background-color: #ddeeff;
166 width: 22%;
167 border-style: solid;
168 border-width: 1px;
169 height: auto;
170 padding: 0px;
171 margin: 10px;
172 float: left;
173 }
174
175 .topnav ul {
176 padding-top: 20px;
177 padding-bottom: 20px;
178 list-style-type: none;
179 }
180
181 .topitem {
182 position: relative;
183 padding: 5px;
184 }
185
186 .sep {
187 }
188
189 .lrnav ul {
190 width: 100%;
191 text-align: justify;
192 list-style-type: none;
193 }
194
195 .lrnav * {
196 display: inline;
197 }
198
199 .navitem {
200 display: inline-block;
201 padding-top: 15px;
202 width: 20%;
203 text-align: center;
204 }
205
206 .greyed {
207 color: #999999;
208 }
209
210 #photo {
211 text-align: center;
212 }
213
214 #about-block {
215 border: 0px solid #000000;
216 padding-left: 20px;
217 padding-right: 20px;
218 margin: 20px;
219 }
220
221 .break {
222 display: inline-block;
223 position: relative;
224 width: 100%;
225 height: 0px;
226 }
227
228 #contents img {
229 padding: 10px;
230 }
231
232 #contents [alt~=left] { float: left; }
233
234 #contents [alt~=right] { float: right; }