Team:Wageningen UR/HumanBody

From 2012.igem.org

(Difference between revisions)
(→References)
Line 1: Line 1:
-
{{Template:WUR}}
+
/*
 +
* Kleuren:
 +
* - Zwart: 000000
 +
* - Blauw/grijs: 005172, cbd5d8, e3e9ea
 +
* - Groen: 0d623c, 118450, 16ad69
 +
*  - Rood: b92c33
 +
*/
-
<html>
+
/* General */
-
<script>
+
body { background: white url(https://static.igem.org/mediawiki/2012/4/47/WUR_background.jpg); font-family: Tahoma, Geneva, sans-serif; }
-
document.getElementById("header_slider").style.backgroundImage = "url(https://static.igem.org/mediawiki/2012/d/d2/HeaderModeling.jpg)";
+
.hidden { display: none; }
-
</script>
+
-
</html>
+
-
= Human Body Model =
+
.cols { clear: both; width: 965px; }
 +
.col { width: 305px; padding: 0 25px 0 0; float: left; }
 +
.col:last-child { padding: 0; }
 +
.twocol { float: right; width: 635px; margin-top: 12px; }
 +
.twocol_subcontainer { margin-bottom: 10px; }
-
To be able to determain what the vlps and the medicine do in the human body we've constructed a human body model that is inspired by the model of the Slovenia 2012 team. With this model we are able to compare the traditional use of medicine with the use of our VLPs. If succesful it will open up a whole new era for the use of medicine.
+
.left { float: left; }
 +
.right { float: right; }
-
= Explanation of the model =
+
h2 { border-bottom: 2px solid #005172; }
 +
h2.ulc1 { border-color: #0d623c; }
 +
h2.ulc2 { border-color: #b92c33; }
-
Our model is constructed in such a way that each compartment of the model represent an organ or multiple organs with the same physical properties. We decided to have separate compartments for the kidneys, liver, lungs and the intestine. All other organs are grouped in the rapid or slowly perfused tissue. In the case study we made a new compartment between the intestine and the liver to represents the intestine tumor. (figure: flow scheme human body)
+
/* Slider */
 +
#header_slider {
 +
position: relative;
 +
height: 200px;
 +
overflow: hidden;
 +
background: url(https://static.igem.org/mediawiki/2012/b/bd/Slider1.jpg) left top no-repeat;
 +
}
 +
#header_slider > div.logo {
 +
position: absolute;
 +
top: 60px;
 +
left: -15px;
 +
z-index: 999;
 +
}
 +
#header_slider > div.logo a, #header_slider > div.logo img {
 +
height: 150px; width: 250px;
 +
border: 0;
 +
}
 +
.nivo-prevNav, .nivo-nextNav {
 +
font-size: 0;
 +
display: block;
 +
width: 32px;
 +
height: 32px;
 +
margin: 5px;
 +
}
 +
.nivo-prevNav { background: url(https://static.igem.org/mediawiki/2012/0/05/A_l.png) left center no-repeat; }
 +
.nivo-nextNav { background: url(https://static.igem.org/mediawiki/2012/a/a2/A_r.png) right center no-repeat; }
-
[[File:VLPflow.png500px]]
 
 +
/* Navigatie / menu */
 +
#navContainer { height: 25px; }
 +
#navContainer ul { list-style: none; padding: 0; margin: 0; float: left; }
 +
#navContainer ul li { float: left; position: relative; z-index: 5; }
 +
#navContainer ul li.hassubitems { background: url(https://static.igem.org/mediawiki/2012/e/ed/Submenuitems.png) 185px center no-repeat; }
 +
#navContainer ul li a, #navContainer ul li strong {
 +
display: block;
 +
padding: 0 20px 0 5px;
 +
text-decoration: none;
 +
border-bottom: 2px solid white;
 +
height: 25px;
 +
line-height: 25px;
 +
font-size: 12px;
 +
}
-
In our model we’ve used three different mass balance equations for an organ. The first mass balance describes the concentration of all the VLPs in the organ, this is to see the overall change in the VLP concentration. The second mass balance equation describes the concentration of the unbound VLPs. This is because the unbound particles can move freely into the body while the bound particles stays into the organ. (figure: flow scheme organ) The final mass balance equation is for the concentration of the medicine in the organ. With these three mass balance equation we’ve developed our model
+
#navContainer ul li a:hover, #navContainer ul li strong { text-decoration: none; border-bottom: 2px solid #0d623c; cursor: pointer; }
 +
#navContainer ul li.ulc1 a:hover, #navContainer ul li.ulc1 strong { border-color: #005172; }
 +
#navContainer ul li.ulc2 a:hover, #navContainer ul li.ulc2 strong { border-color: #b92c33; }
-
(figure: flow scheme organ)
+
#navContainer ul li ul li a:hover, #navContainer ul li.ulc1 ul li a:hover, #navContainer ul li.ulc2 ul li a:hover { border-bottom: 2px solid #0d623c; }
 +
#navContainer ul li ul li.ulc1 a:hover, #navContainer ul li ul li.ulc1 strong { border-color: #005172; }
 +
#navContainer ul li ul li.ulc2 a:hover, #navContainer ul li ul li.ulc2 strong { border-color: #b92c33; }
-
[[File:VLP1.png]]
+
#navContainer ul li > ul {
 +
visibility: hidden;
 +
position: absolute;
 +
left: 0px;
 +
top: 26px;
 +
background: white;
 +
box-shadow: 1px 1px 4px #666;
 +
z-index: 1;
 +
height: auto;
 +
min-width: 210px;
 +
opacity: 0;
 +
transition: opacity .25s linear;
 +
}
 +
#navContainer ul li:hover { z-index: 50; }
 +
#navContainer ul li:hover > ul {
 +
visibility: visible;
 +
z-index: 99;
 +
opacity: 1;
 +
}
 +
#navContainer ul li ul li { z-index: 199; float: none; }
-
== General mass balance equations for all the VLPs ==
+
#navContainer > ul > li > ul > li > ul {
-
The equations below describe the change in concentration of all the VLPs in the different organs. The mass balances for the different organs consists out of multiple parts. Each organ as at least an flow that describes the concentration of VLPs that come into the organs and a flow that describes the VLP concentration that goes out of the organ. Also each organ has a rate of decay incorporated into the mass balance to describe the falling apart of the VLPs in the different organs. The mass balance of the kidney has also an equation for the removal of the VLPs via the urinal track.
+
position: absolute;
 +
top: 0px;
 +
left: 200px;
 +
z-index: 900;
 +
}
-
''Slowly perfused tissue''
 
-
[[File:VLP1-1.png|center]]
 
-
''Rapid perfused tissue''
+
#socialmediaicons {
-
[[File:VLP2.PNG|center]]
+
float: right;
 +
margin-left: 10px;
 +
}
-
''Liver''
+
/* Body */
-
[[File:VLP3.png|center]]
+
#bodyContent {
 +
width: 965px;
 +
padding: 0 0 20px 0;
 +
}
-
''Kidney''
+
a.bigbutton, a.bigbutton:visited {
-
[[File:VLP4.png|center]]
+
display: block;
 +
overflow: hidden;
 +
color: #111;
 +
text-decoration: none;
 +
padding: 10px 10px 10px 80px;
 +
border-radius: 4px;
 +
min-height: 50px;
 +
background-color: #fff;
 +
background-repeat: no-repeat;
 +
background-position: 10px center;
 +
box-shadow: none;
 +
transition: all .25s linear;
 +
}
 +
a.bigbutton:hover {
 +
box-shadow: 1px 1px 3px #666;
 +
text-decoration: none;
 +
background-color: #ccc;
 +
}
 +
a.bConstructor { background-image: url(/wiki/images/6/61/Constructor.png); }
 +
a.bTeam        { background-image: url(/wiki/images/b/b8/WURTeam.png); }
 +
a.bPublication { background-image: url(/wiki/images/d/d0/Publication.png); }
 +
a.bUrl        { background-image: url(/wiki/images/0/05/Url.png); }
 +
a.bSource      { background-image: url(/wiki/images/b/b0/Source.png); }
 +
a.bPoster      { background-image: url(/wiki/images/f/fc/Poster.png); }
-
''Venous''
+
/* Footer */
-
[[File:VLP5.png|center]]
+
.footerbuttons {
 +
margin: 10px auto 10px auto;
 +
text-align: center;
 +
}
 +
.footerbuttons > a { margin: 0 12px 0 0; border: 0; text-decoration: none; transition: opacity .5s; }
 +
.footerbuttons > a:last-child { margin: 0; }
 +
.footerbuttons > a:hover { opacity: 0.8; }
 +
.footerbuttons img { border: 0; }
-
''Lung''
+
#contentfooter {
-
[[File:VLP6.png|center]]
+
width: 965px;
 +
clear: both;
 +
margin: 10px 0;
 +
padding: 20px 0;
 +
overflow: hidden;
 +
}
 +
