dragon age directory (wip)

<style>
@import url('https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Open+Sans+Condensed:300');
@font-face { font-family: "inquisition"; src: url('https://dl.dropboxusercontent.com/s/i0kivbwrakaiuq4/Inquisition%5B1%5D.otf?dl=0'); format("truetype");}
@font-face { font-family: "valdemar"; src: url('https://dl.dropboxusercontent.com/s/79t4k3851tz1cfa/valdemar%5B1%5D.ttf?dl=0'); format("truetype");}


.pfor{ display:none;
background-color:transparent;}
body{ background:url('') top left fixed repeat;
background-color:#f8f6f6;
overflow:hidden; }

#profile {border: 0px; background-color: transparent;}
*{cursor: url('https://i.imgur.com/8QmAMfq.png'), default;}

::-webkit-scrollbar {width: 5px; height: 0px;
background:; }

::-webkit-scrollbar-thumb {
background-color:transparent; border:1px solid transparent;
-webkit-border-radius: 10px; border-radius: 10px;
}


/*------» images «------*/ /*------» images «------*/ /*------» images «------*/

#opening { position:fixed; width:100%; height:100%; left:425px; bottom:-5px; }

#bg { position:absolute; background-image:
url('https://i.imgur.com/2JLRCWW.jpg');
background-size:100%;
background-repeat:no-repeat;
background-attachment:absolute;
width:3200px; height:2400px;
left:0px; bottom:0px;
opacity:.8; transition:1s; }
	body:hover #bg { opacity:.5;
	transition-delay:1s }

#symbol { position:absolute;
background-image:
url('https://i.imgur.com/6NzJXHN.png');
background-size:100%;
background-repeat:no-repeat;
background-attachment: absolute;
width:270px; height:331px;
left:35px; bottom:0px;
opacity:.8; transition:1s; }
	body:hover #symbol { opacity:0;
    transition-delay:1.5s; }

#symbol-small { position:absolute;
background-image:
url('https://i.imgur.com/6NzJXHN.png');
background-size:100%;
background-repeat:no-repeat;
background-attachment:absolute;
width:250px; height:306px;
left:75px; bottom:-45px;
opacity:0; transition:1s; }
	body:hover #symbol-small { opacity:.7;
	left:80px; bottom:568px;
    transition-delay:1.5s; }

#josie { position:absolute;
background-image:
url('https://i.imgur.com/95nP84w.png');
background-size:100%;
background-repeat:no-repeat;
background-attachment:absolute;
width:230px; height:531px;
left:0px; bottom:-5px;
opacity:0; transition:1s; }
	body:hover #josie { opacity:.9;
	left:32px;
    transition-delay:1.5s; }


#nug { position:absolute;
transform: rotate(-5deg);
left:677px; bottom:-36px;
width:170px; height:170px;
opacity:0; transition:1s; }
	body:hover #nug { opacity:.9;
    transition-delay:1.5s; }


/*------» info «------*/ /*------» info «------*/ /*------» info «------*/

#container { position:absolute;
left:10px; bottom:15px;
opacity:1; }


#title { position:absolute;
left:180px; bottom:100px;
width:1000px; height:100px;
background-color:transparent;
background:url('https://i.imgur.com/gz0sxcs.gif') -50px -50px repeat;
-webkit-text-fill-color:transparent;
-webkit-background-clip:text;
 color:#524c51;
 font-family:'valdemar';
 font-size:95px;
 font-weight:bold;
 padding:20px;
letter-spacing:px;
text-transform:;
float:left; overflow:auto;
opacity:1; transition:1s; }
	body:hover #title { opacity:.6;
    font-size:60px;
    left:220px; bottom:640px;
    transition-delay:1.5s; }

#subtitle { position:absolute;
left:250px; bottom:97px;
width:800px; height:10px;
 color:#494138;
 font-family:'inquisition';
 font-size:38px;
 font-weight:bold;
 padding:30px;
letter-spacing:2px;
text-align:justify;
text-transform:;
float:left; overflow:;
opacity:1; transition: 1s; }
		body:hover #subtitle { opacity:.8;
        font-size:25px;
        letter-spacing:1px;
        bottom:670px; left:260px;
        transition-delay:1.5s; }

