you are logged in as
admin cp mod cp
Alerts ()
Profile
Personal Photo

No Photo

Options
Custom Title
mavis vermillion doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
alias: Nara
player age: 16
player pronouns: she/her
character age: Thirty-Eight
occupation OR house/set/dorm + year: European Minister of Magic
relationship status: Single
small gif #1 (canon): https://i.imgur.com/ep02fLY.gif
small gif #2 (face claim): https://i.imgur.com/2UDRAgM.gif
character fandom: Fairy Tail
app/shipper: n/a
thread tracker: No Information
canon spirit: Mavis Vermillion
patronus: Dove
boggart: Discord among Collegues and Friends
time zone: GMT +10
profile image: http://i.imgur.com/PAZCMVX.gif
mp3: No Information
Statistics
Joined: 2-March 17
Status: (Offline)
Last Seen: 24 Jun 2018, 09:23 PM
Local Time: 25 Jun 2018, 08:02 AM
27 posts (0.1 per day)
( 0.13% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

mavis vermillion

Ministry

Topics
Posts
Comments
Friends
My Content
20 May 2018, 10:23 PM
Hi! My name is Nara and in the time I've been gone, I've managed to teach myself to code. So I thought I'd open up some thing of a code shop and see how this goes *laughs* Reply with the form I'll make below and I'll see what I can do for code need <3 For examples, check this thread!


CODE
OOC NAME:
CHARACTER NAME:
CHARACTER FACE CLAIM:
COLOR(S):
IMAGE(S):
ANY EXTRAS:
20 May 2018, 10:16 PM
[dohtml]
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<style>

.base {
background: #f1f1f1;
border: 1px solid #ab00ff;
width: 500px;
padding: 5px;
margin: auto;
}

.id{
background: #fbfbfb;
border: 1px solid #ab00ff;
padding: 10px;
}

.lyrics {
width: 416px;
background: #cdcdff;
color: #b700ff;
height: 70px;
border-left: 1px;
border-right: 1px;
border-bottom: 1px;
border-top: 0px;
border-style: solid;
border-color:#ab00ff;
padding:30px;
font: 20px old standard tt;
letter-spacing: 10px;
text-transform: uppercase;
text-align:center;
font: 30px 'Roboto Condensed', sans-serif;
text-shadow: 3px 3px 3px #de00ff;
}

.lyrics2 {
width: 416px;
background: #cdcdff;
color: #b700ff;
height: 50px;
border-left: 1px;
border-right: 1px;
border-bottom: 0px;
border-top: 0px;
border-style: solid;
border-color:#ab00ff;
padding:30px;
font: 20px old standard tt;
letter-spacing: 10px;
text-transform: uppercase;
text-align:center;
font: 30px 'Roboto Condensed', sans-serif;
text-shadow: 3px 3px 3px #de00ff;

}

.image {
width: 466px;
height: 200px;
margin: 0 0 0 1px;
border: 5px solid #fff;
outline: 1px solid #ab00ff;
background-size: cover;
background-image: url(https://i.gifer.com/2D0y.gif);}


.textblock {
padding: 50px; /* more padding here because we don't want the text on the edges */
font-family: 'Roboto Condensed', sans-serif; /* this is a standard font family, but you can use any number of them */
font-size: 12px; /* this is the size of the text. make sure its large enough to read! */
line-height: 20px; /* this is the height for the text spacing. it should be the same or larger than your font-size */
background: #fff; /* this will set your background color */
text-align: justify; /* this is the text alignment can be left, right, center, or justify */
border: 1px;
border-style: solid;
border-color:#ab00ff;
}
.textblock b {
color: #b700ff;
font-size: 20px;
}

.textblock i{
color:#b700ff;
}

<link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet">
</style>

<div class="base">
<div class="id">
<div class="padding">
<div class="imgbox">
<div class="image"></div>
<div class="lyrics2">my lonely road</div>
<div class="textblock">
<b>this is bold</b>
<i>What is Lorem Ipsum?</i>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<p></p>
Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
<p></p>

Where does it come from?
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
<p></p>
The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</div>

<div class="lyrics"><b>the only one i have ever known</b></div>
</div>
</div>
</div>
</div>
</div>
<div style="font-family:calibri;text-transform:lowercase;font-size:9px;"><a href="http://sonderx.jcink.net/index.php?showuser=754">nara</a></div>

[/dohtml]
19 Mar 2018, 12:48 AM
[dohtml]<link href="https://fonts.googleapis.com/css?family=Cardo:400i,700|Gilda+Display|Montez|Tinos" rel="stylesheet">
<style>
#arback { width: 550px; height: 533px; padding: 15px; background-color: #fff; border: 1px solid #eee; }
#arbody { height: 511px; padding: 10px; background-color: #fefafb; border: 1px solid #eee; position: relative; }
#arpicbox { width: 60px; height: 482px; padding: 15px; background-color: #eeaabb; position: absolute; top: 10px; left: 10px; }
#arpic img { width: 150px; height: 450px; padding: 15px; background-color: #fff; border: 1px solid #eee; position: absolute; top: 25px; left: 25px; }
#arlyricbox { width: 290px; padding: 15px; background-color: #fff; border: 1px solid #eee; position: absolute; top: 10px; right: 10px; }
#arlyricbox #arlyric { padding: 7px 8px 7px 8px; background-color: #eeaabb; font: 13.7px gilda display; color: #fff; font-weight: bold; text-align: justify; text-transform: uppercase; letter-spacing: -1px; }
#artext { width: 260px; padding: 30px; background-color: #fff; border: 1px solid #eee; font: 12px tinos; text-align: justify; line-height: 125%; position: absolute; top: 82px; right: 10px; }
#artext b { font: 16px cardo; color: #eeaabb; font-weight: 700; letter-spacing: -1px; }
#artext i { font: 16px montez; color: #eeaabb; font-style: italic; }
#artext #sc { height: 312px; overflow: auto; padding: 0px 15px 0px 10px; }
#artext #sc::-webkit-scrollbar { width: 8px; }
#artext #sc::-webkit-scrollbar-thumb { background-color: #eeaabb; }
#artext #sc::-webkit-scrollbar-track { background-color: #f5f5f5; }
#arnotesbox { width: 290px; padding: 15px; border: 1px solid #eee; background-color: #fff; position: absolute; bottom: 10px; right: 10px; }
#arnotesbox #arnotes { padding: 5px 7px 5px 7px; background-color: #eeaabb; font: 12px tinos; color: #fff; text-align: justify; }
#arnotes a { font: 12px tinos; color: #fff!important; font-weight: bold; text-transform: lowercase; }
#arcred { width: 584px; text-align: right; margin-top: 1px; }
#arcred a { font: 8px lora; color: #dd9f9e!important; font-weight: 700; text-transform: uppercase; }
</style>

<center>
<div id="arback"><div id="arbody"><div id="arpicbox"></div><div id="arpic">

<img src="https://i.imgur.com/lbWBFqn.jpg">

</div>

<div id="arlyricbox"><div id="arlyric">

comrade; another word for family

</div></div><div id="artext"><div id="sc">

No one had to convince her to help out this kid; not even slightly. When Mavis had received word that this girl hadn't been taught magic properly she had been that close to snapping completely. She knew what that was like, to have magic and not be taught how to control it. That was how the Red Lizard had treated her after her parents died. Like she had been nothing. Less than nothing. Just there to sweep the floors and clean up the place. If she had anything to say about it, no one was ever going through something like that again.<p>

At the moment the photo crew were setting up for the shoot so that this could be released publicly. Already, the blonde had been criticized for going out of her way to pick fights with the American Ministry. Especially since she was going to be releasing this story in the Daily Prophet. It wasn't what she wanted to do; honestly she just wanted to make sure this girl got a proper education. But right now it doesn't matter. Or she wans't trying to think about it.<p>

Walking over to the girl she'd sit down on the floor next to her smiling. "You OK? Nervous? It's natural to be this is a huge thing." Smiling, she curled up her legs and wrapped her arms around them. "This might not be what you wanted but I'm sure it'll help in the long run. I've been there. I promise."<p>

</div></div><div id="arnotesbox"><div id="arnotes">

loki laufeyson polly esther | If I've tagged the wrong people/gotten details wrong just let me know!

</div></div></div></div>

<div id="arcred"><a href="https://shine.jcink.net/index.php?showuser=20579">pro❣</a></div>
</center>[/dohtml]
12 Mar 2018, 11:46 PM
[dohtml]<link href="https://fonts.googleapis.com/css?family=Cardo:400i,700|Gilda+Display|Montez|Tinos" rel="stylesheet">
<style>
#arback { width: 550px; height: 533px; padding: 15px; background-color: #fff; border: 1px solid #eee; }
#arbody { height: 511px; padding: 10px; background-color: #fefafb; border: 1px solid #eee; position: relative; }
#arpicbox { width: 60px; height: 482px; padding: 15px; background-color: #eeaabb; position: absolute; top: 10px; left: 10px; }
#arpic img { width: 150px; height: 450px; padding: 15px; background-color: #fff; border: 1px solid #eee; position: absolute; top: 25px; left: 25px; }
#arlyricbox { width: 290px; padding: 15px; background-color: #fff; border: 1px solid #eee; position: absolute; top: 10px; right: 10px; }
#arlyricbox #arlyric { padding: 7px 8px 7px 8px; background-color: #eeaabb; font: 13.7px gilda display; color: #fff; font-weight: bold; text-align: justify; text-transform: uppercase; letter-spacing: -1px; }
#artext { width: 260px; padding: 30px; background-color: #fff; border: 1px solid #eee; font: 12px tinos; text-align: justify; line-height: 125%; position: absolute; top: 82px; right: 10px; }
#artext b { font: 16px cardo; color: #eeaabb; font-weight: 700; letter-spacing: -1px; }
#artext i { font: 16px montez; color: #eeaabb; font-style: italic; }
#artext #sc { height: 312px; overflow: auto; padding: 0px 15px 0px 10px; }
#artext #sc::-webkit-scrollbar { width: 8px; }
#artext #sc::-webkit-scrollbar-thumb { background-color: #eeaabb; }
#artext #sc::-webkit-scrollbar-track { background-color: #f5f5f5; }
#arnotesbox { width: 290px; padding: 15px; border: 1px solid #eee; background-color: #fff; position: absolute; bottom: 10px; right: 10px; }
#arnotesbox #arnotes { padding: 5px 7px 5px 7px; background-color: #eeaabb; font: 12px tinos; color: #fff; text-align: justify; }
#arnotes a { font: 12px tinos; color: #fff!important; font-weight: bold; text-transform: lowercase; }
#arcred { width: 584px; text-align: right; margin-top: 1px; }
#arcred a { font: 8px lora; color: #dd9f9e!important; font-weight: 700; text-transform: uppercase; }
</style>

<center>
<div id="arback"><div id="arbody"><div id="arpicbox"></div><div id="arpic">

<img src="https://i.imgur.com/lbWBFqn.jpg">

</div>

<div id="arlyricbox"><div id="arlyric">

comrade; another word for family

</div></div><div id="artext"><div id="sc">

All her hard work; it had come together now. Getting the entire Ministry of Europe not only united but also properly functioning had been... a trial. There had been so many arguments to even get to this point that it made her brain hurt. But under her control were her ex-Department, the Department of Education, the Department of Mysteries and the Department for Regulation and Control of Magical Creatures. It was a hefty load, but she was ready to take it on and show the world that united they could do anything!<p>

Now though, she was sitting in her office with her feet propped up on her desk. For the next few days (while things were a little less hectic) she'd sent out word that her office was completely open. Any employees had a free ticked in there, even offering for the schools to have a few educational visits. Or at least students would be allowed to come in and ask her questions. One way or the other, she needed someone to come in and just talk. Forget all this Minister business she needed to relax and chat with anyone. Maybe it was about time she went and visited the Law Enforcement Department again. Make Shiro's life more difficult.<p>

Yawning she flung her feet off her desk and sprung up, landing with her arms outstretched and feet together. If someone had been standing there, she'd have expected applause. But there wasn't anyone there to applaud at the moment which was enough to make her cry a little. Ah well someone was bound to drop by soon. Walking over to her window she'd lean against the wall nearby, looking down.<p>

"Things sure have changed since I moved from my last office..."

</div></div><div id="arnotesbox"><div id="arnotes">

open + pls come in!

</div></div></div></div>

<div id="arcred"><a href="https://shine.jcink.net/index.php?showuser=20579">pro❣</a></div>
</center>[/dohtml]
11 Mar 2018, 10:39 PM
[dohtml]<style>
#char {--main-color:#e2c55d;}
.jarreq {
width:480px;
padding:5px;
border:1px solid #ddd;
margin:0 auto;
line-height:100%;
}
.jarreqin {
background-color:#ddd;
background:var(--main-color);
position:relative;
overflow:hidden;
}
.jarreqw {
padding:20px 20px 20px 30px;
background:#fff;
margin-left:120px;
letter-spacing:0px;
min-height:110px;
border:0.5px solid #eee;
line-height:100%;
}
.jarreqwin::-webkit-scrollbar {width:5px;}
.jarreqwin::-webkit-scrollbar-thumb {background:var(--main-color);border:2px solid #fff;}
.jarreqwin::-webkit-scrollbar-track {background:#f6f6f6;}
.jarreqicon {
position:absolute;
top:0; left:0;
height:100%;
width:120px;
background:url(https://i.imgur.com/e5dNgjs.png);
background-repeat:repeat;
background-size:300px;
}
.jarreqw h1 {
font-family:Playfair Display;
font-weight:700;
font-size:30px;
font-style:italic;
color:#000;
padding:10px 0px 15px 5px;
margin-top:20px;
border-bottom:1px dashed var(--main-color);
text-shadow:1px 0px 0px var(--main-color);
}
.jarreqw h3 {
font-family:Montserrat;
border-left:25px solid var(--main-color);
padding:5px 0px 5px 20px;
line-height:100%;
text-transform:uppercase;
line-height:100%;
font-size:15px;
text-shadow:1px 1px 0px var(--main-color);
font-weight:700;
margin-top:10px;
}
.jarreqw p {
font-family:Montserrat;
font-size:11px;
color:#000;
text-align:justify;
line-height:15px;
padding:0px 10px 0px 10px;
}
.jarreqw b{
color:var(--main-color);
}
.jarreqtbox {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
margin: 10px 5px 5px 5px;
}
.jarreqtbox b {
border:1px solid var(--main-color);
padding:3px 10px 3px 10px;
margin:2px;
color:#333;
font-family:Montserrat;
font-size:9px;
}
.jarreqimg {
width:80px;
height:80px;
border:5px solid #fff;
position:absolute;
top:30px; left:15px;
filter:grayscale(50%);
transition:all 0.3s ease-in-out;
}
.jarreq:hover .jarreqimg{
filter:grayscale(0%);
}
.jarreqimg img {
width:80px;
height:80px;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:400|Playfair+Display:400,700i" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<div class="jarreq" id="char">
<div class="jarreqin">
<div class="jarreqicon"></div>
<div class="jarreqimg">
<img src="http://78.media.tumblr.com/b360d55be5534e3b552076b0d5f07649/tumblr_inline_n70uk0zfIv1sfh7zs.gif">
</div>
<div class="jarreqw">
<h3>together we are strong</h3>

text goes here. don't forget to change the id tag and color!

</div>
</div>
</div>
<div style="text-align:center;margin-top:5px;font-family:Calibri;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#aaa;"><a href="https://shine.jcink.net/index.php?showuser=23444" style="text-decoration:none;color:#aaa;">jaronart</a></div>[/dohtml]

CODE
[dohtml]<style>
#char {--main-color:#e2c55d;}
.jarreq {
 width:480px;
 padding:5px;
 border:1px solid #ddd;
 margin:0 auto;
 line-height:100%;
}
.jarreqin {
background-color:#ddd;
background:var(--main-color);
position:relative;
overflow:hidden;
}
.jarreqw {
padding:20px 20px 20px 30px;
background:#fff;
margin-left:120px;
letter-spacing:0px;
min-height:110px;
border:0.5px solid #eee;
line-height:100%;
}
.jarreqwin::-webkit-scrollbar {width:5px;}
.jarreqwin::-webkit-scrollbar-thumb {background:var(--main-color);border:2px solid #fff;}
.jarreqwin::-webkit-scrollbar-track {background:#f6f6f6;}
.jarreqicon {
position:absolute;
top:0; left:0;
height:100%;
width:120px;
background:url(https://i.imgur.com/e5dNgjs.png);
background-repeat:repeat;
background-size:300px;
}
.jarreqw h1 {
font-family:Playfair Display;
font-weight:700;
font-size:30px;
font-style:italic;
color:#000;
padding:10px 0px 15px 5px;
margin-top:20px;
border-bottom:1px dashed var(--main-color);
text-shadow:1px 0px 0px var(--main-color);
}
.jarreqw h3 {
font-family:Montserrat;
border-left:25px solid var(--main-color);
padding:5px 0px 5px 20px;
line-height:100%;
text-transform:uppercase;
line-height:100%;
font-size:15px;
text-shadow:1px 1px 0px var(--main-color);
font-weight:700;
margin-top:10px;
}
.jarreqw p {
font-family:Montserrat;
font-size:11px;
color:#000;
text-align:justify;
line-height:15px;
padding:0px 10px 0px 10px;
}
.jarreqw b{
color:var(--main-color);
}
.jarreqtbox {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
margin: 10px 5px 5px 5px;
}
.jarreqtbox b {
border:1px solid var(--main-color);
padding:3px 10px 3px 10px;
margin:2px;
color:#333;
font-family:Montserrat;
font-size:9px;
}
.jarreqimg {
width:80px;
height:80px;
border:5px solid #fff;
position:absolute;
top:30px; left:15px;
filter:grayscale(50%);
transition:all 0.3s ease-in-out;
}
.jarreq:hover .jarreqimg{
filter:grayscale(0%);
}
.jarreqimg img {
width:80px;
height:80px;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:400|Playfair+Display:400,700i" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

<div class="jarreq" id="char">
<div class="jarreqin">
  <div class="jarreqicon"></div>
  <div class="jarreqimg">
    <img src="http://78.media.tumblr.com/b360d55be5534e3b552076b0d5f07649/tumblr_inline_n70uk0zfIv1sfh7zs.gif">
  </div>
  <div class="jarreqw">
 
   text goes here. don't forget to change the id tag and color!

  </div>
</div>
</div>
<div style="text-align:center;margin-top:5px;font-family:Calibri;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#aaa;"><a href="https://shine.jcink.net/index.php?showuser=23444" style="text-decoration:none;color:#aaa;">jaronart</a></div>[/dohtml]
Last Visitors


9 Jun 2018, 01:14 AM




6 Jun 2018, 09:33 PM




4 Jun 2018, 10:35 PM



Comments
No comments posted.
Add Comment

PORTKEYS

Shadowplay Candyland Couture RPG-D


HOS

Rise of the Believers X-Generation: X-Men Roleplay

YOUR BUTTON HERE!<------- HG OHaV The Beginning INCREDIBLE TO INFINITY AND BEYOND UNTIL DAYLIGHT: POST-APOC, TLOU BASED Break the Wheel: a Season 8 GOT AU PJRPG -------> YOUR BUTTON HERE


skin created by Jenna of shine, caution, atf, candyland, and wecode.