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 | ||
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. |
9 | + | |
10 | MUSIC PLAYER | |
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.*** |
11 | + | |
12 | REPLACE MY MUSIC PLAYER WITH YOUR OWN. | |
13 | ||
14 | ............................ | |
15 | - | *********** MOCK JAVA TREATMENT LAYOUT//IMPORTANT INFO ABOUT LINKS ************** |
15 | + | |
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: |
17 | + | FOR ROLEPLAYER.ME USERS: |
18 | ||
19 | For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following: | |
20 | - | <table style="width:100%;"><tr><td> |
20 | + | |
21 | ||
22 | - | <a class="conn" href="/#">Name here</a> |
22 | + | |
23 | - | <a class="conn" href="/#">Name here</a> |
23 | + | |
24 | - | <a class="conn" href="/#">Name here</a> |
24 | + | |
25 | <h1>Header</h1> <strike>Strike</strike> etc.. | |
26 | - | </td></tr></table> |
26 | + | |
27 | OR just leave them as they are. They will work for you either way. | |
28 | - | Failure to adhere to the below will cause the entire side to overflow onto the rest of your page. |
28 | + | |
29 | ||
30 | - | *********** end ************** |
30 | + | |
31 | ||
32 | ||
33 | ||
34 | Don't forget to replace the XXXXX with your friend ID number. | |
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. |
35 | + | |
36 | (>‿◠)✌ | |
37 | - | Example: |
37 | + | |
38 | - | background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%); |
38 | + | |
39 | *****************************SAVE YOUR WORK AS YOU GO.******************************* | |
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 |
40 | + | |
41 | ||
42 | DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT. | |
43 | ||
44 | -----------------------------ABOUT ME--------------------------------- | |
45 | <style type="text/css"> | |
46 | @import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic|Playfair+Display:400,700italic|Oswald ); | |
47 | ||
48 | /* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */ | |
49 | - | FOR ROLEPLAYER.ME USERS: |
49 | + | |
50 | ||
51 | .vicarious { Structure } | |
52 | ||
53 | body { | |
54 | background-color:d9d9d9; | |
55 | background-image:url(http://i59.tinypic.com/294o1fs.jpg); | |
56 | background-repeat:repeat; | |
57 | background-attachment:fixed; | |
58 | background-position:center center; | |
59 | } | |
60 | ||
61 | table, tr, td {background-color:transparent;} | |
62 | ||
63 | - | _______________________________________________ |
63 | + | |
64 | ::-webkit-scrollbar {width: 10px;} | |
65 | ::-webkit-scrollbar-track {border: 1px solid #222222;background-color:transparent;} | |
66 | ::-webkit-scrollbar-thumb {border: 1px solid #222222;background-color:dadada;} | |
67 | ||
68 | .vicarious { text } | |
69 | ||
70 | table, tr, td, li, p, div, .text, .btext, a, b, i { | |
71 | font-family:tahoma; | |
72 | font-size:7pt; | |
73 | line-height:100%; | |
74 | color:777777; | |
75 | padding:0px; | |
76 | margin:0px; | |
77 | - | |
77 | + | |
78 | text-transform:none; | |
79 | } | |
80 | ||
81 | p {text-align:justify;text-indent:10px;} | |
82 | p:first-line { font-style:italic;} | |
83 | p:first-letter { font-size: 9pt; } | |
84 | - | <style type="text/css"> |
84 | + | |
85 | - | @import url(http://fonts.googleapis.com/css?family=Special+Elite|Economica:400,700|Bangers|Aguafina+Script|Candal|Iceland|Rancho|Francois+One); |
85 | + | |
86 | b { | |
87 | text-transform:uppercase; | |
88 | font-family:courier new; | |
89 | letter-spacing:-1pt; | |
90 | color:424242; | |
91 | } | |
92 | - | .vicarious { Structure } |
92 | + | |
93 | i { | |
94 | color:444444; | |
95 | - | width:100%; |
95 | + | |
96 | - | height:100%; |
96 | + | |
97 | - | left:0%; |
97 | + | .u, u { |
98 | color:000000; | |
99 | - | position:absolute; |
99 | + | |
100 | - | z-index:1; |
100 | + | |
101 | - | background-image: url(""); |
101 | + | |
102 | .strike, strike { | |
103 | color:000000; | |
104 | text-decoration:line-through; | |
105 | } | |
106 | ||
107 | .strong, strong { | |
108 | - | ::-webkit-scrollbar {width: 5px;} |
108 | + | |
109 | - | ::-webkit-scrollbar-track {border: 1px solid ;} |
109 | + | background-color:000000; |
110 | - | ::-webkit-scrollbar-thumb {border: 1px solid ;} |
110 | + | font-size: 8pt; |
111 | text-transform:uppercase; | |
112 | - | table, tr, td {padding:0px; border-collapse: collapse; /* 'cellspacing' equivalent */ background-color:transparent; border:0;width:0px;text-align:center;vertical-align: top; } |
112 | + | color:ffffff; |
113 | line-height:120%; | |
114 | - | .viclike2meet_table, .vicinterests_table, .vicmovies_table { |
114 | + | padding:0px 2px; |
115 | } | |
116 | - | z-index:2; |
116 | + | |
117 | .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .one, one, .two, two, .three, three. small, big { | |
118 | text-decoration:none; | |
119 | - | left:0%; |
119 | + | |
120 | - | border:0px solid; |
120 | + | font-family: georgia; |
121 | - | margin-top:10px; |
121 | + | |
122 | - | height:auto; |
122 | + | |
123 | display:block; | |
124 | font-size: 16pt ; | |
125 | padding:0px; | |
126 | margin:5px 0px; | |
127 | - | .viclike2meet_table { width:302px;height:auto;margin-left:260px; } |
127 | + | color:7a7a7a; |
128 | - | .vicinterests_table { width:502px; height:auto;margin-left:565px;} |
128 | + | |
129 | - | .vicmovies_table{ width:302px;position:fixed;height:auto;margin-left:1085px;margin-top:200px;z-index:1001; } |
129 | + | |
130 | ||
131 | - | .viclike2meet_table tr, .vicinterests_table tr, .vicmovies_table tr { margin:0px; } |
131 | + | .h1, h1 { |
132 | font-family: 'Playfair Display', serif; | |
133 | - | .viclike2meet_table td, .vicinterests_table td, .vicmovies_table td { margin:0px; overflow:hidden; } |
133 | + | font-size: 14pt ; |
134 | - | .viclike2meet_table td { max-width:302px; } |
134 | + | |
135 | - | .vicinterests_table td { max-width:502px; } |
135 | + | color:000000; |
136 | - | .vicmovies_table td { max-width:302px; } |
136 | + | |
137 | } | |
138 | - | .vic_table { |
138 | + | |
139 | #side1 .h1, #side1 h1 {padding-left:10px;} | |
140 | #side2 .h1, #side2 h1 {padding-right:10px;} | |
141 | - | width:100%; |
141 | + | |
142 | - | margin-bottom:4px; |
142 | + | .h2, h2 { |
143 | - | border:1px solid; |
143 | + | font-size: 44pt ; |
144 | - | border-collapse: collapse; /* 'cellspacing' equivalent */ |
144 | + | font-family: 'Jolly Lodger', cursive; |
145 | margin:0px; | |
146 | letter-spacing:5pt; | |
147 | color:cccccc; | |
148 | - | .vic_table tr { margin:0px; } |
148 | + | line-height:70px; |
149 | - | .vic_table td { margin:0px; width:100%; text-align:center; padding: 0; /* 'cellpadding' equivalent */ } |
149 | + | |
150 | ||
151 | - | .vicarious { Font Style Classes } |
151 | + | .h3, h3 { |
152 | text-transform:none; | |
153 | - | a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p { |
153 | + | line-height:60%; |
154 | - | font-family: tahoma; |
154 | + | |
155 | - | font-size: 7pt ; |
155 | + | padding-right:15px; |
156 | - | line-height: 90% ; |
156 | + | font-size: 26pt ; |
157 | margin:0px 0px 10px 0px; | |
158 | - | letter-spacing: 0pt; |
158 | + | |
159 | } | |
160 | ||
161 | - | P { text-align:justify; } |
161 | + | |
162 | font-size:14pt; | |
163 | - | I { |
163 | + | font-family:monotype corsiva; |
164 | - | font-family: 'Economica', sans-serif; |
164 | + | |
165 | - | font-size:8pt; |
165 | + | |
166 | .cite {font-size:0px; color:transparent;display:block; height:0px;} | |
167 | ||
168 | - | EM { |
168 | + | |
169 | - | font-size:14pt; |
169 | + | .vicarious { Divs } |
170 | - | font-family: 'Rancho', cursive; |
170 | + | |
171 | - | line-height: 100% ; |
171 | + | #back, #thangs, #thangs2, #thangs3, #thangs4, #thangs5, #p1_500w_500h, #txt1, #p2_350w_200h, #p3_350w_290h, #txt2, #txt3, #txt4, #bigPic, #bigPicOverlay, #title1, #title2, #title3, #title4, #title5, #title6, #title7, #pic4_430w_200h, #cn1_150w_250h, #cn2_150w_250h, #cn3_150w_250h, #title8, #p5_470w_470h, #side1, #side2 { |
172 | - | letter-spacing:-1pt; |
172 | + | left:50%; |
173 | top:0%; | |
174 | - | padding-right:5px; |
174 | + | |
175 | z-index:1; | |
176 | position:absolute; | |
177 | overflow:none; | |
178 | - | .strike, strike { |
178 | + | background-color:f3f3f3; |
179 | - | font-size: 8pt ; |
179 | + | |
180 | ||
181 | #back { | |
182 | width:1070px; | |
183 | - | .u, u { |
183 | + | height:2000px; |
184 | - | font-size:10pt; |
184 | + | |
185 | margin-left:-545px; | |
186 | border:10px solid #f3f3f3; | |
187 | } | |
188 | - | .strong, strong { |
188 | + | |
189 | - | font-size:11pt; |
189 | + | #thangs, #thangs2, #thangs3, #thangs4, #thangs5 { |
190 | - | line-height: 120% ; |
190 | + | margin-top:1050px; |
191 | - | font-weight:bolder; |
191 | + | width:245px; |
192 | height:245px; | |
193 | overflow:hidden; | |
194 | border:20px solid #f3f3f3; | |
195 | - | B, .B2, B2, .B3, B3 { |
195 | + | background-color:222222; |
196 | transition:All 1s ease-in-out; | |
197 | -webkit-transition:All 1s ease-in-out; | |
198 | -moz-transition:All 1s ease-in-out; | |
199 | -o-transition:All 1s ease-in-out; | |
200 | transform: rotate(0deg) scale(0.10) translate(0px); | |
201 | - | B { |
201 | + | -webkit-transform: rotate(0deg) scale(0.10) translate(0px); |
202 | - | font-family: 'Francois One', sans-serif; |
202 | + | -moz-transform: rotate(0deg) scale(0.10) translate(0px); |
203 | - | font-size:6pt; |
203 | + | -o-transform: rotate(0deg) scale(0.10) translate(0px); |
204 | - | font-weight:lighter; |
204 | + | -ms-transform: rotate(0deg) scale(0.10) translate(0px); |
205 | -webkit-box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.75); | |
206 | -moz-box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.75); | |
207 | - | .B2, B2 { |
207 | + | box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.75); |
208 | - | font-family:georgia; |
208 | + | |
209 | - | font-size:6pt; |
209 | + | padding:5px; |
210 | } | |
211 | ||
212 | - | .B3, B3 { |
212 | + | #thangs, #thangs2, #thangs3, #thangs4, #thangs5, #thangs p, #thangs2 p, #thangs3 p, #thangs4 p, #thangs5 p { |
213 | - | font-family: 'Rancho', cursive; |
213 | + | color:transparent; |
214 | - | font-size:9pt; |
214 | + | |
215 | ||
216 | #thangs {margin-left:-30px; } | |
217 | #thangs2 {margin-left:60px; } | |
218 | - | font-family:georgia; |
218 | + | #thangs3 {margin-left:150px; } |
219 | #thangs4 {margin-left:240px; } | |
220 | - | padding:0px 2px; |
220 | + | #thangs5 {margin-left:330px; } |
221 | ||
222 | - | line-height:10px; |
222 | + | #thangs:hover, #thangs2:hover, #thangs3:hover, #thangs4:hover, #thangs5:hover { |
223 | border:0px solid #000000; | |
224 | transform: rotate(0deg) scale(1) translate(-75px, 0px); | |
225 | - | big { |
225 | + | -webkit-transform: rotate(0deg) scale(1) translate(-75px, 0px); |
226 | -moz-transform: rotate(0deg) scale(1) translate(-75px, 0px); | |
227 | - | font-size:8pt; |
227 | + | -o-transform: rotate(0deg) scale(1) translate(-75px, 0px); |
228 | - | margin:0px; |
228 | + | -ms-transform: rotate(0deg) scale(1) translate(-75px, 0px); |
229 | - | padding:5px; |
229 | + | z-index:1000; |
230 | overflow:auto; | |
231 | } | |
232 | ||
233 | - | border-left: double 10px; |
233 | + | #thangs:hover, #thangs2:hover, #thangs3:hover, #thangs4:hover, #thangs5:hover, #thangs:hover p, #thangs2:hover p, #thangs3:hover p, #thangs4:hover p, #thangs5:hover p { |
234 | color:f3f3f3; | |
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 { |
237 | + | #name { |
238 | position:absolute; | |
239 | width:500px; | |
240 | height:60px; | |
241 | margin-top:220px; | |
242 | margin-left:220px; | |
243 | - | padding:0px; |
243 | + | text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); |
244 | - | font-weight:bold; |
244 | + | color:white; |
245 | font-family: 'Oswald', sans-serif; | |
246 | - | -webkit-transition: all 0.6s ease-out; |
246 | + | font-style:italic; |
247 | - | -moz-transition: all 0.6s ease-out; |
247 | + | text-align:left; |
248 | - | -ms-transition: all 0.6s ease-out; |
248 | + | padding-left:0px; |
249 | - | -o-transition: all 0.6s ease-out; |
249 | + | line-height:60px; |
250 | - | transition: all 0.6s ease-out; |
250 | + | font-size:40pt; |
251 | background-color:000000; | |
252 | transform: rotate(90deg) ; | |
253 | - | a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited { |
253 | + | -webkit-transform: rotate(90deg) ; |
254 | - | -webkit-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); |
254 | + | -moz-transform: rotate(90deg) ; |
255 | - | -moz-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); |
255 | + | -o-transform: rotate(90deg) ; |
256 | - | box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24); |
256 | + | -ms-transform: rotate(90deg) ; |
257 | - | display:inline-block; |
257 | + | opacity:.5; |
258 | z-index:900; | |
259 | transition:All 1s ease-in-out; | |
260 | - | a.first, a.first:link, a.first:active, a.first:visited { |
260 | + | -webkit-transition:All 1s ease-in-out; |
261 | - | font-family: tahoma; |
261 | + | -moz-transition:All 1s ease-in-out; |
262 | - | font-size:10pt; |
262 | + | -o-transition:All 1s ease-in-out; |
263 | - | width:50px; |
263 | + | |
264 | - | height:65px; |
264 | + | |
265 | - | line-height:65px; |
265 | + | #p1_500w_500h:hover #name { |
266 | - | -moz-border-radius-bottomright: 90px; |
266 | + | opacity:0; |
267 | - | -webkit-border-bottom-right-radius: 90px; |
267 | + | transition:All .0s ease-in-out; |
268 | - | border-bottom-right-radius: 90px; |
268 | + | -webkit-transition:All .0s ease-in-out; |
269 | - | -webkit-transform: rotate(270deg); |
269 | + | -moz-transition:All .0s ease-in-out; |
270 | - | -moz-transform: rotate(270deg); |
270 | + | -o-transition:All .0s ease-in-out; |
271 | - | -o-transform: rotate(270deg); |
271 | + | |
272 | - | writing-mode: lr-tb; |
272 | + | |
273 | #p1_500w_500h { | |
274 | width:500px; | |
275 | - | a.first:hover { |
275 | + | height:500px; |
276 | - | -webkit-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
276 | + | margin-top:10px; |
277 | - | -moz-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
277 | + | margin-left:-535px; |
278 | - | box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1); |
278 | + | |
279 | ||
280 | #overlay { | |
281 | - | a.second, a.second:link, a.second:active, a.second:visited { |
281 | + | |
282 | - | font-family: arial narrow; |
282 | + | height:150px; |
283 | - | font-size:8pt; |
283 | + | left: 0px; |
284 | - | width:38PX; |
284 | + | margin-top:300px; |
285 | - | height:20PX; |
285 | + | opacity:0; |
286 | - | line-height:20PX; |
286 | + | background-color:red; |
287 | - | -webkit-border-radius: 180px; |
287 | + | transition: all 0.5s linear; |
288 | - | -moz-border-radius: 180px; |
288 | + | |
289 | - | border-radius: 180px; |
289 | + | |
290 | #p1_500w_500h:hover #overlay { | |
291 | transition: all 0.5s linear; | |
292 | - | a.second:hover { } |
292 | + | opacity:1; |
293 | margin-top:100px; | |
294 | } | |
295 | - | a.conn, a.conn:link, a.conn:active, a.conn:visited { |
295 | + | |
296 | - | font-family: 'Economica', sans-serif; |
296 | + | #txt1 { |
297 | - | font-size:9pt; |
297 | + | width:200px; |
298 | - | line-height:110%; |
298 | + | height:500px; |
299 | margin-top:10px; | |
300 | - | margin-bottom:2px; |
300 | + | margin-left:-25px; |
301 | - | border-width: 2px 10px 2px 10px; |
301 | + | |
302 | - | border-style:solid; |
302 | + | |
303 | } | |
304 | ||
305 | - | a.conn:hover { } |
305 | + | #p2_350w_200h { |
306 | width:350px; | |
307 | - | .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3 { |
307 | + | height:200px; |
308 | - | font-family:times; |
308 | + | margin-top:10px; |
309 | - | line-height:80%; |
309 | + | margin-left:185px; |
310 | } | |
311 | ||
312 | - | letter-spacing:0pt; |
312 | + | #p3_350w_290h { |
313 | width:350px; | |
314 | height:290px; | |
315 | - | .lyric, lyric { font-size:16pt; } |
315 | + | margin-top:220px; |
316 | - | .lyric2, lyric2 { font-size:9pt; } |
316 | + | margin-left:185px; |
317 | - | .lyric3, lyric3 { font-size:13pt; letter-spacing:1pt; } |
317 | + | |
318 | ||
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 { |
319 | + | #txt2, #txt3, #txt4 { |
320 | width:190px; | |
321 | height:240px; | |
322 | padding:5px; | |
323 | - | font-size: 11pt ; |
323 | + | margin-top:520px; |
324 | text-align:justify; | |
325 | overflow:auto; | |
326 | - | letter-spacing:0pt; |
326 | + | |
327 | - | text-decoration:none; |
327 | + | |
328 | #txt2 {margin-left:-75px; } | |
329 | #txt3 {margin-left:130px; } | |
330 | - | .h1, h1, .h2, h2 { |
330 | + | #txt4 {margin-left:335px; } |
331 | - | -moz-border-radius-topleft: 90px; |
331 | + | |
332 | - | -webkit-border-top-left-radius: 90px; |
332 | + | #bigPic, #bigPicOverlay { |
333 | - | border-top-left-radius: 90px; |
333 | + | margin-left:-535px; |
334 | - | -moz-border-radius-topright: 90px; |
334 | + | margin-top:520px; |
335 | - | -webkit-border-top-right-radius: 90px; |
335 | + | width:1070px; |
336 | - | border-top-right-radius: 90px; |
336 | + | height:720px; |
337 | } | |
338 | ||
339 | - | .h1, h1 { |
339 | + | |
340 | - | font-family: 'Bangers', cursive; |
340 | + | #bigPicOverlay { |
341 | background-color:transparent; | |
342 | - | padding:5px 0px 2px 0px; |
342 | + | |
343 | ||
344 | ||
345 | - | .h2, h2 { |
345 | + | #title1, #title2, #title3, #title4 { |
346 | - | font-family:"Trebuchet MS", Helvetica, sans-serif; |
346 | + | margin-left:-535px; |
347 | - | font-size: 9pt ; |
347 | + | padding-right:10px; |
348 | - | padding:7px 0px 2px 0px; |
348 | + | |
349 | - | -webkit-transform: rotate(180deg); |
349 | + | background-color:000000; |
350 | - | -moz-transform: rotate(180deg); |
350 | + | text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); |
351 | - | -o-transform: rotate(180deg); |
351 | + | color:white; |
352 | - | writing-mode: lr-tb; |
352 | + | font-family: 'Playfair Display', serif; cursive; |
353 | font-style:italic; | |
354 | text-align:right; | |
355 | - | .h3, h3 { |
355 | + | line-height:50px; |
356 | - | font-family: 'Special Elite', cursive; |
356 | + | font-size:30pt; |
357 | - | font-size:9pt; |
357 | + | |
358 | - | text-align:right; |
358 | + | |
359 | - | letter-spacing:1pt; |
359 | + | #title1 {margin-top:890px;width:200px;} |
360 | - | margin:2px 0px 2px 10px; |
360 | + | #title2 {margin-top:950px;width:275px;} |
361 | - | padding:8px 2px; 0px 0px; |
361 | + | #title3 {margin-top:1010px;width:375px;} |
362 | - | -moz-border-radius-topleft: 90px; |
362 | + | #title4 {margin-top:1070px;width:430px;} |
363 | - | -webkit-border-top-left-radius: 90px; |
363 | + | |
364 | - | border-top-left-radius: 90px; |
364 | + | #title5 { |
365 | margin-top:780px; | |
366 | margin-left:150px; | |
367 | - | .h4, h4 { |
367 | + | padding-right:15px; |
368 | - | font-family: copperplate gothic light; |
368 | + | width:370px; |
369 | - | margin:0px 0px 2px 10px; |
369 | + | height:370px; |
370 | - | border-top:4px double; |
370 | + | |
371 | color:white; | |
372 | background-color:transparent; | |
373 | - | .h5, h5 { |
373 | + | font-family: 'Playfair Display', serif; |
374 | text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); | |
375 | - | font-size:8pt; |
375 | + | font-style:italic; |
376 | - | padding-left:5px; |
376 | + | |
377 | - | margin-left:5px; |
377 | + | line-height:90%; |
378 | - | border-left:2px solid; |
378 | + | font-size:80pt; |
379 | - | text-align:left; |
379 | + | |
380 | - | word-spacing:-2px; |
380 | + | |
381 | #title6 { | |
382 | margin-top:1165px; | |
383 | - | .h6, h6 { |
383 | + | margin-left:-535px; |
384 | - | padding-top:5px; |
384 | + | width:430px; |
385 | - | font-size:12pt; |
385 | + | height:75px; |
386 | - | font-family: 'Iceland', cursive; |
386 | + | color:000000; |
387 | font-family: 'Oswald', sans-serif; | |
388 | text-align:center; | |
389 | - | .h7, h7 { |
389 | + | line-height:75px; |
390 | - | font-family: arial narrow; |
390 | + | font-size:45pt; |
391 | - | font-size:10pt; |
391 | + | text-transform:uppercase; |
392 | - | margin:10px 0px 10px 20px; |
392 | + | |
393 | ||
394 | - | line-height:20%; |
394 | + | |
395 | - | border-width: 4px 0px 4px 0px; |
395 | + | #pic4_430w_200h { |
396 | - | border-style:solid; |
396 | + | margin-top:1250px; |
397 | - | text-shadow: 4px 4px 2px rgba(0, 0, 0, 1); |
397 | + | margin-left:-535px; |
398 | width:430px; | |
399 | height:200px; | |
400 | - | .h8, h8 { |
400 | + | |
401 | - | font-size:9pt; |
401 | + | |
402 | - | line-height:120%; |
402 | + | |
403 | - | padding:5px 5px 5px 0px; |
403 | + | #title7 { |
404 | - | margin:10px 0px; |
404 | + | margin-left:-95px; |
405 | margin-top:1250px; | |
406 | - | letter-spacing:2pt; |
406 | + | width:140px; |
407 | - | border:10px double; |
407 | + | |
408 | - | -moz-border-radius-topleft: 90px; |
408 | + | font-family: 'Merriweather', serif; |
409 | - | -webkit-border-top-left-radius: 90px; |
409 | + | color:000000; |
410 | - | border-top-left-radius: 90px; |
410 | + | text-align:center; |
411 | - | text-shadow: -1px -1px 0px rgba(0, 0, 0, 1); |
411 | + | font-size:29pt; |
412 | text-align:right; | |
413 | padding:5px; | |
414 | - | .h9, h9 { |
414 | + | text-transform:uppercase; |
415 | - | font-family: 'Aguafina Script', cursive; |
415 | + | font-style:italic; |
416 | - | font-size:10pt; |
416 | + | line-height:102%; |
417 | - | padding:5px 5px 0px 0px; |
417 | + | |
418 | ||
419 | - | text-align:right; |
419 | + | #title8 { |
420 | - | line-height:110%; |
420 | + | margin-top:1460px; |
421 | - | border-width: 4px 0px 4px 0px; |
421 | + | margin-left:-535px; |
422 | - | border-style:double; |
422 | + | width:590px; |
423 | - | text-transform:Capitalize; |
423 | + | height:40px; |
424 | background-color:000000; | |
425 | text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); | |
426 | - | .h10, h10 { |
426 | + | color:white; |
427 | - | font-family: 'Francois One', sans-serif; |
427 | + | font-family: 'Oswald', sans-serif; |
428 | - | font-size:10pt; |
428 | + | text-align:center; |
429 | - | height:20px; |
429 | + | line-height:40px; |
430 | - | line-height:20px; |
430 | + | font-size:28pt; |
431 | text-transform:uppercase; | |
432 | } | |
433 | - | .h11, h11 { |
433 | + | |
434 | #cn1_150w_250h, #cn2_150w_250h, #cn3_150w_250h { | |
435 | - | font-family:arial narrow; |
435 | + | margin-top:1250px; |
436 | - | margin:5px 0px; |
436 | + | width:150px; |
437 | - | padding:10px 5px; |
437 | + | height:250px; |
438 | } | |
439 | ||
440 | - | .h12, h12 { |
440 | + | #cn1_150w_250h {margin-left:65px;} |
441 | - | font-family: 'Economica', sans-serif; |
441 | + | #cn2_150w_250h {margin-left:225px;} |
442 | - | font-size:9pt; |
442 | + | #cn3_150w_250h {margin-left:385px;} |
443 | - | line-height:110%; |
443 | + | |
444 | #p5_470w_470h { | |
445 | margin-left:65px; | |
446 | - | .h13, h13 { |
446 | + | margin-top:1510px; |
447 | - | font-family:georgia; |
447 | + | width:470px; |
448 | - | font-size:13pt; |
448 | + | height:470px; |
449 | - | line-height:100%; |
449 | + | |
450 | - | padding:5px 0px; |
450 | + | |
451 | - | margin:5px 0px; |
451 | + | #side1, #side2 { |
452 | - | text-transform:capitalize; |
452 | + | margin-top:1510px; |
453 | overflow:auto; | |
454 | height:460px; | |
455 | - | .h14, h14 { |
455 | + | |
456 | - | font-family:georgia; |
456 | + | padding:5px; |
457 | - | font-size:8pt; |
457 | + | width:285px; |
458 | - | padding:5px 0px; |
458 | + | |
459 | - | margin:5px 0px; |
459 | + | |
460 | - | line-height:100%; |
460 | + | #side1 {margin-left:-535px;} |
461 | #side2 {margin-left:-240px;} | |
462 | - | border-left:75px solid; |
462 | + | |
463 | - | border-right:75px solid; |
463 | + | .HB1, .HB2 { |
464 | - | -webkit-border-radius: 90px; |
464 | + | margin: 0px; |
465 | - | -moz-border-radius: 90px; |
465 | + | float: left; |
466 | - | border-radius: 90px; |
466 | + | overflow: hidden; |
467 | - | } |
467 | + | position: relative; |
468 | text-align: center; | |
469 | - | .about6Title { |
469 | + | |
470 | ||
471 | - | font-family: 'Candal', sans-serif; |
471 | + | .HB1 { |
472 | - | width:321px; |
472 | + | width:150px; |
473 | - | height:26px; |
473 | + | height:250px; |
474 | - | line-height:26px; |
474 | + | |
475 | ||
476 | - | padding:0px 5px 0px 0px; |
476 | + | .HB2 { |
477 | - | text-transform: capitalize; |
477 | + | width: 100%; |
478 | - | letter-spacing:-1pt; |
478 | + | height: 100%; |
479 | - | margin:10px; |
479 | + | margin: 0px; |
480 | } | |
481 | ||
482 | - | border:2px dotted; |
482 | + | .HB1 .mask, |
483 | .HB1 .content, | |
484 | .HB2 .mask, | |
485 | - | .cite {font-size:0pt; visibility:hidden!important; display:none!important; color:transparent;} |
485 | + | .HB2 .content { |
486 | position: absolute; | |
487 | - | .vicarious { Div/Img Style Classes } |
487 | + | overflow: hidden; |
488 | top: 0; | |
489 | - | .vicframeimg > a { |
489 | + | left: 0 |
490 | - | width: 180px; |
490 | + | |
491 | - | height:300px; |
491 | + | |
492 | - | padding:10px; |
492 | + | .HB1 .mask, |
493 | - | left:25px; |
493 | + | .HB1 .content { |
494 | - | top: 100px; |
494 | + | width:150px; |
495 | - | display: block; |
495 | + | height:250px; |
496 | - | position: absolute; |
496 | + | |
497 | ||
498 | - | z-index: 5; |
498 | + | .HB2 .mask, |
499 | - | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
499 | + | .HB2 .content { |
500 | - | filter: alpha(opacity=0); |
500 | + | width: 80%; |
501 | height: 80%; | |
502 | - | transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
502 | + | padding: 10%; |
503 | - | -webkit-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
503 | + | |
504 | - | -moz-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
504 | + | |
505 | - | -ms-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
505 | + | .HB1 .mask, |
506 | - | -o-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out; |
506 | + | .HB2-lrg .mask { |
507 | - | -webkit-border-radius: 20px; |
507 | + | background-color: rgba(255, 255, 255, 0.7); |
508 | - | -moz-border-radius: 20px; |
508 | + | |
509 | - | border-radius: 20px; |
509 | + | |
510 | ||
511 | .HB1 .mask { | |
512 | - | .vicframeimg > a:target { |
512 | + | transition: all 0.5s linear; |
513 | - | display: block; |
513 | + | } |
514 | - | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
514 | + | |
515 | - | filter: alpha(opacity=100); |
515 | + | .HB2-lrg .mask { |
516 | background-color: rgba(255, 255, 255, 0.7); | |
517 | - | z-index: 1001; |
517 | + | top: -200px; |
518 | transition: all 0.3s ease-out 0.5s; | |
519 | } | |
520 | - | .vicframe { |
520 | + | |
521 | - | left:0%; |
521 | + | .HB1:hover .mask { |
522 | opacity: 1; | |
523 | - | position:fixed; |
523 | + | |
524 | - | overflow:none; |
524 | + | |
525 | - | z-index:1; |
525 | + | .HB2-lrg:hover .mask { |
526 | - | height:100%; |
526 | + | opacity: 1; |
527 | - | width:250px; |
527 | + | top: 0px; |
528 | - | margin-left:0px; |
528 | + | transition-delay: 0s; |
529 | animation: bounceY 0.9s linear; | |
530 | - | text-align:left; |
530 | + | } |
531 | - | -moz-border-radius-topright: 90px; |
531 | + | |
532 | - | -webkit-border-top-right-radius: 90px; |
532 | + | |
533 | - | border-top-right-radius: 90px; |
533 | + | .HB1 img, .HB2 img { |
534 | - | -moz-border-radius-bottomright: 5px; |
534 | + | display: block; |
535 | - | -webkit-border-bottom-right-radius: 5px; |
535 | + | position: relative; |
536 | - | border-bottom-right-radius: 5px; |
536 | + | |
537 | - | -moz-border-radius-bottomleft: 5px; |
537 | + | |
538 | - | -webkit-border-bottom-left-radius: 5px; |
538 | + | .HB1 img { |
539 | - | border-bottom-left-radius: 5px; |
539 | + | transform: scaleY(1); |
540 | transition: all 0.7s ease-in-out; | |
541 | } | |
542 | - | .viccontrol { |
542 | + | |
543 | - | margin-left:0px; |
543 | + | .HB2 img { } |
544 | ||
545 | - | overflow:hidden; |
545 | + | .HB1:hover img { |
546 | transform: scale(10); | |
547 | opacity: 0; | |
548 | - | .linkage, vicframe:hover .linkage { |
548 | + | |
549 | - | transition:All 1s linear; |
549 | + | |
550 | - | -webkit-transition:All 1s linear; |
550 | + | .HB1 big { |
551 | - | -moz-transition:All 1s linear; |
551 | + | |
552 | - | -o-transition:All 1s linear; |
552 | + | |
553 | font-family: 'Oswald', sans-serif; | |
554 | text-transform: uppercase; | |
555 | - | .linkage { |
555 | + | text-align: center; |
556 | - | left:0%; |
556 | + | position: relative; |
557 | - | bottom:0%; |
557 | + | font-size: 14pt; |
558 | - | position:fixed; |
558 | + | |
559 | - | z-index:100; |
559 | + | padding: 0px 2px; |
560 | - | width:250px; |
560 | + | margin: 20px 0px 10px 0px; |
561 | border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
562 | transform: scale(0); | |
563 | - | margin-bottom:-500px; |
563 | + | transition: all 0.5s linear; |
564 | - | margin-left:0px; |
564 | + | |
565 | } | |
566 | ||
567 | .HB1 .about { | |
568 | - | .vicframe:hover .linkage { margin-bottom:10px; } |
568 | + | position: relative; |
569 | opacity: 0; | |
570 | - | .backcoloring { |
570 | + | transform: scale(0); |
571 | - | left:0%; |
571 | + | transition: all 0.5s linear; |
572 | } | |
573 | - | position:fixed; |
573 | + | |
574 | - | z-index:-1; |
574 | + | .HB1 big { |
575 | - | width:100%; |
575 | + | |
576 | - | height:100%; |
576 | + | |
577 | - | overflow:hidden; |
577 | + | font-family: 'Oswald', sans-serif; |
578 | text-transform: uppercase; | |
579 | - | margin-left:1215px; |
579 | + | text-align: center; |
580 | - | -webkit-transition: all 1s ease-out 0s; |
580 | + | position: relative; |
581 | - | -moz-transition: all 1s ease-out 0s; |
581 | + | font-size: 14pt; |
582 | - | -ms-transition: all 1s ease-out 0s; |
582 | + | |
583 | - | -o-transition: all 1s ease-out 0s; |
583 | + | padding: 0px 2px; |
584 | - | transition: all 1s ease-out 0s; |
584 | + | margin: 20px 0px 10px 0px; |
585 | border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
586 | transform: scale(0); | |
587 | - | .TcapL, .TcapR, .BcapL, .BcapR { height:50px; } |
587 | + | transition: all 0.5s linear; |
588 | - | .TcapL { -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px;} |
588 | + | |
589 | - | .TcapR{-moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;} |
589 | + | |
590 | - | .BcapL {-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;} |
590 | + | |
591 | - | .BcapR{ -moz-border-radius-bottomright: 90px;-webkit-border-bottom-right-radius: 90px;border-bottom-right-radius: 90px;} |
591 | + | .HB1 a.info { |
592 | display: inline-block; | |
593 | text-decoration: none; | |
594 | - | .about, .about2, .about3, .about4, .about5, .about6Text, .about7 { |
594 | + | padding: 7px 14px; |
595 | background: #000; | |
596 | color: #fff; | |
597 | text-transform: uppercase; | |
598 | box-shadow: 0 0 1px #000; | |
599 | - | .about, .about2, .about3, .about5 { |
599 | + | opacity: 0; |
600 | - | padding:5px; |
600 | + | transform: scale(0); |
601 | transition: all 0.5s linear; | |
602 | } | |
603 | - | .about { width:280px; height:223px; margin:5px; } |
603 | + | .HB1 a.info:hover { |
604 | - | .about2 { width:280px; height:145px; margin:5px; } |
604 | + | box-shadow: 0 0 5px #000 |
605 | - | .about3 { width:265px; height:100px; margin-left:5px; border-width:10px 10px 0px 10px; border-style:solid; } |
605 | + | |
606 | - | .about4 { float:right; width:205px; height:49px; padding:5px; margin:0px 10px 10px 5px ; word-spacing:-2px; } |
606 | + | |
607 | - | .about5 { width:280px; height:150px; margin:5px; } |
607 | + | .about { |
608 | display:block; | |
609 | - | .about6 { |
609 | + | width:140px; |
610 | padding:5px; | |
611 | height:140px; | |
612 | overflow:auto; | |
613 | - | padding:0px; |
613 | + | background-color:eeeeee; |
614 | - | margin: 5px 5px 5px 5px; |
614 | + | margin-bottom:5px; |
615 | - | border:5px solid; |
615 | + | transform: scale(0); |
616 | transition: all 0.5s linear; | |
617 | opacity: 0; | |
618 | - | .about6Text { |
618 | + | |
619 | - | width:306px; |
619 | + | |
620 | - | height:121px; |
620 | + | .HB1:hover big, |
621 | - | padding:0px 10px; |
621 | + | .HB1:hover .about, |
622 | - | margin:10px; |
622 | + | .HB1:hover a.info { |
623 | - | border:2px dotted ; |
623 | + | transform: scale(1); |
624 | opacity: 1; | |
625 | } | |
626 | - | .about7 { |
626 | + | |
627 | - | float:left; |
627 | + | .HB2 big { |
628 | - | width:195px; |
628 | + | display:block; |
629 | - | height:205px; |
629 | + | text-transform: uppercase; |
630 | - | padding:0px 5px; |
630 | + | color: ffffff; |
631 | - | margin:15px; |
631 | + | text-align: center; |
632 | - | border:5px double; |
632 | + | |
633 | font-size: 15pt; | |
634 | padding: 15px 0px; | |
635 | - | .about8 { |
635 | + | font-family: 'Oswald', sans-serif; |
636 | - | width:420px; |
636 | + | background: rgba(0, 0, 0, 0.8); |
637 | margin: 20px 0px 20px 0px; | |
638 | - | padding:0px 5px; |
638 | + | position: relative; |
639 | - | margin:25px; |
639 | + | transform: translateY(-200px); |
640 | transition: all 0.2s ease-in-out 0.1s; | |
641 | } | |
642 | ||
643 | - | .about8frame { |
643 | + | .HB2:hover big { |
644 | - | width:480px; |
644 | + | transform: translateY(0px); |
645 | - | height:100px; |
645 | + | transition-delay: 0.4s; |
646 | - | border:10px solid; |
646 | + | |
647 | ||
648 | - | -moz-border-radius-topleft: 90px; |
648 | + | .HB2 a.info { |
649 | - | -webkit-border-top-left-radius: 90px; |
649 | + | width:110px; |
650 | - | border-top-left-radius: 90px; |
650 | + | display: inline-block; |
651 | - | -moz-border-radius-bottomright: 90px; |
651 | + | text-decoration: none; |
652 | - | -webkit-border-bottom-right-radius: 90px; |
652 | + | padding: 7px 0px; |
653 | - | border-bottom-right-radius: 90px; |
653 | + | background-color: 000000; |
654 | color: ffffff; | |
655 | text-transform: uppercase; | |
656 | - | .mini { |
656 | + | box-shadow: 0 0 1px #000; |
657 | - | width:200px; |
657 | + | transform: translateY(-200px); |
658 | - | height:155px; |
658 | + | transition: all 0.2s ease-in-out 0.3s; |
659 | - | overflow-x:hidden; |
659 | + | |
660 | - | overflow-y:auto; |
660 | + | |
661 | .HB2 a.info:hover { | |
662 | background: rgba(0, 0, 0, 0.3); | |
663 | - | .owes { |
663 | + | |
664 | - | width:160px; |
664 | + | |
665 | - | height:60px; |
665 | + | .HB2:hover a.info { |
666 | - | padding:0px; |
666 | + | transform: translateY(0px); |
667 | - | margin:0px 5px; |
667 | + | transition-delay: 0s; |
668 | } | |
669 | - | text-align:left; |
669 | + | |
670 | - | line-height:160%; |
670 | + | .links { |
671 | - | word-spacing:-2px; |
671 | + | |
672 | margin-bottom:5px; | |
673 | } | |
674 | - | .stats { |
674 | + | |
675 | - | width:170px; |
675 | + | .music { |
676 | - | height:290px; |
676 | + | |
677 | - | padding:5px; |
677 | + | margin: 5%; |
678 | padding: 2%; | |
679 | - | word-spacing:-2px; |
679 | + | height:25px; |
680 | overflow:hidden; | |
681 | } | |
682 | - | .wallpaper { |
682 | + | |
683 | - | width:300px; |
683 | + | .quotable { |
684 | - | height:162px; |
684 | + | |
685 | - | overflow:hidden; |
685 | + | margin: 5%; |
686 | padding: 2%; | |
687 | - | background-repeat:repeat; |
687 | + | height:100px; |
688 | - | background-position:center; |
688 | + | |
689 | font-size:14pt; | |
690 | color:000000; | |
691 | - | .picset { |
691 | + | font-family: 'Playfair Display', serif; |
692 | - | float:left; |
692 | + | font-style:italic; |
693 | - | width:180px; |
693 | + | text-shadow: 2px 2px 3px rgba(255, 255, 255, 1); |
694 | - | height:62px; |
694 | + | transform: scale(0); |
695 | - | margin-left:25px; |
695 | + | transition: all 0.5s linear; |
696 | opacity: 0; | |
697 | } | |
698 | ||
699 | .HB2 .quotable { | |
700 | - | .lyricset { |
700 | + | |
701 | - | margin-top:5px; |
701 | + | transform: translateY(-200px); |
702 | - | padding:10px 0px; |
702 | + | transition: all 0.2s ease-in-out 0.2s; |
703 | - | border-top:14px double; |
703 | + | |
704 | ||
705 | .HB2:hover .quotable { | |
706 | - | .hbox1, .hbox2, .hbox3, .hbox4 { overflow:hidden; } |
706 | + | transform: translateY(0px); |
707 | - | .hbox1a, .hbox3a { word-spacing:-2px; } |
707 | + | transition-delay: 0.2s; |
708 | - | .hbox1a p, .hbox3a p { word-spacing:-2px; } |
708 | + | |
709 | - | .hbox2, .hbox3, .hbox4 { margin:0px; padding:0px; } |
709 | + | |
710 | @keyframes bounceY { | |
711 | - | .hbox1 { height:85px; width:180px; margin:0px 4px; border:10px solid; } |
711 | + | 0% { transform: translateY(-205px);} |
712 | - | .hbox2 { width:245px; height:300px; } |
712 | + | 40% { transform: translateY(-100px);} |
713 | - | .hbox3 { height:145px; width:145px; } |
713 | + | 65% { transform: translateY(-52px);} |
714 | - | .hbox4 { width:245px; height:300px; border:10px solid; } |
714 | + | 82% { transform: translateY(-25px);} |
715 | 92% { transform: translateY(-12px);} | |
716 | - | .hbox1a, .hbox2a, .hbox3a { |
716 | + | 55%, 75%, 87%, 97%, 100% { transform: translateY(0px);} |
717 | - | overflow:hidden; |
717 | + | |
718 | ||
719 | - | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
719 | + | |
720 | - | filter: alpha(opacity=0); |
720 | + | |
721 | .profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, tr#groups, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; } | |
722 | - | -webkit-transition: all 1s ease-out 0s; |
722 | + | |
723 | - | -moz-transition: all 1s ease-out 0s; |
723 | + | |
724 | - | -ms-transition: all 1s ease-out 0s; |
724 | + | |
725 | - | -o-transition: all 1s ease-out 0s; |
725 | + | |
726 | - | transition: all 1s ease-out 0s; |
726 | + | |
727 | .clearfix {display:none !important;position:absolute!important;} | |
728 | .navigationBar { display: none; } | |
729 | - | .hbox1a { width:180px;height:85px;} |
729 | + | |
730 | - | .hbox3a { width:135px; height:135px; padding:5px; } |
730 | + | |
731 | - | .hbox2a { width:235px; height:300px; padding:0px 5px; } |
731 | + | |
732 | .vicarious {Layouts available @ http://vicarious-hs.tumblr.com/} | |
733 | - | .Hbox1a:hover, .Hbox2a:hover , .Hbox3a:hover { |
733 | + | |
734 | - | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; |
734 | + | |
735 | - | filter: alpha(opacity=100); |
735 | + | |
736 | ||
737 | ||
738 | ||
739 | -----------------------------LIKE TO MEET------------------------- | |
740 | - | .img3T { |
740 | + | |
741 | - | float:right; |
741 | + | <font class="cite">LEAVE THIS BLANK</font> |
742 | - | width:170px; |
742 | + | |
743 | - | height:100px; |
743 | + | -----------------------------INTERESTS----------------------------- |
744 | ||
745 | - | text-align:right; |
745 | + | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> |
746 | - | margin:0px 10px 10px 0px; |
746 | + | |
747 | <div id="back"></div> | |
748 | ||
749 | - | .title1 { |
749 | + | <font class="cite">THESE SECTIONS REPRESENT THE TOP OF THE LAYOUT PIC/NAME, TEXT, 2 PICS</font> |
750 | - | margin:5px 0px 0px 5px; |
750 | + | |
751 | - | width:275px; |
751 | + | |
752 | - | height:20px; |
752 | + | |
753 | - | line-height:20px; |
753 | + | <div id="p1_500w_500h"> |
754 | - | border-width:0px 10px 10px 10px; |
754 | + | |
755 | - | border-style:solid; |
755 | + | <div id="name"> |
756 | - | -moz-border-radius-topleft: 90px; |
756 | + | Rick Grimes |
757 | - | -webkit-border-top-left-radius: 90px; |
757 | + | |
758 | - | border-top-left-radius: 90px; |
758 | + | |
759 | - | -moz-border-radius-topright: 90px; |
759 | + | <div class="HB2 HB2-lrg"> |
760 | - | -webkit-border-top-right-radius: 90px; |
760 | + | |
761 | - | border-top-right-radius: 90px; |
761 | + | <img src="http://i60.tinypic.com/2dl3lo0.jpg"> |
762 | ||
763 | <div class="mask"> | |
764 | - | .img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8a, .img8b, .img9a, .img9b, .img10, .img11, .img12 { |
764 | + | |
765 | <big>The Walking Dead</big> | |
766 | ||
767 | <div class="quotable"> | |
768 | - | .img1 { width:50px; height:50px; border:2px solid; margin:5px; } |
768 | + | |
769 | - | .img2 { width:280px; height:200px; margin:10px; } |
769 | + | I screwed up too many times. Those calls you gotta make, I start down that road... I almost lost my boy - who he was. Whatever else this place needs, I'm here for it. |
770 | - | .img3 { float:left; width:100px; height:100px; margin:0px 0px 10px 10px; } |
770 | + | |
771 | - | .img4 { margin-top:10px; padding:0px 2px; border:double 4px ; } |
771 | + | |
772 | - | .img5 { margin-top:100px; margin-left:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; } |
772 | + | |
773 | - | .img6 { float:right; margin:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; } |
773 | + | <div class="links"> |
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);} |
774 | + | <a class="info" href="/logincomplete.php">Home</a> |
775 | - | .img8a, .img8b { width:50px; height:50px; border:5px solid; } |
775 | + | <a class="info" href="/invite_friend.php?friend_id=xxxxxx">Add</a> |
776 | - | .img8a, .img9b { margin: 5px 0px 5px 5px;} |
776 | + | <a class="info" href="/send_message.php?member_id=xxxxxx">Message</a> |
777 | - | .img8b, .img9a { margin: 5px 5px 5px 0px;} |
777 | + | |
778 | - | .img9a, .img9b { width:50px; height:190px; border:5px solid; } |
778 | + | |
779 | - | .img10 { width:115px; height:115px; margin:10px; border: 5px solid; } |
779 | + | <div class="links"> |
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); } |
780 | + | <a class="info" href="/add_testimonial.php?member_id=xxxxxx">Comment</a> |
781 | - | .img12 { width:170px; height:70px; margin:10px; border:5px solid; } |
781 | + | <a class="info" href="/gallery.php?member_id=xxxxxx">Photos</a> |
782 | <a class="info" href="/view_member_blog.php?member_id=xxxxxx">Blogs</a> | |
783 | </div> | |
784 | ||
785 | <div class="links"> | |
786 | - | .vicarious { COLOR PALETTE } |
786 | + | <a class="info" href="/#">Extra</a> |
787 | <a class="info" href="/#">Extra</a> | |
788 | - | .vicarious { Scrollbar } |
788 | + | <a class="info" href="/#">Extra</a> |
789 | - | ::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;} |
789 | + | |
790 | - | ::-webkit-scrollbar-thumb {background-color:f2f3e9; border-color:000000 ;} |
790 | + | |
791 | ||
792 | - | .vicarious { Dark text colors } |
792 | + | <div class="music"> |
793 | - | a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p { color:1f1f1f; } |
793 | + | |
794 | - | 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;} |
794 | + | <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/656165c1p8/the_walking_dead_theme_www.mp3fiber.com_.mp3&t0=TWD Theme&f1= &t1= &f2= &t2= &total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> |
795 | - | .about6Title { color:1b1b1b; } |
795 | + | |
796 | </div> | |
797 | - | .vicarious { Light text color } |
797 | + | |
798 | - | .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; } |
798 | + | |
799 | - | .h3, h3 {color:d6d6d6;} |
799 | + | </div></div></div> |
800 | ||
801 | - | .vicarious { Dark border colors } |
801 | + | <div id="txt1"> |
802 | - | .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, .h9, h9 { border-color: #000000; } |
802 | + | |
803 | - | .h8, h8, big { border-color: #c80000; } |
803 | + | <p>Maybe we got a second chance. Not many people get that. |
804 | ||
805 | - | .vicarious { Light border color } |
805 | + | |
806 | - | .about3, .about6, .hbox1, .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14 { border-color: #f2f3e9 ; } |
806 | + | <font class="strong">Strong</font> |
807 | <font class="u">Underline</font> | |
808 | <font class="strike">Strike</font> | |
809 | <b>Bold</b> | |
810 | - | .vicarious { Light background } |
810 | + | <i>Italic</i> |
811 | - | 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; } |
811 | + | |
812 | 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. | |
813 | - | .vicarious { Dark background } |
813 | + | |
814 | - | .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:c80000; } |
814 | + | |
815 | <p><font class="strong">We don't kill the living.</font> | |
816 | - | .vicarious { Dark/Light mixed background. } |
816 | + | 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. 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. 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. 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. |
817 | - | .h8, h8 { |
817 | + | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
818 | - | background: rgb(242, 243, 233); |
818 | + | |
819 | - | background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%); |
819 | + | |
820 | - | background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%); |
820 | + | |
821 | - | background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%); |
821 | + | |
822 | - | background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%); |
822 | + | |
823 | - | background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%); |
823 | + | <div id="p2_350w_200h"> |
824 | <img src="http://i58.tinypic.com/9uyvb7.jpg"> | |
825 | </div> | |
826 | ||
827 | <div id="p3_350w_290h"> | |
828 | - | .profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, |
828 | + | <img src="http://i60.tinypic.com/mrefm1.jpg"> |
829 | </div> | |
830 | - | .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; } |
830 | + | |
831 | ||
832 | -----------------------------MUSIC--------------------------------- | |
833 | ||
834 | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> | |
835 | ||
836 | - | .navigationBar { display: none; } |
836 | + | <font class="cite"> |
837 | THE CENTER PIC HAS A PHOTO OVERLAY ON TOP OF IT THAT PUTS CORNERS ON THE TOP RIGHT AND LOWER LEFT SIDE. YOU MAY NEED TO TOSS THE OVERLAY INTO PHOTOSHOP SO YOU CAN PROPERLY POSITION YOUR UNDERLAY PHOTO. IN THE EXAMPLE ON THE PAGE, RICK IS VISUALLY POSITIONED ON THE LEFT SIDE. YOU SHOULD DO SOMETHING SIMILAR. THE PIC DIMENSIONS ARE WIDTH:1070px; HEIGHT:720px; | |
838 | </font> | |
839 | ||
840 | ||
841 | <div id="bigPic"> | |
842 | <img src="http://i59.tinypic.com/2hx64p.jpg"> | |
843 | </div> | |
844 | ||
845 | <div id="bigPicOverlay"> | |
846 | <img src="http://i59.tinypic.com/f066hw.jpg"> | |
847 | - | -----------------------------LIKE TO MEET------------------------------ |
847 | + | |
848 | ||
849 | - | </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td> |
849 | + | |
850 | <div id="title1">❝They're </div> | |
851 | - | <font class="cite">The above table marker MUST REMAIN where it is. </font> |
851 | + | <div id="title2">screwing with</div> |
852 | <div id="title3">the wrong people.❞ </div> | |
853 | <div id="title4"> - Rick Grimes</div> | |
854 | - | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV> |
854 | + | <div id="title5">Fear the living</div> |
855 | ||
856 | - | </td></tr></table><table class="vic_table"><tr><td> |
856 | + | <font class="cite"> |
857 | THE BELOW = THREE TEXT BOXES OVER THE CENTER PIC AND OVERLAY. | |
858 | - | <img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR> |
858 | + | </font> |
859 | ||
860 | - | <img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg"> |
860 | + | |
861 | <div id="txt2">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. 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. 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. | |
862 | </div> | |
863 | ||
864 | - | <div class="img3T"> |
864 | + | <div id="txt3"> |
865 | 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. 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. 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. | |
866 | - | <font class="h3">Role Play Agenda</font> |
866 | + | </div> |
867 | ||
868 | - | <font class="h4"></font> |
868 | + | |
869 | <div id="txt4"> | |
870 | - | <div class="owes"> |
870 | + | 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. 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. 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. |
871 | </div> | |
872 | - | <small>Starters » </small> Name here, Name here, Name here |
872 | + | |
873 | - | <BR> |
873 | + | |
874 | - | <small>Comments » </small> Name here, Name here, Name here |
874 | + | -----------------------------MOVIES-------------------------------- |
875 | ||
876 | - | </div></div> |
876 | + | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> |
877 | ||
878 | - | </td></tr></table><table class="vic_table"><tr><td> |
878 | + | <font class="cite"> |
879 | THESE ARE THE SMALL BLACK BOXES UNDER THE 'FEAR THE LIVING' TITLE | |
880 | </font> | |
881 | ||
882 | - | <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 | + | |
883 | <div id="thangs"> | |
884 | - | <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 | <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. | |
886 | ||
887 | </div> | |
888 | - | </td></tr></table><table class="vic_table"><tr><td> |
888 | + | |
889 | ||
890 | - | <font class="h9">Descending, unending and still I’m pretending</font> |
890 | + | <div id="thangs2"> |
891 | ||
892 | - | <div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);"> |
892 | + | |
893 | ||
894 | - | <img class="img4" src="http://i57.tinypic.com/dcuxd.jpg"> |
894 | + | |
895 | - | <img class="img4" src="http://i57.tinypic.com/o08gzq.jpg"> |
895 | + | |
896 | - | <img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg"> |
896 | + | <div id="thangs3"> |
897 | - | <img class="img4" src="http://i59.tinypic.com/3483wxu.jpg"> |
897 | + | |
898 | <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. | |
899 | ||
900 | </div> | |
901 | - | </td></tr></table><table class="vic_table"><tr><td> |
901 | + | |
902 | <div id="thangs4"> | |
903 | - | <font class="h8">Short Title Here</font> |
903 | + | |
904 | <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. | |
905 | ||
906 | - | <div class="about2"> |
906 | + | |
907 | ||
908 | - | <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 | + | <div id="thangs5"> |
909 | ||
910 | - | <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 | ||
912 | </div> | |
913 | ||
914 | ||
915 | -----------------------------TELEVISION-------------------------------- | |
916 | ||
917 | - | <img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg"> |
917 | + | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> |
918 | ||
919 | - | <div class="about4"> |
919 | + | <font class="cite">THIS IS THE BOTTOM LEFT SIDE OF THE LAYOUT. |
920 | </font> | |
921 | - | 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 | ||
923 | <div id="pic4_430w_200h"> | |
924 | <img src="http://i58.tinypic.com/6gx6di.jpg"> | |
925 | </div> | |
926 | - | </td></tr></table><table class="vic_table"><tr><td> |
926 | + | |
927 | <div id="title6">You don't know</div> | |
928 | - | <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font> |
928 | + | <div id="title7"> what it's like out there.</div> |
929 | <div id="title8">You may think you do but you don't.</div> | |
930 | ||
931 | - | </td></tr></table><table class="vic_table"><tr><td> |
931 | + | |
932 | <div id="side1"> | |
933 | - | <div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
933 | + | <div style="float: right; width: 0px; height: 150px"></div> |
934 | <div style="float: right; clear: right"><font class="h1">Who Will</font> | |
935 | - | <div class="hbox3a"> |
935 | + | |
936 | - | <font class="h12">Title or Name</font> |
936 | + | |
937 | <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. 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? 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? 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 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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. | |
938 | ||
939 | - | </div></div> |
939 | + | |
940 | ||
941 | - | <div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
941 | + | |
942 | ||
943 | - | <div class="hbox3a"> |
943 | + | |
944 | - | <font class="h12">Title or Name</font> |
944 | + | <div id="side2"> |
945 | ||
946 | <div style="float: left; width: 0px; height: 150px"></div> | |
947 | - | </div></div> |
947 | + | <div style="float: left; clear: left"><font class="h1">Survive?</font> |
948 | </div> | |
949 | ||
950 | <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? 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. 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? 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. 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. | |
951 | ||
952 | - | <div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
952 | + | |
953 | ||
954 | - | <div class="hbox3a"> |
954 | + | |
955 | - | <font class="h12">Title or Name</font> |
955 | + | -----------------------------BOOKS-------------------------------- |
956 | ||
957 | ||
958 | - | </div></div> |
958 | + | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> |
959 | ||
960 | - | <div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);"> |
960 | + | <font class="cite">THESE ARE THE THREE HOVER PICS (DARYL, CARL, MICHONNE). |
961 | </font> | |
962 | - | <div class="hbox3a"> |
962 | + | |
963 | - | <font class="h12">Title or Name</font> |
963 | + | |
964 | <div id="cn1_150w_250h"> | |
965 | ||
966 | - | </div></div> |
966 | + | <div class="HB1"> |
967 | ||
968 | - | </td></tr></table><table class="vic_table"><tr><td> |
968 | + | <img src="http://i62.tinypic.com/4qgzgm.jpg"> |
969 | ||
970 | - | <font class="h1">Don’t they know I’m a predator?</font> |
970 | + | <div class="mask"> |
971 | ||
972 | <big>Daryl Dixon</big> | |
973 | - | <div class="about5"> |
973 | + | |
974 | <div class="about"> | |
975 | - | <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 | <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 | - | <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 | ||
980 | <a class="info" href="/#">View Profile</a> | |
981 | - | <div class="colorize"> |
981 | + | |
982 | - | <font class="h2">Don’t they know they are the prey?</font> |
982 | + | |
983 | </div></div></div> | |
984 | ||
985 | - | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV> |
985 | + | |
986 | <div id="cn2_150w_250h"> | |
987 | - | -----------------------------INTERESTS--------------------------------- |
987 | + | |
988 | <div class="HB1"> | |
989 | - | </td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> |
989 | + | |
990 | <img src="http://i60.tinypic.com/2wrhrom.jpg"> | |
991 | - | <font class="cite">The above table marker MUST REMAIN where it is. </font> |
991 | + | |
992 | <div class="mask"> | |
993 | - | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV> |
993 | + | |
994 | <big>Carl Grimes</big> | |
995 | - | </td></tr></table><table class="vic_table"><tr><td> |
995 | + | |
996 | <div class="about"> | |
997 | - | <table><tr><td> |
997 | + | |
998 | <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. | |
999 | - | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> |
999 | + | |
1000 | - | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> |
1000 | + | |
1001 | - | <img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> |
1001 | + | |
1002 | <a class="info" href="/#">View Profile</a> | |
1003 | - | </td><td><div class="about6"> |
1003 | + | |
1004 | ||
1005 | - | <div class="about6Title">title goes here</div> |
1005 | + | </div></div></div> |
1006 | ||
1007 | - | <div class="about6Text"> |
1007 | + | |
1008 | - | <p>For pictures that are not marked with sizes, refer to the below: |
1008 | + | <div id="cn3_150w_250h"> |
1009 | - | <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 | + | |
1010 | - | <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 | + | <div class="HB1"> |
1011 | - | <p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height. |
1011 | + | |
1012 | - | <p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height. |
1012 | + | <img src="http://i59.tinypic.com/34zaypc.jpg"> |
1013 | - | <p>The image on the left sidebar (circle) is 200px width by 200px height. |
1013 | + | |
1014 | <div class="mask"> | |
1015 | - | <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 | + | |
1016 | - | <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 | + | <big>Michonne</big> |
1017 | ||
1018 | <div class="about"> | |
1019 | ||
1020 | - | </div></div></td><td> |
1020 | + | |
1021 | ||
1022 | - | <img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg"> |
1022 | + | |
1023 | ||
1024 | - | </td></tr></table> |
1024 | + | <a class="info" href="/#">View Profile</a> |
1025 | ||
1026 | </div></div></div> | |
1027 | ||
1028 | - | </td></tr></table><table class="vic_table"><tr><td> |
1028 | + | |
1029 | -----------------------------HEROES-------------------------------- | |
1030 | - | <table><tr><td> |
1030 | + | |
1031 | </td></tr></table></td></tr></table><table cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> | |
1032 | - | <img class="img10" src="http://i58.tinypic.com/14ihk41.jpg"> |
1032 | + | |
1033 | <font class="cite">THIS IS THE BOTTOM RIGHT SIDE OF THE LAYOUT. HOVER BOX=CONNECTIONS LINKS. | |
1034 | - | </td><td> |
1034 | + | </font> |
1035 | ||
1036 | - | <font class="h10">Living is a bloody business</font> |
1036 | + | |
1037 | <div id="p5_470w_470h"> | |
1038 | - | <div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);"> |
1038 | + | |
1039 | <div class="HB2 HB2-lrg"> | |
1040 | - | <div class="hbox1a"> |
1040 | + | |
1041 | <img src="http://i58.tinypic.com/10fx72u.jpg"> | |
1042 | ||
1043 | - | </div></div> |
1043 | + | <div class="mask"> |
1044 | ||
1045 | - | <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"> |
1045 | + | <big>Connections</big> |
1046 | - | <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /> |
1046 | + | |
1047 | - | <param name="bgcolor" value="#c80000" /> |
1047 | + | <div class="links"> |
1048 | - | <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=c80000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" /> |
1048 | + | <a class="info" href="/#">Connection Name</a> |
1049 | - | </object> |
1049 | + | <a class="info" href="/#">Connection Name</a> |
1050 | <a class="info" href="/#">Connection Name</a> | |
1051 | - | </td><td> |
1051 | + | |
1052 | ||
1053 | - | <img class="img10" src="http://i58.tinypic.com/14ihk41.jpg"> |
1053 | + | <div class="links"> |
1054 | <a class="info" href="/#">Connection Name</a> | |
1055 | - | </td></tr></table> |
1055 | + | <a class="info" href="/#">Connection Name</a> |
1056 | <a class="info" href="/#">Connection Name</a> | |
1057 | </div> | |
1058 | - | </td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td> |
1058 | + | |
1059 | <div class="links"> | |
1060 | - | <div class="picset"> |
1060 | + | <a class="info" href="/#">Connection Name</a> |
1061 | <a class="info" href="/#">Connection Name</a> | |
1062 | - | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> |
1062 | + | <a class="info" href="/#">Connection Name</a> |
1063 | - | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> |
1063 | + | |
1064 | - | <img class="img11" src="http://i61.tinypic.com/33x78ty.jpg"> |
1064 | + | |
1065 | </div></div></div> |