Difference between revisions of "Msc2G3:Page1"

From cs
Jump to: navigation, search
 
(39 intermediate revisions by one user not shown)
Line 8: Line 8:
 
height: 30px;
 
height: 30px;
 
margin: 0px;
 
margin: 0px;
margin-bottom: -7px;
+
margin-bottom: 0px;
margin-top: -7px;
+
margin-top: -20px;
 
padding: 0px;
 
padding: 0px;
 
border: 0px;
 
border: 0px;
background: #808284;}
+
background: #514E4F;}
  
 
div#Namecontainer {
 
div#Namecontainer {
Line 24: Line 24:
 
text-align:center;
 
text-align:center;
 
font-family: 'Roboto', sans-serif;
 
font-family: 'Roboto', sans-serif;
font-size: 12px;
+
font-size: 20px;
 
color: #FFFFFF;
 
color: #FFFFFF;
 
}
 
}
  
 
div#container {
 
div#container {
width: 846px;
+
width: 842px;
 
margin: 0px;
 
margin: 0px;
margin-top: -2px;
+
margin-top:-4px;
 
padding: 0px;
 
padding: 0px;
border: 2px;
+
border: 4px;
 
border-style: solid;
 
border-style: solid;
border-color: #808284;
+
border-color: #514E4F;
 
}
 
}
  
Line 44: Line 44:
 
padding: 0px;
 
padding: 0px;
 
font-family: 'Roboto', sans-serif;
 
font-family: 'Roboto', sans-serif;
font-size: 36px;
+
font-size: 50px;
color: #DFE21C;
+
color: #617dc6;
 
text-align:center;
 
text-align:center;
 
}
 
}
Line 52: Line 52:
 
float: left;
 
float: left;
 
width: 170px;
 
width: 170px;
height: 30px;
+
height: 40px;
 
margin-right: 0px;
 
margin-right: 0px;
margin-top: 0px;
+
margin-top: 10px;
 
opacity: 1;
 
opacity: 1;
background: #808284;
+
background: #514E4F;
 
text-align:center;
 
text-align:center;
 
font-family: 'Roboto', sans-serif;
 
font-family: 'Roboto', sans-serif;
color:#DFE21C;
+
font-size: 16px;
 +
color:#617dc6;
 
}
 
}
  
div#buttonlast {
+
div#buttonDarkBlue {
float: right;
+
float: left;
width: 121px;
+
width: 170px;
height: 30px;
+
height: 40px;
 
margin-right: 0px;
 
margin-right: 0px;
margin-top: 0px;
+
margin-top: 10px;
 
opacity: 1;
 
opacity: 1;
background: #808284;
+
background: #514E4F;
 
text-align:center;
 
text-align:center;
 
font-family: 'Roboto', sans-serif;
 
font-family: 'Roboto', sans-serif;
color:#FFFFFF;
+
font-size: 16px;
 +
color:#617dc6;
 
}
 
}
  
div#button a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonMediumBlue {
div#button a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
float: left;
div#button a:active  {background: #DFE21C;color: #000000; text-decoration: none; opacity: 1;}
+
width: 170px;
div#button a:hover      {color: #DFE21C; text-decoration: none; opacity: 1; font-weight: bold;}
+
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#01b9bb;
 +
}
  
div#buttonlast a:link     {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonYellow {
div#buttonlast a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
float: left;
div#buttonlast a:active   {background: DFE21C; color: #000000; text-decoration: none; opacity: 1;}
+
width: 170px;
div#buttonlast a:hover    {color: #DFE21C; text-decoration: none; opacity: 1; font-weight: bold;}
+
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#f7d22b;
 +
}
 +
 
 +
div#buttonMediumRed {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#f25e42;
 +
}
 +
 
 +
div#buttonDarkRed {
 +
float: left;
 +
width: 170px;
 +
height: 40px;
 +
margin-right: 0px;
 +
margin-top: 10px;
 +
opacity: 1;
 +
background: #514E4F;
 +
text-align:center;
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16px;
 +
color:#e26c7a;
 +
}
 +
 
 +
div#buttonDarkBlue a:link   {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBlue a:visited   {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBluen a:active {background: #617dc6;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonDarkBlue a:hover       {color: #617dc6; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 
 +
