Difference between revisions of "Template:Uniandes Colombia"
(Added links) |
|||
| Line 36: | Line 36: | ||
border-radius: 50%; | border-radius: 50%; | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
</style> | </style> | ||
<script src="https://2015.igem.org/Template:Uniandes_Colombia/prefixtree.min.js?action=raw&ctype=text/javascript"></script> | <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"> | <div class="menu-wrapper"> | ||
<!-- SVG Menu Generated By CIRCULUS.SVG :: http://sarasoueidan.com/tools/circulus --> | <!-- SVG Menu Generated By CIRCULUS.SVG :: http://sarasoueidan.com/tools/circulus --> | ||
Revision as of 23:36, 18 September 2015