Difference between revisions of "Team:NCTU Formosa/Project"
(36 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <style | + | |
− | + | <style> | |
− | + | #taggd img { | |
− | + | display: inline; | |
− | + | width: 100%; | |
− | + | } | |
− | + | body{ | |
− | + | background-color:#FCFCDE;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | .taggd-wrapper { | |
− | + | overflow: hidden; | |
− | + | position: relative; | |
− | + | ||
− | + | -webkit-font-smoothing: antialiased; | |
− | + | -moz-osx-font-smoothing: antialiased; | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .taggd-wrapper .taggd-item { |
− | + | background-color: #FF6668; | |
− | + | opacity:0.9; | |
− | + | cursor: pointer; | |
− | + | display: block; | |
− | + | padding: 14px; | |
− | + | z-index: 10; | |
− | + | ||
− | + | -webkit-border-radius: 50%; | |
− | + | -moz-border-radius: 50%; | |
− | + | border-radius: 50%; | |
− | + | ||
− | + | -webkit-transition: background-color 0.2s; | |
− | + | -moz-transition: background-color 0.2s; | |
− | + | transition: background-color 0.2s; | |
− | + | ||
− | transition: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | transition: | + | |
} | } | ||
− | . | + | .taggd-wrapper .taggd-item.active, |
− | opacity: 0; | + | .taggd-wrapper .taggd-item:hover { background-color: rgba(219, 50, 92, 0.75); } |
− | transition: all 0.2s | + | |
+ | .taggd-wrapper .taggd-item-hover { | ||
+ | background-color: rgb(219, 50, 92); | ||
+ | color: transparent; | ||
+ | cursor: default; | ||
+ | display: block; | ||
+ | font-weight: lighter; | ||
+ | opacity: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0 10px; | ||
+ | z-index: 8; | ||
+ | |||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | |||
+ | -webkit-transition: all 0.2s; | ||
+ | -moz-transition: all 0.2s; | ||
+ | transition: all 0.2s; | ||
+ | |||
+ | -webkit-touch-callout: none; | ||
+ | -webkit-user-select: none; | ||
+ | -khtml-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | display:none; | ||
+ | font-size:30pt; | ||
} | } | ||
− | . | + | |
− | + | .taggd-wrapper .taggd-item-hover.show { | |
− | + | color: #fff; | |
− | + | ||
opacity: 1; | opacity: 1; | ||
+ | padding: 10px; | ||
+ | z-index: 9; | ||
+ | display: block; | ||
} | } | ||
− | . | + | .taggd-wrapper .taggd-item-hover input { |
− | + | background-color: transparent; | |
− | + | border: 0; | |
+ | margin: 0; | ||
+ | outline: 0; | ||
+ | padding: 0; | ||
+ | |||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: antialiased; | ||
} | } | ||
− | . | + | .taggd-wrapper .taggd-item-hover button { |
− | + | background-color: #fff; | |
+ | border: 0; | ||
+ | color: rgb(219, 50, 92); | ||
+ | font-family: Arial; | ||
+ | font-size: 0.666em; | ||
+ | height: 1.5em; | ||
+ | line-height: 1; | ||
+ | margin: 0 0 0 0.25em; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 1.5em; | ||
+ | |||
+ | -moz-border-radius: 50%; | ||
+ | -webkit-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | |||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: antialiased; | ||
} | } | ||
− | |||
− | . | + | .taggd-wrapper .taggd-editor { |
− | + | position: absolute; | |
− | position:absolute | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | </style> | + | .goto1{ |
− | + | position:relative; | |
+ | padding-left:76vw; | ||
+ | padding-top:2vh; | ||
+ | } | ||
+ | .goto1 a{ | ||
+ | text-decoration:none; | ||
+ | color:#000; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script src="https://2015.igem.org/Team:NCTU_Formosa/source/taggd?action=raw&ctype=text/javascript"></script> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div | + | <div id="taggd" style="width:60vw;margin:0 auto;"> |
− | + | <img src="https://static.igem.org/mediawiki/2015/6/6d/Nctu_formosa_map3.png" class="taggd" alt=""/> | |
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2015/ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="goto1"> | ||
+ | <a href="https://2015.igem.org/Team:NCTU_Formosa/Description"><img src="https://static.igem.org/mediawiki/2015/c/c2/%E7%AE%AD%E9%A0%AD2.png"; width=50vw;><br><br>Go to Description</a> | ||
</div> | </div> | ||
+ | <script> | ||
+ | var options = { | ||
+ | align: { | ||
+ | y: 'top' | ||
+ | }, | ||
+ | |||
+ | offset: { | ||
+ | top: 20 | ||
+ | }, | ||
+ | handlers: { | ||
+ | click: function( e, data ) { | ||
+ | window.open( | ||
+ | 'https://2015.igem.org/Team:NCTU_Formosa/' + data.uri, | ||
+ | '_blank' | ||
+ | );}, | ||
+ | mouseenter: 'show', | ||
+ | mouseleave: 'hide' | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | |||
+ | var data = [ | ||
+ | { | ||
+ | "x": 0.20207429501084598, | ||
+ | "y": 0.864618860845839, | ||
+ | "text": "Policy & Practices", | ||
+ | uri: 'Practices' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.4233324295010846, | ||
+ | "y": 0.9014537858117326, | ||
+ | "text": "Team", | ||
+ | uri: 'Attributions' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.4200786334056399, | ||
+ | "y": 0.2970881650750341, | ||
+ | "text": "Project", | ||
+ | uri: 'Description' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.5816838394793926, | ||
+ | "y": 0.3925861186903138, | ||
+ | "text": "Parts", | ||
+ | uri: 'Parts' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.6402521691973969, | ||
+ | "y": 0.6367880286493861, | ||
+ | "text": "Achievement", | ||
+ | uri: 'Achievement' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.7248508676789588, | ||
+ | "y": 0.4717129945429741, | ||
+ | "text": "Notebook", | ||
+ | uri: 'LabSafety' | ||
+ | } | ||
+ | ] | ||
+ | |||
+ | var taggd = $('.taggd').taggd( options, data ); | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
+ | {{Team:NCTU_Formosa/footer}} |
Latest revision as of 01:34, 19 September 2015