User:Margaery Tyrell/Sandbox/Coding1

 Katniff's Coding~For Claiming Page

Template v7 for Diana Diamond Renee
<div style="margin:1em auto 0; width:97%; background-color:#FAF9F3; -moz-box-shadow: 0 0 10px 3px #556270; color:#556270; -webkit-box-shadow: 0 0 10px 3px #BOX SHADOW; box-shadow: 0 0 10px 3px #556270; background-image: -moz-linear-gradient(top, #C7F464 0%, #4ECDC4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7F464), color-stop(1, #4ECDC4)); border:2px solid #FA0F93; border-bottom:10px solid #4ECDC4; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>

                 Basic/Personality

( Back to Top ) Welcome=

Personality=  <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>Personality  Not someone to be exactly messed with but she could be sugary sweet sometimes too. Shes really ''twisted. ''You never actually know whats she's really feeling. Its kinda hard to identify her personality unless you know her well, like she trusts you. She also doesn't trust people always. She likes democracy as a way so people could actually vote and when someone is their too long, they come out. She thinks it's fair rather then leaving someone in charge for decades like the brits do. She also hates nicknames or people who barely know her using hers. She is very kind most of the time, and trying to get on her best behavior. Shes very classy with her clothes and is not afraid to get dirty. Camp Life=  <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>Life at the Sanctuary  •WIP Future Plans/Quests=  <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>Future Plans/Quests  •WIP Basics=  <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>Name Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Age/Status <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Basic Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> General Info= <div style="width:96%; border:4px outset #FA0F93; background-color:#FF84C7; color:#FA0F93; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">General Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">
 * }

Bedroom for Diana
_____________________________________________________________________________________________________________________

Madonna Klein
<div style="margin:1em auto 0; width:97%; background-color:#556270; -moz-box-shadow: 0 0 10px 3px #40C0CB; color:#40C0CB; -webkit-box-shadow: 0 0 10px 3px #BOX SHADOW; box-shadow: 0 0 10px 3px #556270; background-image: -moz-linear-gradient(top, #40C0CB 0%, #40C0CB 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #556270), color-stop(1, #556270)); border:2px solid #131723; border-bottom:10px solid #556270; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2>

<div style="margin:1em auto 0; width:93%; border:4px outset #FFF0CF; background-color:#C44D58; color:#556270; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #40C0CB), color-stop(1, #40C0CB)); background-image: -moz-linear-gradient(top, #FF6B6B 0%, #C44D58 100%);" cellpadding=2> <h2 style="border-bottom:none; margin: 8px 0"><span style="font-size:200%; font-family:'comic sans ms'; text-align:center; text-shadow: 2px 2px #000000;">                Basic/Personality

( Back to Top ) Welcome=

Personality= <div style="width:96%; border:4px outset #FA0F93; background-color:#FF84C7; color:#FA0F93; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Personality <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> Not someone to be exactly messed with but she could be sugary sweet sometimes too. Shes really ''twisted. ''You never actually know whats she's really feeling. Its kinda hard to identify her personality unless you know her well, like she trusts you. She also doesn't trust people always. She likes democracy as a way so people could actually vote and when someone is their too long, they come out. She thinks it's fair rather then leaving someone in charge for decades like the brits do. She also hates nicknames or people who barely know her using hers. She is very kind most of the time, and trying to get on her best behavior. Shes very classy with her clothes and is not afraid to get dirty. Camp Life= <div style="width:96%; border:4px outset #FA0F93; background-color:#FF84C7; color:#FA0F93; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Life at the Sanctuary <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> •WIP Future Plans/Quests= <div style="width:96%; border:4px outset #FA0F93; background-color:#FF84C7; color:#FA0F93; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Future Plans/Quests <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> •WIP Basics= <div style="width:96%; border:4px outset #FA0F93; background-color:#FF84C7; color:#FA0F93; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Name Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Age/Status <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FA0F93; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FA0F93; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FA0F93; border-bottom:10px solid #FA0F93; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">Basic Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> General Info= <div style="width:96%; border:4px outset #FA0F93; background-color:#FE5A27; color:#FFF0CF; -moz-border-radius: 15px; border-radius: 15px; padding:10px; padding-bottom:15px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); background-image: -moz-linear-gradient(top, FE5A27 0%, #FE5A27 100%);" cellpadding=2> <div style="margin:1em auto 0; width:97%; background-color:#FF84C7; -moz-box-shadow: 0 0 10px 3px #FA0F93; color:#FFF0CF; -webkit-box-shadow: 0 0 10px 3px #FA0F93; box-shadow: 0 0 10px 3px #FE5A27; background-image: -moz-linear-gradient(top, #FF84C7 0%, #FF84C7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF84C7), color-stop(1, #FF84C7)); border:2px solid #FE5A27; border-bottom:10px solid #FE5A27; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; -moz-border-radius-topright: 5px; border-radius: 5px; border-top-right-radius: 5px;" cellpadding=2><div style="font-size:230%; font-family:'comic sans ms'; text-shadow: 2px 2px #000000; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;">General Info <div style="font-size:110%; font-family:'comic sans ms'; text-align:center; padding:3px; -moz-border-radius:3ex; border-radius:3ex;"> |}