|
|
Line 1: |
Line 1: |
| + | {{ATOMS-Turkiye/Test}} |
| + | <html> |
| + | <head> |
| + | <link rel="stylesheet" href="https://2015.igem.org/Team:ATOMS-Turkiye/styleScrollNav.css?action=raw&ctype=text/css&v=22"> |
| + | <script src="https://2015.igem.org/Team:ATOMS-Turkiye/jquery.scrollNav.min.js?action=raw&ctype=text/javascript"> |
| + | </script> |
| | | |
| + | <style> |
| + | html { |
| + | background: rgb(1,1,1); |
| + | height: 100%; |
| + | } |
| + | |
| + | .keys { |
| + | font-family: 'Lato', sans-serif; |
| + | text-align: center; |
| + | width: 500px; |
| + | height: 200px; |
| + | margin: auto; |
| + | } |
| + | |
| + | .arr { |
| + | cursor: pointer; |
| + | width: 100px; |
| + | height: 100px; |
| + | text-align: center; |
| + | line-height: 100px; |
| + | background: grey; |
| + | color: white; |
| + | font-size: 50px; |
| + | border-right: 10px solid darken(grey, 20); |
| + | border-bottom: 10px solid darken(grey, 20); |
| + | border-left: 10px solid darken(grey, 15); |
| + | border-top: 10px solid darken(grey, 10); |
| + | display: inline-block; |
| + | margin: 5px; |
| + | transition: all .05s linear; |
| + | &:active { |
| + | border-bottom: 8px solid darken(grey, 20); |
| + | text-shadow: 0 0 10px white, 0 0 10px white, 0 0 20px white; |
| + | transform: translate(0, 2px); |
| + | } |
| + | user-select: none; |
| + | } |
| + | |
| + | .up { |
| + | position: relative; |
| + | top: 0px; |
| + | } |
| + | |
| + | .pressed { |
| + | border-bottom: 8px solid darken(grey, 20); |
| + | text-shadow: 0 0 10px white; |
| + | transform: translate(0, 2px); |
| + | } |
| + | |
| + | .names { |
| + | font-size: 18px; |
| + | font-family: 'Lato', sans-serif; |
| + | text-align: center; |
| + | color: white; |
| + | text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white; |
| + | } |
| + | |
| + | .b { |
| + | color: blue; |
| + | text-shadow: 0 0 10px blue, 0 0 10px blue, 0 0 10px blue, 0 0 10px blue; |
| + | font-size: 100px; |
| + | font-family: serif; |
| + | } |
| + | |
| + | .a { |
| + | color: yellow; |
| + | text-shadow: 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow, 0 0 10px yellow; |
| + | font-size: 100px; |
| + | font-family: serif; |
| + | } |
| + | </style> |
| + | |
| + | </head> |
| + | <div id="page-wrapper"> |
| + | <div class="main"> |
| + | <article class="post__article"> |
| + | |
| + | <div id="content-div" style="height:200px; background-image:url(https://static.igem.org/mediawiki/2015/a/ab/ATOMS-Turkiye_picture_1.jpg); padding-bottom:0px; background-size:cover"> |
| + | <h1>ULCER</h1> |
| + | </div> |
| + | |
| + | <div class="keys"> |
| + | <div class="up arr"><i class="fa fa-arrow-up"></i></div> |
| + | <br /> |
| + | <div class="down arr"><i class="fa fa-arrow-down"></i></div> |
| + | </div> |
| + | |
| + | <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> |
| + | |
| + | |
| + | |
| + | <h2 class="scroll">Acid Resistance</h2> |
| + | <div id="content-div"> |
| + | </html> |
| + | |
| + | Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. |
| + | |
| + | <html> |
| + | <div style="margin-bottom:60px"> |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_resistance-background" name="acid_resistance-background" type="checkbox" /> |
| + | <label for="acid_resistance-background">Background</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. |
| + | |
| + | <html> |
| + | |
| + | |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_resistance-design" name="acid_resistance-design" type="checkbox" /> |
| + | <label for="acid_resistance-design">Design</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_resistance-results" name="acid_resistance-results" type="checkbox" /> |
| + | <label for="acid_resistance-results">Results</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <h2 class="scroll">Acid Resistance</h2> |
| + | <div id="content-div"> |
| + | </html> |
| + | |
| + | Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. |
| + | |
| + | <html> |
| + | <div style="margin-bottom:60px"> |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_repellance-background" name="acid_repellance-background" type="checkbox" /> |
| + | <label for="acid_repellance-background">Background</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. |
| + | |
| + | <html> |
| + | |
| + | |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_repellance-design" name="acid_repellance-design" type="checkbox" /> |
| + | <label for="acid_repellance-design">Design</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="acid_repellance-results" name="acid_repellance-results" type="checkbox" /> |
| + | <label for="acid_repellance-results">Results</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <h2 class="scroll">Increased Motility</h2> |
| + | <div id="content-div"> |
| + | </html> |
| + | |
| + | Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. |
| + | |
| + | <html> |
| + | <div style="margin-bottom:60px"> |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="incrased_motility-background" name="incrased_motility-background" type="checkbox" /> |
| + | <label for="incrased_motility-background">Background</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. |
| + | |
| + | <html> |
| + | |
| + | |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="incrased_motility-design" name="incrased_motility-design" type="checkbox" /> |
| + | <label for="incrased_motility-design">Design</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="incrased_motility-results" name="incrased_motility-results" type="checkbox" /> |
| + | <label for="incrased_motility-results">Results</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <h2 class="scroll">Sensing h.p.</h2> |
| + | <div id="content-div"> |
| + | </html> |
| + | |
| + | Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. |
| + | |
| + | <html> |
| + | <div style="margin-bottom:60px"> |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="sensing_hp-background" name="sensing_hp-background" type="checkbox" /> |
| + | <label for="sensing_hp-background">Background</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. |
| + | |
| + | <html> |
| + | |
| + | |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="sensing_hp-design" name="sensing_hp-design" type="checkbox" /> |
| + | <label for="sensing_hp-design">Design</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="sensing_hp-results" name="sensing_hp-results" type="checkbox" /> |
| + | <label for="sensing_hp-results">Results</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <h2 class="scroll">Killing h.p.</h2> |
| + | <div id="content-div"> |
| + | </html> |
| + | |
| + | Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. Some description.. |
| + | |
| + | <html> |
| + | <div style="margin-bottom:60px"> |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="killing_hp-background" name="killing_hp-background" type="checkbox" /> |
| + | <label for="killing_hp-background">Background</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. Background of acid resistance.. |
| + | |
| + | <html> |
| + | |
| + | |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="killing_hp-design" name="killing_hp-design" type="checkbox" /> |
| + | <label for="killing_hp-design">Design</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. Design of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | <section class="accordion"> |
| + | <div> |
| + | <input id="killing_hp-results" name="killing_hp-results" type="checkbox" /> |
| + | <label for="killing_hp-results">Results</label> |
| + | <article class="ac-small"> |
| + | </html> |
| + | |
| + | Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. Results of acid resistance.. |
| + | <html> |
| + | </div> |
| + | </section> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | |
| + | </article> |
| + | </div> |
| + | </div> |
| + | <script> |
| + | $('.post__article').scrollNav({ |
| + | sections: 'h2.scroll', |
| + | subSections: false, |
| + | sectionElem: 'div', |
| + | showHeadline: false, |
| + | headlineText: 'Scroll To', |
| + | showTopLink: true, |
| + | topLinkText: 'Top', |
| + | fixedMargin: 40, |
| + | scrollOffset: 140, |
| + | animated: true, |
| + | speed: 500, |
| + | insertTarget: this.selector, |
| + | insertLocation: 'insertBefore', |
| + | arrowKeys: true, |
| + | scrollToHash: true, |
| + | onInit: null, |
| + | onRender: null, |
| + | onDestroy: null |
| + | }); |
| + | |
| + | //for arrow keys |
| + | |
| + | $(document).keydown(function(e) { |
| + | if (e.which==37) { |
| + | $('.left').addClass('pressed'); |
| + | $('.lefttext').text('LEFT'); |
| + | $('.left').css('transform', 'translate(0, 2px)'); |
| + | } else if (e.which==38) { |
| + | $('.up').addClass('pressed'); |
| + | $('.uptext').text('UP'); |
| + | $('.left').css('transform', 'translate(0, 2px)'); |
| + | $('.down').css('transform', 'translate(0, 2px)'); |
| + | $('.right').css('transform', 'translate(0, 2px)'); |
| + | } else if (e.which==39) { |
| + | $('.right').addClass('pressed'); |
| + | $('.righttext').text('RIGHT'); |
| + | $('.right').css('transform', 'translate(0, 2px)'); |
| + | } else if (e.which==40) { |
| + | $('.down').addClass('pressed'); |
| + | $('.downtext').text('DOWN'); |
| + | $('.down').css('transform', 'translate(0, 2px)'); |
| + | } else if (e.which==66) { |
| + | $('.b').text('B'); |
| + | } else if (e.which==65) { |
| + | $('.a').text('A'); |
| + | } |
| + | }); |
| + | |
| + | $(document).keyup(function(e) { |
| + | if (e.which==37) { |
| + | $('.left').removeClass('pressed'); |
| + | $('.lefttext').text(''); |
| + | $('.left').css('transform', 'translate(0, 0)'); |
| + | } else if (e.which==38) { |
| + | $('.up').removeClass('pressed'); |
| + | $('.uptext').text(''); |
| + | $('.left').css('transform', 'translate(0, 0)'); |
| + | $('.down').css('transform', 'translate(0, 0)'); |
| + | $('.right').css('transform', 'translate(0, 0)'); |
| + | } else if (e.which==39) { |
| + | $('.right').removeClass('pressed'); |
| + | $('.righttext').text(''); |
| + | $('.right').css('transform', 'translate(0, 0)'); |
| + | } else if (e.which==40) { |
| + | $('.down').removeClass('pressed'); |
| + | $('.downtext').text(''); |
| + | $('.down').css('transform', 'translate(0, 0)'); |
| + | } else if (e.which==66) { |
| + | $('.b').text(''); |
| + | } else if (e.which==65) { |
| + | $('.a').text(''); |
| + | } |
| + | }); |
| + | |
| + | $('.left').mousedown(function() { |
| + | $('.lefttext').text('LEFT'); |
| + | $('.left').css('transform', 'translate(0, 2px)'); |
| + | }); |
| + | |
| + | $('.left').mouseup(function() { |
| + | $('.lefttext').text(''); |
| + | $('.left').css('transform', 'translate(0, 0)'); |
| + | }); |
| + | |
| + | $('.right').mousedown(function() { |
| + | $('.righttext').text('RIGHT'); |
| + | $('.right').css('transform', 'translate(0, 2px)'); |
| + | }); |
| + | |
| + | $('.right').mouseup(function() { |
| + | $('.righttext').text(''); |
| + | $('.right').css('transform', 'translate(0, 0)'); |
| + | }); |
| + | |
| + | $('.up').mousedown(function() { |
| + | $('.uptext').text('UP'); |
| + | $('.left').css('transform', 'translate(0, 2px)'); |
| + | $('.down').css('transform', 'translate(0, 2px)'); |
| + | $('.right').css('transform', 'translate(0, 2px)'); |
| + | }); |
| + | |
| + | $('.up').mouseup(function() { |
| + | $('.uptext').text(''); |
| + | $('.left').css('transform', 'translate(0, 0)'); |
| + | $('.down').css('transform', 'translate(0, 0)'); |
| + | $('.right').css('transform', 'translate(0, 0)'); |
| + | }); |
| + | |
| + | $('.down').mousedown(function() { |
| + | $('.downtext').text('DOWN'); |
| + | $('.down').css('transform', 'translate(0, 2px)'); |
| + | }); |
| + | |
| + | $('.down').mouseup(function() { |
| + | $('.downtext').text(''); |
| + | $('.down').css('transform', 'translate(0, 0)'); |
| + | }); |
| + | |
| + | /* |
| + | * Konami-JS ~ |
| + | * :: Now with support for touch events and multiple instances for |
| + | * :: those situations that call for multiple easter eggs! |
| + | * Code: http://konami-js.googlecode.com/ |
| + | * Examples: http://www.snaptortoise.com/konami-js |
| + | * Copyright (c) 2009 George Mandis (georgemandis.com, snaptortoise.com) |
| + | * Version: 1.4.2 (9/2/2013) |
| + | * Licensed under the MIT License (http://opensource.org/licenses/MIT) |
| + | * Tested in: Safari 4+, Google Chrome 4+, Firefox 3+, IE7+, Mobile Safari 2.2.1 and Dolphin Browser |
| + | */ |
| + | |
| + | var Konami = function (callback) { |
| + | var konami = { |
| + | addEvent: function (obj, type, fn, ref_obj) { |
| + | if (obj.addEventListener) |
| + | obj.addEventListener(type, fn, false); |
| + | else if (obj.attachEvent) { |
| + | // IE |
| + | obj["e" + type + fn] = fn; |
| + | obj[type + fn] = function () { |
| + | obj["e" + type + fn](window.event, ref_obj); |
| + | } |
| + | obj.attachEvent("on" + type, obj[type + fn]); |
| + | } |
| + | }, |
| + | input: "", |
| + | pattern: "38384040373937396665", |
| + | load: function (link) { |
| + | this.addEvent(document, "keydown", function (e, ref_obj) { |
| + | if (ref_obj) konami = ref_obj; // IE |
| + | konami.input += e ? e.keyCode : event.keyCode; |
| + | if (konami.input.length > konami.pattern.length) |
| + | konami.input = konami.input.substr((konami.input.length - konami.pattern.length)); |
| + | if (konami.input == konami.pattern) { |
| + | konami.code(link); |
| + | konami.input = ""; |
| + | e.preventDefault(); |
| + | return false; |
| + | } |
| + | }, this); |
| + | this.iphone.load(link); |
| + | }, |
| + | code: function (link) { |
| + | window.location = link |
| + | }, |
| + | iphone: { |
| + | start_x: 0, |
| + | start_y: 0, |
| + | stop_x: 0, |
| + | stop_y: 0, |
| + | tap: false, |
| + | capture: false, |
| + | orig_keys: "", |
| + | keys: ["UP", "UP", "DOWN", "DOWN", "LEFT", "RIGHT", "LEFT", "RIGHT", "TAP", "TAP"], |
| + | code: function (link) { |
| + | konami.code(link); |
| + | }, |
| + | load: function (link) { |
| + | this.orig_keys = this.keys; |
| + | konami.addEvent(document, "touchmove", function (e) { |
| + | if (e.touches.length == 1 && konami.iphone.capture == true) { |
| + | var touch = e.touches[0]; |
| + | konami.iphone.stop_x = touch.pageX; |
| + | konami.iphone.stop_y = touch.pageY; |
| + | konami.iphone.tap = false; |
| + | konami.iphone.capture = false; |
| + | konami.iphone.check_direction(); |
| + | } |
| + | }); |
| + | konami.addEvent(document, "touchend", function (evt) { |
| + | if (konami.iphone.tap == true) konami.iphone.check_direction(link); |
| + | }, false); |
| + | konami.addEvent(document, "touchstart", function (evt) { |
| + | konami.iphone.start_x = evt.changedTouches[0].pageX; |
| + | konami.iphone.start_y = evt.changedTouches[0].pageY; |
| + | konami.iphone.tap = true; |
| + | konami.iphone.capture = true; |
| + | }); |
| + | }, |
| + | check_direction: function (link) { |
| + | x_magnitude = Math.abs(this.start_x - this.stop_x); |
| + | y_magnitude = Math.abs(this.start_y - this.stop_y); |
| + | x = ((this.start_x - this.stop_x) < 0) ? "RIGHT" : "LEFT"; |
| + | y = ((this.start_y - this.stop_y) < 0) ? "DOWN" : "UP"; |
| + | result = (x_magnitude > y_magnitude) ? x : y; |
| + | result = (this.tap == true) ? "TAP" : result; |
| + | |
| + | if (result == this.keys[0]) this.keys = this.keys.slice(1, this.keys.length); |
| + | if (this.keys.length == 0) { |
| + | this.keys = this.orig_keys; |
| + | this.code(link); |
| + | } |
| + | } |
| + | } |
| + | } |
| + | |
| + | typeof callback === "string" && konami.load(callback); |
| + | if (typeof callback === "function") { |
| + | konami.code = callback; |
| + | konami.load(); |
| + | } |
| + | |
| + | return konami; |
| + | }; |
| + | |
| + | var easter_egg = new Konami(); |
| + | easter_egg.code = function() { |
| + | alert('Colors mode activated (Press A when you close this)!'); |
| + | |
| + | $('.up').css('background', 'orange'); |
| + | $('.up').css('border-right', '10px solid #996300'); |
| + | $('.up').css('border-bottom', '10px solid #996300'); |
| + | $('.up').css('border-left', '10px solid #b37300'); |
| + | $('.up').css('border-top', '10px solid #cc8400'); |
| + | $('.uptext').css('color', 'orange') |
| + | $('.uptext').css('text-shadow', '0 0 10px orange, 0 0 10px orange, 0 0 10px orange, 0 0 10px orange'); |
| + | |
| + | $('.down').css('background', 'tomato'); |
| + | $('.down').css('border-right', '10px solid #e02200'); |
| + | $('.down').css('border-bottom', '10px solid #e02200'); |
| + | $('.down').css('border-left', '10px solid #f92600'); |
| + | $('.down').css('border-top', '10px solid #ff3814'); |
| + | $('.downtext').css('color', 'tomato') |
| + | $('.downtext').css('text-shadow', '0 0 10px tomato, 0 0 10px tomato, 0 0 10px tomato, 0 0 10px tomato'); |
| + | |
| + | $('.left').css('background', 'skyblue'); |
| + | $('.left').css('border-right', '10px solid #30aadc'); |
| + | $('.left').css('border-bottom', '10px solid #30aadc'); |
| + | $('.left').css('border-left', '10px solid #45b3e0'); |
| + | $('.left').css('border-top', '10px solid #5bbce4'); |
| + | $('.lefttext').css('color', 'skyblue') |
| + | $('.lefttext').css('text-shadow', '0 0 10px skyblue, 0 0 10px skyblue, 0 0 10px skyblue, 0 0 10px skyblue'); |
| + | |
| + | $('.right').css('background', 'red'); |
| + | $('.right').css('border-right', '10px solid #990000'); |
| + | $('.right').css('border-bottom', '10px solid #990000'); |
| + | $('.right').css('border-left', '10px solid #b30000'); |
| + | $('.right').css('border-top', '10px solid #cc0000'); |
| + | $('.righttext').css('color', 'red') |
| + | $('.righttext').css('text-shadow', '0 0 10px red, 0 0 10px red, 0 0 10px red, 0 0 10px red'); |
| + | } |
| + | easter_egg.load(); |
| + | |
| + | </script> |
| + | </html> |