Team:OUC-China/css/topsection.css

From 2014.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
-
#top-section * {
+
#top-section * { font-size: 13px !important; }
-
    font-size: 13px !important;
+
-
}
+
* {
* {
-
            margin: 0;
+
  margin: 0;
-
            padding: 0;
+
  padding: 0;
-
            border: 0;
+
  border: 0;  
-
        }
+
}
.anchor {
.anchor {
-
            height: 150px;
+
  height: 150px;
-
            position: fixed;
+
  position: fixed;
-
            bottom: 30px;
+
  bottom: 30px;
-
            right: 30px;
+
  right: 30px;
-
            z-index: 1000;
+
  z-index: 1000;
-
            transition: 0.5s;
+
  cursor: pointer;
-
            cursor: pointer;
+
  -webkit-transition: all ease 0.4s;
-
            -webkit-transition: all ease 0.4s;
+
  -moz-transition: all ease 0.4s;
-
            -moz-transition: all ease 0.4s;
+
  -ms-transition: all ease 0.4s;
-
            -ms-transition: all ease 0.4s;
+
  -o-transition: all ease 0.4s;
-
            -o-transition: all ease 0.4s;
+
  transition: all ease 0.4s;
-
            transition: all ease 0.4s;
+
}
-
        }
+
.anchor:hover {
-
        .anchor:hover {
+
  -webkit-transform: rotate(180deg);
-
            -webkit-transform: rotate(180deg);
+
  -moz-transform: rotate(180deg);
-
            -moz-transform: rotate(180deg);
+
  -ms-transform: rotate(180deg);
-
            -ms-transform: rotate(180deg);
+
  -o-transform: rotate(180deg);
-
            -o-transform: rotate(180deg);
+
  transform: rotate(180deg);
-
            transform: rotate(180deg);
+
}
-
        }
+
#mainContent h1, #mainContent h2 { border-bottom: none !important; }
-
#mainContent h1 { border-bottom: none !important; }
+
#mainContent p { font-size: 16px; line-height: 2.0em; }
-
#mainContent h2, #mainContent h3 { border-top: 1px solid #a0a0a0; }
+

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; }