Team:OUC-China/css/topsection.css

From 2014.igem.org

(Difference between revisions)
Line 47: Line 47:
             -o-transition: all ease 0.4s;
             -o-transition: all ease 0.4s;
             transition: all ease 0.4s;
             transition: all ease 0.4s;
 +
            -webkit-transform: rotate(180deg);
 +
            -moz-transform: rotate(180deg);
 +
            -ms-transform: rotate(180deg);
 +
            -o-transform: rotate(180deg);
 +
            transform: rotate(180deg);
         }
         }
         .anchor:hover {
         .anchor:hover {
-
             -webkit-transform: scale(1.1);
+
             -webkit-transform: rotate(0);
-
             -moz-transform: scale(1.1);
+
             -moz-transform: rotate(0);
-
             -ms-transform: scale(1.1);
+
             -ms-transform: rotate(0);
-
             -o-transform: scale(1.1);
+
             -o-transform: rotate(0);
-
             transform: scale(1.1);
+
             transform: rotate(0);
         }
         }

Revision as of 12:18, 13 October 2014

  1. top-section * {
   font-size: 13px !important;

}

  • {
           margin: 0;
           padding: 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 {

           position: fixed;
           right: 10px;
           bottom: 10px;
           cursor: pointer;
           width: 60px;
           height: 60px;
           z-index: 20;
           -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;
           -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
           -ms-transform: rotate(180deg);
           -o-transform: rotate(180deg);
           transform: rotate(180deg);
       }
       .anchor:hover {
           -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
           -ms-transform: rotate(0);
           -o-transform: rotate(0);
           transform: rotate(0);
       }