#contentfooter .fcol {
 +
float: left;
 +
width: 320px;
 +
padding-right: 1px;
 +
}
 +
#contentfooter hr {
 +
border: 0; margin: 0; padding: 0;
 +
height: 2px;
 +
width: 100%;
 +
background: #b92c33;
 +
}
-
''Arterial''
 
-
[[File:VLP7.png|center]]
 
-
''Intestine Healthy''
+
/* 'To Top' button */
-
[[File:VLP8.png|center]]
+
#gototop {
 +
position: fixed;
 +
height: 30px;
 +
line-height: 30px;
 +
bottom: 15px;
 +
right: 15px;
 +
padding: 4px 18px 8px 16px;
 +
border: 1px solid #111;
 +
border-radius: 3px;
 +
background: white;
 +
z-index: 99;
 +
}
 +
#gototop a {
 +
display: block;
 +
background: url(https://static.igem.org/mediawiki/2012/d/da/Up.png) right center no-repeat;
 +
font-size: 18px;
 +
height: 27px;
 +
line-height: 30px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
color: #111;
 +
padding: 2px 36px 2px 2px;
 +
}
 +
#gototop a:hover {
 +
text-decoration: underline;
 +
color: #333;
 +
}
-
''Intestine Sick (Tumor)''
+
/* Home Overview */
-
[[File:VLP9.png|center]]
+
.homeOverview { position: relative; height: 720px; }
 +
.homeOverview > div { position: absolute; }
 +
.homeOverview > .homeVideo { top: 110px; left: 0; z-index: 5; max-height: 500px; }
 +
.homeOverview > .homeAbstract { top: 0; right: 0; width: 530px; z-index: 4; }
 +
.homeOverview > .homePO { bottom: 0; right: 0; z-index: 3; }
 +
.homeOverview > .homeLB { bottom: 0; left: 0; z-index: 2; }
 +
/* Home Medal Achievements */
 +
.achievement {
 +
padding: 3px 3px 3px 45px;
 +
border-radius: 3px;
 +
background: #dcdcdc url(https://static.igem.org/mediawiki/2012/2/2a/Check.png) 5px 5px no-repeat;
 +
box-shadow: 2px 2px 5px #666;
 +
margin: 0 0 20px 0;
 +
cursor: pointer;
 +
min-height: 40px;
 +
transition: background-color .5s;
 +
}
 +
.achievement.gold { background: #dcdcdc url(https://static.igem.org/mediawiki/2012/f/f0/Medal_gold.png) 5px 5px no-repeat; }
 +
.achievement.silver { background: #dcdcdc url(https://static.igem.org/mediawiki/2012/d/dd/Medal_silver.png) 5px 5px no-repeat; }
 +
.achievement.bronze { background: #dcdcdc url(https://static.igem.org/mediawiki/2012/8/86/Medal_bronze.png) 5px 5px no-repeat; }
 +
.achievement.software { background: #dcdcdc url(https://static.igem.org/mediawiki/2012/c/cd/Medal_software.png) 5px 5px no-repeat; }
 +
.achievement.pending { background: #dcdcdc url(https://static.igem.org/mediawiki/2012/1/11/Hourglass.png) 5px 4px no-repeat; }
 +
.achievement:hover { background-color: #22ee22; }
 +
.achievement.pending:hover { background-color: #555; }
 +
.achievement .achievement-desc {
 +
display: none;
 +
margin-left: -37px;
 +
font-style: italic;
 +
}
-
== General mass balance equations for the unbound VLPs ==
+
/* Project Overview Graphic */
-
Besides needing an equation to describe the change in concentration of all the VLPs, we also need an equation to describe the change in concentration of the unbound VLPs for each organ. The mass balances for the different organs consists out of multiple parts. The mass balances are similar to the mass balance for all the VLPs, with a slight difference, it’s has a rate of VLP attachment. This rate describes the attachment of the VLPs onto the surface of the cell.
+
#projectOverview {
 +
height: 600px;
 +
margin-bottom: 20px;
 +
background: url(/wiki/images/4/4c/Vlp.png) center top no-repeat;
 +
position: relative;
 +
}
 +
#projectOverview > div.buttonbox {
 +
position: absolute;
 +
width: 221px;
 +
height: 106px;
 +
background-color: white;
 +
border: 1px solid #ccc;
 +
border-radius: 3px;
 +
}
 +
#projectOverview > div.buttonbox:hover { background: #ccc; cursor: pointer; box-shadow: 1px 1px 3px #999; }
 +
#projectOverview > div.buttonbox a {
 +
text-decoration: none;
 +
display: block;
 +
padding: 8px;
 +
border-radius: 3px;
 +
width: 205px;
 +
height: 90px;
 +
text-align: center;
 +
font-size: 18pt;
 +
line-height: 45px;
 +
color: #555;
 +
font-weight: bold;
 +
}
 +
#projectOverview > div.buttonbox a:hover { text-decoration: none; }
-
''Rapid perfused tissue''
+
#projectOverview > div.buttonbox.justoneline a { line-height: 90px; }
-
[[File:VLP10.png|center]]
+
-
''Slowly perfused tissue''
+
#poIntroduction  { top: 0px;  left:  270px; }
-
[[File:VLP11.png|center]]
+
#poPnas          { top: 0px;  right: 230px; }
 +
#poVLPs          { top: 120px; right: 130px; }
 +
#poOutside        { top: 240px; right:  30px; }
 +
#poInside        { top: 360px; right: 130px; }
 +
#poDetection      { top: 480px; right: 230px; }
 +
#poApplications  { top: 480px; left:  270px; }
 +
#poTheConstructor { top: 360px; left:  160px; }
 +
#poFinalOverview  { top: 240px; left:   60px; }
-
''Liver''
+
/*
-
[[File:VLP12.png|center]]
+
#poIntroduction  { top: 0px;  left:  300px; }
 +
#poPnas          { top: 0px;  right: 200px; }
 +
#poVLPs          { top: 120px; right: 100px; }
 +
#poOutside        { top: 240px; right:  0px; }
 +
#poInside        { top: 360px; right: 100px; }
 +
#poDetection      { top: 480px; right: 200px; }
 +
#poApplications  { top: 480px; left:  300px; }
 +
#poTheConstructor { top: 360px; left:  100px; }
 +
#poFinalOverview  { top: 240px; left:    0px; }
 +
*/
-
''Kidney''
+
#projectOverview > div p {
-
[[File:VLP13.png|center]]
+
margin: 8px 0; padding: 0;
 +
}
-
''Venous''
+
#poLoading {
-
[[File:VLP14.png|center]]
+
position: absolute;
 +
display: none;
 +
z-index: 999;
 +
font-size: 16pt;
 +
color: white;
 +
font-weight: bold;
 +
text-align: center;
 +
left: 0; right: 0; top: 0; bottom: 0;
 +
padding: 100px;
 +
background: #111;
 +
background: rgba(0,0,0,0.4);
 +
}
 +
#poText {
 +
position: absolute;
 +
display: none;
 +
top: 20px; bottom: 20px;
 +
left: 240px; right: 240px;
 +
padding: 20px;
 +
background: white;
 +
background: rgba(255,255,255,0.9);
 +
border: 1px solid #111;
 +
overflow: auto;
 +
z-index: 998;
 +
border-radius: 3px;
 +
}
 +
#poTextClose {
 +
position: absolute;
 +
display: none;
 +
top: 21px;
 +
right: 256px;
 +
width: 20px;
 +
height: 20px;
 +
background: #eee;
 +
color: #111;
 +
font-weight: bold;
 +
text-align: center;
 +
font-size: 18px;
 +
line-height: 20px;
 +
z-index: 999;
 +
cursor: pointer;
 +
border-radius: 3px;
 +
}
-
''Lung''
 
-
[[File:VLP15.png|center]]
 
-
''Arterial''
+
/* Project Overview Graphic V2 */
-
[[File:VLP16.png|center]]
+
-
''Intestine Healthy''
+
#prOv {
-
[[File:VLP17.png|center]]
+
width: 635px;
 +
height: 600px;
 +
position: relative;
 +
background: url(/wiki/images/4/4c/Vlp.png) -275px top no-repeat;
 +
}
 +
#prOv > div {
 +
position: absolute;
 +
padding: 10px;
 +
background: #dedede;
 +
border: 1px solid #999;
 +
border-radius: 3px;
 +
}
 +
#prOv > div > a {
 +
display: table-cell;
 +
text-align: center;
 +
width: 170px;
 +
height: 90px;
 +
vertical-align: middle;
 +
font-size: 18pt;
 +
}
-
''Intestine Sick (Tumor)''
+
#prOvIntroduction  { top:  0px; left:  0px; }
-
[[File:VLP18.png|center]]
+
#prOvPnas          { top:  0px; left: 200px; }
 +
#prOvVLPs          { top:  0px; left: 400px; }
 +
#prOvOutside        { top: 120px; left: 400px; }
 +
#prOvInside        { top: 240px; left: 400px; }
 +
#prOvDetection      { top: 360px; left: 400px; }
 +
#prOvApplications  { top: 480px; left: 400px; }
 +
#prOvTheConstructor { top: 480px; left: 200px; }
 +
