|
|
Line 9: |
Line 9: |
| | | |
| | | |
− | | + | <!DOCTYPE html> |
− | <math>bk: rgb(10,10,10); | + | <html> |
− | </math>bkT: rgba(10,10,10,0); | + | <head> |
− | | + | <title> Animals </title> |
− | <math>dg: rgb(50,50,50); | + | </head> |
− | </math>dgT: rgba(50,50,50,0); | + | <body> |
− | | + | <h1> Welcome to AniWeb</h1> |
− | <math>g: rgb(70,70,70); | + | <div class=”gallery”> |
− | </math>gT: rgba(70,70,70,0); | + | <a target=”_blank” href=”https://cfa.org/”> |
− | | + | <img src=”https://www.awf.org/sites/default/files/Website_SpeciesPage_Pangolin01_Hero.jpg” alt=”pangolin” height=”600″ width=”400″> |
− | <math>lg: rgb(120,120,120); | + | </a> |
− | </math>lgT: rgba(120,120,120,0); | + | <div class=”desc”>Comet looks a little sleepy in this picture. I like the red background. Click on him and go to the Cat Fanciers’ Association website.</div> |
− | | + | </div> |
− | <math>bl: rgb(20,20,120);
| + | <div class=”gallery”> |
− | </math>blT: rgba(20,20,120,0); | + | <a target=”_blank” href=”http://www.acfacat.com/”> |
− | | + | <img src=”https://i.imgur.com/XLui4Vw.png” alt=”Comet with Pink Background” height=”600″ width=”400″ > |
− | <math>p: rgb(25,20,25); | + | </a> |
− | </math>pT: rgba(25,20,25,0); | + | <div class=”desc”>Comet is more awake in this picture with a pink background. Click on him and go to the American Cat Fanciers’ Association website.</div> |
− | | + | </div> |
− | .iphone {
| + | </body> |
− | background:
| + | </html> |
− | /* camera */
| |
− | radial-gradient(1em 1em at 6.25em 2.5em, <math>bl 0.2em, </math>g 0.21em, <math>g 49%, </math>gT 50%),
| |
− | /* speaker */
| |
− | radial-gradient(200% 100% at 100% 50%, <math>g 49%, </math>gT 50%) calc(50% + 0.125em - 2em - 0.25em) 2em / 0.5em 1em,
| |
− | radial-gradient(200% 100% at 0% 50%, <math>g 49%, </math>gT 50%) calc(50% + 0.125em + 2em + 0.25em) 2em / 0.5em 1em,
| |
− | linear-gradient(<math>g, </math>g) calc(50% + 0.125em) 2em / 4em 1em,
| |
− | /* screen */
| |
− | linear-gradient(<math>p, </math>p) calc(50% + 0.125em) 5em / 17.25em 30em,
| |
− | /* home button */
| |
− | radial-gradient(200% 200% at 100% 100%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em - 0.5em) 36.5em / 0.5em 0.5em,
| |
− | radial-gradient(200% 200% at 0% 100%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em + 0.5em) 36.5em / 0.5em 0.5em,
| |
− | radial-gradient(200% 200% at 100% 0%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em - 0.5em) 37.5em / 0.5em 0.5em,
| |
− | radial-gradient(200% 200% at 0% 0%, <math>lgT 0.3em, </math>lg 0.35em, <math>lg 0.48em, </math>lgT 0.5em) calc(50% + 0.125em + 0.5em) 37.5em / 0.5em 0.5em,
| |
− |
| |
− | linear-gradient(<math>lg 0.15em, </math>lgT 0.2em, <math>lgT 1.35em, </math>lg 1.35em) calc(50% + 0.125em) 36.5em / 0.5em 1.5em,
| |
− | linear-gradient(90deg,<math>lg 0.15em, </math>lgT 0.2em, <math>lgT 1.3em, </math>lg 1.35em) calc(50% + 0.125em) 37em / 1.5em 0.5em,
| |
− | radial-gradient(3em 3em at calc(50% + 0.125em) 37.25em, <math>bkT 1.25em, </math>bk 1.3em, <math>bk 49%, </math>bkT 50%),
| |
− | /* volume buttons */
| |
− | linear-gradient(<math>lgT 5em, </math>lg 5em, <math>lg 7.5em, </math>lgT 7.5em, <math>lgT 9.5em, </math>lg 9.5em, <math>lg 11em, </math>lgT 11em, <math>lgT 13em, </math>lg 13em, <math>lg 14.5em, </math>lgT 14.5em) 0 0 / 0.3em 100%,
| |
− | /* corners */
| |
− | radial-gradient(200% 200% at 100% 100%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 0.25em 0 / 2em 2em,
| |
− | radial-gradient(200% 200% at 0% 100%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 18em 0 / 2em 2em,
| |
− | radial-gradient(200% 200% at 100% 0%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 0.25em 38em / 2em 2em,
| |
− | radial-gradient(200% 200% at 0% 0%, <math>dg 1.45em, </math>lg 1.5em, <math>lg 50%, </math>lgT 51%) 18em 38em / 2em 2em,
| |
− | /* body */
| |
− | linear-gradient(<math>lg 0.5em, </math>dg 0.55em, <math>dg 39.5em, </math>lg 39.55em) 2.25em 0 / 15.75em 40em,
| |
− | linear-gradient(90deg, <math>lg 0.5em, </math>dg 0.55em, <math>dg 19.175em, </math>lg 19.25em) 0.25em 2em / 19.75em 36em
| |
− | ;
| |
− |
| |
− | background-repeat: no-repeat;
| |
− | font-size: 10px;
| |
− | //outline: 1px solid #aaa;
| |
− | width: 20em;
| |
− | height: 40em;
| |
− | }
| |
− | | |
| </center> | | </center> |