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

 
(25 intermediate revisions by 3 users not shown)
Line 41: Line 41:
 
h1 {
 
h1 {
 
   text-align: center;
 
   text-align: center;
}
 
 
#slider {
 
  position: relative;
 
  overflow: hidden;
 
  border-radius: 4px;
 
 
padding-top: 230px;
 
margin: 0 auto;
 
}
 
 
#slider ul {
 
  position: relative;
 
  margin: 0;
 
  padding: 0;
 
  height: 430px;
 
  list-style: none;
 
}
 
 
#slider ul li {
 
  position: relative;
 
  display: block;
 
  float: left;
 
  margin: 0;
 
  padding: 0;
 
  width: 1250px;
 
  height: 900px;
 
  text-align: center;
 
  line-height: 300px;
 
}
 
 
#slider ul li#slidetwo img{
 
text-align:center;
 
margin-top:40px;
 
width: 444px;
 
height:121px;
 
}
 
 
a.control_prev, a.control_next {
 
  position: absolute;
 
  top: 40%;
 
  z-index: 999;
 
  display: block;
 
  padding: 4% 3%;
 
  width: auto;
 
  height: auto;
 
  background: #e8b86e;
 
  color: #fff;
 
  text-decoration: none;
 
  font-weight: 600;
 
  font-size: 18px;
 
  opacity: 0.8;
 
  cursor: pointer;
 
 
}
 
 
a.control_prev:hover, a.control_next:hover {
 
  opacity: 1;
 
  -webkit-transition: all 0.2s ease;
 
}
 
 
a.control_prev {
 
  border-radius: 40px;
 
}
 
 
a.control_next {
 
  right: 0;
 
  border-radius: 40px;
 
}
 
 
.slider_option {
 
  position: relative;
 
  margin: 10px auto;
 
  width: 160px;
 
  font-size: 18px;
 
 
}
 
}
  
Line 176: Line 101:
  
 
#cornerleft{
 
#cornerleft{
background: url('https://static.igem.org/mediawiki/2015/archive/c/c0/20150723203418%21Ubc_corner_left.png') no-repeat;
+
background: url('https://static.igem.org/mediawiki/2015/a/ad/Corner_actual_left_goods.png') no-repeat;
 
float:Left;
 
float:Left;
 
width:400px;
 
width:400px;
Line 184: Line 109:
  
 
#cornerright{
 
#cornerright{
background: url('https://static.igem.org/mediawiki/2015/f/f2/Ubc_corner_right.png') no-repeat;
+
background: url('https://static.igem.org/mediawiki/2015/4/44/Corner_left_good2.png') no-repeat;
 
float:right;
 
float:right;
 
width:400px;
 
width:400px;
Line 231: Line 156:
 
display:block;
 
display:block;
 
font-family: "Times New Roman", serif;
 
font-family: "Times New Roman", serif;
 +
}
 +
 +
#UBCmenu a h4:hover{
 +
color:#804315;
 +
}
 +
 +
#UBCmenu ul li a:hover{
 +
color:#804315;
 
}
 
}
  
Line 273: Line 206:
  
 
#UBCmenu #hp:hover ul{
 
#UBCmenu #hp:hover ul{
 +
display:block;
 +
position:absolute;
 +
}
 +
 +
#UBCmenu #ach:hover ul{
 
display:block;
 
display:block;
 
position:absolute;
 
position:absolute;
Line 302: Line 240:
 
opacity:0.99;
 
opacity:0.99;
 
line-height:100%;
 
line-height:100%;
 +
}
 +
 +
#UBCmenu ul li ul{
 +
width:60px;
 +
background-color:#e7b76d;
 +
margin:0;
 +
padding:5px;
 +
text-align:center;
 +
border-bottom:solid 1px #e1d1b4;
 +
opacity:0.99;
 +
line-height:100%;
 +
float:left;
 +
margin-left:60px;
 +
margin-top:-40px;
 +
display:none;
 +
}
 +
 +
ul li:hover ul{
 +
display:block;
 +
}
 +
 +
#UBCmenu ul li ul li{
 +
float:left;
 
}
 
}
  
Line 328: Line 289:
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:center;
 
background-position:center;
margin-left:-20px;
+
margin-left:-30px;
 
margin-top:-40px;
 
margin-top:-40px;
 
}
 
}
Line 340: Line 301:
 
background-position:center;
 
background-position:center;
 
margin-top: 30px;
 
margin-top: 30px;
margin-left:-20px;
+
margin-left:-30px;
 
}
 
}
 
#UBCmenu #hp h4{
 
#UBCmenu #hp h4{
Line 354: Line 315:
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:center;
 
background-position:center;
margin-left:-20px;
+
margin-left:-30px;
 
margin-top:-40px;
 
margin-top:-40px;
 
}
 
}
Line 371: Line 332:
 
background-position:center;
 
background-position:center;
 
margin-top: 30px;
 
margin-top: 30px;
margin-left:-20px;
+
margin-left:-30px;
 
}
 
}
  
Line 382: Line 343:
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-position:center;
 
background-position:center;
margin-left:-20px;
+
margin-left:-30px;
 
margin-top:-40px;
 
margin-top:-40px;
 
}
 
}
Line 395: Line 356:
 
background-position:center;
 
background-position:center;
 
margin-top: 30px;
 
margin-top: 30px;
margin-left:-20px;
+
margin-left:-30px;
 
}
 
}
  
Line 481: Line 442:
 
#homepageimg{
 
#homepageimg{
 
width: 1200px;
 
width: 1200px;
height: 900px;
+
height: 1200px;
 
margin: 0 auto;
 
margin: 0 auto;
 
background-image: url('https://static.igem.org/mediawiki/2015/8/8e/UBChoverme.png');
 
background-image: url('https://static.igem.org/mediawiki/2015/8/8e/UBChoverme.png');
Line 504: Line 465:
 
}
 
}
  
#UBCbody p{
+
#UBCbody {
 
text-indent:20px;
 
text-indent:20px;
text-align:left;
 
 
 
}
 
}
  

Latest revision as of 23:10, 17 October 2015