#prOvFinalOverview  { top: 480px; left:   0px; }
-
== General mass balance equations for the medicine ==
+
div.homebuttonsleft { padding-top: 12px; }
-
The last set of mass balances are for the change of concentration of the medicine in the different organs. These equations consists out of multiple parts, similar to the previous set of mass balances. Each organ as at least an flow that describes the concentration of medicine that come into the organs and a flow that describes the medicine concentration that goes out of the organ. Also each organ has a rate of decay incorporated into the mass balance to describe the decay of medicine in the different organs. The mass balance of the kidney has also an equation for the removal of the medicine via the urinal track.
+
div.homebuttonsleft > a {
 +
display: block;
 +
/*width: 305px;
 +
height: 170px;*/
 +
width: 285px;
 +
height: 150px;
 +
padding: 10px;
 +
border: 1px solid #999;
 +
border-radius: 3px;
 +
margin: 12px 0px;
 +
font-size: 9pt;
 +
color: #111;
 +
}
 +
div.homebuttonsleft > a:hover { text-decoration: none; }
 +
div.homebuttonsleft > a.hbl2 { background: #005172; }
 +
div.homebuttonsleft > a.hbl3 { background: #0d623c; }
 +
div.homebuttonsleft > a.hbl2:hover { background: #cbd5d8; }
 +
div.homebuttonsleft > a.hbl3:hover { background: #118450; }
-
''Rapid perfused tissue''
+
div.homebuttonsleft > a > h2 { font-size: 11pt; border-bottom-color: #b92c33; }
-
[[File:VLP19.png|center]]
+
div.homebuttonsleft > a > p  { font-size:  9pt; }
-
''Slowly perfused tissue''
 
-
[[File:VLP20.png|center]]
 
-
''Intestine Healthy''
+
/* Team */
-
[[File:VLP21.png|center]]
+
#teamScatter { position: relative; overflow: hidden; }
 +
#teamScatter > div.Hover {
 +
position: absolute;
 +
float: left;
 +
width: 200px;
 +
height: 25px;
 +
text-align: center;
 +
font-size: 20px;
 +
line-height: 25px;
 +
color: #555;
 +
background: white;
 +
opacity: 0.9;
 +
border-radius: 4px;
 +
box-shadow: 1px 1px 3px #666;
 +
}
-
''Intestine Sick (Tumor)''
+
/* 'Hacks' */
-
[[File:VLP22.png|center]]
+
#content {
 +
border: 10px solid white;
 +
border-top: 2px solid white;
 +
padding: 0;
 +
margin: 10px auto 0 auto;
 +
box-shadow: 0 1px 4px #888;
 +
}
 +
.firstHeading,
 +
#search-controls,
 +
#catlinks,
 +
#toc,
 +
#p-logo { display: none; }
 +
#top-section { height: 18px; border: 0; }
 +
#menubar {
 +
background: transparent;
 +
padding: 0;
 +
top: 0;
 +
}
 +
.left-menu:hover { background: transparent; }
 +
.left-menu a, .left-menu:hover a { color: black; }
 +
.right-menu li a { background: transparent; color: black; }
 +
#footer-box { margin-top: 50px; }
-
''Liver''
 
-
[[File:VLP23.png|center]]
 
-
''Kidney''
 
-
[[File:VLP24.png|center]]
 
-
''Venous''
 
-
[[File:VLP25.png|center]]
 
-
''Lung''
 
-
[[File:VLP26.png|center]]
 
-
''Arterial''
 
-
[[File:VLP27.png|center]]
 
-
= Case study: colorectal cancer =
+
/* Nivo CSS: */
 +
/*
 +
* jQuery Nivo Slider v3.0.1
 +
* http://nivo.dev7studios.com
 +
*
 +
* Copyright 2012, Dev7studios
 +
* Free to use and abuse under the MIT license.
 +
* http://www.opensource.org/licenses/mit-license.php
 +
*/
 +
 +
/* The Nivo Slider styles */
 +
.nivoSlider {
 +
position:relative;
 +
width:100%;
 +
height:auto;
 +
overflow: hidden;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
.nivo-main-image {
 +
display: block !important;
 +
position: relative !important;
 +
width: 100% !important;
 +
}
-
As our case study to use the human body model, we used colorectal cancer. Cancer as a disease is very destructive and is responsible for the deaths of millions. In 2007, 13% of all the deaths were cancer related [1]. We chose colorectal cancer because in Europe the 5 year survival the disease is less than 60% [2]. If our treatment shows a better treatment we can help the people to fight off the cancer.
+
/* If an image is wrapped in a link */
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:6;
 +
display:none;
 +
}
 +
/* The slices and boxes in the Slider */
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
height:100%;
 +
top:0;
 +
}
 +
.nivo-box {
 +
display:block;
 +
position:absolute;
 +
z-index:5;
 +
overflow:hidden;
 +
}
 +
.nivo-box img { display:block; }
-
== Treatment of Colorectal cancer ==
+
/* Caption styles */
-
The conventional way to treat colorectal cancer includes surgery and chemotherapy if the cancer is detected in an early stage, when it detected in a later stage treatment is often directed more at extending life and keeping people comfortable [2]. The agents used for chemotherapy are fluorouracil, capecitabine, UFT, leucovorin, irinotecan, or oxaliplatin. Side effects of the agents are:
+
.nivo-caption {
-
<ul>
+
position:absolute;
-
<li>Acute central nervous system damage</li>
+
left:0px;
-
<li>Bone marrow suppression</li>
+
bottom:0px;
-
<li>Mucositis, inflammation of the mucus membranes of the GI track</li>
+
background:#000;
-
<li>Dermatitis, inflammation of the skin</li>
+
color:#fff;
-
<li>Diarrhoea</li>
+
width:100%;
-
<li>Nausea</li>
+
z-index:8;
-
<li>and many more</li>
+
padding: 5px 10px;
-
</ul>
+
opacity: 0.8;
 +
overflow: hidden;
 +
display: none;
 +
-moz-opacity: 0.8;
 +
filter:alpha(opacity=8);
 +
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 +
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
 +
box-sizing: border-box;        /* Opera/IE 8+ */
 +
}
 +
.nivo-caption p {
 +
padding:5px;
 +
margin:0;
 +
}
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
/* Direction nav styles (e.g. Next & Prev) */
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:9;
 +
cursor:pointer;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
/* Control nav styles (e.g. 1,2,3...) */
 +
.nivo-controlNav {
 +
text-align:center;
 +
padding: 15px 0;
 +
}
 +
.nivo-controlNav a {
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
 +
}
-
We believe, if we can focus the agent around the tumor we’ll able to reduce the side effect and create a better chemotherapy treatment for cancer patients.
 
-
== Parameters ==
 
-
For the distribution of VLPs throughout the human body, used parameters were obtained from the documentation Slovenia 2012 or from literature sources [3]. The estimated parameters for the organs in table XXX are explained as followed: Blood-flow, the amount of blood in liters flushing throughout the organs, Volumes, the size of the organ, Receptor, the concentration of receptors in &micro;M and the partition coefficient of the medicine that is packaged within the VLP.
 
-
{| class="wikitable" style="text-align: center; color: black;"
 
-
|+ Table 1: organ specific parameters
 
-
|-
 
-
|Organ||Blood-flow [L/min]||Volume [L]||Receptor 1 [uM]||Partition coefficient medicine
 
-
|-
 
-
|Slowly perfused tissue||2.12||53.2||0.237||100
 
-
|-
 
-
|Rapidly perfused tissue||1||3.61||0.237||100
 
-
|-
 
-
|Kidney||1.06||0.31||0.237||100
 
-
|-
 
-
|Liver||1.4||1.82||0.237||100
 
-
|-
 
-
|Lung||5.58||0.56||0.237||100
 
-
|-
 
-
|Intestine Healthy||0.94||4.41||0.237||100
 
-
|-
 
-
|Tumor||0.1||0.49||10.716||100
 
-
|-
 
-
|Arterial||5.58||1.7||0.237||100
 
-
|-
 
-
|Venous||5.58||3.9||237||100
 
-
|}
 
-
Parameters that were estimated for non organ variables are found in table 2 and are explained as followed. Affinity constant for receptor, is the binding affinity of the VLPs to the receptor on the cell surface. VLP elimination rate is the half-life of the VLPs. VLP Renal removal rate is the removal rate of the VLPs within the kidneys [4]. Medicine elimination rate is the removal/degradation of the medicine within the human body [5]. The last parameter is the packaging constant which encapsulate the amount of medicine in &micro;mol? within a single VLP.
 
-
{| class="wikitable" style="text-align: center; color: black;"
 
-
|+ Table 2: non-organ specific parameters
 
-
|-
 
-
|Affinity constant for receptor||0.001
 
-
|-
 
-
|VLP elimination rate||0.000143
 
-
|-
 
-
|VLP Renal removal rate||0.000403
 
-
|-
 
-
|Medicine elimination rate||0.05
 
-
|-
 
-
|Packaging constant||300
 
-
|}
 
-
== Results ==
 
-
''Concentration over time of VLP within the human body according to the model''
+
/* FancyBox CSS: */
-
----
+
-
[[File:VLPconcWITHMED.png]]
+
-
''Concentration over time of medicine within the human body according to the model''
+
/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
-
----
+
.fancybox-wrap,
-
[[File:VLPWITHMEDconc.png]]
+
.fancybox-skin,
 +
.fancybox-outer,
 +
.fancybox-inner,
 +
.fancybox-image,
 +
.fancybox-wrap iframe,
 +
.fancybox-wrap object,
 +
.fancybox-nav,
 +
.fancybox-nav span,
 +
.fancybox-tmp
 +
{
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
outline: none;
 +
vertical-align: top;
 +
}
-
''Concentration over time of the medicine when not packaged within a VLP''
+
.fancybox-wrap {
-
----
+
position: absolute;
-
[[File:MEDconc.png]]
+
top: 0;
 +
left: 0;
 +
z-index: 8020;
 +
}
-
== Discussion/Conclusion ==
+
.fancybox-skin {
-
Mark/Jasper
+
position: relative;
 +
background: #f9f9f9;
 +
color: #444;
 +
text-shadow: none;
 +
-webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
        border-radius: 4px;
 +
}
-
= Remarks =
+
.fancybox-opened {
 +
z-index: 8030;
 +
}
-
With this model it becomes possible to simulate the VLP and medicine distribution in the human body. However this model, like every model, has it's limitations. In this paragraph we'll discus the limitations and it's possibilities of this model and how we can improve this model.
+
.fancybox-opened .fancybox-skin {
 +
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 +
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 +
}
-
== Important parameters ==
+
.fancybox-outer, .fancybox-inner {
 +
position: relative;
 +
}
-
One of the major limitations of every model is the lack of information to determine the parameters. This is the same in this model, shown below is a list of the parameters we've estimated by the little information we've had. If better information becomes available we'll be able to predict a more precise simulation on how the medicine distribute around the body.
+
.fancybox-inner {
 +
overflow: hidden;
 +
}
-
<ol>
+
.fancybox-type-iframe .fancybox-inner {
-
<li>Ratio of receptor concentration between tumor and healthy tissue</li>
+
-webkit-overflow-scrolling: touch;
-
<li>Stability of the VLP</li>
+
}
-
<li>Packaging quantity of the VLP</li>
+
-
<li>Binding affinity of the VLP to the receptor</li>
+
-
<li>Medicine absorption of tumor / healthy cells</li>
+
-
<li>Distribution of receptors on cell surface</li>
+
-
</ol>
+
-
== Possibilities of the model ==
+
.fancybox-error {
 +
color: #444;
 +
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
margin: 0;
 +
padding: 15px;
 +
white-space: nowrap;
 +
}
-
Though there are several limitations in the model, the model can be used for different scenarios involving the use of VLPs. With minor modifications the model is able
+
.fancybox-image, .fancybox-iframe {
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
}
-
== Future work ==
+
.fancybox-image {
 +
max-width: 100%;
 +
max-height: 100%;
 +
}
-
To improve this model several things cn be done. First of all...... Besides .......
+
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 +
background-image: url('/wiki/images/5/55/Fancybox_sprite.png');
 +
}
-
= References =
+
#fancybox-loading {
-
<ol>
+
position: fixed;
-
<li></li>
+
top: 50%;
-
<li></li>
+
left: 50%;
-
<li>Benjamin L. Shneider; Sherman, Philip M, Pediatric Gastrointestinal Disease, 2008,Connecticut: PMPH-USA. pp. 751.</li>
+
margin-top: -22px;
-
<li>Kaiser CR, et al., Biodistribution studies of protein cage nanoparticles demonstrate broad tissue distribution and rapid clearance in vivo, 2007, Int J Nanomedicine, 2(4):715-33.</li>
+
margin-left: -22px;
-
<li></li>
+
background-position: 0 -108px;
-
</ol>
+
opacity: 0.8;
 +
