vmware migration page styles, table

Author: iamweswilson

themes/openstack/scss/vmwaremigration.scss

@@ -1,30 +1,30 @@
-/* -- Baremetal landing -- */
+/* -- vmwmigration landing -- */
 @import "_cdn.scss";
 
 /* -- General Layout ----- */
 
-.baremetal h1, .baremetal h2, .baremetal h3, .baremetal h4, .baremetal h5, .baremetal p {
+.vmwmigration h1, .vmwmigration h2, .vmwmigration h3, .vmwmigration h4, .vmwmigration h5, .vmwmigration p {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     font-weight: 300;
     text-align: center;
     line-height: 1.3;
     color: #2A4E68;
 }
 
-.baremetal p {
-    font-size: 14px;
+.vmwmigration p {
+    font-size: 16px;
     color: #333;
 }
 
-section.baremetal-grayback {
+section.vmwmigration-grayback {
     background-color: #F7F7F7;
 }
 
-section.baremetal-blue {
+section.vmwmigration-blue {
     background-color: #2A4E68;
 }
 
-.baremetal .intro-message {
+.vmwmigration .intro-message {
     padding: 90px 0;
 }
 
@@ -41,56 +41,44 @@ img.center {
 
 
 /* -- Hero Intro --------- */
-.intro-header.baremetal {
-    background: url("https://object-storage-ca-ymq-1.vexxhost.net/swift/v1/6e4619c416ff4bd19e1c087f27a43eea/www-assets-prod/learn/UseCase-hero.jpg") no-repeat center center;
-    background-size: cover;
+.intro-header.vmwmigration {
+    background: rgba(5, 54, 86, 1);
     padding-bottom: 0;
 }
 
-.intro-header.baremetal .hero-message {
+.intro-header.vmwmigration .hero-message {
     text-align: left;
     padding: 60px 0 100px 0;
 }
 
-.intro-header.baremetal .hero-message h1 {
+.intro-header.vmwmigration .hero-message h1 {
     font-size: 36px;
     color: #FFFFFF;
     letter-spacing: 0;
     text-align: left;
     margin-bottom: 20px;
 }
 
-.intro-header.baremetal .hero-message p {
-    font-size: 22px;
+.intro-header.vmwmigration .hero-message p {
+    font-size: 16px;
     color: #FFFFFF;
     letter-spacing: 0;
     text-align: left;
-    margin-bottom: 0px;
+    margin-bottom: 2rem;
 }
 
-.download-container {
-  background-color: rgba(5, 54, 86, 0.7);
-  border-radius: 2px;
-  width: 100%;
-  margin: 80px auto 0;
-  padding: 30px; }
-
-@media (max-width: 767px) {
-  .download-container {
-    width: 80%;
-    margin: 20px auto; } }
-
-.download-text {
-  font-size: 14px;
-  font-weight: 600; }
+.intro-header.vmwmigration .hero-message ul li {
+  font-size: 16px;
+  font-weight: 300;
+}
 
-.download-btn {
+.vmwmigration.download-btn {
   display: block;
   background: #b9301d;
   padding: 10px 20px;
   border: none;
   border-radius: 2px;
-  width: 90%;
+  width: 220px;
   margin: 10px auto 0;
   color: #fff;
   font-weight: 600; }
@@ -110,54 +98,6 @@ img.center {
 i.fa-arrow-circle-down {
   margin-right: 5px; }
 
-/* -- Testimonial ----- */
-
-
-.image-cropper,
-img.testimonial-logo,
-p.testimonial-quote {
-    display: block;
-    float: none;
-    margin: 0 auto 15px;
-}
-
-img.testimonial-logo {
-    margin: 0 auto 60px;
-}
-
-p.testimonial-quote {
-    font-family: 'PT Serif', serif;
-    font-weight: 400;
-    text-align: center;
-    font-size: 20px;
-    line-height: 1.5;
-    max-width: 720px;
-}
-
-p.testimonial-quote:before {
-    content: "";
-    display: block;
-    background: url("/assets/baremetal/quote-open.png") no-repeat;
-    width: 34px;
-    height: 27px;
-    float: left;
-    position: relative;
-    left: -33px;
-    top: -8px;
-}
-
-p.testimonial-quote:after {
-    content: "";
-    display: block;
-    background: url("/assets/baremetal/quote-close.png") no-repeat;
-    width: 34px;
-    height: 27px;
-    float: right;
-    position: relative;
-    right: -43px;
-    top: -97px;
-}
-
 .image-cropper {
     width: 128px;
     height: 128px;
@@ -171,71 +111,83 @@ p.testimonial-quote:after {
     margin: 15px;
 }
 
-.baremetal .use-cases-info  p {
+.vmwmigration .use-cases-info  p {
     margin: 15px 30px;
 }
 
-section.baremetal-blue h3,
-section.baremetal-blue p {
+section.vmwmigration-blue h3,
+section.vmwmigration-blue p {
     color:#ffffff!important;
 }
 
-a.red-button {
+a.vmwmigration.red-button {
     display: block;
     text-align: center;
     color: #ffffff;
     background-color: #bc1518;
     border-radius: 5px;
-    margin: 10px auto 30px;
-    padding: 8px 0px;
-    width: 90%;
+    margin: 30px auto;
+    padding: 12px 0px;
+    width: 400px;
     font-weight: normal;
     font-size: 16px;
     text-align: center;
 }
 
-.baremetal-video-wall .video-image {
-    height: unset!important;
+.vmwmigration-blue.get-involved {
+    text-align: center;
+    margin-bottom: -50px;
 }
 
-.baremetal-video-wall .video-wall-item{
-
+.vmwmigration-blue.get-involved a {
+    text-decoration:underline;
+    color: #ffffff;
 }
 
-.baremetal-video-wall .video-wall-item .video-caption{
-    font-weight: 400;
-}
+/* -- FAQs -- */
 
-.baremetal-video-wall .video-border{
-    /* Rectangle 4: */
-    background: #D8D8D8;
-    border: 1px solid #FFFFFF;
+.vmwmigration-faqs {
+  text-align: left !important;
 }
 
-.baremetal-video-wall .video-wrapper {
-    margin-top: 20px;
-    margin-bottom: 20px;
+.vmwmigration-faqs dt {
+  font-weight: bold;
+  color: #2c3e50;
+  margin-top: 20px;
 }
-
-.baremetal-video-wall .play-button {
-    width: 28%!important;
-    display: block;
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 32%!important;
-    margin: auto;
+.vmwmigration-faqs dd {
+  margin-bottom: 15px;
 }
 
-.baremetal-blue.get-involved {
-    text-align: center;
-    margin-bottom: -50px;
-}
+/* -- Parity table -- */
 
-.baremetal-blue.get-involved a {
-    text-decoration:underline;
-    color: #ffffff;
+table.vmwmigration-table {
+  border-collapse: collapse;
+  width: 100%;
+  max-width: 1000px;
+  margin: 0 auto;
+  font-family: Arial, sans-serif;
+}
+.vmwmigration-table th, .vmwmigration-table td {
+  border: 1px solid #ddd;
+  padding: 12px;
+  text-align: left;
+  vertical-align: top;
+}
+.vmwmigration-table th {
+  background-color: #f2f2f2;
+  font-weight: bold;
+}
+.vmwmigration-table tr:nth-child(even) {
+  background-color: #f9f9f9;
+}
+.vmwmigration-table ul {
+  margin: 0;
+  padding-left: 20px;
+}
+.vmwmigration-table h3 {
+  margin-top: 0;
+  margin-bottom: 10px;
 }
 
 /* -- 5 Columns -- */