From b0c622da7c0a8bdabb33d63fd0c2d7c2b9df02ef Mon Sep 17 00:00:00 2001 From: Alex Legler Date: Thu, 2 Apr 2015 11:09:31 +0200 Subject: Initial version --- _sass/devmap.scss | 14 ++++++++ _sass/donate.scss | 30 +++++++++++++++++ _sass/downloads.scss | 27 +++++++++++++++ _sass/footer.scss | 24 ++++++++++++++ _sass/hero-sections.scss | 84 +++++++++++++++++++++++++++++++++++++++++++++++ _sass/irc.scss | 10 ++++++ _sass/mailing-lists.scss | 4 +++ _sass/misc.scss | 85 ++++++++++++++++++++++++++++++++++++++++++++++++ _sass/sponsors.scss | 46 ++++++++++++++++++++++++++ 9 files changed, 324 insertions(+) create mode 100644 _sass/devmap.scss create mode 100644 _sass/donate.scss create mode 100644 _sass/downloads.scss create mode 100644 _sass/footer.scss create mode 100644 _sass/hero-sections.scss create mode 100644 _sass/irc.scss create mode 100644 _sass/mailing-lists.scss create mode 100644 _sass/misc.scss create mode 100644 _sass/sponsors.scss (limited to '_sass') 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 -- cgit v1.2.3-65-gdbad