Template:Style

From 2013.igem.org

(Difference between revisions)
(Undo revision 73723 by Amaron (talk))
 
(25 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
@import"http://webhost1.ust.hk/~igemasia/resources/bootstrap/css/bootstrap.min.css";
@import"http://webhost1.ust.hk/~igemasia/resources/bootstrap/css/bootstrap.min.css";
@import"http://webhost1.ust.hk/~igemasia/css/reset.css";
@import"http://webhost1.ust.hk/~igemasia/css/reset.css";
Line 34: Line 35:
.main{margin:0 auto;width:960px;position:relative;}
.main{margin:0 auto;width:960px;position:relative;}
.container_12 {position:relative;}
.container_12 {position:relative;}
 +
.wrapper{width:100%;overflow:hidden; position:relative;}
.wrapper{width:100%;overflow:hidden; position:relative;}
/*----- txt,links,lines,titles -----*/
/*----- txt,links,lines,titles -----*/
Line 76: Line 78:
text-indent:-999em;
text-indent:-999em;
}
}
 +
.nav-container {
.nav-container {
background: url(http://webhost1.ust.hk/~igemasia/images/nav-top-tail.gif) repeat-x 0 0;
background: url(http://webhost1.ust.hk/~igemasia/images/nav-top-tail.gif) repeat-x 0 0;
Line 266: Line 269:
padding:30px 0 0;
padding:30px 0 0;
position:relative;
position:relative;
-
left:50%;
+
left:40%;
margin-left:-42px;
margin-left:-42px;
}
}
Line 692: Line 695:
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
-
color:#d5d5d5;
+
color:#23301e;
 +
text-shadow:none;
}
}
-
.navbar-inner {
+
.navbar-inverse .navbar-inner {
-
  min-height: 40px;
+
background-color: #9ddc88;
-
  padding-left: 20px;
+
background-image: -moz-linear-gradient(top, #9ddc88, #7ca56d);
-
  padding-right: 20px;
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ddc88), to(#7ca56d));
-
  background-color: #fafafa;
+
background-image: -webkit-linear-gradient(top, #9ddc88, #7ca56d);
-
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
+
background-image: -o-linear-gradient(top, #9ddc88, #7ca56d);
-
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
+
background-image: linear-gradient(to bottom, #9ddc88, #7ca56d);
-
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
+
background-repeat: repeat-x;
-
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ddc88', endColorstr='#ff7ca56d', GradientType=0);
-
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
+
border-color: #9ddc88;
-
  background-repeat: repeat-x;
+
}
-
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
+
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
-
  border: 1px solid #d4d4d4;
+
background-color:#9ddc88;
-
  -webkit-border-radius: 4px;
+
-
  -moz-border-radius: 4px;
+
-
  border-radius: 4px;
+
-
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+
-
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+
-
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+
-
  *zoom: 1;
+
}
}
 +
.firstHeading{display:none;}
 +
.container{
 +
background-image:url('http://webhost1.ust.hk/~igemasia/resources/images/bg.png');
 +
background-repeat:no-repeat;
 +
background-attachment:fixed;
 +
background-position:center;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 13:17, 16 August 2013