Difference between revisions of "Template:NTU-Singapore"

Line 48: Line 48:
 
     body {
 
     body {
 
         margin-top: 50px;
 
         margin-top: 50px;
 +
 
     }
 
     }
 
}
 
}
Line 1,721: Line 1,722:
 
padding-bottom: 9px;
 
padding-bottom: 9px;
 
margin: 40px 0 20px;
 
margin: 40px 0 20px;
 +
 
}
 
}
 
ul,
 
ul,
Line 3,425: Line 3,427:
 
.btn-primary {
 
.btn-primary {
 
color: #fff;
 
color: #fff;
−
background-color: #337ab7;
+
background-color: rgba(120,194,196,1);
−
border-color: #2e6da4;
+
border-color: rgba(120,194,196,1);
 
}
 
}
 
.btn-primary:focus,
 
.btn-primary:focus,
 
.btn-primary.focus {
 
.btn-primary.focus {
 
color: #fff;
 
color: #fff;
−
background-color: #286090;
+
background-color: rgba(120,194,196,1);
−
border-color: #122b40;
+
border-color: rgba(120,194,196,1);}
−
}
+
 
.btn-primary:hover {
 
.btn-primary:hover {
 
color: #fff;
 
color: #fff;
−
background-color: #286090;
+
background-color: rgba(120,194,196,1);
−
border-color: #204d74;
+
border-color: rgba(120,194,196,1);
 +
box-shadow: 0px 0px 15px #888888;
 +
 
 +
 
 
}
 
}
 
.btn-primary:active,
 
.btn-primary:active,
Line 3,443: Line 3,447:
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
 
color: #fff;
 
color: #fff;
−
background-color: #286090;
+
background-color: rgba(120,194,196,1);
−
border-color: #204d74;
+
border-color: rgba(120,194,196,1);
 
}
 
}
 
.btn-primary:active:hover,
 
.btn-primary:active:hover,
Line 4,623: Line 4,627:
 
}
 
}
 
.navbar-fixed-top {
 
.navbar-fixed-top {
−
top: 30px;
+
top: 15px;
 
right: 20px;
 
right: 20px;
 
border-width: 0 0 1px;
 
border-width: 0 0 1px;
Line 5,333: Line 5,337:
 
padding-bottom: 30px;
 
padding-bottom: 30px;
 
margin-bottom: 30px;
 
margin-bottom: 30px;
−
color: antiquewhite;
+
color: grey;
 
 
−
background: url(hive3.jpg) no-repeat center;
 
 
background-size: cover;
 
background-size: cover;
 
width:100%;
 
width:100%;
Line 5,342: Line 5,345:
 
text-align: center;
 
text-align: center;
 
}
 
}
 +
  
 
.container .jumbotron,
 
.container .jumbotron,
Line 5,366: Line 5,370:
 
.jumbotron h1,
 
.jumbotron h1,
 
.jumbotron .h1 {
 
.jumbotron .h1 {
−
font-size: 63px;
+
font-size: 61px;
 
}
 
}
 
}
 
}
  
 +
.content{
 +
 +
 +
 +
 +
}
 +
 +
.separator{
 +
 +
border-bottom: 1px solid grey;
 +
width: 300px;
 +
height:50px;
 +
margin: auto;
 +
position: relative;
 +
 +
 +
 +
}
  
 
.content-page {
 
.content-page {
Line 5,376: Line 5,398:
 
padding-right: 150px;
 
padding-right: 150px;
 
padding-left:150px;
 
padding-left:150px;
−
padding-top: 10px;
+
padding-top: 250px;
−
height: 400px;
+
height: 440px;
 
 
 
 
Line 5,386: Line 5,408:
 
padding-left: 200px;
 
padding-left: 200px;
 
padding-right: 200px;
 
padding-right: 200px;
 +
height: 230px;
 +
width: 1142px;
 +
margin: auto;
 +
text-align: center;
 +
 +
 +
}
 +
 +
.content-overview-team{
 +
 +
height: 430px;
 +
width: 1100px;
 +
margin: auto;
 
 
 
 
 
}
 
}
 +
 +
 
.overview-content{
 
.overview-content{
 
 
Line 5,415: Line 5,452:
 
box-shadow: 0px 0px 10px #888888;
 
box-shadow: 0px 0px 10px #888888;
 
background-color: #81C7D4;
 
background-color: #81C7D4;
 +
}
 +
 +
.circle-overview-team{
 +
 +
 +
position: absolute;
 +
width: 300px;
 +
height: 350px;
 +
margin-top: 20px;
 +
margin-bottom: 40px;
 +
border-radius:150px 150px 10px 10px;
 +
border: 11px solid white;
 +
box-shadow: 0px 0px 10px #888888;
 +
background-color: #81C7D4;
 +
}
 +
 +
 +
 +
.content-overview-team .circle1{
 +
 +
padding-left: 0px;
 +
 +
}
 +
 +
.content-overview-team .circle2{
 +
 +
margin-left: 400px;
 +
 +
}
 +
 +
.content-overview-team .circle3{
 +
 +
margin-left: 800px;
 +
 
}
 
}
  
Line 5,429: Line 5,500:
 
}
 
}
  
−
.circle1{
+
.circle3{
 
 
 
margin-left: 540px;
 
margin-left: 540px;
Line 5,435: Line 5,506:
 
}
 
}
  
 +
.member-label{
 +
background-color: transparent;
 +
border: 0px solid white;
 +
height: 50px;
 +
width: 200px;
 +
margin: auto;
 +
position: relative;
 +
top: 55px;
 +
color: white;
 +
text-transform: uppercase;
 +
text-align: center;
 +
letter-spacing: 1px;
 +
font-size: 16px;
 +
}
 +
 +
.member-pic{
 +
border-radius: 100px;
 +
border: 0px solid white;
 +
height: 200px;
 +
width: 200px;
 +
margin: auto;
 +
position: relative;
 +
top: 50px;
 +
color: white;
 +
overflow: hidden;
 +
box-shadow: 0px 0px 10px #888888;
 +
}
  
  
Line 5,451: Line 5,549:
 
}
 
}
 
.jumbotron p {
 
.jumbotron p {
 +
 
margin-bottom: 15px;
 
margin-bottom: 15px;
 
font-size: 21px;
 
font-size: 21px;

Revision as of 05:29, 5 October 2016