cursor: pointer;
 +
z-index: 8060;
 +
}
 +
 
 +
#fancybox-loading div {
 +
width: 44px;
 +
height: 44px;
 +
background: url('/wiki/images/d/d0/Fancybox_loading.gif') center center no-repeat;
 +
}
 +
 
 +
.fancybox-close {
 +
position: absolute;
 +
top: -18px;
 +
right: -18px;
 +
width: 36px;
 +
height: 36px;
 +
cursor: pointer;
 +
z-index: 8040;
 +
}
 +
 
 +
.fancybox-nav {
 +
position: absolute;
 +
top: 0;
 +
width: 40%;
 +
height: 100%;
 +
cursor: pointer;
 +
text-decoration: none;
 +
background: transparent url('/wiki/images/c/c0/Blank.gif'); /* helps IE */
 +
-webkit-tap-highlight-color: rgba(0,0,0,0);
 +
z-index: 8040;
 +
}
 +
 
 +
.fancybox-prev {
 +
left: 0;
 +
}
 +
 
 +
.fancybox-next {
 +
right: 0;
 +
}
 +
 
 +
.fancybox-nav span {
 +
position: absolute;
 +
top: 50%;
 +
width: 36px;
 +
height: 34px;
 +
margin-top: -18px;
 +
cursor: pointer;
 +
z-index: 8040;
 +
visibility: hidden;
 +
}
 +
 
 +
