Difference between revisions of "Msc1G2:Group"

From rbse
Jump to: navigation, search
 
(43 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
div#BANNERCONTAINER {
 
div#BANNERCONTAINER {
 
   width: 850px;
 
   width: 850px;
−
   height: 255px;
+
   height: 120px;
−
   margin: 0px;
+
   margin-bottom: 5px;
 
   border: 0px;
 
   border: 0px;
 
   padding: 0px;
 
   padding: 0px;
−
   background: url(http://rbse.hyperbody.nl/images/1/1d/W2task3.jpg);
+
   background: url(http://rbse.hyperbody.nl/images/5/51/Banner-v1-850-120.jpg);
 
}
 
}
−
div#HOMEBUTTON {
+
div#MAINCONTAINER {
 +
  width: 850px;
 +
  height: 485px;
 +
  margin-bottom: 5px;
 +
  border: 0px;
 +
  padding: 0px;
 +
  background: url(http://rbse.hyperbody.nl/images/b/b3/Main-v1-850.jpg);
 +
  background-size: 850px;
 +
}
 +
div#SECTITLE {
 +
  width: 830px;
 +
  height: 30px;
 +
  margin-bottom: 5px;
 +
  border: 0px;
 +
  padding-left: 20px;
 +
  background: black;
 +
  font-size: 20px;
 +
  color: white;
 +
}
 +
div#PAGEBUTTON {
 +
  float: right;
 
   width: 150px;
 
   width: 150px;
−
   height: 40px;
+
   height: 30px;
−
   margin-left: 670px;
+
   margin-top: 80px;
−
   margin-bottom: 10px;
+
   margin-right: 10px;
 
   border: 0px;
 
   border: 0px;
−
   background: #ffff00;
+
   background: rgba(64,64,64,1);
 
   opacity: 1;
 
   opacity: 1;
 +
  display: inline-block;
 +
  text-align: center;
 +
  color:white;
 
}
 
}
 
div#SECBUTTON {
 
div#SECBUTTON {
 
   width: 150px;
 
   width: 150px;
 
   height: 30px;
 
   height: 30px;
−
   margin-left: 670px;
+
   margin-left: 210px;
 
   margin-top: 5px;
 
   margin-top: 5px;
 
   margin-bottom: 5px;
 
   margin-bottom: 5px;
−
   background: #dddd00;
+
   background: rgba(220,220,220,0.75);
 
   opacity: 1;
 
   opacity: 1;
 +
  text-align: center;
 +
  padding-top:4px;
 
}
 
}
  
Line 35: Line 60:
  
 
div#BANNERCONTAINER a:link {
 
div#BANNERCONTAINER a:link {
−
   color: grey;
+
   color: #BBBBBB;
 
   text-decoration: none;
 
   text-decoration: none;
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
 
div#BANNERCONTAINER a:visited {
 
div#BANNERCONTAINER a:visited {
−
   color: grey;  
+
   color: #BBBBBB;  
 
   text-decoration: none;  
 
   text-decoration: none;  
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
 
div#BANNERCONTAINER a:active {
 
div#BANNERCONTAINER a:active {
−
   color: red;  
+
   color: #FFFFFF;  
 
   text-decoration: none;  
 
   text-decoration: none;  
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
 
div#BANNERCONTAINER a:hover {
 
div#BANNERCONTAINER a:hover {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
 +
<!---->
 +
 +
div#MAINCONTAINER a:link {
 +
  color: #666666;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:visited {
 +
  color: #666666;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:active {
 +
  color: black;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:hover {
 
   color: black;  
 
   color: black;  
 
   text-decoration: none;  
 
   text-decoration: none;  
Line 61: Line 109:
  
 
<div id="BANNERCONTAINER">
 
<div id="BANNERCONTAINER">
−
   <div id="HOMEBUTTON">
+
   <div id="PAGEBUTTON" align="center">
 +
[[Msc1G2:Group/ms&as|'''MS&AS''']]
 
   </div>
 
   </div>
 +
  <div id="PAGEBUTTON">
 +
[[Msc1G2:Group/storyboard|'''THE STORYBOARD''']]
 +
  </div>
 +
  <div id="PAGEBUTTON" align="center">
 +
[[Msc1G2:Group/project|'''THE PROJECT''']]
 +
  </div>
 +
  <div id="PAGEBUTTON">
 +
[[Msc1G2:Group|HOME]]
 +
  </div>
 +
</div>
 +
 +
<div id="MAINCONTAINER">
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#tgv|tgv]]
 
   </div>
 
   </div>
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#theshift|the shift]]
 
   </div>
 
   </div>
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#casestudies|case studies]]
 
   </div>
 
   </div>
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#scenarios|scenarios]]
 
   </div>
 
   </div>
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#concepts|the concept]]
 
   </div>
 
   </div>
 
   <div id="SECBUTTON">
 
   <div id="SECBUTTON">
 +
[[#infosrf|informing]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#cn/tpr|circulation]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#reconf|the space]]
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
<div id="SECTITLE">
 +
<span id="tgv">THE GREEN VILLAGE</span>
 +
</div>
 +
 +
[[File:mid_tgv_1.jpg | 422px]]
 +
[[File:mid_tgv_2.jpg | 422px]]
 +
 +
<div id="SECTITLE">
 +
<span id="theshift">THE SHIFT IN EVERYDAY LIFE</span>
 +
</div>
 +
 +
[[File:mid_shift_1.jpg | 422px]]
 +
[[File:mid_shift_2.jpg | 422px]]
 +
[[File:mid_shift_3.jpg | 838px | center]]
 +
[[File:mid_shift_4.jpg | 838px | center]]
 +
 +
<div id="SECTITLE">
 +
<span id="casestudies">THE CASE STUDIES</span>
 +
</div>
 +
 +
[[File:mid_case_1.jpg | 422px]]
 +
[[File:mid_case_2.jpg | 422px]]
 +
[[File:mid_case_3.jpg | 422px]]
 +
[[File:mid_case_4.jpg | 422px]]
 +
[[File:mid_case_5.jpg | 422px]]
 +
[[File:mid_case_6.jpg | 422px]]
 +
[[File:mid_case_7.jpg | 422px]]
 +
[[File:mid_case_8.jpg | 422px]]
 +
[[File:mid_case_9.jpg | 838px | center]]
 +
 +
<div id="SECTITLE">
 +
<span id="scenarios">SCENARIOS</span>
 +
</div>
 +
 +
[[File:mid_scen_1.jpg | 422px]]
 +
[[File:mid_scen_2.jpg | 422px]]
 +
[[File:mid_scen_3.jpg | 838px | center]]
 +
[[File:mid_scen_4.jpg | 422px]]
 +
[[File:mid_scen_5.jpg | 422px]]
 +
 +
<div id="SECTITLE">
 +
<span id="concepts">THE CONCEPT</span>
 +
</div>
 +
 +
[[File:mid_conc_1.jpg | 838px | center]]
 +
[[File:mid_conc_2.jpg | 838px | center]]
 +
[[File:mid_conc_4.jpg | 838px | center]]
 +
[[File:mid_conc_3.jpg | 838px | center]]
 +
 +
<div id="SECTITLE">
 +
<span id="infosrf">INFORMING THE SURFACE</span>
 +
</div>
 +
 +
[[File:mid_info_1.jpg | 838px | center]]
 +
[[File:mid_info_2.jpg | 838px | center]]
 +
[[File:mid_info_3.jpg | 838px | center]]
 +
 +
[[File:mid_info_14.gif | 500x403px | center]]
 +
 +
{{#slideshow:
 +
<div>[[File:mid_info_4.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_5.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_6.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_7.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_8.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_9.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_10.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_11.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_12.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_13.jpg | 850px | center]]</div>
 +
|sequence=forward transition=fade refresh=2000
 +
}}
 +
 +
<div id="SECTITLE">
 +
<span id="cn/tpr">CIRCULATION / NETWORK / THE PUBLIC REALM</span>
 +
</div>
 +
 +
[[File:mid_circ_1.jpg | 838px]]
 +
[[File:mid_circ_2.jpg | 838px]]
 +
 +
<div id="SECTITLE">
 +
<span id="reconf">RECONFIGURABILITY OF THE SPACE</span>
 +
</div>
 +
 +
[[File:mid_space_5.jpg | 838px]]
 +
[[File:mid_space_1.jpg | 838px]]
 +
[[File:mid_space_2.jpg | 838px]]
 +
[[File:mid_space_3.jpg | 838px]]
 +
[[File:mid_space_4.jpg | 838px]]

Latest revision as of 03:38, 3 February 2017

THE GREEN VILLAGE

Mid tgv 1.jpg Mid tgv 2.jpg

THE SHIFT IN EVERYDAY LIFE

Mid shift 1.jpg Mid shift 2.jpg

Mid shift 3.jpg
Mid shift 4.jpg

THE CASE STUDIES

Mid case 1.jpg Mid case 2.jpg Mid case 3.jpg Mid case 4.jpg Mid case 5.jpg Mid case 6.jpg Mid case 7.jpg Mid case 8.jpg

Mid case 9.jpg

SCENARIOS

Mid scen 1.jpg Mid scen 2.jpg

Mid scen 3.jpg

Mid scen 4.jpg Mid scen 5.jpg

THE CONCEPT

Mid conc 1.jpg
Mid conc 2.jpg
Mid conc 4.jpg
Mid conc 3.jpg

INFORMING THE SURFACE

Mid info 1.jpg
Mid info 2.jpg
Mid info 3.jpg
Mid info 14.gif
Mid info 4.jpg
Mid info 5.jpg
Mid info 6.jpg
Mid info 7.jpg
Mid info 8.jpg
Mid info 9.jpg
Mid info 10.jpg
Mid info 11.jpg
Mid info 12.jpg
Mid info 13.jpg

CIRCULATION / NETWORK / THE PUBLIC REALM

Mid circ 1.jpg Mid circ 2.jpg

RECONFIGURABILITY OF THE SPACE

Mid space 5.jpg Mid space 1.jpg Mid space 2.jpg Mid space 3.jpg Mid space 4.jpg

Retrieved from "http://rbse.hyperbody.nl/index.php?title=Msc1G2:Group&oldid=5099"