Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Bug Testing

Status
Not open for further replies.
OP
OP
Prudence

Prudence

Prudential Home & Auto Insurance
Owner
Join Date
Feb 21, 2018
Messages
1,214
<>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<style>
.container {
width:230px;
height: 301px;
position: relative;
float: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 16px;
display: inline;
overflow: hidden;
}
.tab {
overflow: hidden;
background-color: transparent;
border: none;
}
.tab button {
background-color: inherit;
float: right;
border: none;
outline: none;
cursor: pointer;
padding: 16px;
transition: 0.3s;
}
.image {
width: auto;
height: auto;
position: relative;
margin: 0px;
float: left;
}
.back2 {
width: 85%;
height: auto;
margin: auto;
background-color: #d8e1cf;
padding: 16px;
}
.bodytext2 {
color: #136572;
font-size: 12pt;
font-family: 'Raleway', sans-serif;
text-align: left;
display: inline;
white-space: pre-wrap;
}
.tab button:focus {
background-color: #c2caba;
}
.tab button:hover {
background-color: #c2caba;
}
.headertext3 {
color: #136572;
font-family: "Raleway", sans-serif;
font-size: 18pt;
text-align: right;
}
.headertext4 {
color: #73aca7;
font-family: "Raleway", sans-serif;
font-size: 18pt;
text-align: right;
}
.specialtext {
color: #73aca7;
font-size: 12pt;
font-family: 'Raleway', sans-serif;
position: absolute;
text-align: left;
white-space: pre-wrap;
}
.border {
padding: 16px;
border: 6px dotted #063c53;
width: auto;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
top: -9%;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: 0.8s ease;
overflow: hidden;
background: url(https://i.imgur.com/QpxXZfe.jpg);
float: left;
margin-bottom: 0px;
padding-left: 16px;
padding-right: 16px;
box-shadow: none;
border: none;
}
.container:hover .overlay {
opacity: 1;
}
</style>
</head>
<body>
<div class = "back2">
<div class = "border">
<div class = "container">
<img src = "https://i.imgur.com/YGK5RPs.png" alt = "Matt Lanter" class = "image">
<div class = "overlay"></div>
</div>
<div class = "tab">
<button class = "tablinks" onclick = "opentab(event, 'Biography')"><div class = "headertext3">Biography</div></button>
<button class = "tablinks" onclick = "opentab(event, 'Personality')"><div class = "headertext3">Personality</div></button>
<button class = "tablinks" onclick = "opentab(event, 'Basic Information')"><div class = "headertext3">Basic Information</div></button>
</div>
<div id = "Biography" class = "bodytext2" style = "display: block">Felix Jasper Edmunds was born on 19 March 1897. He was born the illegitimate son of a railroad worker and a woman the man had a short fling with. Born into an age where premarital relations were particularly scorned, Felix's parents were forced to uproot and change their lives entirely, simply to escape the life they would have been forced to endure — one of ostracism and derision. The birth of Felix, as well as the forced change of home, drug down his father into bitterness and resentment for the effect Felix had on his life, and he basically ignored him in every way possible, only electing to provide him with food and shelter. His care for Felix's mother was all that truly kept him there, as he had developed legitimate loving feelings for her since their forced cohabitation. Felix always longed for the connection with his father, particularly after his mother died when he was just four years old, but saw at a young age that he would be unable to have that relationship he craved. Felix's father was away for work almost constantly after his mother died. He would come home once a month, sometimes once every two, and otherwise would simply send money for Felix to live on. He made decent money in his work, and Felix reaped the benefits of this.</div>
<div id = "Personality" class = "bodytext2" style = "display: none">Felix Jasper Edmunds was born on 19 March 1897. He was born the illegitimate son of a railroad worker and a woman the man had a short fling with. Born into an age where premarital relations were particularly scorned, Felix's parents were forced to uproot and change their lives entirely, simply to escape the life they would have been forced to endure — one of ostracism and derision. The birth of Felix, as well as the forced change of home, drug down his father into bitterness and resentment for the effect Felix had on his life, and he basically ignored him in every way possible, only electing to provide him with food and shelter.</div>
<div id = "Basic Information" class = "bodytext2" style = "display: none">Felix Jasper Edmunds was born on 19 March 1897. He was born the illegitimate son of a railroad worker and a woman the man had a short fling with. Born into an age where premarital relations were particularly scorned, Felix's parents were forced to uproot and change their lives entirely, simply to escape the life they would have been forced to endure — one of ostracism and derision.</div>
</div>
</div>
</div>
<script>
function opentab (evt, tabname) {
var non, bodytext2, tablinks;
bodytext2 = document.getElementsByClassName("bodytext2");
for (x = 0; x < bodytext2.length; x++) {
bodytext2[x].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (x = 0; x < tablinks.length; x++) {
tablinks[x].className = tablinks[x].className.replace("active", "");
}
document.getElementById(tabname).style.display = "block";
evt.currentTarget.className += "active";
}
</script>
</body>
</html>
 
Status
Not open for further replies.
Top