#list { position:absolute;
left:250px; bottom:0px;
width:400px; height:585px;
background-color:white;
 color:#494138;
 font-family:'cinzel', cursive;
 font-size:16px;
 font-variant:small-caps;
 font-weight:bold;
 padding:25px;
letter-spacing:0px;
text-align:justify;
text-transform:;
float:left; overflow:auto;
opacity:0; transition: 1s; }
		body:hover #list { opacity:.7;
        bottom:50px;
        transition-delay:1.5s; }

	#list::first-letter {
	float:left;
	margin: 0px 5px 0px;
	background-color:#988b7e;
	color:#fff;
	font-family: 'cinzel decorative',cursive;
	font-size:60px;
	line-height:50px;
	text-transform:uppercase;
	padding:10px;
	}

#mods { position:absolute;
left:710px; bottom:0px;
width:210px; height:40px;
background-color:white;
 color:#494138;
 font-family:'open sans condensed', sans serif;
 font-size:21px;
 font-variant:small-caps;
 padding:15px;
letter-spacing:0px;
text-align:justify;
opacity:0; transition:1s; }
    body:hover #mods { opacity:.7;
    bottom:600px;
    transition-delay:1.5s; }

.mod-pic { position:relative;
left:-0px; top:-30px;
width:70px; height:70px; }

.mod-name { position:relative;
left:75px; top:-105px;
width:145; height:65;
text-align:justify;
overflow:auto; }

#rules { position:absolute;
left:710px; bottom:0px;
width:190px; height:398px;
background-color:white;
 color:#494138;
 font-family:'cinzel', cursive;
 font-size:16px;
 font-variant:small-caps;
 font-weight:bold;
 padding:25px;
letter-spacing:0px;
text-align:left;
overflow:auto;
opacity:0; transition:1s; }
    body:hover #rules { opacity:.7;
    bottom:142px;
    transition-delay:1.5s; }


/*------» tags «------*/ /*------» tags «------*/ /*------» tags «------*/

h1 {font-family:'cinzel',cursive;
font-size:25px;
}

h2 {font-family:'cinzel',cursive;
font-size:22px;
letter-spacing:1px;
float:left;
margin: 0px 5px 0px;
background-color:#988b7e;
color:#fff;
padding:10px;
}

u {color: #fff;
background-color: #fd5d4b;
text-decoration:none;
font-weight:none; }
 	u:hover {color: black;
    background-color: transparent;
	text-decoration: none;
	transition: 1.5s;}

a {color:#494138;
text-decoration:none;
text-align:justify;
padding:1px;}
 	a:hover {color:white;
    background-color:#988b7e;
	text-decoration:none;
    cursor: url('https://i.imgur.com/oo3ZtGp.png'), default;
	transition: 1.5s;}


</style>
<body>

<div id="bg">
</div>

<div id="symbol">
</div>

<div id="symbol-small">
</div>

<div id="list">
The Inquisition has stopped Corypheus and sealed the Breach, bringing upon Thedas a new era of peace and prosperity — and change. With the Inquisition's favor, the Chantry is restored and rededicated to the principle of charity.
<font style="float:right;">
<img src="https://i.imgur.com/PAC5pud.png" width="200">
</font>
Survivors of the Mage-Templar War leave the organization and reform the College of Enchanters and the Templar Order anew, independent of outside control. The Grey Wardens, allowed to stay and rebuild, have emerged from the shadows and severed ties with Weisshaupt. Empress Celene still reigns, but with the new Marquise of the Dales at her side, the Dalish have put down roots once more.

<br><br>
<center><i>Characters are categorized by their most significant political affiliation. If they are unaffiliated, then they are categorized by race.</i></center>

<h1>The Inquisition</h1>

<font style="float:left;">
<img src="https://i.imgur.com/6mcZPgC.png" width="100">
</font>

The Inquisition itself has become a veritable nation on its own. Through diplomacy and the trading of favors, it has gathered the power to shake kingdoms. <b>Skyhold</b> is Thedas' new capital of ambassadors, neutral ground where even ancient enemies such as Qunari and Tevinters may breathe the same air without immediately going into war.

