Team:OUC-China/css/topsection.css

From 2014.igem.org

(Difference between revisions)
(Created page with "#top-section { height: 14px; z-index: 100; top: 0; position: absolute; margin: 0 auto; display: block; width: 1024px; } #top-section * { font-size...")
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
#top-section {
+
#top-section * { font-size: 13px !important; }
-
    height: 14px;
+
* {
-
    z-index: 100;
+
  margin: 0;
-
    top: 0;
+
  padding: 0;
-
    position: absolute;
+
  border: 0;  
-
    margin: 0 auto;
+
-
    display: block;
+
-
    width: 1024px;
+
}
}
-
#top-section * {
+
.anchor {
-
    font-size: 14px;
+
  height: 150px;
 +
  position: fixed;
 +
  bottom: 30px;
 +
  right: 30px;
 +
  z-index: 1000;
 +
  cursor: pointer;
 +
  -webkit-transition: all ease 0.4s;
 +
  -moz-transition: all ease 0.4s;
 +
  -ms-transition: all ease 0.4s;
 +
  -o-transition: all ease 0.4s;
 +
  transition: all ease 0.4s;
}
}
-
#top-section .left-menu {
+
.anchor:hover {
-
    float: left;
+
  -webkit-transform: rotate(180deg);
-
}
+
  -moz-transform: rotate(180deg);
-
#top-section ul {
+
  -ms-transform: rotate(180deg);
-
    list-style: none;
+
  -o-transform: rotate(180deg);
-
}
+
  transform: rotate(180deg);
-
#top-section .left-menu ul li {
+
-
    float: left;
+
-
    margin: 0 10px 0 10px;
+
-
}
+
-
#top-section .right-menu {
+
-
    float: right;
+
-
}
+
-
#top-section .right-menu ul li {
+
-
    float: left;
+
-
    margin: 0 10px 0 10px;
+
}
}
 +
#mainContent h1, #mainContent h2 { border-bottom: none !important; }
 +
#mainContent p { font-size: 16px; line-height: 2.0em; }

Latest revision as of 01:24, 18 October 2014

  1. top-section * { font-size: 13px !important; }
  • {
 margin: 0;
 padding: 0;
 border: 0; 

} .anchor {

 height: 150px;
 position: fixed;
 bottom: 30px;
 right: 30px;
 z-index: 1000;
 cursor: pointer;
 -webkit-transition: all ease 0.4s;
 -moz-transition: all ease 0.4s;
 -ms-transition: all ease 0.4s;
 -o-transition: all ease 0.4s;
 transition: all ease 0.4s;

} .anchor:hover {

 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);

}

  1. mainContent h1, #mainContent h2 { border-bottom: none !important; }
  2. mainContent p { font-size: 16px; line-height: 2.0em; }