From b47bd2f8da35b57d6f51b144962f0b5807fffe38 Mon Sep 17 00:00:00 2001 From: Shreyansh Kumar Singh <49881504+guru-shreyansh@users.noreply.github.com> Date: Thu, 6 Aug 2020 23:16:46 +0530 Subject: [PATCH] Cascading Style Sheet --- A-Hotel-on-the-Moon/gfx/icons.data.png.css | 12 ++++++++++++ A-Hotel-on-the-Moon/gfx/icons.data.svg.css | 12 ++++++++++++ A-Hotel-on-the-Moon/gfx/icons.fallback.css | 12 ++++++++++++ 3 files changed, 36 insertions(+) create mode 100644 A-Hotel-on-the-Moon/gfx/icons.data.png.css create mode 100644 A-Hotel-on-the-Moon/gfx/icons.data.svg.css create mode 100644 A-Hotel-on-the-Moon/gfx/icons.fallback.css diff --git a/A-Hotel-on-the-Moon/gfx/icons.data.png.css b/A-Hotel-on-the-Moon/gfx/icons.data.png.css new file mode 100644 index 0000000..17d3d2b --- /dev/null +++ b/A-Hotel-on-the-Moon/gfx/icons.data.png.css @@ -0,0 +1,12 @@ +.icon-facebook { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFxJREFUOI3tkEEOgCAMBKlnH8jH6yP8wxQvmhCkIMGDB+fY7k4JITQwswgoQDpp5W/lVOGxANBZAVlv9XLiLfJrIuLmllqxfOo1A/auoIPOCrZy8P4fjPILviA4AD3ObogWYkyRAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } + +.icon-instagram { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAb1JREFUOI19kj9L1nEUxT/3/jQpspBeQQQtbhk1SJFgGA3tQjQ0WEFLRfgeJHoBUrkUREtLJJRDRkUEIqRQrb0AK4oK9Z7T8igPj/462/dyPuf+4QuApAFJ01X1parKLaqqv1W1LOm27T0AYbtf0gJwAngSEUvAb3ZXn+2TwCTwNjMnkHStqtYlnWqBtiXpkO0zksaqakPSFapqoaqe7gbYHrI9tPWuqke2LWm0ql7YfpXAUWClp9O5qloF1oC1qvoo6WxEPJQ0FxGrwLKkwwnsyUx1w7afAWu2L9m+CHy3PQ+sN01zOSJ+ZOYfoOnbZew7wLvMHIuI6tQeS1q0PQOMdPuzd+fMHI6I2S0YICIqM+9l5jFJg60B/5Pt7IS5NSAivklasX3Vdl8X3G97CliKiF/dzI4bRMQt2/OSXtuetR2SpoAR2+O9/gQ2JR3YLmS+jIgJYACYi4gHmdkfEeOZubjlk7QX+BlV9Rw42DTNaG+6pMGIcO/YAFX1PjO/IulC53dd33G5Fkm62WHORyftbmbekPQZ+ABstLD7geOZeUTSTNM009GVetr2JDCcmftaOm8CnzLzfkS8AfgHuDI/daVJ3DkAAAAASUVORK5CYII='); background-repeat: no-repeat; } + +.icon-linkedin { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAKNJREFUOI3FkrENwkAQBNcXgAhokA6og5QAi0aogIgq6ICAABEgC2aPxEgWQuYBS0x0v/qb3+ClocjM6pu9kCRgbfsKLL96GbhlZgKXjxtUVZWSattNRNQfNxiE7PCcATvbM2APGDgAK9vjUsEpXwAsigTt5a3tObDpZPvSBo3tqSTZngDNI5faf/CGQ0ScJSkiLpKO7TwqFbjvXCLo5f+Cn7kDvvzdcGwn6SsAAAAASUVORK5CYII='); background-repeat: no-repeat; } + +.icon-mmlogo { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYZJREFUOI2FU7FqVVEQnBlDNGphZStByB9otBArC7FTK4vwsNEqBmIhKDbRRhR/wEIbezs7LQQJYiUWioWIoE1AMERD2Bmb+x733Rx1YeGcZXZ2Zw6HVfUIvZB0h+RnNML2fJKbU8UMoqpeJNGwOYmSvBziJwS2V6rqU3debky/1g34YHu1RbBk+2JVuaq2bC/0mheqaquqyvaFJKNxX3/V/UkuA7gvaS7J4yR7unwiaQ7AvSRXkuybeDYw8CzJL7bfSzqZZDXJdUknbL8j+U3SmaaJtq92Gn/aPl9VO1W13eVOV9vsY4cSxlscJLks6a6kWUmzJNeSrEg6sAvfeG4AOJ1kE8Bb228A/JJ0qgWc+QsBkqwBuESSSZ6SbOJ2EdjeAPBD0lHbNwBQ0l7bHwEclnTofxJ+SxrZjqTjko7ZNskRgO0huOkByVcAHvZKDyS9/qeEJEf6Oknesn0OQCTd7jdNYRuf6WvPj0Xbi+N7VX0f4mdsPxtstTHRJ61P6ZWe254y8Q+p/HO0XqellQAAAABJRU5ErkJggg=='); background-repeat: no-repeat; } + +.icon-twitter { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAQFJREFUOI3FkjEvhFEQRedtNGhIRGOFSiLUYqlEo0Gr12j8A4XKb9CqF6VKIdFK6EWzzSaioUAi5zzNbrLZfI/dKNzyzZx7J28m4t+Vc07qTKmujgOnwBvwATTVurqlroS6DjzmnOerDIBmrhBwqzZC3ek8vKh7fen1KrjT/6quhToNfPYU7tVDdUldLRmo+92UOeAEsNRcMNjuGjSGAXsMFno/6noYGGj1r3ISOAO+BvQ47t/1KNAaMP055zxRdTDLwMMvsOruT1c5BVwVYNSDquQN9Qi4AN4L8JO6WRU6klK6yTmPRcRiRLTV2YgwItoRcZdSuqzVaucppa/i6H/RN1UGP8rePVrBAAAAAElFTkSuQmCC'); background-repeat: no-repeat; } + +.icon-youtube { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAOVJREFUOI3Fkr0uRAEUhL8zsvHXWIXoJKJU6HZ7LyFRiXZfw0PwGHqNRFDolKLfjkZYOXMUdkNx7U0uianPTL4zGfhvBYDtfWBQVWvAKrAI9ICF6V0C78Ar8BIRT8CtpAtsH1dH2T4iM6+7BmTmpYDtpt9s39t2SwU7AvqN5UScRMSe7fM5AX3m/HfwjWaYmXdNd2pBpKo2q+oQ2G0kzcyJpF6DcVRVW8BI0nKT2fZbZOZY0kYbyQ8BYwGPXcxTPUjSaVd3RJzNpjwAhlW1DqwAS3xOedZNAhO+pvwM3Ei6+gX9H+kD5ev63FHaS2YAAAAASUVORK5CYII='); background-repeat: no-repeat; } + diff --git a/A-Hotel-on-the-Moon/gfx/icons.data.svg.css b/A-Hotel-on-the-Moon/gfx/icons.data.svg.css new file mode 100644 index 0000000..1d3bdc7 --- /dev/null +++ b/A-Hotel-on-the-Moon/gfx/icons.data.svg.css @@ -0,0 +1,12 @@ +.icon-facebook { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.5%203H12V0H9.5C7.57%200%206%201.57%206%203.5V5H4v3h2v8h3V8h2.5l.5-3H9V3.5c0-.271.229-.5.5-.5z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + +.icon-instagram { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%22-471%20273%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-463%20274.4h3.2c.8%200%201.2.2%201.5.3.4.1.6.3.9.6s.5.5.6.9c.1.3.2.7.3%201.5v6.4c0%20.8-.2%201.2-.3%201.5-.1.4-.3.6-.6.9s-.5.5-.9.6c-.3.1-.7.2-1.5.3h-6.4c-.8%200-1.2-.2-1.5-.3-.4-.1-.6-.3-.9-.6s-.5-.5-.6-.9c-.1-.3-.2-.7-.3-1.5v-6.4c0-.8.2-1.2.3-1.5.1-.4.3-.6.6-.9s.5-.5.9-.6c.3-.1.7-.2%201.5-.3h3.2m0-1.4h-3.3c-.9%200-1.4.2-1.9.4s-1%20.5-1.4.9c-.4.4-.7.9-.9%201.4-.2.5-.3%201.1-.4%201.9v6.6c0%20.9.2%201.4.4%201.9s.5%201%20.9%201.4c.4.4.9.7%201.4.9.5.2%201.1.3%201.9.4h6.6c.9%200%201.4-.2%201.9-.4s1-.5%201.4-.9c.4-.4.7-.9.9-1.4.2-.5.3-1.1.4-1.9v-6.6c0-.9-.2-1.4-.4-1.9s-.5-1-.9-1.4c-.4-.4-.9-.7-1.4-.9-.5-.2-1.1-.3-1.9-.4h-3.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-463%20276.9c-2.3%200-4.1%201.8-4.1%204.1s1.8%204.1%204.1%204.1%204.1-1.8%204.1-4.1-1.8-4.1-4.1-4.1zm0%206.8c-1.5%200-2.7-1.2-2.7-2.7s1.2-2.7%202.7-2.7%202.7%201.2%202.7%202.7-1.2%202.7-2.7%202.7z%22%2F%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%22-458.7%22%20cy%3D%22276.7%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + +.icon-linkedin { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%206h2.767v1.418h.04C9.192%206.727%2010.134%206%2011.539%206%2014.46%206%2015%207.818%2015%2010.183V15h-2.885v-4.27c0-1.018-.021-2.329-1.5-2.329-1.502%200-1.732%201.109-1.732%202.255V15H6V6zM1%206h3v9H1V6zm3-2.5a1.5%201.5%200%201%201-3.001-.001A1.5%201.5%200%200%201%204%203.5z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + +.icon-mmlogo { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%22-41%2043%2016%2016%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D.st1%7Bfill%3Anone%7D%3C%2Fstyle%3E%3Cg%20id%3D%22bold%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-41%2043.4h4l4%205.9%204-5.9h4v15.3h-4.9v-5.5l-3.1%204.6-3.1-4.6v5.5H-41V43.4zm2.9%2013.4V46.3l5.1%207.5%205.1-7.5v10.5h.6V45.2h-.6l-5.1%207.5-5.1-7.5h-.6v11.6h.6z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M-38.1%2056.8V46.3l5.1%207.5%205.1-7.5v10.5h.6V45.2h-.6l-5.1%207.5-5.1-7.5h-.6v11.6z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M-38.1%2056.8V46.3l5.1%207.5%205.1-7.5v10.5h.6V45.2h-.6l-5.1%207.5-5.1-7.5h-.6v11.6z%22%20id%3D%22thin%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + +.icon-twitter { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%203.538a6.461%206.461%200%200%201-1.884.516%203.301%203.301%200%200%200%201.444-1.816%206.607%206.607%200%200%201-2.084.797%203.28%203.28%200%200%200-2.397-1.034%203.28%203.28%200%200%200-3.197%204.028%209.321%209.321%200%200%201-6.766-3.431%203.284%203.284%200%200%200%201.015%204.381A3.301%203.301%200%200%201%20.643%206.57v.041A3.283%203.283%200%200%200%203.277%209.83a3.291%203.291%200%200%201-1.485.057%203.293%203.293%200%200%200%203.066%202.281%206.586%206.586%200%200%201-4.862%201.359%209.286%209.286%200%200%200%205.034%201.475c6.037%200%209.341-5.003%209.341-9.341%200-.144-.003-.284-.009-.425a6.59%206.59%200%200%200%201.637-1.697z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + +.icon-youtube { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.841%204.8s-.156-1.103-.637-1.587c-.609-.637-1.291-.641-1.603-.678-2.237-.163-5.597-.163-5.597-.163h-.006s-3.359%200-5.597.163c-.313.038-.994.041-1.603.678C.317%203.697.164%204.8.164%204.8S.005%206.094.005%207.391v1.213c0%201.294.159%202.591.159%202.591s.156%201.103.634%201.588c.609.637%201.409.616%201.766.684%201.281.122%205.441.159%205.441.159s3.363-.006%205.6-.166c.313-.037.994-.041%201.603-.678.481-.484.637-1.588.637-1.588s.159-1.294.159-2.591V7.39c-.003-1.294-.162-2.591-.162-2.591zm-9.494%205.275V5.578l4.322%202.256-4.322%202.241z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; } + diff --git a/A-Hotel-on-the-Moon/gfx/icons.fallback.css b/A-Hotel-on-the-Moon/gfx/icons.fallback.css new file mode 100644 index 0000000..28a9692 --- /dev/null +++ b/A-Hotel-on-the-Moon/gfx/icons.fallback.css @@ -0,0 +1,12 @@ +.icon-facebook { background-image: url('png/facebook.png'); background-repeat: no-repeat; } + +.icon-instagram { background-image: url('png/instagram.png'); background-repeat: no-repeat; } + +.icon-linkedin { background-image: url('png/linkedin.png'); background-repeat: no-repeat; } + +.icon-mmlogo { background-image: url('png/mmlogo.png'); background-repeat: no-repeat; } + +.icon-twitter { background-image: url('png/twitter.png'); background-repeat: no-repeat; } + +.icon-youtube { background-image: url('png/youtube.png'); background-repeat: no-repeat; } +