<br>
<font style="float:right;">
Members: <a target="_blank" href="https://roleplay.chat/profile.php?user=Ellana">Inquisitor Lavellan</a>,
<a target="_blank" href="https://roleplay.chat/profile.php?user=reaver">Levi Rosenthal</a> </font>

<br><br>

<h1>The Dales</h1>

<font style="float:right;">
<img src="https://i.imgur.com/iwn6qtu.png" width="100">
</font>

The Dales are once again ruled by an elf for the first time since the Glory Age. Some Dalish clans have begun erecting settlements of a more permanent nature; others have petitioned to restore old temples and burial sites. A select group of Dalish scholars has even gone so far as to work closely with the <b>University of Orlais</b>, though competition remains fierce... and old biases are not easily forgotten.
<br> Through collective agreement, the Temple of Mythal has become a place where Clans gather. An Arlathven is due to take place in the spring.

<br>
<font style="float:right;">Dalish:
<a target="_blank" href="https://roleplay.chat/profile.php?user=Merrill">Merrill</a> </font>

<br>

<h1>The Orlesian Empire</h1>

<font style="float:left;">
<img src="https://i.imgur.com/E5XcXFS.png" width="100">
</font>

Thanks to Inquisition intervention, Empress Celene still reigns, and through newfound stability Orlais enjoys the benefits of such an alliance. However, what may be a hopeful beginning for all elves has become a source of unease for Orlais' human nobility — who are adjusting to 'elven rights' rather poorly. Many protest the Empire's efforts at recompense and fear that future triumphs will be at <i>their</i> expense, though dare not speak openly in fear of the Marquise and her alliance with the elven Inquisitor.
<br>
But not all of Orlais simmers in dissatisfaction. With trade and contact between humans and Dalish reestablished and strengthened, so are relationships between elves, dwarves, and even neighbors in the South. Furthermore, renewed interest (and reward) in lost elven culture, history and technology has spurred healthy, even lucrative business competition.

<br>
<font style="float:right;">
Orlesians: TBA </font>

<br>

<h1>Fereldan</h1>

<font style="float:right;">
<img src="https://i.imgur.com/ZC9ifSF.png" width="100">
</font>

lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean quis quam enim. aliquam varius dolor at tempus rutrum. vivamus auctor venenatis rhoncus. nullam tristique enim sit amet ipsum feugiat, non pharetra eros porttitor. maecenas molestie ornare enim, in efficitur sapien rutrum sed. etiam porta suscipit justo vel mattis. fusce porttitor mi a fringilla placerat.

<br>
<font style="float:right;">
Fereldans: TBA </font>

<br>

<h1>The College of Enchanters</h1>

<font style="float:left;">
<img src="https://i.imgur.com/GVjXlpj.png" width="100">
</font>

In the wake of Divine Victoria's election, the Circle disbanded, leaving Inquisition mages and former rebel mages to reform the College of Enchanters as a new order. While they are technically Libertarian in nature, supporters of other Fraternities are nonetheless welcome within their halls.
<br> They are based in Caer Bronach, Crestwood, under agreement with the Crown that they help the land and the townsfolk recover.

<br>
<font style="float:right;">
College Members: TBA </font>

<br>

<h1>The Templar Order</h1>

<font style="float:right;">
<img src="https://i.imgur.com/KACFGb0.png" width="100">
</font>

lorem ipsum dolor sit amet, consectetur adipiscing elit. aenean quis quam enim. aliquam varius dolor at tempus rutrum. vivamus auctor venenatis rhoncus. nullam tristique enim sit amet ipsum feugiat, non pharetra eros porttitor. maecenas molestie ornare enim, in efficitur sapien rutrum sed. etiam porta suscipit justo vel mattis. fusce porttitor mi a fringilla placerat.

<br>
<font style="float:right;">
Templars: TBA </font>

<h1>Orzammar</h1>

<font style="float:left;">
<img src="https://i.imgur.com/vJWXxfu.png" width="100">
</font>

With the Breach sealed, several lost thaigs recovered, and the Fifth Blight long behind them, dwarvenkind has undergone both a historical and social revolution of its own, marked by unprecedented 'topside' interference. Tension appears centered around the former than the latter; as restrictions on trade with the surface are reduced and the casteless are granted greater rights and privileges, the noble and warrior castes stir, angered by these policies. Most, though, seem in support of these changes — particularly scholars, alchemists, Carta and honest traders.

