Difference between revisions of "Template:Uniandes Colombia"

Latest revision as of 02:58, 19 September 2015

iGEM Uniandes-Colombia

@@ Line 36: / Line 36: @@
                border-radius: 50%;
              }
          </style>
          <script src="https://2015.igem.org/Template:Uniandes_Colombia/prefixtree.min.js?action=raw&ctype=text/javascript"></script>
-	</head>
+<!--PART IV: Text Buttons-->
+<!--CSS-->
+<style>
+.button-fill {
+  text-align: center;
+  background: #ccc;
+  display: inline-block;
+  position: relative;
+  text-transform: uppercase;
+  margin: 25px;
+}
+.button-fill.grey {
+  background: #445561;
+  color: white;
+}
+.button-fill.orange {
+  background: #f26b43;
+  color: #fff;
+}
+.button-fill.orange .button-inside {
+  color: #f26b43;
+}
+.button-fill.orange .button-inside.full {
+  border: 1px solid #f26b43;
+}
+.button-text {
+  padding: 0 25px;
+  line-height: 56px;
+  letter-spacing: .1em;
+}
+.button-inside {
+  width: 0px;
+  height: 54px;
+  margin: 0;
+  float: left;
+  position: absolute;
+  top: 1px;
+  left: 50%;
+  line-height: 54px;
+  color: #445561;
+  background: #fff;
+  text-align: center;
+  overflow: hidden;
+  -webkit-transition: width 0.5s, left 0.5s, margin 0.5s;
+  -moz-transition: width 0.5s, left 0.5s, margin 0.5s;
+  -o-transition: width 0.5s, left 0.5s, margin 0.5s;
+  transition: width 0.5s, left 0.5s, margin 0.5s;
+}
+.button-inside.full {
+  width: 100%;
+  left: 0%;
+  top: 0;
+  margin-right: -50px;
+  border: 1px solid #445561;
+}
+.inside-text {
+  text-align: center;
+  position: absolute;
+  right: 50%;
+  letter-spacing: .1em;
+  text-transform: uppercase;
+  -webkit-transform: translateX(50%);
+  -moz-transform: translateX(50%);
+  -ms-transform: translateX(50%);
+  transform: translateX(50%);
+}
+</style>
+<!--JS-->
+<script src='http://assets.codepen.io/assets/libs/fullpage/jquery-ab8e840c3dad7ccf2deadb8c40d53bdb.js'></script>
+</head>
          <div class="menu-wrapper">
              <!-- SVG Menu Generated By CIRCULUS.SVG :: http://sarasoueidan.com/tools/circulus -->
@@ Line 76: / Line 160: @@
                  		<a class="item" id="item-5" xlink:href="/Team:Uniandes_Colombia/DryLab" xlink:title=" " transform="matrix(-1,0,0,-1,500,500)" data-svg-origin="250 250" style=""><path fill="none" stroke="#111" d="M350,250 l150,0 A250,250 0 0,0 426.7766952966369,73.22330470336314 l-106.06601717798213,106.0660171779821 A100,100 0 0,1 350,250" class="sector"></path><use xlink:href="#icon-5" width="65" height="140" x="380.4505615234375" y="110.88233947753906" transform="rotate(67.5 414.4505615234375 181.88233947753906)"></use></a>
                  		<a class="item" id="item-6" xlink:href="/Team:Uniandes_Colombia/Hardware" xlink:title=" " transform="matrix(-0.7071,0.7071,-0.7071,-0.7071,603.5533905932738,250.00000000000006)" data-svg-origin="250 250" style=""><path fill="none" stroke="#111" d="M350,250 l150,0 A250,250 0 0,0 426.7766952966369,73.22330470336314 l-106.06601717798213,106.0660171779821 A100,100 0 0,1 350,250" class="sector"></path><use xlink:href="#icon-6" width="55" height="160" x="395.4505615234375" y="96.88233947753906" transform="rotate(67.5 414.4505615234375 181.88233947753906)"></use></a>
-                 		<a class="item" id="item-7" xlink:href="/Team:Uniandes_Colombia/DryLab/Practices" xlink:title=" " transform="matrix(0,1,-1,0,500.00000000000006,0)" data-svg-origin="250 250" style=""><path fill="none" stroke="#111" d="M350,250 l150,0 A250,250 0 0,0 426.7766952966369,73.22330470336314 l-106.06601717798213,106.0660171779821 A100,100 0 0,1 350,250" class="sector"></path><use xlink:href="#icon-7" width="35" height="200" x="404.4505615234375" y="81.88233947753906" transform="rotate(67.5 414.4505615234375 181.88233947753906)"></use></a>
+                 		<a class="item" id="item-7" xlink:href="/Team:Uniandes_Colombia/Practices" xlink:title=" " transform="matrix(0,1,-1,0,500.00000000000006,0)" data-svg-origin="250 250" style=""><path fill="none" stroke="#111" d="M350,250 l150,0 A250,250 0 0,0 426.7766952966369,73.22330470336314 l-106.06601717798213,106.0660171779821 A100,100 0 0,1 350,250" class="sector"></path><use xlink:href="#icon-7" width="35" height="200" x="404.4505615234375" y="81.88233947753906" transform="rotate(67.5 414.4505615234375 181.88233947753906)"></use></a>
                  		<a class="item" id="item-8" xlink:href="/Team:Uniandes_Colombia/Collaborations" xlink:title=" " transform="matrix(0.7071,0.7071,-0.7071,0.7071,250.00000000000009,-103.55339059327378)" data-svg-origin="250 250" style=""><path fill="none" stroke="#111" d="M350,250 l150,0 A250,250 0 0,0 426.7766952966369,73.22330470336314 l-106.06601717798213,106.0660171779821 A100,100 0 0,1 350,250" class="sector"></path><use xlink:href="#icon-8" width="37" height="150" x="404.4505615234375" y="101.88233947753906" transform="rotate(67.5 414.4505615234375 181.88233947753906)"></use></a>
                  </g>