.fancybox-prev span {
 +
left: 10px;
 +
background-position: 0 -36px;
 +
}
 +
 
 +
.fancybox-next span {
 +
right: 10px;
 +
background-position: 0 -72px;
 +
}
 +
 
 +
.fancybox-nav:hover span {
 +
visibility: visible;
 +
}
 +
 
 +
.fancybox-tmp {
 +
position: absolute;
 +
top: -9999px;
 +
left: -9999px;
 +
visibility: hidden;
 +
}
 +
 
 +
/* Overlay helper */
 +
 
 +
.fancybox-lock {
 +
overflow: hidden;
 +
}
 +
 
 +
.fancybox-overlay {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
overflow: hidden;
 +
display: none;
 +
z-index: 8010;
 +
background: url('/wiki/images/e/e0/Fancybox_overlay.png');
 +
}
 +
 
 +
.fancybox-overlay-fixed {
 +
position: fixed;
 +
bottom: 0;
 +
right: 0;
 +
}
 +
 
 +
.fancybox-lock .fancybox-overlay {
 +
overflow: auto;
 +
overflow-y: scroll;
 +
}
 +
 
 +
/* Title helper */
 +
 
 +
.fancybox-title {
 +
visibility: hidden;
 +
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 +
position: relative;
 +
text-shadow: none;
 +
z-index: 8050;
 +
}
 +
 
 +
.fancybox-opened .fancybox-title {
 +
visibility: visible;
 +
}
 +
 
 +
.fancybox-title-float-wrap {
 +
position: absolute;
 +
bottom: 0;
 +
right: 50%;
 +
margin-bottom: -35px;
 +
z-index: 8050;
 +
text-align: center;
 +
}
 +
 
 +
.fancybox-title-float-wrap .child {
 +
display: inline-block;
 +
margin-right: -100%;
 +
padding: 2px 20px;
 +
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
 +
background: rgba(0, 0, 0, 0.8);
 +
-webkit-border-radius: 15px;
 +
  -moz-border-radius: 15px;
 +
        border-radius: 15px;
 +
text-shadow: 0 1px 2px #222;
 +
color: #FFF;
 +
font-weight: bold;
 +
line-height: 24px;
 +
white-space: nowrap;
 +
}
 +
 
 +
.fancybox-title-outside-wrap {
 +
position: relative;
 +
margin-top: 10px;
 +
color: #fff;
 +
}
 +
 
 +
.fancybox-title-inside-wrap {
 +
padding-top: 10px;
 +
}
 +
 
 +
.fancybox-title-over-wrap {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
color: #fff;
 +
padding: 10px;
 +
background: #000;
 +
background: rgba(0, 0, 0, .8);
 +
}

Revision as of 12:41, 26 October 2012

/*

  • Kleuren:
  • - Zwart: 000000
  • - Blauw/grijs: 005172, cbd5d8, e3e9ea
  • - Groen: 0d623c, 118450, 16ad69
  • - Rood: b92c33
  • /

/* General */ body { background: white url(WUR_background.jpg); font-family: Tahoma, Geneva, sans-serif; } .hidden { display: none; }

.cols { clear: both; width: 965px; } .col { width: 305px; padding: 0 25px 0 0; float: left; } .col:last-child { padding: 0; } .twocol { float: right; width: 635px; margin-top: 12px; } .twocol_subcontainer { margin-bottom: 10px; }

.left { float: left; } .right { float: right; }

h2 { border-bottom: 2px solid #005172; } h2.ulc1 { border-color: #0d623c; } h2.ulc2 { border-color: #b92c33; }

/* Slider */

  1. header_slider {

position: relative; height: 200px; overflow: hidden; background: url(Slider1.jpg) left top no-repeat; }

  1. header_slider > div.logo {

position: absolute; top: 60px; left: -15px; z-index: 999; }

  1. header_slider > div.logo a, #header_slider > div.logo img {

height: 150px; width: 250px; border: 0; } .nivo-prevNav, .nivo-nextNav { font-size: 0; display: block; width: 32px; height: 32px; margin: 5px; } .nivo-prevNav { background: url(A_l.png) left center no-repeat; } .nivo-nextNav { background: url(A_r.png) right center no-repeat; }