<br>
<font style="float:right;">
Dwarves: TBA </font>

<br>

<h1>Antiva</h1>

<font style="float:right;">
<img src="https://i.imgur.com/2hLr3Fr.png" width="100">
</font>

During the Breach, this plutocratic nation was safely ensconced in northeastern Thedas — too far to be affected by Red Templars and Venatori. But now that the Inquisition has emerged as a foreign power, both wise and ambitious Princes have turned their gazes in its direction; eager to test its mettle as a potential ally or enemy. Crows, merchants, and vessels alike have been sent to Skyhold and other Inquisition bases in hopes of brokering an advantageous alliance.

<br>
<font style="float:right;">
Antivans: <a target="_blank" href="https://roleplay.chat/profile.php?user=Cassian+Fiorvanti">Cassian Fiorvanti</a></font>

<br>

<h1>The Qunari</h1>

<font style="float:left;">
<img src="https://i.imgur.com/3F0Qd6U.png" width="100">
</font>

Despite past failed alliances and the Dragon's Breath conspiracy, ships and caravans have made their way to Skyhold, all the way from Par Vollen. Ties with the Iron Bull's Chargers, too, have garnered interest from Vashoth mercenary companies. Only official ambassadors and traders seem to stay for long, but groups are often seen passing through, staying for days, even weeks on end.

<br>
<font style="float:right;">
Qunari: TBA </font>

<br>

<h1>The Tevinter Imperium</h1>

<font style="float:right;">
<img src="https://i.imgur.com/xsJ0LVk.png" width="100">
</font>

Officially, the Imperium had no ties to the so-called "Elder One" and his cult; one member of the Magisterium even brought the matter of officially condemning the Venatori before the Imperial Senate. But there is no denying that had the Elder One succeeded, his victory would have paved the way for their return to southern Thedas, revitalizing old dreams of conquest.
<br> Upon Dorian Pavus' return and the truth of Arlathan's fate is revealed, voices for reform grow amidst increasing dissent of disenfranchised Soporati – non-mages, publicans, merchants and Imperial slaves alike. Conservatives fight to maintain the status quo, but the Mage-Templar War has become a source of hope and inspiration for those that plot to overthrow the Altus. Ambassadors and spies from all classes have joined the those assembled at Skyhold and other Inquisition holdings.

<br>
<font style="float:right;">
Tevinters: TBA </font>

<br>

<h1>The Grey Wardens</h1>

<font style="float:left;">
<img src="https://i.imgur.com/3F0Qd6U.png" width="100">
</font>

Despite past failed alliances and the Dragon's Breath conspiracy, ships and caravans have made their way to Skyhold, all the way from Par Vollen. Ties with the Iron Bull's Chargers, too, have garnered interest from Vashoth mercenary companies. Only official ambassadors and traders seem to stay for long, but groups are often seen passing through, staying for days, even weeks on end.

<br>
<font style="float:right;">
Grey Wardens: TBA </font>

<br>

</div>

<div id="mods">
<font style="float:left;">
<img src="https://i.imgur.com/ilhhNIh.png" class="mod-pic">
<p class="mod-name">
<a>ellana lavellan</a>, <br> <b>admin</b> & <b>room owner</b> </p>
</div>

<div id="rules">
<font style="float:left;"><h2>Rules</h2></font>
- Dragon Age canons and OCs only, please. Doubles are welcome, but room plot participation is on a first come, first serve basis.
<br>- Some non-DA  characters are allowed (such as Skyrim/Elder Scrolls, The Witcher, etc.), provided that they fit within the DA 'verse.
<br>- OCs cannot be related to existing canons without mod approval for story purposes.
<br>- No powerplaying, godmodding, metagaming or trolling.
<br>- Directory is a WIP and will be constantly updated!
</div>

<div id="josie">
</div>

<div id="nug">
<img src="https://i.imgur.com/pGcLTed.png" width="170">
</div>

<div id="container">
<div id="title">
Dragon Age
</div>

<div id="subtitle">
post-Inquisition RPG Directory
</div>

 </div>


</body>