br2/characters.html at master · Gu4n/br2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<html>
<head>
<style>
header {
    height: 147px;
    text-align: center;
    margin: 0 auto;
}
::-webkit-scrollbar {
    display: block;
}
nav {
    font-family: 'Book Antiqua', serif;
    width: 980px;
    text-align: center;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #ee2535;
    border-bottom-color: #ee2535;
    background: rgba(75,0,0,0.6);
}
ul.menu {
    display: inline-block;
    list-style-type: none;
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
li.menuitem {
    display: inline-block;
    margin: 2px;
    font-weight: bold;
    font-size: 1.7em;
    padding-left: 7px;
    padding-right: 7px;
    color: #FFFFFF;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
ul.menu a {
    text-decoration: none;
    color: #FFF;
}
iframe[Attributes Style] {
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    height: 520px;
}
article {
    width: 980px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -2;
    background: rgba(75,0,0,0.6);
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #ee2535;
    border-bottom-color: #ee2535;
    border-color: #ee2535;
    margin-top: 10px;
    font-family: 'Georgia', sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5;
    overflow: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif;
    margin: 0px 10px 0px 10px;
    color: white;
    text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h1 {
    font-size: 4em;
    margin: 0px 10px 0px 10px;
}
article p {
    margin-right: 10px;
    margin-left: 10px;
}
.right {
    float: right;
    margin: 15px 10px 0px 35px;
}
.center {
    text-align: center;
}
.left {
    float: left;
    margin: 15px 35px 0px 10px;
}
#dela, #ares, #karl {
	height: 450px
}
#bio, #story {
	border-top-style: double;
    border-bottom-style: double;
    border-top-color: #ee2535;
    border-bottom-color: #ee2535;
    border-color: #ee2535;
}
a {
    color: #fff;
}
footer {
    width: 980px;
    padding-top: 25px;
    margin: 0 auto;
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.5;
}
</style>
</head>
<body>
<article>
<h1 class="center">Characters</h1>
<div id="Dela">
<img id="bio" src="images/char_dela.jpg" alt="Dela Delon" class="right">
<h2>Dela Delon</h2>
<p>24-year-old sorceress and bounty hunter.</p>
<p>Convinced that Ares is connected to the death of her old master Balcan 7 years ago, her obsessive desire for revenge leads her to pursue him wherever he goes. (The circumstances surrounding Balcan's death remain unclear.) While Dela's magical power is promising, her almost astonishingly short temper makes her prone to rash decisions, and more often than not, she ends up caught in the very traps that she sets for her arch-rival.</p>
</div>
<div id="Ares">
<img id="bio" src="images/char_ares.jpg" alt="Ares Toraernos" class="left">
<h2>Ares Toraernos</h2>
<p>26-year-old wandering swordsman.</p>
<p>The bounty on Ares' head is worth 1,800,000 gold. He obtained the Planet Buster during his trek through the buried nation of Vittoria. He formerly worked as a mercenary, but the tasks that befell him would often clash with his belief in acting only in accordance with his own judgment. Even when others beg him for aid, he turns them down. Heroic sagas are left behind wherever he goes, but they remain just that -- sagas.</p>
</div>

<div id="Karl">
<img id="bio" src="images/char_karl.jpg" alt="Karl Caless" class="right">
<h2>Karl Caless</h2>
<p>26-year-old mercenary.</p>
<p>Little is known about Karl's background from before he and Ares became acquainted as fellow mercenaries. He excels at mounted combat. After the prophet Benedicte was bestowed his oracle, Karl was hired by King Badorrer of Bundevia to lead a mercenary squad to capture Ares. But Karl is torn between his assignment and his memories of the camaraderie and rivalry he once shared with Ares... </p>
</div>
</article>
</body>
</html>