/* Navigatie / menu */

  1. navContainer { height: 25px; }
  2. navContainer ul { list-style: none; padding: 0; margin: 0; float: left; }
  3. navContainer ul li { float: left; position: relative; z-index: 5; }
  4. navContainer ul li.hassubitems { background: url(Submenuitems.png) 185px center no-repeat; }
  5. navContainer ul li a, #navContainer ul li strong {

display: block; padding: 0 20px 0 5px; text-decoration: none; border-bottom: 2px solid white; height: 25px; line-height: 25px; font-size: 12px; }

  1. navContainer ul li a:hover, #navContainer ul li strong { text-decoration: none; border-bottom: 2px solid #0d623c; cursor: pointer; }
  2. navContainer ul li.ulc1 a:hover, #navContainer ul li.ulc1 strong { border-color: #005172; }
  3. navContainer ul li.ulc2 a:hover, #navContainer ul li.ulc2 strong { border-color: #b92c33; }
  1. navContainer ul li ul li a:hover, #navContainer ul li.ulc1 ul li a:hover, #navContainer ul li.ulc2 ul li a:hover { border-bottom: 2px solid #0d623c; }
  2. navContainer ul li ul li.ulc1 a:hover, #navContainer ul li ul li.ulc1 strong { border-color: #005172; }
  3. navContainer ul li ul li.ulc2 a:hover, #navContainer ul li ul li.ulc2 strong { border-color: #b92c33; }
  1. navContainer ul li > ul {

visibility: hidden; position: absolute; left: 0px; top: 26px; background: white; box-shadow: 1px 1px 4px #666; z-index: 1; height: auto; min-width: 210px; opacity: 0; transition: opacity .25s linear; }

  1. navContainer ul li:hover { z-index: 50; }
  2. navContainer ul li:hover > ul {

visibility: visible; z-index: 99; opacity: 1; }

  1. navContainer ul li ul li { z-index: 199; float: none; }
  1. navContainer > ul > li > ul > li > ul {

position: absolute; top: 0px; left: 200px; z-index: 900; }


  1. socialmediaicons {

float: right; margin-left: 10px; }

/* Body */

  1. bodyContent {

width: 965px; padding: 0 0 20px 0; }

a.bigbutton, a.bigbutton:visited { display: block; overflow: hidden; color: #111; text-decoration: none; padding: 10px 10px 10px 80px; border-radius: 4px; min-height: 50px; background-color: #fff; background-repeat: no-repeat; background-position: 10px center; box-shadow: none; transition: all .25s linear; } a.bigbutton:hover { box-shadow: 1px 1px 3px #666; text-decoration: none; background-color: #ccc; } a.bConstructor { background-image: url(/wiki/images/6/61/Constructor.png); } a.bTeam { background-image: url(/wiki/images/b/b8/WURTeam.png); } a.bPublication { background-image: url(/wiki/images/d/d0/Publication.png); } a.bUrl { background-image: url(/wiki/images/0/05/Url.png); } a.bSource { background-image: url(/wiki/images/b/b0/Source.png); } a.bPoster { background-image: url(/wiki/images/f/fc/Poster.png); }

/* Footer */ .footerbuttons { margin: 10px auto 10px auto; text-align: center; } .footerbuttons > a { margin: 0 12px 0 0; border: 0; text-decoration: none; transition: opacity .5s; } .footerbuttons > a:last-child { margin: 0; } .footerbuttons > a:hover { opacity: 0.8; } .footerbuttons img { border: 0; }

  1. contentfooter {

width: 965px; clear: both; margin: 10px 0; padding: 20px 0; overflow: hidden; }

  1. contentfooter .fcol {

float: left; width: 320px; padding-right: 1px; }

  1. contentfooter hr {

border: 0; margin: 0; padding: 0; height: 2px; width: 100%; background: #b92c33; }


/* 'To Top' button */

  1. gototop {

position: fixed; height: 30px; line-height: 30px; bottom: 15px; right: 15px; padding: 4px 18px 8px 16px; border: 1px solid #111; border-radius: 3px; background: white; z-index: 99; }

  1. gototop a {

display: block; background: url(Up.png) right center no-repeat; font-size: 18px; height: 27px; line-height: 30px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #111; padding: 2px 36px 2px 2px; }

  1. gototop a:hover {

text-decoration: underline; color: #333; }

/* Home Overview */ .homeOverview { position: relative; height: 720px; } .homeOverview > div { position: absolute; } .homeOverview > .homeVideo { top: 110px; left: 0; z-index: 5; max-height: 500px; } .homeOverview > .homeAbstract { top: 0; right: 0; width: 530px; z-index: 4; } .homeOverview > .homePO { bottom: 0; right: 0; z-index: 3; } .homeOverview > .homeLB { bottom: 0; left: 0; z-index: 2; }

/* Home Medal Achievements */ .achievement { padding: 3px 3px 3px 45px; border-radius: 3px; background: #dcdcdc url(Check.png) 5px 5px no-repeat; box-shadow: 2px 2px 5px #666; margin: 0 0 20px 0; cursor: pointer; min-height: 40px; transition: background-color .5s; } .achievement.gold { background: #dcdcdc url(Medal_gold.png) 5px 5px no-repeat; } .achievement.silver { background: #dcdcdc url(Medal_silver.png) 5px 5px no-repeat; } .achievement.bronze { background: #dcdcdc url(Medal_bronze.png) 5px 5px no-repeat; } .achievement.software { background: #dcdcdc url(Medal_software.png) 5px 5px no-repeat; } .achievement.pending { background: #dcdcdc url(Hourglass.png) 5px 4px no-repeat; } .achievement:hover { background-color: #22ee22; } .achievement.pending:hover { background-color: #555; } .achievement .achievement-desc { display: none; margin-left: -37px; font-style: italic; }

/* Project Overview Graphic */

  1. projectOverview {

height: 600px; margin-bottom: 20px; background: url(/wiki/images/4/4c/Vlp.png) center top no-repeat; position: relative; }

  1. projectOverview > div.buttonbox {

position: absolute; width: 221px; height: 106px; background-color: white; border: 1px solid #ccc; border-radius: 3px; }

  1. projectOverview > div.buttonbox:hover { background: #ccc; cursor: pointer; box-shadow: 1px 1px 3px #999; }
  2. projectOverview > div.buttonbox a {

text-decoration: none; display: block; padding: 8px; border-radius: 3px; width: 205px; height: 90px; text-align: center; font-size: 18pt; line-height: 45px; color: #555; font-weight: bold; }

  1. projectOverview > div.buttonbox a:hover { text-decoration: none; }
  1. projectOverview > div.buttonbox.justoneline a { line-height: 90px; }
  1. poIntroduction { top: 0px; left: 270px; }
  2. poPnas { top: 0px; right: 230px; }
  3. poVLPs { top: 120px; right: 130px; }
  4. poOutside { top: 240px; right: 30px; }
  5. poInside { top: 360px; right: 130px; }
  6. poDetection { top: 480px; right: 230px; }
  7. poApplications { top: 480px; left: 270px; }
  8. poTheConstructor { top: 360px; left: 160px; }
  9. poFinalOverview { top: 240px; left: 60px; }

/*

  1. poIntroduction { top: 0px; left: 300px; }
  2. poPnas { top: 0px; right: 200px; }
  3. poVLPs { top: 120px; right: 100px; }
  4. poOutside { top: 240px; right: 0px; }
  5. poInside { top: 360px; right: 100px; }
  6. poDetection { top: 480px; right: 200px; }
  7. poApplications { top: 480px; left: 300px; }
  8. poTheConstructor { top: 360px; left: 100px; }
  9. poFinalOverview { top: 240px; left: 0px; }
  • /
  1. projectOverview > div p {

margin: 8px 0; padding: 0; }

  1. poLoading {

position: absolute; display: none; z-index: 999; font-size: 16pt; color: white; font-weight: bold; text-align: center; left: 0; right: 0; top: 0; bottom: 0; padding: 100px; background: #111; background: rgba(0,0,0,0.4); }

  1. poText {

position: absolute; display: none; top: 20px; bottom: 20px; left: 240px; right: 240px; padding: 20px; background: white; background: rgba(255,255,255,0.9); border: 1px solid #111; overflow: auto; z-index: 998; border-radius: 3px; }

  1. poTextClose {

position: absolute; display: none; top: 21px; right: 256px; width: 20px; height: 20px; background: #eee; color: #111; font-weight: bold; text-align: center; font-size: 18px; line-height: 20px; z-index: 999; cursor: pointer; border-radius: 3px; }


/* Project Overview Graphic V2 */

  1. prOv {

width: 635px; height: 600px; position: relative; background: url(/wiki/images/4/4c/Vlp.png) -275px top no-repeat; }

  1. prOv > div {

position: absolute; padding: 10px; background: #dedede; border: 1px solid #999; border-radius: 3px; }

  1. prOv > div > a {

display: table-cell; text-align: center; width: 170px; height: 90px; vertical-align: middle; font-size: 18pt; }

  1. prOvIntroduction { top: 0px; left: 0px; }
  2. prOvPnas { top: 0px; left: 200px; }
  3. prOvVLPs { top: 0px; left: 400px; }
  4. prOvOutside { top: 120px; left: 400px; }
  5. prOvInside { top: 240px; left: 400px; }
  6. prOvDetection { top: 360px; left: 400px; }
  7. prOvApplications { top: 480px; left: 400px; }
  8. prOvTheConstructor { top: 480px; left: 200px; }
  9. prOvFinalOverview { top: 480px; left: 0px; }

div.homebuttonsleft { padding-top: 12px; } div.homebuttonsleft > a { display: block; /*width: 305px; height: 170px;*/ width: 285px; height: 150px; padding: 10px; border: 1px solid #999; border-radius: 3px; margin: 12px 0px; font-size: 9pt; color: #111; } div.homebuttonsleft > a:hover { text-decoration: none; } div.homebuttonsleft > a.hbl2 { background: #005172; } div.homebuttonsleft > a.hbl3 { background: #0d623c; } div.homebuttonsleft > a.hbl2:hover { background: #cbd5d8; } div.homebuttonsleft > a.hbl3:hover { background: #118450; }

div.homebuttonsleft > a > h2 { font-size: 11pt; border-bottom-color: #b92c33; } div.homebuttonsleft > a > p { font-size: 9pt; }


/* Team */

  1. teamScatter { position: relative; overflow: hidden; }
  2. teamScatter > div.Hover {

position: absolute; float: left; width: 200px; height: 25px; text-align: center; font-size: 20px; line-height: 25px; color: #555; background: white; opacity: 0.9; border-radius: 4px; box-shadow: 1px 1px 3px #666; }

/* 'Hacks' */

  1. content {

border: 10px solid white; border-top: 2px solid white; padding: 0; margin: 10px auto 0 auto; box-shadow: 0 1px 4px #888; } .firstHeading,

  1. search-controls,
  2. catlinks,
  3. toc,
  4. p-logo { display: none; }
  5. top-section { height: 18px; border: 0; }
  6. menubar {

background: transparent; padding: 0; top: 0; } .left-menu:hover { background: transparent; } .left-menu a, .left-menu:hover a { color: black; } .right-menu li a { background: transparent; color: black; }

  1. footer-box { margin-top: 50px; }




/* Nivo CSS: */ /* 

* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; }

/* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { 

   display:none;

} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }




/* FancyBox CSS: */

/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

  1. fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

background-image: url('/wiki/images/5/55/Fancybox_sprite.png'); }

  1. fancybox-loading {

position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

  1. fancybox-loading div {

width: 44px; height: 44px; background: url('/wiki/images/d/d0/Fancybox_loading.gif') center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/wiki/images/c/c0/Blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

/* Overlay helper */

.fancybox-lock { overflow: hidden; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/wiki/images/e/e0/Fancybox_overlay.png'); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

Retrieved from "http://2012.igem.org/Team:Wageningen_UR/HumanBody"