Daryl Dixon InfoPage

<!-------------------------------------------------------------------------
An 'about me' page created by Monika from noctislucisscaelum.tumblr.com
Page code name: AM001.Unity

The idea and the code belongs to the author.

TERMS OF USAGE
1. Don't use this code as a base for your own themes (or if you really HAVE TO, ask me for permission first)
2. Don't delete any credits.
3. Don't redistribute as your own.
-------------------------------------------------------------------------->
<html>
<head>
<title>Daryl Dixon</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<style type="text/css">

/*---------------- defualt hover transition styles -----------------*/
* {
	transition:all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

*:hover {
	transition:all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
/*---------------------- defualt link styles -----------------------*/
 a {
    color: #302440;						   /* here you can change the colour of the link */
    text-decoration:none;
}

a:hover {
    color: #7e7e7e;						  /* here you can change the colour of the link when hovered */
}


/*--------------------------- scrollbar -----------------------------*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #302440;					  /* here you can change the colour of the scrollbar */
    border-right: 5px solid #ffffff;				  /* here you can change the colour behind the scrollbar, i'd recommend you to put the same colour as your background */
    border-left: 2px solid #ffffff;				  /* put the same colour as as above */
    border-bottom: 5px solid #ffffff;				  /* put the same colour as as above */
    border-top: 2px solid #ffffff;				  /* put the same colour as as above */
}

::-webkit-scrollbar-thumb:vertical {
    background: #302440;					  /* here you can change the colour of the vertical scrollbar */
    border-top: 4px solid #ffffff;				  /* here you can change the colour behind the scrollbar, i'd recommend you to put the same colour as your background */
    border-bottom: 4px solid #ffffff;			  	  /* put the same colour as as above */
    border-right: 3px solid #ffffff; 				  /* put the same colour as as above */
    border-top: 4px solid #ffffff;				  /* put the same colour as as above */
}

::-webkit-scrollbar-thumb:horizontal {
    background: #302440;					  /* here you can change the colour of the horizontal scrollbar i'd recommend the colour as you used for vertical one*/
    border-bottom: 3px solid #ffffff; 				  /* here you can change the colour behind the scrollbar, i'd recommend you to put the same colour as your background */
    border-left: 4px solid #ffffff;				  /* put the same colour as as above */
    border-right: 4px solid #ffffff;				  /* put the same colour as as above */
}

/*--------------------------- selection -----------------------------*/
::selection {
    background: #302440;					  /* here you can change the background colour of the selection (meaning, when you select some text) */
    color: #ffffff;					          /* here you can change colour of the selected text */
}

/* put exactly the same colours below, as you put above, it's exactly the same thing just for moz browseres (e.g. Firefox) */
::-moz-selection {
    background: #302440;
    color: #ffffff;
}


/*--------------------------- main code -----------------------------*/
.credit {
	position: fixed;
	z-index: 999999;
	bottom: 20px;
	right: 20px;
	padding: 7px;
	border: 1px solid #ececec;
}

.nlc {
	border-bottom: 1px solid #ececec;
}

.themes {
	font-family: Calibri, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
}
html, body {
	background: #ffffff;					/* here you can change the background colour of the page */
    color: #7e7e7e;						/* here you can change the default colour of the text */
    padding: 0px;
    margin: 0px;
}

#container {
	padding-left: 512px;
}

.content {
	width: 550px;
	margin: 90px auto;
}

blockquote {
    margin: 7px 0px 7px 0px;
    padding: 15px;	border-top: 1px solid #ececec;       /* here you can change the colour of the top border of the blockquote box */
	border-left: 1px solid  #302440;       		    /* here you can change the colour of the left border of the blockquote box */
	border-right: 1px solid #ececec;       		    /* here you can change the colour of the right border of the blockquote box */
    border-bottom: 1px solid  #302440;        		   /* here you can change the colour of the bottom border of the blockquote box */
}



/*---------------------------- sidebar ------------------------------*/
.sidebar {
	top: 0;
	width: 500px;
	position:fixed;
	height: 100%;
}
.graphic {
	background: url('http://i.imgur.com/Kj4AvOO.jpg'); /* here you can change the image in the sidebar */
	position:fixed;
	width: 400px;
	height: 100%;
}

.menucontainer {
	position:fixed;
	width: 500px;
	height: 100%;
	opacity: 0;
	background: rgba(0,0,0,0.4);
}

.menucontainer:hover {
	opacity: 1;
}

.menu {
	position: absolute;
	text-align:center;
	width: 400px;
	bottom: 20px;
}
.menu img {
	width: 26px;
	padding: 13px;
	background: #ffffff;
	border-radius:100%;
	box-shadow: 0px 1px 1px #e5e5e5;
}

.abouttext {
	background: #302440; 						/* here you can change the background colour of the 'about me' bar */
	position:fixed;
	width: 86px;
	height: 100%;
	margin-left: 406px;
}

.about {
	color: #ffffff; 						/* here you can change the colour of the 'about me' text */
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size: 88px;
	font-weight: bold;
	width: 86px;
	height: 600px;
	letter-spacing: -5px;
}

.aboutrotate {
	margin-top: 321px;
	margin-left: 29px;
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);
}