div#buttonMediumBlue a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:visited   {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:active  {background: #01b9bb;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonMediumBlue a:hover      {color: #01b9bb; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 
 +
div#buttonYellow a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:active  {background: #f7d22b;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonYellow a:hover      {color: #f7d22b; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 
 +
div#buttonMediumRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:active  {background: #f25e42;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonMediumRed a:hover      {color: #f25e42; text-decoration: none; opacity: 1; font-weight: bold;}
 +
 
 +
div#buttonDarkRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:active  {background: #e26c7a;color: #000000; text-decoration: none; opacity: 1;}
 +
div#buttonDarkRed a:hover      {color: #e26c7a; text-decoration: none; opacity: 1; font-weight: bold;}
  
 
</style>
 
</style>
 
</html>
 
</html>
  
[[File:TUD3Image01-Header.jpg | 850px]]
+
[[File:TUD3Image02-Humans01400.jpg | 850px]]
 
<div id="headercontainer">
 
<div id="headercontainer">
<div id="button">
+
<div id="buttonDarkBlue">
 
[[Msc2G3:Group|Concept]]
 
[[Msc2G3:Group|Concept]]
 
</div>
 
</div>
<div id="button">
+
<div id="buttonMediumBlue">
 
[[Msc2G3:page1|Macro]]
 
[[Msc2G3:page1|Macro]]
 
</div>
 
</div>
<div id="button">
+
<div id="buttonYellow">
 
[[Msc2G3:page2|Meso]]
 
[[Msc2G3:page2|Meso]]
 
</div>
 
</div>
<div id="button">
+
<div id="buttonMediumRed">
 
[[Msc2G3:page3|Micro]]
 
[[Msc2G3:page3|Micro]]
 
</div>
 
</div>
<div id="button">
+
<div id="buttonDarkRed">
 
[[Msc2G3:page4|Prototype]]
 
[[Msc2G3:page4|Prototype]]
 
</div>
 
</div>
  
  
 +
<div id="container">
 +
[[File:Untitled-6-02-01.jpg| 842px]]
 +
[[File:Sections and plan02-06.jpg | 842px]]
 +
[[File:Sections and plan02-02.jpg| 842px]]
 +
[[File:Sections and plan02-03.jpg| 842px]]
 +
[[File:Sections and plan02-04.jpg| 842px]]
 +
[[File:Sections and plan02-05.jpg| 842px]]
 +
[[File:Sections and plan02-01.jpg| 842px]]
 +
[[File:Sections and plan02-07.jpg| 842px]]
 +
[[File:Sections and plan02-08.jpg| 842px]]
 +
[[File:Sections and plan02-09.jpg| 842px]]
 +
[[File:TUD3Image02-Vision03.jpg| 842px]]
 +
[[File:Overview01-01.jpg| 842px]]
  
[[File: TUD3Functions02.jpg| 850px]]
+
[[File:Render01.jpg| 842px]]
 +
 
 +
[[File:Net_render.jpg| 842px]]
 +
 
 +
[[File:Render jump.jpg| 842px]]
 +
 
 +
[[File:Net render01.png| 842px]]
 +
 
 +
<html><iframe margin-top="40" width="842" height="478"src="https://www.youtube.com/embed/hIJXBZuj-lE"
 +
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen" style="margin-bottom: 0px;"></iframe>
 +
 
 +
</html>
 +
</div>
 +
 
 +
<div id="headercontainer">
 +
<div id="buttonDarkBlue">
 +
[[Msc2G3:Group|Concept]]
 +
</div>
 +
<div id="buttonMediumBlue">
 +
[[Msc2G3:page1|Macro]]
 +
</div>
 +
<div id="buttonYellow">
 +
[[Msc2G3:page2|Meso]]
 +
</div>
 +
<div id="buttonMediumRed">
 +
[[Msc2G3:page3|Micro]]
 +
</div>
 +
<div id="buttonDarkRed">
 +
[[Msc2G3:page4|Prototype]]
 +
</div>

Latest revision as of 09:01, 4 July 2018

TUD3Image02-Humans01400.jpg