diff options
Diffstat (limited to 'cs2-apple/main.scss')
| -rw-r--r-- | cs2-apple/main.scss | 345 |
1 files changed, 345 insertions, 0 deletions
diff --git a/cs2-apple/main.scss b/cs2-apple/main.scss new file mode 100644 index 0000000..514e276 --- /dev/null +++ b/cs2-apple/main.scss @@ -0,0 +1,345 @@ +html, body {
+ background-color: #000000;
+ overflow-x: hidden;
+}
+
+/* HEADER START */
+
+.header {
+ background: rgba(0, 0, 0, 0.774);
+
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 1;
+
+ font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: white;
+ word-spacing: 70px;
+ font-size: 14px;
+}
+
+#header-apple-logo {
+ transition: 0.5s;
+}
+
+#header-apple-logo:hover {
+ color: grey;
+ transition: 0.5s;
+}
+
+.header-navbar-items a {
+ text-decoration: none;
+ color: #B3B3B3;
+ transition: 0.5s;
+ display: inline;
+}
+
+.header-navbar-items a:hover {
+ color: white;
+ transition: 0.5s;
+}
+
+.header-navbar-items {
+ position: relative;
+ top: -18px;
+}
+
+.header-main {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+/* HEADER END */
+
+
+
+/* MAIN START */
+.main {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+// iPhone 11 Pro
+
+.main-iphone-11-pro p {
+ position: relative;
+ top: -700px;
+}
+
+.main-iphone-11-pro img {
+ position: relative;
+}
+
+#main-iphone-11-pro-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-iphone-11-pro-information a:hover {
+ text-decoration: underline;
+}
+
+// iPhone 11
+
+.main-iphone-11 {
+ position: absolute;
+ top: 742px;
+}
+
+.main-iphone-11 p {
+ position: relative;
+ top: -700px;
+}
+
+.main-iphone-11 img {
+ position: relative;
+}
+
+#main-iphone-11-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-iphone-11-information a:hover {
+ text-decoration: underline;
+}
+
+// Watch
+
+.main-watch {
+ position: absolute;
+ top: 1478px;
+}
+
+.main-watch p {
+ position: relative;
+ top: -700px;
+}
+
+.main-watch img {
+ position: relative;
+}
+
+#main-watch-information a {
+ font-size: 21px;
+ font-weight: 400;
+ color: #1797FF;
+
+ text-decoration: none;
+
+ position: relative;
+ top: -700px;
+}
+
+#main-watch-information a:hover {
+ text-decoration: underline;
+}
+
+// Banner Background
+
+#main-banner-background {
+ background: white;
+
+ position: absolute;
+ top: 2210px;
+ height: 191.5%;
+ width: 100%;
+}
+
+// Banner #1
+
+.main-banner-layer-1 {
+ position: absolute;
+ top: 2228px;
+}
+
+// Banner #2
+
+.main-banner-layer-2 {
+ position: absolute;
+ top: 2820px;
+}
+
+// Banner #2
+
+.main-banner-layer-3 {
+ position: absolute;
+ top: 3411px;
+}
+
+/* MAIN END */
+
+
+
+/* FOOTER START */
+
+.footer {
+ position: absolute;
+ top: 93px;
+ left: 0px;
+
+ width: 100%;
+
+ background: #f5f5f7;
+
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+// Trade-In Values
+
+.main-trade-in-values {
+ position: absolute;
+ top: 3911px;
+
+ word-wrap: break-word;
+ white-space: pre-wrap;
+}
+
+.main-trade-in-values p {
+ position: relative;
+ top: -20px;
+ left: 400px;
+}
+
+#main-trade-in-values-customer-agreement {
+ text-decoration: none;
+ color: rgb(111, 106, 143);
+}
+
+#main-trade-in-values-customer-agreement:hover {
+ text-decoration: underline;
+}
+
+#footer-background {
+ background: #f5f5f7;
+ z-index: -2;
+
+ position: absolute;
+ top: 10px;
+ left: -500px;
+ height: 171.5%;
+ width: 5000%;
+}
+
+.footer-links {
+ position: absolute;
+ top: 4241px;
+ left: 465px;
+ z-index: 3;
+
+ background: #f5f5f7;
+
+ font-size: 12px;
+}
+
+.footer-links p {
+ font-weight: bold;
+}
+
+.footer-links div a {
+ color: #948FB5;
+ text-decoration: none;
+ line-height: 25px;
+}
+
+.footer-links div a:hover{
+ text-decoration: underline;
+}
+
+.footer-apple-stores-locales {
+ position: absolute;
+ top: 4681px;
+ left: 465px;
+ z-index: 3;
+
+ color: #948FB5;
+ font-size: 12px;
+}
+
+.footer-apple-stores-locales a {
+ color: #1797FF;
+ text-decoration: none;
+}
+
+.footer-apple-stores-locales a:hover {
+ text-decoration: underline;
+}
+
+#footer-hr-2 {
+ background-color: #948FB5;
+ border: 0;
+
+ position: absolute;
+ width: 980px;
+ height: 1px;
+ top: 4721px;
+ z-index: 3;
+
+ left: 462px;
+}
+
+.footer-page-end-note {
+ position: absolute;
+ top: 4741px;
+ z-index: 3;
+ left: 462px;
+
+ color: #948FB5;
+ font-size: 12px;
+}
+
+.footer-page-end-note-nav a {
+ position: relative;
+ top: -14px;
+ left: 290px;
+
+ color: #6265AB;
+ text-decoration: none;
+}
+
+.footer-page-end-note-nav a:hover {
+ text-decoration: underline;
+}
+
+.footer-page-end-note-nav span {
+ color: #948FB5;
+}
+
+.footer-page-end-note img, #footer-page-end-note-us {
+ position: relative;
+ top: -30px;
+ left: 880px;
+}
+
+#footer-page-end-note-us {
+ top: -33px;
+
+ text-decoration: none;
+ color: #948FB5;
+}
+
+#footer-page-end-note-us:hover {
+ text-decoration: underline;
+}
+
+/* FOOTER END */
+
+// Writing this note at 23:31, just finished after like 8 straight hours of work. Cool.
+
+// Finished adding all of the proper links to the a tags at 0:07. Cool.
\ No newline at end of file |