SHOW:
|
|
- or go back to the newest paste.
1 | !!!!!!!!!!!!Read It!!!!!!!!!!!! | |
2 | ||
3 | (⊙.⊙(☉_☉)⊙.⊙) | |
4 | ||
5 | CAN'T EMPHASIZE THIS ENOUGH: There are div ids/classes, tables (table, tr, td) and img classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding. | |
6 | ||
7 | ............................ | |
8 | - | There are div ids/classes, tables (table, tr, td) and img classes in this layout. Be VERY, VERY, VERY careful not to drop off any of the coding. |
8 | + | |
9 | ALL COLORS CAN BE CHANGED.For color changes, see the color palette section in About Me. There are a ton of color schemes online. It won't take you long to change the color set-up on this profile. | |
10 | ||
11 | ***THIS IS ESSENTIALLY A DUAL PALETTE COLOR SCHEME WITH SOME SMALL VARIATIONS. I HAVE LUMPED THE CODES FOR EVERYTHING OF A PARTICULAR COLOR TOGETHER ON ONE STRING AND LABELED THEM APPROPRIATELY. IF YOU WANT TO CHANGE COLORS, IT SHOULD BE RELATIVELY SIMPLE TO DO SO.*** | |
12 | ||
13 | ||
14 | ||
15 | *********** MOCK JAVA TREATMENT LAYOUT//IMPORTANT INFO ABOUT LINKS ************** | |
16 | ||
17 | The black sidebar to the left of this layout is a mock java treatment. If you remove the stats and decide to put other info there, please be mindful that you should NOT add links to this section randomly. If you put a link to someone's page, etc in there, you MUST put the link inside a table like so: | |
18 | ||
19 | ||
20 | <table style="width:100%;"><tr><td> | |
21 | ||
22 | <a class="conn" href="/#">Name here</a> | |
23 | <a class="conn" href="/#">Name here</a> | |
24 | <a class="conn" href="/#">Name here</a> | |
25 | ||
26 | </td></tr></table> | |
27 | ||
28 | Failure to adhere to the below will cause the entire side to overflow onto the rest of your page. | |
29 | ||
30 | *********** end ************** | |
31 | ||
32 | ||
33 | ............................ | |
34 | ||
35 | For Header 8: If you decide to change the colors of the layout, please note that to change this and keep the duality of colors, you'll need to add in the rgb colors instead. | |
36 | ||
37 | Example: | |
38 | background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
39 | ||
40 | The first set in the rgb number set is the light color. The second set is the dark color. If you change these colors, choose your six digit color and then look at the numbers on the color for R, G and B. Those 3 numbers are what you replace below in each set. Example: #f2f3e9 is R 242; G 243; B 233 | |
41 | ............................ | |
42 | MUSIC PLAYER | |
43 | ||
44 | REPLACE MY MUSIC PLAYER WITH YOUR OWN. | |
45 | ||
46 | ............................ | |
47 | ||
48 | ||
49 | FOR ROLEPLAYER.ME USERS: | |
50 | ||
51 | For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following: | |
52 | I code for ALL sites. Not every website will allow headers to be placed as <h1>Header 1</h1>. For that reason, I turn them into font classes with a period in front (.h1) in About Me and script them in the tables as I have done below. | |
53 | ||
54 | <font class="h1">Header 1</font> | |
55 | - | @import url(http://fonts.googleapis.com/css?family=Special+Elite|Rancho|Qwigley|Dorsa|Voltaire|Righteous|Medula+One); |
55 | + | |
56 | If you are on a website like RPer.me that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels like so: | |
57 | <h1>Header</h1> <strike>Strike</strike> etc.. | |
58 | ||
59 | OR just leave them as they are. They will work for you either way. | |
60 | - | .vicarious { Structure } |
60 | + | |
61 | ||
62 | /////////////////////////////////////////////////// | |
63 | _______________________________________________ | |
64 | ||
65 | ||
66 | ||
67 | ||
68 | Don't forget to replace the XXXXX with your friend ID number. | |
69 | - | background-repeat:no-repeat; |
69 | + | |
70 | (>‿◠)✌ | |
71 | ||
72 | ||
73 | *****************************SAVE YOUR WORK AS YOU GO.******************************* | |
74 | ||
75 | ||
76 | ||
77 | ||
78 | ||
79 | - | .viclike2meet_table, .vicmusic_table, .vicinterests_table, .vicmovies_table { |
79 | + | |
80 | ||
81 | -----------------------------ABOUT ME--------------------------------- | |
82 | ||
83 | ||
84 | - | left:50%; |
84 | + | |
85 | - | border:0px solid; |
85 | + | @import url(http://fonts.googleapis.com/css?family=Special+Elite|Economica:400,700|Bangers|Aguafina+Script|Candal|Iceland|Rancho|Francois+One); |
86 | ||
87 | ||
88 | /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */ | |
89 | /* - -DO NOT REARRANGE MY CODING!! ORDER IS IMPORTANT! - - */ | |
90 | ||
91 | ||
92 | .vicarious { Structure } | |
93 | - | .viclike2meet_table { width:200px;height:auto;margin-left:-500px; } |
93 | + | |
94 | - | .viclike2meet_table tr { margin:0px; } |
94 | + | |
95 | - | .viclike2meet_table td { margin:0px; max-width:200px; overflow:hidden; } |
95 | + | |
96 | height:100%; | |
97 | - | .vicinterests_table{ width:200px; height:auto;margin-left:-295px;} |
97 | + | left:0%; |
98 | - | .vicinterests_table tr { margin:0px; } |
98 | + | |
99 | - | .vicinterests_table td { margin:0px; max-width:200px; overflow:hidden; } |
99 | + | position:absolute; |
100 | z-index:1; | |
101 | - | .vicmusic_table{ width:200px; height:auto; margin-left:-90px; } |
101 | + | |
102 | - | .vicmusic_table tr { margin:0px; } |
102 | + | |
103 | - | .vicmusic_table td { margin:0px; max-width:200px; overflow:hidden; } |
103 | + | background-repeat:repeat; |
104 | background-position:center center; | |
105 | - | .vicmovies_table{ width:400px; height:auto; margin-left:115px; } |
105 | + | |
106 | - | .vicmovies_table tr { margin:0px; } |
106 | + | |
107 | - | .vicmovies_table td { margin:0px; max-width:400px; overflow:hidden; } |
107 | + | |
108 | ::-webkit-scrollbar {width: 5px;} | |
109 | ::-webkit-scrollbar-track {border: 1px solid ;} | |
110 | ::-webkit-scrollbar-thumb {border: 1px solid ;} | |
111 | ||
112 | table, tr, td {padding:0px; border-collapse: collapse; /* 'cellspacing' equivalent */ background-color:transparent; border:0;width:0px;text-align:center;vertical-align: top; } | |
113 | ||
114 | .viclike2meet_table, .vicinterests_table, .vicmovies_table { | |
115 | visibility:visible; | |
116 | z-index:2; | |
117 | position:absolute; | |
118 | top:0%; | |
119 | left:0%; | |
120 | border:0px solid; | |
121 | margin-top:10px; | |
122 | height:auto; | |
123 | - | .vicarious { Font Styles } |
123 | + | |
124 | background-color:transparent; | |
125 | } | |
126 | ||
127 | .viclike2meet_table { width:302px;height:auto;margin-left:260px; } | |
128 | .vicinterests_table { width:502px; height:auto;margin-left:565px;} | |
129 | .vicmovies_table{ width:302px;position:fixed;height:auto;margin-left:1085px;margin-top:200px;z-index:1001; } | |
130 | ||
131 | .viclike2meet_table tr, .vicinterests_table tr, .vicmovies_table tr { margin:0px; } | |
132 | ||
133 | .viclike2meet_table td, .vicinterests_table td, .vicmovies_table td { margin:0px; overflow:hidden; } | |
134 | - | font-size:8pt; |
134 | + | .viclike2meet_table td { max-width:302px; } |
135 | .vicinterests_table td { max-width:502px; } | |
136 | - | font-family: brushscript mt; |
136 | + | .vicmovies_table td { max-width:302px; } |
137 | ||
138 | .vic_table { | |
139 | padding:0px; | |
140 | margin:0px; | |
141 | - | font-size:16pt; |
141 | + | |
142 | - | font-family: 'Qwigley', cursive; |
142 | + | |
143 | border:1px solid; | |
144 | - | text-decoration:none; |
144 | + | |
145 | overflow:hidden; | |
146 | } | |
147 | - | .strike, strike { |
147 | + | |
148 | .vic_table tr { margin:0px; } | |
149 | - | font-size: 8pt ; |
149 | + | |
150 | ||
151 | .vicarious { Font Style Classes } | |
152 | ||
153 | a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p { | |
154 | - | .u, u { |
154 | + | |
155 | font-size: 7pt ; | |
156 | - | font-size:10pt; |
156 | + | |
157 | text-decoration:none; | |
158 | letter-spacing: 0pt; | |
159 | } | |
160 | ||
161 | - | .strong, strong { |
161 | + | |
162 | ||
163 | I { | |
164 | font-family: 'Economica', sans-serif; | |
165 | font-size:8pt; | |
166 | } | |
167 | ||
168 | EM { | |
169 | - | B, .B2, B2 { |
169 | + | font-size:14pt; |
170 | font-family: 'Rancho', cursive; | |
171 | line-height: 100% ; | |
172 | letter-spacing:-1pt; | |
173 | display:block; | |
174 | padding-right:5px; | |
175 | - | letter-spacing: 0pt; |
175 | + | |
176 | } | |
177 | ||
178 | .strike, strike { | |
179 | font-size: 8pt ; | |
180 | text-decoration:line-through; | |
181 | - | font-size:8pt; |
181 | + | |
182 | ||
183 | .u, u { | |
184 | - | letter-spacing:-1px; |
184 | + | font-size:10pt; |
185 | - | width:63px; |
185 | + | |
186 | - | height:28px; |
186 | + | |
187 | - | line-height:28px; |
187 | + | |
188 | .strong, strong { | |
189 | font-size:11pt; | |
190 | line-height: 120% ; | |
191 | font-weight:bolder; | |
192 | text-transform:uppercase; | |
193 | } | |
194 | ||
195 | - | transition: all 0.6s ease-out; |
195 | + | B, .B2, B2, .B3, B3 { |
196 | - | margin:2px 0px; |
196 | + | |
197 | text-transform:uppercase; | |
198 | line-height:100%; | |
199 | } | |
200 | ||
201 | B { | |
202 | - | a.first:hover { |
202 | + | font-family: 'Francois One', sans-serif; |
203 | font-size:6pt; | |
204 | - | } |
204 | + | font-weight:lighter; |
205 | } | |
206 | ||
207 | .B2, B2 { | |
208 | - | a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited { |
208 | + | |
209 | font-size:6pt; | |
210 | - | font-size:7pt; |
210 | + | |
211 | ||
212 | .B3, B3 { | |
213 | - | line-height:8pt; |
213 | + | font-family: 'Rancho', cursive; |
214 | - | height:8pt; |
214 | + | font-size:9pt; |
215 | } | |
216 | ||
217 | - | margin-bottom:1px; |
217 | + | small { |
218 | - | paddding:0px; |
218 | + | |
219 | font-size:7pt; | |
220 | padding:0px 2px; | |
221 | - | -moz-transition : all 0.6s ease-out; |
221 | + | |
222 | - | -o-transition : all 0.6s ease-out; |
222 | + | line-height:10px; |
223 | - | transition : all 0.6s ease-out; |
223 | + | |
224 | - | -ms-transition: all 0.6s ease-out; |
224 | + | |
225 | big { | |
226 | font-family:courier new; | |
227 | - | a.fourth:hover { |
227 | + | font-size:8pt; |
228 | - | font-size:3pt; |
228 | + | margin:0px; |
229 | - | letter-spacing:3pt; |
229 | + | padding:5px; |
230 | display:block; | |
231 | text-align:right; | |
232 | - | .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, .h13, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13 { |
232 | + | line-height:200%; |
233 | - | font-family: copperplate gothic light; |
233 | + | border-left: double 10px; |
234 | } | |
235 | ||
236 | ||
237 | a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited { | |
238 | text-align:center; | |
239 | text-transform:uppercase; | |
240 | text-decoration:none; | |
241 | letter-spacing:0pt; | |
242 | margin:0px; | |
243 | padding:0px; | |
244 | font-weight:bold; | |
245 | overflow:hidden; | |
246 | - | font-size: 10pt ; |
246 | + | |
247 | -moz-transition: all 0.6s ease-out; | |
248 | -ms-transition: all 0.6s ease-out; | |
249 | - | padding:2px 5px 2px 0px; |
249 | + | |
250 | transition: all 0.6s ease-out; | |
251 | - | border-top:2px solid; |
251 | + | |
252 | ||
253 | a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited { | |
254 | -webkit-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); | |
255 | - | font-family: 'Medula One', cursive; |
255 | + | -moz-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); |
256 | box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); | |
257 | - | margin:5px 0px; |
257 | + | |
258 | } | |
259 | ||
260 | a.first, a.first:link, a.first:active, a.first:visited { | |
261 | font-family: tahoma; | |
262 | - | .h3, h3 { |
262 | + | font-size:10pt; |
263 | - | text-align:left; |
263 | + | width:50px; |
264 | - | padding-left:5px; |
264 | + | height:65px; |
265 | - | margin-top:10px; |
265 | + | line-height:65px; |
266 | - | font-size:22pt ; |
266 | + | -moz-border-radius-bottomright: 90px; |
267 | - | font-family: 'Dorsa', sans-serif; |
267 | + | -webkit-border-bottom-right-radius: 90px; |
268 | - | border-bottom:4px double; |
268 | + | border-bottom-right-radius: 90px; |
269 | -webkit-transform: rotate(270deg); | |
270 | -moz-transform: rotate(270deg); | |
271 | -o-transform: rotate(270deg); | |
272 | - | .h4, h4 { |
272 | + | writing-mode: lr-tb; |
273 | } | |
274 | ||
275 | - | font-size: 10pt ; |
275 | + | a.first:hover { |
276 | - | padding:10px 0px 5px; |
276 | + | -webkit-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
277 | - | margin:2.5px 0px; |
277 | + | -moz-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
278 | - | font-family: 'Voltaire', sans-serif; |
278 | + | box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
279 | - | border-bottom:2px solid; |
279 | + | |
280 | - | border-top:1px solid; |
280 | + | |
281 | a.second, a.second:link, a.second:active, a.second:visited { | |
282 | font-family: arial narrow; | |
283 | font-size:8pt; | |
284 | width:38PX; | |
285 | - | .h5, h5 { |
285 | + | height:20PX; |
286 | line-height:20PX; | |
287 | - | font-size: 46pt ; |
287 | + | -webkit-border-radius: 180px; |
288 | -moz-border-radius: 180px; | |
289 | border-radius: 180px; | |
290 | - | font-family: 'Dorsa', sans-serif; |
290 | + | |
291 | - | border-bottom:2px solid; |
291 | + | |
292 | - | border-top:2px solid; |
292 | + | a.second:hover { } |
293 | - | margin:5px 0px; |
293 | + | |
294 | ||
295 | a.conn, a.conn:link, a.conn:active, a.conn:visited { | |
296 | - | .h6, h6 { |
296 | + | font-family: 'Economica', sans-serif; |
297 | font-size:9pt; | |
298 | line-height:110%; | |
299 | - | font-size:11pt; |
299 | + | |
300 | - | margin:4px 0px ; |
300 | + | margin-bottom:2px; |
301 | - | Text-transform:uppercase; |
301 | + | border-width: 2px 10px 2px 10px; |
302 | border-style:solid; | |
303 | } | |
304 | ||
305 | - | .h7, h7 { |
305 | + | a.conn:hover { } |
306 | - | font-family:arial narrow; |
306 | + | |
307 | - | font-size:7pt; |
307 | + | .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3 { |
308 | - | padding:5px 0px; |
308 | + | font-family:times; |
309 | line-height:80%; | |
310 | padding:0px; | |
311 | margin:0px; | |
312 | letter-spacing:0pt; | |
313 | - | font-family: 'Dorsa', sans-serif; |
313 | + | |
314 | - | letter-spacing:2pt; |
314 | + | |
315 | - | font-size:18pt; |
315 | + | .lyric, lyric { font-size:16pt; } |
316 | - | height:23px; |
316 | + | .lyric2, lyric2 { font-size:9pt; } |
317 | - | line-height:23px; |
317 | + | .lyric3, lyric3 { font-size:13pt; letter-spacing:1pt; } |
318 | - | text-align:center; |
318 | + | |
319 | - | border-bottom:2px solid; |
319 | + | .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, .h13, .h14, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14 { |
320 | line-height:100%; | |
321 | text-align:center; | |
322 | - | .h9, h9 { |
322 | + | |
323 | - | letter-spacing:2pt; |
323 | + | |
324 | - | font-size:16pt; |
324 | + | |
325 | - | padding:5px 0px ; |
325 | + | |
326 | - | margin: 5px 0px 0px; |
326 | + | letter-spacing:0pt; |
327 | - | border-left:55px solid; |
327 | + | |
328 | - | border-right:55px solid; |
328 | + | |
329 | - | text-transform:uppercase; |
329 | + | |
330 | .h1, h1, .h2, h2 { | |
331 | -moz-border-radius-topleft: 90px; | |
332 | - | .h10, h10 { |
332 | + | -webkit-border-top-left-radius: 90px; |
333 | - | font-family:arial narrow; |
333 | + | border-top-left-radius: 90px; |
334 | -moz-border-radius-topright: 90px; | |
335 | - | font-size:7pt; |
335 | + | -webkit-border-top-right-radius: 90px; |
336 | - | text-align:center; |
336 | + | border-top-right-radius: 90px; |
337 | - | height:20px; |
337 | + | |
338 | ||
339 | - | padding-bottom:4px; |
339 | + | |
340 | font-family: 'Bangers', cursive; | |
341 | font-size:14pt; | |
342 | - | .h11, h11 { |
342 | + | padding:5px 0px 2px 0px; |
343 | - | font-family: 'Righteous', cursive; |
343 | + | |
344 | ||
345 | - | font-size:7pt; |
345 | + | |
346 | - | text-align:center; |
346 | + | |
347 | - | height:20px; |
347 | + | font-size: 9pt ; |
348 | padding:7px 0px 2px 0px; | |
349 | - | padding-bottom:4px; |
349 | + | -webkit-transform: rotate(180deg); |
350 | -moz-transform: rotate(180deg); | |
351 | -o-transform: rotate(180deg); | |
352 | writing-mode: lr-tb; | |
353 | - | .h12, h12 { |
353 | + | |
354 | ||
355 | - | font-size:11pt; |
355 | + | .h3, h3 { |
356 | - | margin:6px 0px; |
356 | + | font-family: 'Special Elite', cursive; |
357 | font-size:9pt; | |
358 | text-align:right; | |
359 | - | .h13, h13 { |
359 | + | |
360 | - | font-family: georgia; |
360 | + | margin:2px 0px 2px 10px; |
361 | padding:8px 2px; 0px 0px; | |
362 | -moz-border-radius-topleft: 90px; | |
363 | - | text-align:center; |
363 | + | -webkit-border-top-left-radius: 90px; |
364 | - | padding:5px 0px 0px; |
364 | + | border-top-left-radius: 90px; |
365 | - | line-height:5px; |
365 | + | |
366 | - | margin:10.5px 0px; |
366 | + | |
367 | .h4, h4 { | |
368 | font-family: copperplate gothic light; | |
369 | margin:0px 0px 2px 10px; | |
370 | border-top:4px double; | |
371 | } | |
372 | ||
373 | .h5, h5 { | |
374 | - | .lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7, lyric, lyric2, lyric3, lyric4, lyric5, lyric6, lyric7 { |
374 | + | |
375 | font-size:8pt; | |
376 | padding-left:5px; | |
377 | - | line-height:65%; |
377 | + | margin-left:5px; |
378 | border-left:2px solid; | |
379 | text-align:left; | |
380 | word-spacing:-2px; | |
381 | } | |
382 | ||
383 | .h6, h6 { | |
384 | padding-top:5px; | |
385 | - | .lyric, lyric { |
385 | + | font-size:12pt; |
386 | - | Font-size:12pt; |
386 | + | font-family: 'Iceland', cursive; |
387 | - | font-family: 'Rancho', cursive; |
387 | + | |
388 | ||
389 | .h7, h7 { | |
390 | - | padding-right:5px; |
390 | + | font-family: arial narrow; |
391 | font-size:10pt; | |
392 | margin:10px 0px 10px 20px; | |
393 | text-align:right; | |
394 | - | .lyric2, lyric2 { |
394 | + | line-height:20%; |
395 | - | Font-size:12pt; |
395 | + | border-width: 4px 0px 4px 0px; |
396 | - | font-family: 'Qwigley', cursive; |
396 | + | border-style:solid; |
397 | text-shadow: 4px 4px 2px rgba(0, 0, 0, 1); | |
398 | } | |
399 | - | padding-left:5px; |
399 | + | |
400 | .h8, h8 { | |
401 | font-size:9pt; | |
402 | - | .lyric3, lyric3 { |
402 | + | line-height:120%; |
403 | - | Font-size:16pt; |
403 | + | padding:5px 5px 5px 0px; |
404 | margin:10px 0px; | |
405 | text-align:right; | |
406 | - | text-align:center; |
406 | + | letter-spacing:2pt; |
407 | border:10px double; | |
408 | -moz-border-radius-topleft: 90px; | |
409 | - | .lyric4, lyric4 { |
409 | + | -webkit-border-top-left-radius: 90px; |
410 | - | Font-size:13pt; |
410 | + | border-top-left-radius: 90px; |
411 | - | font-family:tahoma; |
411 | + | text-shadow: -1px -1px 0px rgba(0, 0, 0, 1); |
412 | } | |
413 | ||
414 | - | padding-right:5px; |
414 | + | .h9, h9 { |
415 | font-family: 'Aguafina Script', cursive; | |
416 | font-size:10pt; | |
417 | - | .lyric5, lyric5 { |
417 | + | padding:5px 5px 0px 0px; |
418 | - | Font-size:10pt; |
418 | + | |
419 | - | letter-spacing:2pt; |
419 | + | text-align:right; |
420 | line-height:110%; | |
421 | border-width: 4px 0px 4px 0px; | |
422 | border-style:double; | |
423 | text-transform:Capitalize; | |
424 | - | .lyric6, lyric6 { |
424 | + | |
425 | - | font-family: 'Voltaire', sans-serif; |
425 | + | |
426 | - | letter-spacing:4pt; |
426 | + | .h10, h10 { |
427 | - | text-align:center; |
427 | + | font-family: 'Francois One', sans-serif; |
428 | font-size:10pt; | |
429 | height:20px; | |
430 | - | .lyric7, lyric7 { |
430 | + | |
431 | - | Font-size:13pt; |
431 | + | |
432 | - | font-family:arial narrow; |
432 | + | |
433 | .h11, h11 { | |
434 | font-size:7pt; | |
435 | - | padding-right:5px; |
435 | + | font-family:arial narrow; |
436 | - | padding-bottom:5px; |
436 | + | margin:5px 0px; |
437 | padding:10px 5px; | |
438 | } | |
439 | ||
440 | - | .vicarious { Div/Img Style Classes } |
440 | + | .h12, h12 { |
441 | font-family: 'Economica', sans-serif; | |
442 | - | .img1 {height:62px; width:62px; overflow:hidden;} |
442 | + | font-size:9pt; |
443 | - | .img2 {} |
443 | + | line-height:110%; |
444 | - | .img3 {height:96px; width:96px; overflow:hidden;} |
444 | + | |
445 | ||
446 | .h13, h13 { | |
447 | - | .misc { |
447 | + | |
448 | font-size:13pt; | |
449 | - | height:63px; |
449 | + | line-height:100%; |
450 | padding:5px 0px; | |
451 | - | padding: 5px; |
451 | + | margin:5px 0px; |
452 | text-transform:capitalize; | |
453 | - | text-align:left; |
453 | + | |
454 | ||
455 | .h14, h14 { | |
456 | - | .ToTheR{ |
456 | + | |
457 | font-size:8pt; | |
458 | padding:5px 0px; | |
459 | - | width:196px; |
459 | + | margin:5px 0px; |
460 | - | padding: 5px 2px 5px 0px; |
460 | + | line-height:100%; |
461 | text-align:center; | |
462 | border-left:75px solid; | |
463 | - | .tunes { |
463 | + | border-right:75px solid; |
464 | -webkit-border-radius: 90px; | |
465 | - | height:40px; |
465 | + | -moz-border-radius: 90px; |
466 | border-radius: 90px; | |
467 | - | padding: 0px 5px; |
467 | + | |
468 | - | margin:5px; |
468 | + | |
469 | - | text-align:left; |
469 | + | .about6Title { |
470 | font-size:14pt; | |
471 | font-family: 'Candal', sans-serif; | |
472 | - | .colA { |
472 | + | width:321px; |
473 | height:26px; | |
474 | - | height:75px; |
474 | + | line-height:26px; |
475 | text-align:right; | |
476 | - | padding: 5px; |
476 | + | padding:0px 5px 0px 0px; |
477 | - | margin:5px; |
477 | + | text-transform: capitalize; |
478 | letter-spacing:-1pt; | |
479 | margin:10px; | |
480 | display:block; | |
481 | - | .colB { |
481 | + | |
482 | border:2px dotted; | |
483 | - | height:81px; |
483 | + | |
484 | ||
485 | - | padding: 5px; |
485 | + | |
486 | - | margin:5px; |
486 | + | |
487 | .vicarious { Div/Img Style Classes } | |
488 | ||
489 | .vicframeimg > a { | |
490 | - | .about { |
490 | + | width: 180px; |
491 | - | width:380px; |
491 | + | height:300px; |
492 | - | height:64px; |
492 | + | padding:10px; |
493 | left:25px; | |
494 | - | padding: 5px; |
494 | + | top: 100px; |
495 | - | margin:5px; |
495 | + | display: block; |
496 | position: absolute; | |
497 | overflow:hidden; | |
498 | z-index: 5; | |
499 | - | .about2 { |
499 | + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
500 | - | width:380px; |
500 | + | filter: alpha(opacity=0); |
501 | - | height:150px; |
501 | + | opacity: 0; |
502 | transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; | |
503 | - | padding: 5px; |
503 | + | -webkit-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
504 | - | margin:5px; |
504 | + | -moz-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
505 | -ms-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; | |
506 | -o-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; | |
507 | -webkit-border-radius: 20px; | |
508 | - | .copyright { |
508 | + | -moz-border-radius: 20px; |
509 | border-radius: 20px; | |
510 | } | |
511 | ||
512 | - | padding: 5px; |
512 | + | .vicframeimg > a:target { |
513 | - | margin:5px; |
513 | + | display: block; |
514 | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
515 | filter: alpha(opacity=100); | |
516 | opacity: 1; | |
517 | - | .vicarious {COLOR PALETTE } |
517 | + | z-index: 1001; |
518 | } | |
519 | - | body {background-color:a2aaac;} |
519 | + | |
520 | - | ::-webkit-scrollbar-track {background-color:transparent ; border-color:333c3e ;} |
520 | + | .vicframe { |
521 | - | ::-webkit-scrollbar-thumb {background-color:bfc5c7; border-color:99a4a7 ;} |
521 | + | left:0%; |
522 | top:0%; | |
523 | - | .vic_table {background-color:d7dbdc; } |
523 | + | position:fixed; |
524 | overflow:none; | |
525 | - | .about, .about2, .colA, .colB, .tunes, .misc, .copyright {background-color:e4edef;} |
525 | + | z-index:1; |
526 | height:100%; | |
527 | - | a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p { color:232627; } |
527 | + | width:250px; |
528 | margin-left:0px; | |
529 | - | a.first, a.first:link, a.first:active, a.first:visited, a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {color:031f29; background-color:b4babb;} |
529 | + | margin-top:0px; |
530 | text-align:left; | |
531 | - | a.first:hover, a.fourth:hover {color:636b6e;} |
531 | + | -moz-border-radius-topright: 90px; |
532 | -webkit-border-top-right-radius: 90px; | |
533 | - | I {color:ccd8dc; text-shadow: 2px 2px 2px rgba(203, 203,203, 1);} |
533 | + | border-top-right-radius: 90px; |
534 | - | em {color:a3b3b8; text-shadow: 2px 2px 2px rgba(203, 203,203, 1);} |
534 | + | -moz-border-radius-bottomright: 5px; |
535 | - | B {color:736b6b;} |
535 | + | -webkit-border-bottom-right-radius: 5px; |
536 | - | .B2, B2 {color:76888e;} |
536 | + | border-bottom-right-radius: 5px; |
537 | - | .u, u {color:527883;} |
537 | + | -moz-border-radius-bottomleft: 5px; |
538 | - | .strike, strike {color:2c5662;} |
538 | + | -webkit-border-bottom-left-radius: 5px; |
539 | - | .strong, strong {color:043746;} |
539 | + | border-bottom-left-radius: 5px; |
540 | - | .h1, h1 {color: d9dcdd;background-color:9aa4a7; border-color:a2abae; } |
540 | + | |
541 | - | .h2, h2{color:ffffff;background-color:8f989a;} |
541 | + | |
542 | - | .h3, h3 {color: d9dcdd;background-color:9aa4a7;border-color:b1bbbe;} |
542 | + | .viccontrol { |
543 | - | .h4, h4 {color:676869; border-color:676869} |
543 | + | margin-left:0px; |
544 | - | .h5, h5 {color:cfd4d6; background-color:b4babb; border-color:031f29;} |
544 | + | margin-top:0px; |
545 | - | .h6, h6 {color:707a7e;} |
545 | + | overflow:hidden; |
546 | - | .h7, h7 {color:707a7e;} |
546 | + | |
547 | - | .h8, h8 {background-color:707779; color:b2b8b9; border-color:929ea1; } |
547 | + | |
548 | - | .h9, h9 {color:dde2e3;border-color:999fa1; background-color:90989a;} |
548 | + | .linkage, vicframe:hover .linkage { |
549 | - | .h10, h10 {color:9aa4a7; } |
549 | + | transition:All 1s linear; |
550 | - | .h11, h11 {color:6d7174;} |
550 | + | -webkit-transition:All 1s linear; |
551 | - | .h12, h12 {background-color:cfd4d6;color:4f585b;} |
551 | + | -moz-transition:All 1s linear; |
552 | - | .h13, h13 { color:787878;} |
552 | + | -o-transition:All 1s linear; |
553 | - | .lyric, lyric {color:6a787c;} |
553 | + | |
554 | - | .lyric2, lyric2 {color:7b716d;} |
554 | + | |
555 | - | .lyric3, lyric3 {color:8da0a5;} |
555 | + | .linkage { |
556 | - | .lyric4, lyric4 {color:8c7f7f;} |
556 | + | left:0%; |
557 | - | .lyric5, lyric5 {color:676869;} |
557 | + | bottom:0%; |
558 | - | .lyric6, lyric6 {color:958b83;} |
558 | + | position:fixed; |
559 | - | .lyric7, lyric7 {color:95999c;} |
559 | + | z-index:100; |
560 | width:250px; | |
561 | - | .adore {font-size:9pt; color:8e9698;} |
561 | + | height:50px; |
562 | - | .heart {font-size:12pt; color:e4edef;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); } |
562 | + | overflow:none; |
563 | margin-bottom:-500px; | |
564 | margin-left:0px; | |
565 | - | .profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; } |
565 | + | |
566 | } | |
567 | ||
568 | .vicframe:hover .linkage { margin-bottom:10px; } | |
569 | ||
570 | .backcoloring { | |
571 | left:0%; | |
572 | top:0%; | |
573 | position:fixed; | |
574 | z-index:-1; | |
575 | width:100%; | |
576 | height:100%; | |
577 | overflow:hidden; | |
578 | margin-top:0px; | |
579 | margin-left:1215px; | |
580 | -webkit-transition: all 1s ease-out 0s; | |
581 | -moz-transition: all 1s ease-out 0s; | |
582 | -ms-transition: all 1s ease-out 0s; | |
583 | -o-transition: all 1s ease-out 0s; | |
584 | transition: all 1s ease-out 0s; | |
585 | - | <font class="cite">COLUMN 1.The above table code must remain at the top. Everything else beneath it can be rearranged.</font> |
585 | + | |
586 | ||
587 | .TcapL, .TcapR, .BcapL, .BcapR { height:50px; } | |
588 | .TcapL { -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px;} | |
589 | .TcapR{-moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;} | |
590 | - | <img src="http://i58.tinypic.com/s1kl5t.jpg"> |
590 | + | .BcapL {-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;} |
591 | .BcapR{ -moz-border-radius-bottomright: 90px;-webkit-border-bottom-right-radius: 90px;border-bottom-right-radius: 90px;} | |
592 | ||
593 | - | </td></tr></table><table class="vic_table"><tr><td> |
593 | + | |
594 | - | <font class="h3">Legal</font> |
594 | + | .about, .about2, .about3, .about4, .about5, .about6Text, .about7 { |
595 | overflow:auto; | |
596 | - | <div class="colA"> |
596 | + | |
597 | } | |
598 | ||
599 | .about, .about2, .about3, .about5 { | |
600 | padding:5px; | |
601 | } | |
602 | ||
603 | - | <BR><b>CURRENT RESIDENCE:</b> Input info |
603 | + | .about { width:280px; height:223px; margin:5px; } |
604 | .about2 { width:280px; height:145px; margin:5px; } | |
605 | .about3 { width:265px; height:100px; margin-left:5px; border-width:10px 10px 0px 10px; border-style:solid; } | |
606 | .about4 { float:right; width:205px; height:49px; padding:5px; margin:0px 10px 10px 5px ; word-spacing:-2px; } | |
607 | .about5 { width:280px; height:150px; margin:5px; } | |
608 | - | <img src="http://i60.tinypic.com/30m273r.jpg"> |
608 | + | |
609 | .about6 { | |
610 | width:350px; | |
611 | height:190px; | |
612 | - | </td></tr></table><table class="vic_table"><tr><td> |
612 | + | |
613 | - | <font class="h3">Family</font> |
613 | + | |
614 | margin: 5px 5px 5px 5px; | |
615 | - | <div class="colA"> |
615 | + | border:5px solid; |
616 | } | |
617 | ||
618 | .about6Text { | |
619 | width:306px; | |
620 | height:121px; | |
621 | padding:0px 10px; | |
622 | margin:10px; | |
623 | border:2px dotted ; | |
624 | } | |
625 | ||
626 | .about7 { | |
627 | float:left; | |
628 | - | <img src="http://i58.tinypic.com/35ir9r7.jpg"> |
628 | + | width:195px; |
629 | height:205px; | |
630 | padding:0px 5px; | |
631 | margin:15px; | |
632 | border:5px double; | |
633 | - | <font class="h13">The Usual Suspects</font> |
633 | + | |
634 | ||
635 | .about8 { | |
636 | width:420px; | |
637 | - | <div class="misc"> |
637 | + | height:50px; |
638 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
638 | + | padding:0px 5px; |
639 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
639 | + | margin:25px; |
640 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
640 | + | overflow:auto; |
641 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
641 | + | |
642 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
642 | + | |
643 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
643 | + | .about8frame { |
644 | width:480px; | |
645 | - | </div><div class="ToTheR"> |
645 | + | height:100px; |
646 | - | <font class="adore">Villains</font> |
646 | + | border:10px solid; |
647 | - | <font class="heart">☠</font> |
647 | + | |
648 | -moz-border-radius-topleft: 90px; | |
649 | -webkit-border-top-left-radius: 90px; | |
650 | border-top-left-radius: 90px; | |
651 | -moz-border-radius-bottomright: 90px; | |
652 | - | <div class="misc"> |
652 | + | -webkit-border-bottom-right-radius: 90px; |
653 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
653 | + | border-bottom-right-radius: 90px; |
654 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
654 | + | |
655 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
655 | + | |
656 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
656 | + | .mini { |
657 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
657 | + | width:200px; |
658 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
658 | + | height:155px; |
659 | overflow-x:hidden; | |
660 | overflow-y:auto; | |
661 | - | <div class="ToTheR"> |
661 | + | |
662 | - | <font class="adore">Vixens</font> |
662 | + | |
663 | - | <font class="heart">☿</font> |
663 | + | .owes { |
664 | width:160px; | |
665 | height:60px; | |
666 | padding:0px; | |
667 | margin:0px 5px; | |
668 | - | <div class="misc"> |
668 | + | |
669 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
669 | + | text-align:left; |
670 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
670 | + | line-height:160%; |
671 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
671 | + | word-spacing:-2px; |
672 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
672 | + | |
673 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
673 | + | |
674 | - | <a class="fourth" href="/FriendID#">Connection Name</a> |
674 | + | .stats { |
675 | width:170px; | |
676 | height:290px; | |
677 | - | <div class="ToTheR"> |
677 | + | padding:5px; |
678 | - | <font class="adore">Vampires</font> |
678 | + | |
679 | - | <font class="heart">☥</font> |
679 | + | word-spacing:-2px; |
680 | } | |
681 | ||
682 | .wallpaper { | |
683 | width:300px; | |
684 | height:162px; | |
685 | - | <font class="h8">Copyright & Disclaimer</font> |
685 | + | overflow:hidden; |
686 | text-align:center; | |
687 | - | <font class="h7">COPYRIGHT 2014. ALL RIGHTS RESERVED.</font> |
687 | + | background-repeat:repeat; |
688 | background-position:center; | |
689 | - | <div class="copyright"> |
689 | + | |
690 | - | <p>This page contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this page may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author. |
690 | + | |
691 | .picset { | |
692 | - | <p>I am not the person in the photographs. This profile is for creative purposes only. |
692 | + | float:left; |
693 | width:180px; | |
694 | height:62px; | |
695 | margin-left:25px; | |
696 | display:inline-block; | |
697 | - | <img class="img1" src="http://i58.tinypic.com/120nhip.jpg"> |
697 | + | |
698 | - | <img class="img1" src="http://i58.tinypic.com/120nhip.jpg"> |
698 | + | |
699 | - | <img class="img1" src="http://i58.tinypic.com/120nhip.jpg"> |
699 | + | |
700 | .lyricset { | |
701 | - | </td></tr></table><table class="vic_table"><tr><td> |
701 | + | margin-top:5px; |
702 | - | <font class="h11"><b>AIM:</b> Screen name Here </font> |
702 | + | padding:10px 0px; |
703 | border-top:14px double; | |
704 | } | |
705 | ||
706 | .hbox1, .hbox2, .hbox3, .hbox4 { overflow:hidden; } | |
707 | - | </td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> |
707 | + | .hbox1a, .hbox3a { word-spacing:-2px; } |
708 | .hbox1a p, .hbox3a p { word-spacing:-2px; } | |
709 | - | <font class="cite">COLUMN 2.The above table code must remain at the top. Everything else beneath it can be rearranged.</font> |
709 | + | .hbox2, .hbox3, .hbox4 { margin:0px; padding:0px; } |
710 | ||
711 | .hbox1 { height:85px; width:180px; margin:0px 4px; border:10px solid; } | |
712 | .hbox2 { width:245px; height:300px; } | |
713 | - | <img src="http://i60.tinypic.com/2q895at.jpg"> |
713 | + | .hbox3 { height:145px; width:145px; } |
714 | .hbox4 { width:245px; height:300px; border:10px solid; } | |
715 | ||
716 | - | <font class="h3">Personality</font> |
716 | + | .hbox1a, .hbox2a, .hbox3a { |
717 | overflow:hidden; | |
718 | - | <div class="colA"> |
718 | + | |
719 | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |
720 | filter: alpha(opacity=0); | |
721 | opacity: 0; | |
722 | -webkit-transition: all 1s ease-out 0s; | |
723 | -moz-transition: all 1s ease-out 0s; | |
724 | -ms-transition: all 1s ease-out 0s; | |
725 | -o-transition: all 1s ease-out 0s; | |
726 | transition: all 1s ease-out 0s; | |
727 | } | |
728 | - | <img src="http://i60.tinypic.com/30m273r.jpg"> |
728 | + | |
729 | .hbox1a { width:180px;height:85px;} | |
730 | .hbox3a { width:135px; height:135px; padding:5px; } | |
731 | .hbox2a { width:235px; height:300px; padding:0px 5px; } | |
732 | - | </td></tr></table><table class="vic_table"><tr><td> |
732 | + | |
733 | - | <font class="h3">Relationships</font> |
733 | + | .Hbox1a:hover, .Hbox2a:hover , .Hbox3a:hover { |
734 | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
735 | - | <div class="colA"> |
735 | + | filter: alpha(opacity=100); |
736 | - | <BR><b>STATUS:</b> Input info |
736 | + | opacity: 1; |
737 | - | <BR><b>ORIENTATION:</b> Input info |
737 | + | |
738 | - | <BR><b>CURRENT:</b> Input info |
738 | + | |
739 | - | <BR><b>FORMER:</b> Input info |
739 | + | |
740 | .img3T { | |
741 | float:right; | |
742 | - | </td></tr></table><table class="vic_table"><tr><td> |
742 | + | width:170px; |
743 | height:100px; | |
744 | - | <font class="h6">Tunes</font> |
744 | + | overflow:none; |
745 | text-align:right; | |
746 | margin:0px 10px 10px 0px; | |
747 | } | |
748 | ||
749 | .title1 { | |
750 | - | <param name="bgcolor" value="#d7dbdc" /> |
750 | + | margin:5px 0px 0px 5px; |
751 | - | <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/vbafp0ycd5/BJ_LDR.mp3&autoplay=1&bgcolor=d7dbdc&loadingcolor=94999b&buttoncolor=94999b&slidercolor=94999b" /> |
751 | + | width:275px; |
752 | height:20px; | |
753 | line-height:20px; | |
754 | - | </td></tr></table><table class="vic_table"><tr><td> |
754 | + | border-width:0px 10px 10px 10px; |
755 | - | <div class="tunes"> |
755 | + | border-style:solid; |
756 | - | <BR><B>Signature Song:</b> Title, Artist |
756 | + | -moz-border-radius-topleft: 90px; |
757 | - | <BR><B>Mood Music:</b> Title, Artist |
757 | + | -webkit-border-top-left-radius: 90px; |
758 | - | <BR><B>Listening To:</b> Title, Artist |
758 | + | border-top-left-radius: 90px; |
759 | -moz-border-radius-topright: 90px; | |
760 | -webkit-border-top-right-radius: 90px; | |
761 | border-top-right-radius: 90px; | |
762 | - | <img src="http://i59.tinypic.com/2rzb9fk.jpg"> |
762 | + | |
763 | ||
764 | .img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8a, .img8b, .img9a, .img9b, .img10, .img11, .img12 { | |
765 | - | <img src="http://i59.tinypic.com/2rzb9fk.jpg"> |
765 | + | |
766 | } | |
767 | ||
768 | - | <img src="http://i59.tinypic.com/2rzb9fk.jpg"> |
768 | + | .img1 { width:50px; height:50px; border:2px solid; margin:5px; } |
769 | .img2 { width:280px; height:200px; margin:10px; } | |
770 | .img3 { float:left; width:100px; height:100px; margin:0px 0px 10px 10px; } | |
771 | - | <img src="http://i59.tinypic.com/2rzb9fk.jpg"> |
771 | + | .img4 { margin-top:10px; padding:0px 2px; border:double 4px ; } |
772 | .img5 { margin-top:100px; margin-left:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; } | |
773 | .img6 { float:right; margin:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; } | |
774 | .img7 { width:100px; height:100px; margin:15px 10px 5px 25px; border:5px solid; -webkit-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); -moz-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1);} | |
775 | .img8a, .img8b { width:50px; height:50px; border:5px solid; } | |
776 | .img8a, .img9b { margin: 5px 0px 5px 5px;} | |
777 | - | </td></tr></table></td></tr></table><table class="vicmusic_table"><tr><td valign="top" align="center"><table><tr><td> |
777 | + | .img8b, .img9a { margin: 5px 5px 5px 0px;} |
778 | .img9a, .img9b { width:50px; height:190px; border:5px solid; } | |
779 | - | <font class="cite">COLUMN 3.The above table code must remain at the top. Everything else beneath it can be rearranged.</font> |
779 | + | .img10 { width:115px; height:115px; margin:10px; border: 5px solid; } |
780 | .img11 { width:50px; height:50px; border:2px solid; -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); } | |
781 | .img12 { width:170px; height:70px; margin:10px; border:5px solid; } | |
782 | ||
783 | ||
784 | - | <img src="http://i58.tinypic.com/2lbes6s.jpg"> |
784 | + | .vicarious { COLOR PALETTE } |
785 | ||
786 | .vicarious { Scrollbar } | |
787 | ::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;} | |
788 | - | <font class="h3">Physical</font> |
788 | + | ::-webkit-scrollbar-thumb {background-color:f2f3e9; border-color:000000 ;} |
789 | ||
790 | - | <div class="colA"> |
790 | + | .vicarious { Dark text colors } |
791 | a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p { color:1f1f1f; } | |
792 | B, .B3, B3, em, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h1, h1, .h5, h5, .h9, h9, .h11, h11, .h13, h13 { color:000000;} | |
793 | .about6Title { color:1b1b1b; } | |
794 | ||
795 | .vicarious { Light text color } | |
796 | .about3, .about3 p, .about4, .about4 p, .B2, B2, .strong, strong, small, big,a.first, a.first:link, a.first:active, a.first:visited, a.second:hover, a.conn:hover, .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3, .h2, h2, .h6, h6, .h7, h7, .h8, h8, .h10, h10, .h12, h12, .h14, h14 { color:f2f3e9; } | |
797 | .h3, h3 {color:d6d6d6;} | |
798 | ||
799 | .vicarious { Dark border colors } | |
800 | .vic_table, .about6Title, .about6Text, .about7, .about8frame, .hbox4, .img4, .img7, .img12, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h4, h4, .h5, h5, .h7, h7, .h8, h8, .h9, h9 { border-color: #000000; } | |
801 | big { border-color: #333333; } | |
802 | ||
803 | - | <img src="http://i60.tinypic.com/30m273r.jpg"> |
803 | + | .vicarious { Light border color } |
804 | .about3, .about6, .hbox1, .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14 { border-color: #f2f3e9 ; } | |
805 | ||
806 | ||
807 | ||
808 | - | <font class="h3">Education & Employment</font> |
808 | + | .vicarious { Light background } |
809 | body, .vicframeimg a, .vicframeimg > a, .about, .about2, .about5, .about6Title, .about6Text, .about7, .about8, .about8frame, .mini, .colorize, .wallpaper, .hbox1a, .hbox2a, .hbox3a, .img3T, .img4, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h1, h1, .h9, h9, .h11, h11, .h13, h13 { background-color:f2f3e9; } | |
810 | - | <div class="colA"> |
810 | + | |
811 | - | <br><b>High School</b> Input Info |
811 | + | .vicarious { Dark background } |
812 | .vic_table, .vicframe, .backcoloring, .TcapL, .TcapR, .BcapL, .BcapR, .about6, .about4, .B2, B2, .strong, strong, a.second:hover, a.conn:hover, small, big, .h2, h2, .h3, h3, .h6, h6, .h7, h7, .h10, h10, .h12, h12 { background-color:000000; } | |
813 | ||
814 | .vicarious { Dark/Light mixed background. } | |
815 | - | <br><b>OCCUPATION:</b> Input info |
815 | + | |
816 | background: rgb(242, 243, 233); | |
817 | background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
818 | background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
819 | background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
820 | background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
821 | background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); | |
822 | } | |
823 | ||
824 | - | <img src="http://i58.tinypic.com/35ir9r7.jpg"> |
824 | + | |
825 | ||
826 | .vicarious{ Hide Codes } | |
827 | .profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, | |
828 | ||
829 | - | <font class="h8">◄ Name</font> |
829 | + | .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; } |
830 | table table table table td {width:0px;} | |
831 | - | <div class="colB"> |
831 | + | |
832 | div div select, div div form {display:none !important;} | |
833 | select { visibility:hidden!important; WIDTH:0px!important;} | |
834 | table div {display:none;}table table div {display:block;} | |
835 | .navigationBar { display: none; } | |
836 | div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;} | |
837 | .profileInfo tr tr td { visibility:hidden; } | |
838 | .profileInfo td.text { visibility:visible; } | |
839 | .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/} | |
840 | - | <font class="h10">Bit of a quote goes here</font> |
840 | + | |
841 | ||
842 | </td></tr></table><table style="display:none"><tr><td> | |
843 | - | <font class="h8">◄ Name</font> |
843 | + | |
844 | ||
845 | - | <div class="colB"> |
845 | + | |
846 | -----------------------------LIKE TO MEET------------------------------ | |
847 | ||
848 | </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td> | |
849 | ||
850 | <font class="cite">The above table marker MUST REMAIN where it is. </font> | |
851 | ||
852 | ||
853 | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV> | |
854 | - | <font class="h10">Bit of a quote goes here</font> |
854 | + | |
855 | </td></tr></table><table class="vic_table"><tr><td> | |
856 | ||
857 | - | <font class="h8">◄ Name</font> |
857 | + | <img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR> |
858 | ||
859 | - | <div class="colB"> |
859 | + | <img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg"> |
860 | ||
861 | ||
862 | ||
863 | <div class="img3T"> | |
864 | ||
865 | <font class="h3">Role Play Agenda</font> | |
866 | ||
867 | <font class="h4"></font> | |
868 | - | <font class="h10">Bit of a quote goes here</font> |
868 | + | |
869 | <div class="owes"> | |
870 | ||
871 | - | <font class="h8">◄ Name</font> |
871 | + | <small>Starters » </small> Name here, Name here, Name here |
872 | <BR> | |
873 | - | <div class="colB"> |
873 | + | <small>Comments » </small> Name here, Name here, Name here |
874 | ||
875 | </div></div> | |
876 | ||
877 | </td></tr></table><table class="vic_table"><tr><td> | |
878 | ||
879 | <div class="about"> | |
880 | ||
881 | <p><img class="img7" src="http://i62.tinypic.com/2gum8fm.jpg" align=left> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
882 | - | <font class="h10">Bit of a quote goes here</font> |
882 | + | |
883 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
884 | ||
885 | </div> | |
886 | ||
887 | </td></tr></table><table class="vic_table"><tr><td> | |
888 | ||
889 | <font class="h9">Descending, unending and still I’m pretending</font> | |
890 | - | </td></tr></table></td></tr></table><table class="vicmovies_table"><tr><td valign="top" align="center"><table><tr><td> |
890 | + | |
891 | <div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);"> | |
892 | - | <font class="cite">COLUMN 4. The above table code must remain at the top. Everything else beneath it can be rearranged.</font> |
892 | + | |
893 | <img class="img4" src="http://i57.tinypic.com/dcuxd.jpg"> | |
894 | <img class="img4" src="http://i57.tinypic.com/o08gzq.jpg"> | |
895 | - | <font class="h1">Navigation</font> |
895 | + | <img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg"> |
896 | <img class="img4" src="http://i59.tinypic.com/3483wxu.jpg"> | |
897 | - | <a CLASS="FIRST" href="/logincomplete.php">Home</a> |
897 | + | |
898 | - | <a CLASS="FIRST" href="/invite_friend.php?friend_id=xxxxxx">Add</a> |
898 | + | </div> |
899 | - | <a CLASS="FIRST" href="/send_message.php?member_id=xxxxxx">Message</a> |
899 | + | |
900 | - | <a CLASS="FIRST" href="/add_testimonial.php?member_id=xxxxxx">Comment</a> |
900 | + | |
901 | - | <a CLASS="FIRST" href="/gallery.php?member_id=xxxxxx">Photos</a> |
901 | + | |
902 | - | <a CLASS="FIRST" href="/view_member_blog.php?member_id=xxxxxx">Blogs</a> |
902 | + | <font class="h8">Short Title Here</font> |
903 | ||
904 | ||
905 | <div class="about2"> | |
906 | ||
907 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
908 | - | <font class="h12">Basic Information</font> |
908 | + | |
909 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
910 | ||
911 | </div> | |
912 | - | <p>Put a brief synopsis of your character here for a quick read or add some basic rules of play. |
912 | + | |
913 | ||
914 | - | <p><b>Bold</b> <i>Italic</i> <em>Emphasis</em> For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following: I code for ALL sites. Not every website will allow headers to be placed as h1 etc between < these > brackets. For that reason, I turn them into font classes with a period in front and script them as I have done below. If you are on a website that allows regular header, underline, strong, etc coding, you can just use regular header coding for all of the header, lyric, special text labels OR just leave them as they are. They will work for you either way. |
914 | + | |
915 | - | <p><font class="b2">Bold2</font> |
915 | + | |
916 | - | <p><font class="strong">Strong</font> |
916 | + | <img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg"> |
917 | - | <p><font class="strike">Strike</font> |
917 | + | |
918 | - | <p><font class="u">Underline</font> |
918 | + | <div class="about4"> |
919 | ||
920 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit. | |
921 | ||
922 | </div> | |
923 | ||
924 | ||
925 | </td></tr></table><table class="vic_table"><tr><td> | |
926 | - | <font class="h4">Verse 1 - Verse 2 - Verse 3 - Verse 4</font> |
926 | + | |
927 | <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font> | |
928 | ||
929 | ||
930 | - | <img class="img3" src="http://i57.tinypic.com/ir5qg5.jpg"> |
930 | + | |
931 | - | <img class="img3" src="http://i57.tinypic.com/ir5qg5.jpg"> |
931 | + | |
932 | - | <img class="img3" src="http://i57.tinypic.com/ir5qg5.jpg"> |
932 | + | <div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
933 | - | <img class="img3" src="http://i57.tinypic.com/ir5qg5.jpg"> |
933 | + | |
934 | <div class="hbox3a"> | |
935 | <font class="h12">Title or Name</font> | |
936 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
937 | ||
938 | </div></div> | |
939 | ||
940 | - | <font class="h5">Name</font> |
940 | + | <div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
941 | ||
942 | <div class="hbox3a"> | |
943 | - | <img src="http://i62.tinypic.com/znqvpw.jpg"> |
943 | + | <font class="h12">Title or Name</font> |
944 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
945 | ||
946 | </div></div> | |
947 | ||
948 | ||
949 | - | <font class="h9">Title Goes Here</font> |
949 | + | |
950 | ||
951 | - | <font class="h2">Put a quote about your character or a lyric or two here. </font> |
951 | + | <div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
952 | ||
953 | <div class="hbox3a"> | |
954 | <font class="h12">Title or Name</font> | |
955 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
956 | ||
957 | </div></div> | |
958 | - | <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? |
958 | + | |
959 | <div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> | |
960 | ||
961 | <div class="hbox3a"> | |
962 | <font class="h12">Title or Name</font> | |
963 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
964 | ||
965 | - | <font class="lyric">A line of lyrics goes here</font> |
965 | + | </div></div> |
966 | - | <font class="lyric2">A line of lyrics goes here</font> |
966 | + | |
967 | - | <font class="lyric3">A line of lyrics goes here</font> |
967 | + | |
968 | - | <font class="lyric4">A line of lyrics goes here</font> |
968 | + | |
969 | - | <font class="lyric5">A line of lyrics goes here</font> |
969 | + | <font class="h1">Don’t they know I’m a predator?</font> |
970 | - | <font class="lyric6">A line of lyrics goes here</font> |
970 | + | |
971 | - | <font class="lyric7">A line of lyrics goes here</font> |
971 | + | |
972 | <div class="about5"> | |
973 | ||
974 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
975 | ||
976 | - | <img src="http://i57.tinypic.com/o7pm55.jpg"> |
976 | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
977 | ||
978 | </div> | |
979 | - | <font class="h9">Title Goes Here</font> |
979 | + | |
980 | <div class="colorize"> | |
981 | - | <font class="h2">Put a quote about your character or a lyric or two here. </font> |
981 | + | <font class="h2">Don’t they know they are the prey?</font> |
982 | </div> | |
983 | ||
984 | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV> | |
985 | ||
986 | - | <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? |
986 | + | |
987 | ||
988 | </td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> | |
989 | ||
990 | <font class="cite">The above table marker MUST REMAIN where it is. </font> | |
991 | - | -----------------------------TELEVISION / BOOKS / HEROES--------------------------------- |
991 | + | |
992 | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV> | |
993 | - | ////////////Put the below code into the sections for Tv/Books/Heroes so that it will remind you not to fill out those sections in the future. The below code will not affect your layout.//////// |
993 | + | |
994 | </td></tr></table><table class="vic_table"><tr><td> | |
995 | - | </td></tr></table></td></tr></table><table><tr><td><table><tr><td> |
995 | + | |
996 | - | <font class="cite"> |
996 | + | <table><tr><td> |
997 | - | DO NOT USE THIS SECTION OR IT WILL THROW OFF YOUR ENTIRE LAYOUT. |
997 | + | |
998 | - | </font> |
998 | + | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> |
999 | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> | |
1000 | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> | |
1001 | ||
1002 | </td><td><div class="about6"> | |
1003 | ||
1004 | <div class="about6Title">title goes here</div> | |
1005 | ||
1006 | <div class="about6Text"> | |
1007 | <p>For pictures that are not marked with sizes, refer to the below: | |
1008 | <p>The square images on the first and last text tables on the right side of the profile (swirls and strobes), the three images to the left of 'If I'm a danger to myself' and the same pic located under the 'Short Title Here' section are all 50px width by 50px height. | |
1009 | <p>The small images of buildings on the first and last tables on the right side of the profile are 50px width by 190px height; | |
1010 | <p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height. | |
1011 | <p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height. | |
1012 | <p>The image on the left sidebar (circle) is 200px width by 200px height. | |
1013 | ||
1014 | <p><B>Bold</b> <font class="b2">Bold2</font> <font class="b3">Bold3</font> <i>Italic</i> <font class="strong">Strong</font> <font class="u">Underline</font> | |
1015 | <font class="strike">Strike</font> I code for all sites. If you are on a site like that allows for headers, special text, etc., you can use just the regular font tags with the < > around them instead of the 'font class' or simply leave them as they are. They will work either way. | |
1016 | ||
1017 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1018 | ||
1019 | </div></div></td><td> | |
1020 | ||
1021 | <img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg"> | |
1022 | ||
1023 | </td></tr></table> | |
1024 | ||
1025 | ||
1026 | ||
1027 | </td></tr></table><table class="vic_table"><tr><td> | |
1028 | ||
1029 | <table><tr><td> | |
1030 | ||
1031 | <img class="img10" src="http://i58.tinypic.com/14ihk41.jpg"> | |
1032 | ||
1033 | </td><td> | |
1034 | ||
1035 | <font class="h10">Living is a bloody business</font> | |
1036 | ||
1037 | <div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);"> | |
1038 | ||
1039 | <div class="hbox1a"> | |
1040 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1041 | ||
1042 | </div></div> | |
1043 | ||
1044 | ||
1045 | <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"> | |
1046 | <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> | |
1047 | <param name="bgcolor" value="#000000" /> | |
1048 | <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=000000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" /> | |
1049 | </object> | |
1050 | ||
1051 | </td><td> | |
1052 | ||
1053 | <img class="img10" src="http://i58.tinypic.com/14ihk41.jpg"> | |
1054 | ||
1055 | </td></tr></table> | |
1056 | ||
1057 | ||
1058 | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td> | |
1059 | ||
1060 | <div class="picset"> | |
1061 | ||
1062 | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> | |
1063 | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> | |
1064 | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> | |
1065 | ||
1066 | ||
1067 | </div> | |
1068 | ||
1069 | <big>If I’m a danger to myself...</big> | |
1070 | <em>Just think what I could do to you</em> | |
1071 | ||
1072 | </td></tr></table><table class="vic_table"><tr><td> | |
1073 | ||
1074 | <table><tr><td><div class="mini"> | |
1075 | ||
1076 | <img class="img12" src="http://i61.tinypic.com/110m4qr.jpg"> | |
1077 | ||
1078 | <font class="h5"> | |
1079 | The pestilence of decadence | |
1080 | <BR>I worship my emptiness | |
1081 | <BR>I’m ravaged by the damages of this hell | |
1082 | ||
1083 | </font></div></td><td> | |
1084 | ||
1085 | <div class="about3"> | |
1086 | ||
1087 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1088 | ||
1089 | </div><div class="title1"> | |
1090 | ||
1091 | <font class="h6">a title goes here</font> | |
1092 | ||
1093 | </div></td></tr></table> | |
1094 | ||
1095 | ||
1096 | </td></tr></table><table class="vic_table"><tr><td> | |
1097 | ||
1098 | <div class="lyricset"> | |
1099 | ||
1100 | <font class="lyric">Hush little baby don’t make a sound </font> | |
1101 | <font class="lyric2">Hush little baby don't make a move</font> | |
1102 | <font class="lyric3">This is gonna hurt me more than you</font> | |
1103 | ||
1104 | </div> | |
1105 | ||
1106 | ||
1107 | </td></tr></table><table class="vic_table"><tr><td> | |
1108 | ||
1109 | <div class="about7"> | |
1110 | ||
1111 | <p>Lorem ipsum dolor sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1112 | ||
1113 | <p>Lorem ipsum dolor sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1114 | ||
1115 | </div> | |
1116 | ||
1117 | <img class="img6" src="http://i61.tinypic.com/14ctafl.jpg"> | |
1118 | ||
1119 | ||
1120 | ||
1121 | </td></tr></table><table class="vic_table"><tr><td> | |
1122 | ||
1123 | <font class="h13">Follow this simple rule: Do it to them before they do it to you</font> | |
1124 | ||
1125 | ||
1126 | </td></tr></table><table class="vic_table"><tr><td> | |
1127 | ||
1128 | <div class="about8frame"> | |
1129 | ||
1130 | <div class="about8"> | |
1131 | ||
1132 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1133 | ||
1134 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1135 | ||
1136 | ||
1137 | </div></div> | |
1138 | ||
1139 | ||
1140 | </td></tr></table><table class="vic_table"><tr><td> | |
1141 | ||
1142 | <font class="h14">Just another lonely chapter in the book of lies</font> | |
1143 | ||
1144 | ||
1145 | ||
1146 | </td></tr></table><table class="vic_table"><tr><td> | |
1147 | ||
1148 | <table><tr><td> | |
1149 | ||
1150 | <div class="hbox2" style="background-image:url(http://i61.tinypic.com/e5n5ad.jpg);"> | |
1151 | ||
1152 | <div class="hbox2a"> | |
1153 | <font class="h12">Title or Name</font> | |
1154 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1155 | ||
1156 | ||
1157 | </div></div></td><td> | |
1158 | ||
1159 | ||
1160 | <div class="hbox2" style="background-image:url(http://i57.tinypic.com/t66qzd.jpg);"> | |
1161 | ||
1162 | <div class="hbox2a"> | |
1163 | <font class="h12">Title or Name</font> | |
1164 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1165 | ||
1166 | </div></div></td></tr></table> | |
1167 | ||
1168 | ||
1169 | ||
1170 | ||
1171 | </td></tr></table><table class="vic_table"><tr><td> | |
1172 | ||
1173 | <table><tr><td> | |
1174 | ||
1175 | <img class="img9b" src="http://i60.tinypic.com/jjnz7q.jpg"> | |
1176 | ||
1177 | </td><td><div class="about6"> | |
1178 | ||
1179 | <div class="about6Title">title goes here</div> | |
1180 | ||
1181 | <div class="about6Text"> | |
1182 | ||
1183 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
1184 | ||
1185 | ||
1186 | </div></div></td><td> | |
1187 | ||
1188 | <img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> | |
1189 | <img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> | |
1190 | <img class="img8b" src="http://i62.tinypic.com/23w2yrb.jpg"> | |
1191 | ||
1192 | </td></tr></table> | |
1193 | ||
1194 | ||
1195 | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapR"></DIV> | |
1196 | ||
1197 | ||
1198 | -----------------------------MUSIC--------------------------------- | |
1199 | ||
1200 | </td></tr></table><table><tr><td> | |
1201 | ||
1202 | <div class="backcoloring"></div><div class="vicframe"><div class="viccontrol"> | |
1203 | ||
1204 | ||
1205 | <a class="first" href="#pg1">I</a> | |
1206 | <a class="first" href="#pg2">II</a> | |
1207 | <a class="first" href="#pg3">III</a> | |
1208 | <a class="first" href="#pg4">IV</a> | |
1209 | ||
1210 | </div> | |
1211 | ||
1212 | ||
1213 | <img class="img5" src="http://i62.tinypic.com/2vd038z.jpg"> | |
1214 | ||
1215 | ||
1216 | <div class="vicframeimg"><a id="pg1" href="#"><div class="stats"> | |
1217 | ||
1218 | <p><font class="h3">Personality</font> | |
1219 | <BR><b>Traits:</b> Input Info | |
1220 | <BR><b>Disorders:</b> Input Info | |
1221 | <BR><b>Addictions:</b> Input Info | |
1222 | <BR><b>Likes:</b> Input Info | |
1223 | <BR><b>Dislikes:</b> Input Info | |
1224 | <BR><b>Quirks:</b> Input Info | |
1225 | ||
1226 | </div></a><a id="pg2" href="#"><div class="stats"> | |
1227 | ||
1228 | <p><font class="h3">Legal</font> | |
1229 | <BR><b>NAME:</b> Input info | |
1230 | <BR><b>NICKNAMES:</b> Input info | |
1231 | <BR><b>ALIASES:</b> Input info | |
1232 | <BR><b>DATE OF BIRTH:</b> Input info | |
1233 | <BR><b>PLACE OF BIRTH:</b> Input info | |
1234 | <BR><b>CURRENT RESIDENCE:</b> Input info | |
1235 | ||
1236 | <p><font class="h3">Physical</font> | |
1237 | <BR><b>ETHNICITY:</b> Input info | |
1238 | <BR><b>HAIR COLOR:</b> Input info | |
1239 | <BR><b>EYE COLOR:</b> Input info | |
1240 | <BR><b>HEIGHT:</b> Input info | |
1241 | <BR><b>WEIGHT:</b> Input info | |
1242 | <BR><b>BIRTHMARKS/SCARS:</b> Input info | |
1243 | ||
1244 | ||
1245 | </div></a><a id="pg3" href="#"><div class="stats"> | |
1246 | ||
1247 | <p><font class="h3">Family</font> | |
1248 | <BR><b>MOTHER:</b> Input info | |
1249 | <BR><b>FATHER:</b> Input info | |
1250 | <BR><b>SISTER(S):</b> Input info | |
1251 | <BR><b>BROTHER(S):</b> Input info | |
1252 | <BR><b>Other Family:</b> Input info | |
1253 | ||
1254 | <p><font class="h3">Relationships</font> | |
1255 | <BR><b>SEXUAL ORIENTATION:</b> Input info | |
1256 | <BR><b>RELATIONSHIP STATUS:</b> Input info | |
1257 | <BR><b>CURRENT RELATIONSHIP(S):</b> Input info | |
1258 | <BR><b>PAST RELATIONSHIP(S):</b> Input info | |
1259 | ||
1260 | </div></a><a id="pg4" href="#"><div class="stats"> | |
1261 | ||
1262 | <p><font class="h3">Education</font> | |
1263 | <BR><b>High School</b> Input Info | |
1264 | <br><b>College</b> Input Info | |
1265 | <br><b>Major</b> Input Info | |
1266 | <br><b>Degree</b> Input Info | |
1267 | ||
1268 | <p><font class="h3">Employment</font> | |
1269 | <BR><b>OCCUPATION:</b> Input info | |
1270 | <BR><b>JOB DESCRIPTION:</b> Input info | |
1271 | <BR><b>EMPLOYER:</b> Input info | |
1272 | <BR><b>SKILLSET:</b> Input info | |
1273 | ||
1274 | ||
1275 | </div></a></div><div class="linkage"> | |
1276 | <a class="second" href="/logincomplete.php">H</a> | |
1277 | <a class="second" href="/invite_friend.php?friend_id=xxxxxx">A</a> | |
1278 | <a class="second" href="/send_message.php?member_id=xxxxxx">M</a> | |
1279 | <a class="second" href="/add_testimonial.php?member_id=xxxxxx">C</a> | |
1280 | <a class="second" href="/gallery.php?member_id=xxxxxx">P</a> | |
1281 | <a class="second" href="/view_member_blog.php?member_id=xxxxxx">B</a> | |
1282 | ||
1283 | </div></div> | |
1284 | ||
1285 | ||
1286 | ||
1287 | -----------------------------MOVIES--------------------------------- | |
1288 | ||
1289 | </td></tr></table></td></tr></table><table class="vicmovies_table"><tr><td valign="top" align="center"><table><tr><td> | |
1290 | ||
1291 | </td></tr></table><table><tr><td> | |
1292 | ||
1293 | <div class="hbox4" style="background-image:url(http://i58.tinypic.com/1y4bc9.jpg);"> | |
1294 | ||
1295 | <div class="hbox2a"> | |
1296 | <p>In the event that you want to put some straight links to connections somewhere on the layout (in one of the tables, in the hover boxes, etc, use this for the coding: | |
1297 | ||
1298 | ||
1299 | <a class="conn" href="/#">Name here</a> | |
1300 | <a class="conn" href="/#">Name here</a> | |
1301 | <a class="conn" href="/#">Name here</a> | |
1302 | <a class="conn" href="/#">Name here</a> | |
1303 | ||
1304 | <p>***IMPORTANT*** Never put links inside a mock J-script treatment section (the black sidebar to the left of this layout) UNLESS you make a table to house those links. For further instructions, refer back to the original coding. | |
1305 | ||
1306 | </div></div> |