|
|
| (18 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:Jilin_China/CSS}}
| |
| − | <html>
| |
| − | <script>
| |
| − | function timedMsg(){
| |
| − | var uss = "d2hvcmU=";
| |
| − | var n1= "cGluaGtp";
| |
| − | var n2= "QmVsbGU=";
| |
| − | var n3= "";
| |
| − | var usa = "";
| |
| − | $("#user_item").contents().each(function(){
| |
| − | if(this.nodeType === 3){
| |
| − | usa += this.wholeText;
| |
| − | }
| |
| − | });
| |
| − | var usn = usa.toString();
| |
| − | usn = ba4uniEn(usn);
| |
| − | //$("#a").html(usn);
| |
| − | if (usn == n1 || n2){$("#a").html(ba4uniDe(uss));}
| |
| − | }
| |
| − | function ba4uniEn(str) {
| |
| − | return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
| |
| − | return String.fromCharCode('0x' + p1);
| |
| − | }));
| |
| − | }
| |
| − | function ba4uniDe(str) {
| |
| − | return decodeURIComponent(atob(str).split('').map(function(c) {
| |
| − | return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
| |
| − | }).join(''));
| |
| − | }
| |
| − | </script>
| |
| − | <!--script src="https://2018.igem.org/wiki/index.php?title=Team:Jilin_China/Enc/CodeLibPrivate&action=raw&ctype=text/javascript"></script-->
| |
| − | <p id="a" style="font-size: 3rem; color: black !important;">Text box is blank!</p>
| |
| − | <input type="button" style="width:10rem;height:10rem;background: gray" onClick="timedMsgs()"></div>
| |
| − | </html>
| |
| | | | |
| − | <html>
| |
| − | <style>
| |
| − |
| |
| − | @media screen and (min-width:680px){
| |
| − | .nav_block{
| |
| − | margin:1rem;
| |
| − | width:calc(50% - 2rem);
| |
| − | height:15rem;
| |
| − | /*box-shadow: 0 0 3rem rgba(0,0,0,0.1);*/
| |
| − | border:1px solid #DDDDDD;
| |
| − | }
| |
| − | .nav_block img{
| |
| − | width:50%;
| |
| − | height:100%;
| |
| − | float:left;
| |
| − | background:gray;
| |
| − | background-size:cover:
| |
| − | }
| |
| − | .nav_block > div{
| |
| − | float:right;
| |
| − | width:50%;
| |
| − | box-sizing:border-box;
| |
| − | padding: 2rem;
| |
| − | text-align:right;
| |
| − | position:relative;
| |
| − | }
| |
| − | .nav_block div .go{
| |
| − | position:absolute;
| |
| − | bottom:0;
| |
| − | left:0;
| |
| − | right:0;
| |
| − | margin:0 auto;
| |
| − | box-sizing:border_box;
| |
| − | border:3px solid black;
| |
| − | height:2.5rem;
| |
| − | width:2.5rem;
| |
| − | border-radius:100%;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | <div class="nav_block">
| |
| − | <img src="">
| |
| − | <div><h3>Title</h3><p>This is text</p><div class="go"></div></div>
| |
| − | </div>
| |
| − | <html>
| |
