|
|
| 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> |
