"
Team:NCTU Formosa/source/head-index
From 2014.igem.org
(Difference between revisions)
| (27 intermediate revisions not shown) | |||
| Line 2: | Line 2: | ||
<style> | <style> | ||
.wordbox p{ | .wordbox p{ | ||
| - | |||
font-family: "Courier"; | font-family: "Courier"; | ||
font-size: 20px; | font-size: 20px; | ||
margin: 10px 0 0 10px; | margin: 10px 0 0 10px; | ||
| - | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| - | + | .attach{ | |
| + | margin-left: 30%; | ||
| + | position: relative; | ||
| + | z-index: 2; | ||
| + | top:50%; | ||
| + | cursor:pointer; | ||
| + | } | ||
.wordbox p a{ | .wordbox p a{ | ||
| Line 216: | Line 220: | ||
background-image: url(https://static.igem.org/mediawiki/2014/5/5a/NCTU_wiki_Backdround.jpg); | background-image: url(https://static.igem.org/mediawiki/2014/5/5a/NCTU_wiki_Backdround.jpg); | ||
background-position: center top; | background-position: center top; | ||
| - | margin-bottom: | + | margin-bottom:10pt; |
} | } | ||
#sitemap { | #sitemap { | ||
| Line 263: | Line 267: | ||
} | } | ||
#description .wordbox { | #description .wordbox { | ||
| - | + | top: -17%; | |
| - | padding: | + | padding:30pt; |
font-weight:300; | font-weight:300; | ||
width:98%; | width:98%; | ||
| Line 271: | Line 275: | ||
text-align:justify; | text-align:justify; | ||
text-justify:inter-word; | text-justify:inter-word; | ||
| - | background-color: rgba( | + | background-color: rgba(156, 156, 156, 0.76); |
border-radius: 30px; | border-radius: 30px; | ||
| - | opacity: 0 | + | opacity: 0; |
float:left; | float:left; | ||
| - | color:white; | + | color: white; |
| - | + | z-index: 1; | |
| - | # | + | position: relative; |
| + | box-shadow: 0px 0px 12px 7px #B7600B; | ||
| + | letter-spacing: 1px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| - | |||
| - | |||
} | } | ||
| Line 647: | Line 646: | ||
}); | }); | ||
}); | }); | ||
| + | </script> | ||
| + | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | $(".attach").click(function(){ | ||
| + | $(".wordbox").animate({ | ||
| + | opacity:'1' | ||
| + | |||
| + | }); | ||
| + | $(".attach").animate({ | ||
| + | opacity:'0 ' | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | }); | ||
| + | |||
| + | |||
</script> | </script> | ||
Latest revision as of 03:55, 18 October 2014
