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

Line 31: Line 31:
  
 
<style type="text/css">
 
<style type="text/css">
 +
 +
html, body {
 +
  margin: 0;
 +
  padding: 0;
 +
  font-family: "Bernard MT Condensed", serif;
 +
}
 +
 +
h1 {
 +
  text-align: center;
 +
}
 +
 +
#slider {
 +
  position: relative;
 +
  overflow: hidden;
 +
  margin: 20px auto 0 auto;
 +
  border-radius: 4px;
 +
margin-top:40px;
 +
}
 +
 +
#slider ul {
 +
  position: relative;
 +
  margin: 0;
 +
  padding: 0;
 +
  height: 200px;
 +
  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;
 +
}
 +
 +
a.control_prev, a.control_next {
 +
  position: absolute;
 +
  top: 40%;
 +
  z-index: 999;
 +
  display: block;
 +
  padding: 4% 3%;
 +
  width: auto;
 +
  height: auto;
 +
  background: #2a2a2a;
 +
  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: 0 2px 2px 0;
 +
}
 +
 +
a.control_next {
 +
  right: 0;
 +
  border-radius: 2px 0 0 2px;
 +
}
 +
 +
.slider_option {
 +
  position: relative;
 +
  margin: 10px auto;
 +
  width: 160px;
 +
  font-size: 18px;
 +
}
 +
 +
 
html, body, head, #content{
 
html, body, head, #content{
 
background-color:#e1d1b4;
 
background-color:#e1d1b4;

Revision as of 19:20, 21 July 2015