/*-------------------------- main content ---------------------------*/
.infos {
	padding: 25px;
	position: relative;
	border-top: 1px solid #ececec;        			/* here you can change the colour of the top border of the main box */
	border-left: 1px solid  #302440;       			/* here you can change the colour of the left border of the main box */
	border-right: 1px solid #ececec;       			/* here you can change the colour of the right border of the main box */
    border-bottom: 1px solid  #302440;        			/* here you can change the colour of the bottom border of the main box */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	}

.top {
	height: 77px;
	width: 100%;
	position: fixed; z-index: 100;
    background-color: #ffffff;						/* IMPORTANT!! PUT HERE EXACTLY THE SAME COLOUR AS YOUR MAIN BACKGROUND COLOR (THE ONE YOU PUT IN HTML, BODY SECTION) */
	top: 0px;
}

.bottom {
	height: 77px;
	width: 100%;
	position: fixed; z-index: 100;
    background-color: #ffffff;						/* IMPORTANT!! PUT HERE EXACTLY THE SAME COLOUR AS YOUR MAIN BACKGROUND COLOR (THE ONE YOU PUT IN HTML, BODY SECTION) */
	bottom: 0px;
}

.line1 {
	width: 21px;
	height: 1px;
	background: #ffffff;						   /* IMPORTANT!! PUT HERE EXACTLY THE SAME COLOUR AS YOUR MAIN BACKGROUND COLOR (THE ONE YOU PUT IN HTML, BODY SECTION) */
	margin-bottom:-1px;
	position: relative;
	z-index: 999;
}
.line2 {
	width: 21px;
	height: 1px;
	background: #ffffff;						   /* IMPORTANT!! PUT HERE EXACTLY THE SAME COLOUR AS YOUR MAIN BACKGROUND COLOR (THE ONE YOU PUT IN HTML, BODY SECTION) */
	margin-top:-1px;
	margin-left: 529px;
	position: relative;
	z-index: 999;
}

.infos p:first-child{
	margin-top: 0px;
}
.infos p:last-child{
	margin-bottom: 0px;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
    color: #302440;
	margin-bottom: 0px;
	font-style: oblique;
	}


</style>




</head>
<body>
<div class="credit"><a href="http://noctislucisscaelum.tumblr.com"> <span class="nlc">NLC</span><br> <span class="themes">themes</span> </a></div>
<div class="sidebar">
<div class="graphic">
<div class="menucontainer"><div class="menu">
<a href="http://decorumlibertas.tumblr.com/"><img src="http://static.tumblr.com/jmc3mkz/SLWnaeo3j/home.png"></a>
<a href="http://decorumlibertas.tumblr.com/ask"><img src="http://static.tumblr.com/jmc3mkz/2Zonaeoew/contact.png"></a>
</div></div>
</div>
<div class="abouttext"><div class="about"><div class="aboutrotate">daryl&nbsp;</div> </div>  </div>
</div>

<div id="container">
<div class="top"></div>
<div class="bottom"></div>
<div class="content">

<div class="line1"></div>
<div class="infos">


<p class="title">Daryl Dixon: Hunter/Tracker/Survivor</p>
<p>
Name: Daryl Dixon<br>
Age: 32<br>
Location: Georgia, USA<br>
Actor: Norman Reedus<br>
<a href="http://decorumlibertas.tumblr.com/darylhistory">History</a><br>

<blockquote>Personality</blockquote>
Daryl is often volatile but is still significantly more level-headed and rational than his older brother, Merle Dixon. It is because of this that other people often find him to be a little more reliable than Merle. He can be convinced through actions rather than words when a person is looking to prove themselves, but this doesn't mean automatic trust. Daryl can figure out if he can potentially trust a person when looking at them, after that, it's based solely on their actions.<br>
<br>
Despite usually acting distant, Daryl has shown on numerous occasions to be caring, and selfless. He went alone and risked his life in an attempt to find Sophia, and immediately took initiative to go back and find Andrea, when she got separated from the group. After that, he was able to show that he was fit for leadership when Rick broke down fom his wife's death, helping to keep the others in line.<br>
<br>
An experienced tracker and hunter, he is deadly accurate with his Horton Scount HD 125. He is also highly skilled with various firearms and knives. He has taken a prominent role in safeguarding the members of his group. With the distinct family-like group that has been formed after the events of the prison, Daryl has become rather protective of those that he's been around. He views Rick as an older brother figure and will do anything to protect him and the others.<br>
<br>
Aside from that, Daryl can be quite brash and vocally violent if he feels that he's been falsely accused or if there's something happening that he doesn't see a solution for. He can take on a bit of a protector's role in some cases and wants to make sure that he can help people around him but it's not often that Daryl will willingly put himself in harm's way to protect someone.
</p>'

<blockquote>Skills</blockquote>
<p>
<b>Hunting and Tracking:</b> Daryl is an expert hunter, with knowledge in tracking as seen when they are searching for Sophia. He was able to track fading footprints and had amazing accuracy. He has also proven to be an apt tracker in the dark, where all he needed was a flashlight.<br>
<br>
<b>Resourcefulness:</b> He is also very resourceful and appears to be willing to use anything at his disposal to survive. For example, he ate a raw squirrel to appease his hunger while he struggled to escape from the ravine he fell into. He also fashioned a tourniquet out of his clothing to help support the bolt that had pierced his abdominal area, and when being attacked by two zombies he efficiently removed the bolt piercing his side and used it to dispatch one of the attacking walkers. He also created more bolts from wood to replace the lost ones.</p>
</div>
<div class="line2">

</div></div></div>
</body>
</html>