Initial version

9 files changed, 324 insertions, 0 deletions

diff --git a/_sass/devmap.scss b/_sass/devmap.scss
new file mode 100644
index 0000000..a6b01a1
--- /dev/null
+++ b/_sass/devmap.scss
@@ -0,0 +1,14 @@
+.devmap-entry {
+  background-color: #f7f7f7;
+  border: 1px solid #e1e1e1;
+  border-radius: 4px;
+  padding: 8px;
+  margin-bottom: 4px;
+  max-width: 300px;
+}
+
+.devmap-entry h3 small {
+  color: #333;
+  font-size: 80%;
+  mmargin-left: 1em;
+}
\ No newline at end of file
diff --git a/_sass/donate.scss b/_sass/donate.scss
new file mode 100644
index 0000000..e9c05c6
--- /dev/null
+++ b/_sass/donate.scss
@@ -0,0 +1,30 @@
+.donate {
+  margin-top: -21px;
+  background-color: #a40000;
+  background-image: url('/assets/img/bg/donate.jpg');
+  cursor: default;
+}
+
+.donate-thanks {
+  background-image: url('/assets/img/bg/larry-lessthanthree.png');
+  background-size: contain;
+  background-position: 50% 50%;
+  height: 400px;
+}
+
+.donate h1 {
+  color: white;
+  text-shadow: 0px 0px 5px black;
+}
+
+.donate p {
+  text-shadow: 0px 0px 5px black;
+  color: white;
+}
+
+@media (min-width: 768px) {
+  .donate-form {
+    margin-left: 20%;
+    margin-right: 20%;
+  }
+}
\ No newline at end of file
diff --git a/_sass/downloads.scss b/_sass/downloads.scss
new file mode 100644
index 0000000..eda6431
--- /dev/null
+++ b/_sass/downloads.scss
@@ -0,0 +1,27 @@
+.downloads {
+  background-color: #e1e1e1;
+  box-shadow: 0 0px 10px 0 rgba(0,0,0,0.10);
+}
+
+.download-size {
+  margin-left: 1em;
+}
+
+.download-tag {
+  margin-left: 1em;
+}
+
+.stick-top {
+  margin-top: 0;
+}
+
+@media (min-width: 768px) {
+  .downloads {
+    margin-top: 1em;
+    margin-bottom: 3em;
+  }
+
+  .other-arches .tab-pane {
+    margin-left: 1em;
+  }
+}
\ No newline at end of file
diff --git a/_sass/footer.scss b/_sass/footer.scss
new file mode 100644
index 0000000..2e3512f
--- /dev/null
+++ b/_sass/footer.scss
@@ -0,0 +1,24 @@
+ul.sitemap {
+  padding-left: 1em;
+
+  li {
+    list-style-type: none;
+  }
+}
+
+.container-sitemap {
+  border-top: 1px solid #d5d5d5;
+  border-bottom: 1px solid #d5d5d5;
+}
+
+@media (min-width: 768px) {
+  .container-sitemap {
+    padding-top: 1em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+}
+
+.footer-breadcrumb {
+  margin-top: 2em;
+}
\ No newline at end of file
diff --git a/_sass/hero-sections.scss b/_sass/hero-sections.scss
new file mode 100644
index 0000000..25c4509
--- /dev/null
+++ b/_sass/hero-sections.scss
@@ -0,0 +1,84 @@
+.hero-section {
+  background-size: cover;
+  background-repeat: no-repeat;
+  min-height: 200px;
+  font-size: 120%;
+  padding-top: 2%;
+  padding-bottom: 2%;
+}
+
+@media (min-width: 768px) {
+  .hero-section {
+    font-size: 150%;
+  }
+
+  .hero-section h2 {
+    font-size: 130%;
+  }
+}
+
+.get-started-livecd {
+  color: black;
+  background-color: #B0BEC5;
+}
+
+.get-started-handbook {
+  color: black;
+  background-color: #90A4AE;
+  margin-top: -1px;
+}
+
+.get-started-go {
+  color: white;
+  background-color: #54487a;
+  margin-top: -1px;
+}
+
+.emergehdr {
+  margin-top: -21px;
+  background-color: #54487a;
+  background-image: url('/assets/img/bg/emerge.jpg');
+  cursor: default;
+}
+
+.emergehdr h1 {
+  color: white;
+  text-shadow: 0px 0px 5px black;
+}
+
+.emergehdr p {
+  text-shadow: 0px 0px 5px black;
+  color: white;
+}
+
+.emergehdr h1 kbd {
+  text-shadow: none;
+  padding: .3em;
+  padding-top: .1em;
+  background-color: #3d394b;
+  padding-bottom: .1em;
+  box-shadow: 0px 0px 20px black;
+}
+
+/* about */
+.abouthdr {
+  background: rgba(194,188,214,1);
+  background: -moz-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(194,188,214,1)), color-stop(43%, rgba(83,72,122,1)), color-stop(100%, rgba(83,72,122,1)));
+  background: -webkit-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -o-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -ms-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: linear-gradient(135deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bcd6', endColorstr='#53487a', GradientType=1 );
+
+  bbackground-size: cover;
+  bbackground-repeat: no-repeat;
+  bbackground-image: url('/assets/img/bg/larry-about.jpg');
+  min-height: 300px;
+  color: white;
+}
+
+.abouthdr .right {
+  text-align: right;
+  margin-right: 20%;
+}
diff --git a/_sass/irc.scss b/_sass/irc.scss
new file mode 100644
index 0000000..19b7190
--- /dev/null
+++ b/_sass/irc.scss
@@ -0,0 +1,10 @@
+.pound-gentoo {
+  background-color: #e1e1e1;
+}
+
+@media (min-width: 768px) {
+  .pound-gentoo {
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+}
\ No newline at end of file
diff --git a/_sass/mailing-lists.scss b/_sass/mailing-lists.scss
new file mode 100644
index 0000000..0ad6eb4
--- /dev/null
+++ b/_sass/mailing-lists.scss
@@ -0,0 +1,4 @@
+.ml-actions {
+  width: 8em;
+  text-align: right;
+}
\ No newline at end of file
diff --git a/_sass/misc.scss b/_sass/misc.scss
new file mode 100644
index 0000000..fa357a5
--- /dev/null
+++ b/_sass/misc.scss
@@ -0,0 +1,85 @@
+.huge {
+  font-size: 140%;
+}
+
+.large {
+  font-size: 125%;
+}
+
+@media (min-width: 768px) {
+  .huge {
+    font-size: 200%;
+  }
+
+  .huge h1 {
+    font-size: 200%;
+  }
+}
+
+.gentoo-nav a:link,
+.gentoo-nav a:visited {
+  color: #54487a;
+}
+
+.old-docs {
+  dd {
+    margin-bottom: .5em;
+    margin-left: .5em;
+    font-size: 90%;
+  }
+}
+
+body.nav-align-h2 #content h2:first-of-type {
+  margin-top: 0;
+}
+
+.caption h3 {
+  margin-top: 5px;
+}
+
+.label-aspect {
+  width: 4em;
+  display: inline-block;
+}
+
+.gentoo-badges img {
+  max-width: 6em;
+  min-width: 6em;
+}
+
+@media (min-width: 768px) {
+  .frontpage-table {
+    width: 100%;
+    table-layout: fixed;
+  }
+
+  .frontpage-table td {
+    text-overflow: ellipsis;
+    max-height: 1.2em;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  .frontpage-table-planet-author {
+    width: 30%;
+  }
+
+  .frontpage-table-package-atom {
+    width: 30%;
+  }
+
+  .frontpage-table-wiki-title {
+    width: 70%;
+  }
+}
+
+.get-started-icon .fa,
+.contribute-icon .fa {
+  padding-left: 20px;
+}
+
+@media (max-width: 768px) {
+  .button-bar {
+    line-height: 3em;
+  }
+}
\ No newline at end of file
diff --git a/_sass/sponsors.scss b/_sass/sponsors.scss
new file mode 100644
index 0000000..178b064
--- /dev/null
+++ b/_sass/sponsors.scss
@@ -0,0 +1,46 @@
+.sponsor {
+  margin-bottom: .5em;
+}
+
+@media (min-width: 768px) {
+  .sponsor {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.sponsorlogo {
+  text-align: center;
+
+  img {
+    margin-bottom: .5em;
+  }
+}
+
+.sponsortext h3 {
+  margin-top: 0;
+}
+
+.text-ad {
+  display: inline-block;
+  height: 125px;
+  width: 125px;
+  line-height: 125px;
+  overflow: hidden;
+  border: 1px solid #ddd;
+  padding: 2px;
+  font-size: 90%;
+  background: #ffffff;
+  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
+  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+
+  > .text-ad-content {
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 1.2em;
+  }
+}
\ No newline at end of file