Team:OUC-China/css/topsection.css

From 2014.igem.org

(Difference between revisions)
 
(10 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;  
-
        }
+
}
-
        header {
+
-
            background-color: #FFFFFF;
+
-
            height: 53px;
+
-
        }
+
-
        header > div {
+
-
            width: 1175px;
+
-
            margin: 0 auto;
+
-
            height: 53px;
+
-
        }
+
-
        header > div > img.igemlogo {
+
-
            position: relative;
+
-
            z-index: 10;
+
-
        }
+
-
        header > div > div {
+
-
            display: inline-block;
+
-
            margin: -120px auto 0 450px;
+
-
            padding-top: 8px;
+
-
            float: left;
+
-
        }
+
-
        header > div > img.teamlogo {
+
-
            margin-top: -25px;
+
-
            position: relative;
+
-
            z-index: 10;
+
-
            width: 83px;
+
-
            height: 83px;
+
-
            margin-left: 597px;
+
-
        }
+
.anchor {
.anchor {
-
            position: fixed;
+
  height: 150px;
-
            right: 10px;
+
  position: fixed;
-
            bottom: 10px;
+
  bottom: 30px;
-
            cursor: pointer;
+
  right: 30px;
-
            width: 60px;
+
  z-index: 1000;
-
            height: 60px;
+
  cursor: pointer;
-
            z-index: 20;
+
  -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: scale(1.1);
+
  -moz-transform: rotate(180deg);
-
            -moz-transform: scale(1.1);
+
  -ms-transform: rotate(180deg);
-
            -ms-transform: scale(1.1);
+
  -o-transform: rotate(180deg);
-
            -o-transform: scale(1.1);
+
  transform: rotate(180deg);
-
            transform: scale(1.1);
+
}
-
        }
+
#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; }
Retrieved from "http://2014.igem.org/Team:OUC-China/css/topsection.css"