Difference between revisions of "Team:British Columbia/Test/Custom CSS"

Line 31: Line 31:
  
 
<style type="text/css">
 
<style type="text/css">
 +
body{
 +
width:100%;
 +
height:100%;
 +
margin: 0 auto;
 +
text-align: center;
 +
background-color:#e1d1b4;
 +
}
 +
 +
.bod{
 +
margin: 0 auto;
 +
height:100%;
 +
width:1200px;
 +
}
 +
 +
.header{
 +
width:100%;
 +
height: 80px;
 +
margin-top:80px;
 +
background-color:#bbd0bf;
 +
border:#748e83 10px solid;
 +
border-right: none;
 +
border-left:none;
 +
}
 +
 +
#header{
 +
width: 1200px;
 +
height: 100px;
 +
float:left;
 +
margin:0 auto;
 +
}
 +
 +
#logo{
 +
width: 377px;
 +
height:150px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_logo.png');
 +
margin-left:50px;
 +
margin-top:-35px;
 +
}
 +
 +
#menu{
 +
width: 700px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
margin-left:50px;
 +
margin-top:-15px;
 +
}
 +
 +
#menu h4{
 +
text-align: center;
 +
padding-top:50px;
 +
padding-left:5px;
 +
margin:0;
 +
color:white;
 +
font-size:18px;
 +
font-weight:100;
 +
}
 +
 +
#proj{
 +
width:142px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_button.png');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
margin-top: 30px;
 +
}
 +
 +
#model{
 +
width:142px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_button.png');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
margin-left:-20px;
 +
margin-top:-40px;
 +
}
 +
#hp{
 +
width:142px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_button.png');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
margin-top: 30px;
 +
margin-left:-20px;
 +
}
 +
#hp h4{
 +
line-height:15px;
 +
padding-top:45px;}
 +
#team{
 +
width:142px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_button.png');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
margin-left:-20px;
 +
margin-top:-40px;
 +
}
 +
#note{
 +
width:142px;
 +
height: 125px;
 +
float:left;
 +
position: relative;
 +
background-image:url('UBC_button.png');
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
margin-top: 30px;
 +
margin-left:-20px;
 +
}
 +
 +
.t{
 +
width:100%;
 +
height: 100px;
 +
margin: 0 auto;
 +
text-align:center;
 +
padding-top:100px;
 +
 +
}
 +
 +
#t{
 +
width:1200px;
 +
margin:0 auto;
 +
}
 +
 +
 +
#title{
 +
width:1200px;
 +
height: 100px;
 +
float:left;
 +
margin: 0 auto;
 +
text-align:center;
 +
}
 +
 +
#title #one{
 +
width: 500px;
 +
float:left;
 +
position: relative;
 +
height:50px;
 +
background-color: #f3dfba; /* Old browsers */
 +
background: -moz-linear-gradient(left,  #f3dfba 0%, #e1d1b4 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3dfba), color-stop(100%,#e1d1b4)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(left,  #f3dfba 0%,#e1d1b4 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(left,  #f3dfba 0%,#e1d1b4 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(left,  #f3dfba 0%,#e1d1b4 100%); /* IE10+ */
 +
background: linear-gradient(to right,  #f3dfba 0%,#e1d1b4 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3dfba', endColorstr='#e1d1b4',GradientType=1 ); /* IE6-9 */
 +
}
 +
 +
#title #two{
 +
width: 500px;
 +
float:left;
 +
position: relative;
 +
height: 50px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1d1b4+1,f3dfba+100 */
 +
 +
background: #e1d1b4; /* Old browsers */
 +
 +
background: -moz-linear-gradient(left,  #e1d1b4 1%, #f3dfba 100%); /* FF3.6+ */
 +
 +
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#e1d1b4), color-stop(100%,#f3dfba)); /* Chrome,Safari4+ */
 +
 +
background: -webkit-linear-gradient(left,  #e1d1b4 1%,#f3dfba 100%); /* Chrome10+,Safari5.1+ */
 +
 +
background: -o-linear-gradient(left,  #e1d1b4 1%,#f3dfba 100%); /* Opera 11.10+ */
 +
 +
background: -ms-linear-gradient(left,  #e1d1b4 1%,#f3dfba 100%); /* IE10+ */
 +
 +
background: linear-gradient(to right,  #e1d1b4 1%,#f3dfba 100%); /* W3C */
 +
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d1b4', endColorstr='#f3dfba',GradientType=1 ); /* IE6-9 */
 +
 +
 +
}
 +
 +
 +
#title #three{
 +
margin:0 auto;
 +
width:200px;
 +
height:50px;
 +
text-decoration:none;
 +
font-style: normal;
 +
text-align: center;
 +
font-size:20px;
 +
color:white;
 +
text-shadow: -2px 0 #5e2d20, 0 2px #5e2d20, 2px 0 #5e2d20, 0 -2px #5e2d20;
 +
float:left;
 +
position: relative;
 +
margin-top:-10px;
 +
}
 +
 +
#body{
 +
width:900px;
 +
height:900px;
 +
margin:0 auto;
 +
background-color:white;
 +
margin-top: 50px;
 +
border-radius: 30px;
 +
border:#e7b76d solid 3px;
 +
}
 +
</style>
 +
<!--<style type="text/css">
  
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
Line 187: Line 397:
 
  /* Back to top */
 
  /* Back to top */
  
−
 
+
</style>-->
−
</style>
+
  
  

Revision as of 04:53, 30 June 2015