Difference between revisions of "Team:Rice/Team"

Line 2: Line 2:
  
 
<html>
 
<html>
−
/** ********************************************** **
 
−
a Test from imperial college
 
−
*************************************************** **/
 
  
 
<style>
 
<style>
−
.integration{
+
 
−
margin:auto;
+
 
−
width:70%;
+
 
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 
 +
#top_title {
 +
  display: none;
 
}
 
}
  
−
.integration img{
+
#home_logo, #sideMenu { display:none; }
−
margin-top: 6%;
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
    z-index:-1;
+
        #content {  margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
        body {
 +
        background-color: white;
 +
        width: 100%;
 
}
 
}
  
−
.area{
+
/*#top_menu_under, #top_menu_14 { display:none;}*/
−
     background: #A9A9A9;
+
−
     display:block;
+
body{
−
     opacity:0;
+
     margin:0;
 +
     padding:0;
 +
     text-decoration:none;  
 +
    overflow: scroll;
 +
    font-family: 'Varela Round', sans-serif;
 +
    box-sizing: border-box;
 +
    color:#24305E;
 +
}
 +
.clr{
 +
    clear:both;
 +
}
  
 +
.center{
 +
    text-align: center;
 
}
 
}
  
−
#area1 :hover, #area2 :hover{
+
.floatleft{
−
     opacity:0.2;
+
  font-size:25px;
 +
  text-align: center;
 +
    margin-top:0 !important;
 +
    float:right !important;
 +
    width:30%;
 +
    font-size:20px;
 +
    margin-bottom:4%;
 +
  font-family: 'Varela Round', sans-serif;
 +
    color:#24305E;
 +
 
 +
}
 +
.floatright2{
 +
  text-align: center;
 +
    margin-top:0 !important;
 +
    float:right !important;
 +
    width:50%;
 +
    margin-bottom:4%;
 +
  font-family: 'Varela Round', sans-serif;
 +
    color:#24305E;
 +
}
 +
 
 +
.floatleft2{
 +
  float:left;
 +
  width:50%;
 +
 
 +
 
 +
}
 +
 
 +
.underbold{
 +
font-weight: bold;
 +
text-decoration: underline;
 +
}
 +
.marginbottom{
 +
     margin-bottom:5% !important;
 +
}
 +
 
 +
hr{
 +
    margin:auto;
 +
    margin-top:2%;
 +
    border-top: 4px dashed #F5D76E;
 +
}
 +
 
 +
.container{
 +
    width: 100%;
 +
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
 +
    background-blend-mode: screen;
 +
    margin-left: auto;
 +
    margin-right:auto;
 +
    padding-top:5%;
 +
    height: 100%;
 +
    position: relative;
 +
    padding-bottom: 20px;
 +
 
 +
    }
 +
   
 +
.content{
 +
    background:none;
 +
    margin:auto;
 +
    padding:0;
 +
    width:90%;
 +
    height: 100%;
 +
    position:relative;
 +
    color:#24305E;
 +
}
 +
 
 +
.titleimg{
 +
    margin:auto;
 +
    text-align: center;
 +
}
 +
.titleimg img{
 +
    margin-top:3%;
 +
    margin-bottom: 10%;
 +
}
 +
 
 +
.what{
 +
    background:none;
 +
    margin:7% 2% 0 2%;
 +
}
 +
.why{
 +
    background:none;
 +
    margin:0 2% 0 2%;
 +
}
 +
 
 +
.collapsible {
 +
    background-color:#F8E9A1;
 +
    color: #24305E;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 27px;
 +
    transition: 0.4s;
 +
    border-radius: 10px;
 +
    margin-bottom: 4%;
 +
}
 +
 
 +
.active, .collapsible:hover {
 +
    background-color: #A8D0E6;
 +
}
 +
 
 +
.panel {
 +
    width: 70%;
 +
    margin-left:23%;
 +
    margin-bottom:5px;
 +
    float:left;
 +
    border:none;
 +
    max-height: 0px;
 +
    transition: max-height 0.3s linear;
 +
    overflow:hidden;
 +
    background:none;
 +
}
 +
 
 +
.drop{
 +
    padding: 0 18px;
 +
    display: none;
 +
    overflow: hidden;
 +
    background-color: none;
 +
    border-radius: 20px;
 +
}
 +
 
 +
.row {
 +
    display: table;
 +
    margin: auto;
 +
    height:100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 
}
 
}
  
−
.fleft{
+
.row [class*="col-"] {
−
float:left;
+
    width: 50%;
−
clear:left;
+
    float: none;
−
width:50%;
+
    display: table-cell;
−
text-align: center;
+
 
     vertical-align: top;
 
     vertical-align: top;
−
  display: table-cell;
 
  
 
}
 
}
−
.fleft p{
+
 
−
text-align: center;
+
 
−
padding-top:6%;
+
#display-pic{
 +
    vertical-align: middle;
 +
    text-align: center;
 
}
 
}
  
−
.fright{
+
#display-pic img{
−
float:right;
+
    width: 40%;
−
clear:right;
+
    margin-right:5%;
−
width:50%;
+
    border-radius: 50%;
−
text-align: center;
+
    border: solid 10px  #A8D0E6;
−
  display: table-cell;
+
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 +
   
 
}
 
}
−
.fright p{
+
 
−
text-align: center;
+
#display-pic img:hover{
−
padding-top:5%;
+
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 
}
 
}
  
−
</style>
 
  
 +
.row [class*="col-"]  h2{
 +
    font-size: 20px;
 +
    font-family:"Varela Round", sans-serif;
 +
    color: #374785;
 +
    font-weight: bold;
 +
    transition: color 0.2s ease;
 +
}
 +
 +
.row [class*="col-"]  h2:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.row [class*="col-"]  p{
 +
    width: 100%;
 +
    font-size: 18px;
 +
    font-family: "Varela Round", sans-serif;
 +
    color:#374785;
 +
    text-align:justify;
 +
 +
}
 +
#guard:hover{
 +
    color:#F76C6C;
 +
}
 +
 +
.display-pic{
 +
    float: right;
 +
    text-align: left;
 +
    clear: both;
 +
}
 +
.display-pic img{
 +
    width: 20%;
 +
    margin-right:5%;
 +
    float: left;
 +
    border-radius: 50%;
 +
    border: solid 10px  #A8D0E6;
 +
    box-sizing: border-box;
 +
    transition: border 0.2s ease;
 +
}
 +
 +
.display-pic img:hover{
 +
    border:  solid 10px #F5D76E;
 +
    cursor:pointer;
 +
}
 +
 +
 +
</style>
 
<div class="column two_thirds_size" >
 
<div class="column two_thirds_size" >
  

Revision as of 17:11, 28 June 2019

<

Team

This is our team

It is the best team.

  • Team leader: Alicia Selvera

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples: