Difference between revisions of "Team:Greece/our team"

Line 91: Line 91:
 
<circle cx="27" cy="305" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle7' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />
 
<circle cx="27" cy="305" r="35" stroke="green" stroke-width="2" fill="url(#Image3)" id='circle7' class='svgGraphic' onclick="displayProfile(this.id)" onmouseover="changeStroke(this.id)" onmouseleave='removeStroke(this.id)' />
 
 
−
</svg>
+
</svg>
−
 
+
<table width='100%' height='200px' id='personnel'>
−
 
+
<tr>
 +
<th width='20%'></th>
 +
<th width='30%'>
 +
<img width='300px' height='350px' src id='profile' /> <!--style='visibility: hidden'-->
 +
</th>
 +
<th width='30%'>
 +
<div width='450px' height='200px' id='details' class='detailBox'></div>
 +
</th>
 +
<th width='20%'></th>
 +
</tr>
 +
</table>
 +
<input type='hidden' value="Colorectal cancer (CRC), also known as bowel cancer and colon cancer, is the development of cancer from the colon or rectum (parts of the large intestine).
 +
A cancer is the abnormal growth of cells that have the ability to invade or spread to other parts of the body.[9] Signs and symptoms may include blood in the stool, a change in bowel movements, weight loss, and feeling tired all the time.
 +
Most colorectal cancers are due to old age and lifestyle factors with only a small number of cases due to underlying genetic disorders.[2][3] Some risk factors include diet, obesity, smoking, and lack of physical activity.
 +
Dietary factors that increase the risk include red and processed meat as well as alcohol.[2] Another risk factor is inflammatory bowel disease, which includes Crohn's disease and ulcerative colitis.[2] Some of the inherited genetic disorders that can cause colorectal cancer include familial adenomatous polyposis and hereditary non-polyposis colon cancer; however, these represent less than 5% of cases.[2][3] It typically starts as a benign tumor, often in the form of a polyp, which over time becomes cancerous.[2]" id='desc_circle1' />
 +
<input type='hidden' value='This is the SECOND hidden element' id='desc_circle2' />
 +
<input type='hidden' value='This is the THIRD hidden element' id='desc_circle3' />
 +
<input type='hidden' value='This is the FOURTH hidden element' id='desc_circle4' />
 +
<input type='hidden' value='This is the FIFTH hidden element' id='desc_circle5' />
 +
<input type='hidden' value='This is the SIXTH hidden element' id='desc_circle6' />
 +
<input type='hidden' value='This is the SEVENTH hidden element' id='desc_circle7' />
  
 
<!-- The Navigation Menu -->
 
<!-- The Navigation Menu -->
Line 280: Line 300:
 
}
 
}
 
</style>
 
</style>
 +
 +
<!-- The SVG styling -->
 +
<style>
 +
.boldStroke{ stroke-width: 5 }
 +
 +
.detailBox{
 +
word-wrap: break-word;
 +
text-align: justify;
 +
text-justify: inter-word;
 +
padding: 5px 10px 10px 0px;
 +
}
 +
 +
/*table,th,tr{border:1px solid black;}*/
 +
 +
th, tr{ padding:0px 10px;}
 +
 +
#profile{
 +
overflow: hidden;
 +
visibility: hidden;
 +
 +
border-radius:12px;
 +
-webkit-border-radius:12px;
 +
-moz-border-radius:12px;
 +
 +
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 +
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 +
box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
 +
}
 +
</style>
 +
  
 
<!--Styling script-->
 
<!--Styling script-->

Revision as of 22:21, 4 August 2017