From 99a0ecf353d1cbbf1add3b9cd846effa273b5092 Mon Sep 17 00:00:00 2001 From: Ryan Lerch Date: Apr 10 2017 11:31:53 +0000 Subject: update the footer and the logo updates the footer to be the dark continuous style, and change the logo to be a fedora budget one --- diff --git a/_images/fedora_budget_logo.png b/_images/fedora_budget_logo.png new file mode 100644 index 0000000..42f0e66 Binary files /dev/null and b/_images/fedora_budget_logo.png differ diff --git a/_images/fedora_budget_logo.svg b/_images/fedora_budget_logo.svg new file mode 100644 index 0000000..21bbe59 --- /dev/null +++ b/_images/fedora_budget_logo.svg @@ -0,0 +1,153 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + BUDGET + + + + + + + + + + + + + + + + + + + + + + diff --git a/_images/fedora_docs_logo.png b/_images/fedora_docs_logo.png deleted file mode 100644 index c40add3..0000000 Binary files a/_images/fedora_docs_logo.png and /dev/null differ diff --git a/_images/fedora_docs_logo.svg b/_images/fedora_docs_logo.svg deleted file mode 100644 index b4dfa8b..0000000 --- a/_images/fedora_docs_logo.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - DOCUMENTATION - - - - - - - - - - - - - - - - - - - - - - diff --git a/_images/redhat-logo.png b/_images/redhat-logo.png index 99433f5..f085f1a 100644 Binary files a/_images/redhat-logo.png and b/_images/redhat-logo.png differ diff --git a/_stylesheets/app.css b/_stylesheets/app.css deleted file mode 100644 index 807ae7e..0000000 --- a/_stylesheets/app.css +++ /dev/null @@ -1,916 +0,0 @@ -/*bootstrap xs*/ -@media (min-width:530px) and (max-width:767px) -{ - .downloadheader .container - { - background-size:260px; - } - - .downloadheader .container h2 - { - font-size: 20px; - } - -} - -/*bootstrap sm*/ -@media(min-width:768px) -{ -} - -/*bootstrap md*/ -@media(min-width:992px) -{ - .downloadheader .container - { - min-height:200px; - } -} - -/*bootstrap lg*/ -@media(min-width:1200px) -{ -} -body -{ -background-color:#E6E6E6; -} - -#site-content -{ -background-color:white; -} -/* Navbar */ -.navbar { border: 0px none; } - -/* Modal boxes */ -.modal { overflow-y: auto; } -.modal-cloud { width: 550px; } - -/* Custom buttons */ -.btn-cloud { - color: #FFEFD7; - background-image: -webkit-linear-gradient(top, #914EBB 0%, #9E61B7 100%); - background-image: linear-gradient(to bottom, #914EBB 0%, #9E61B7 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff914EBB', endColorstr='#ffA77CC6', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - background-repeat: repeat-x; - border:0 none; -} - -.btn-cloud:hover, -.btn-cloud:focus { - color: #FFFFFF; - background: #7C59BB; -} -.btn-cloud:active { background: #7C6ADD; } - -.btn-checksum { - width: 200px; -} - -.btn-verify { - padding: 10px; -} - -.btn-fix { - width: 200px; -} - -a.btn-lg { - font-size: 22px; - font-weight: 700 !important; - color: #fff; -} - -/* Product Front Pages (General Classes) */ - -.product-testimonial, .header-splash, .product-features -{ - padding-bottom: 36px; - color: white; -} - -.product-definition -{ - background-color:#e7e8e9; - color: #294172; - font-size: large; - font-weight: 500 !important; -} - -.product-testimonial blockquote { - text-align: left; - color: black; - font-size: 180%; - border-left: none; - font-style: normal; -} - -.product-testimonial blockquote cite { - color: #777; - font-weight: 300; -} - -.jumbotron h2 { - margin-top: 10px; -} - -.jumbotron a { - font-weight: 600; -} - -.jumbotron h4 { - font-size: 120%; -} - -.bluebox { - background-color: #3c6eb4; - color: #777; -} - -.bluebox h2 { - color: #fff; - margin-top: 20px; -} - -.bluebox h1 { - color: #f8f8f8; - margin-top: 20px; -} - -.bluebox p { - color: #fff; - text-align: justify; - margin-top: 15px; - padding: 0 50px; - font-size: large; -} - -.darkbluebox { - background-color: #294172; - color: #fff; -} - -.darkbluebox h2 { - color: #fff; - margin-top: 10px; -} - -.darkbluebox p { - color: #fff; - margin-top: 15px; - padding: 0 20px; - font-size: 100%; - text-align: left; -} - -.whitebox { - background-color: #fff; - color: #60605b; -} - -.whitebox h2 { - margin-top: 10px; -} - -.whitebox h4, -.whitebox a { - font-weight: 600; -} - -.whitebox p { - margin-top: 15px; - padding: 0 10px; - font-size: 100%; - text-align: center; -} - -.whitebox .border { - border: 1px solid #ccc; - padding: 10px 0px; - margin-bottom: 10px; - min-height: 250px; -} - -.whitebox .border a { - position: absolute; - top: 220px; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%) -} - -.newsbox { - background-color: #ebb05d; - color: #000; - padding: 20px; -} - -.newsbox h2, -.newsbox h3 { - margin-top: 10px; - color: #000; -} - -.whitesupport { - background-color: #fff; - color: #000; -} - -.whitesupport h2, -.whitesupport h3 { - margin-top: 10px; - color: #000; -} - -.whitesupport p { - color: #000; - margin-top: 15px; - padding: 0 20px; - font-size: 100%; - text-align: left; -} - -.widewrapper { - width:100%; - padding: 0; - } - -/* ARM */ - -.white { - background-color: #fff; - color: #000; - margin: 10px 0px 5px; - padding-left: 0px; - padding-right: 0px; - height: 55px; -} - -.white h3 { - color: #60605b; - margin-top: 14px; - font-size: 20px; -} - -.white p { - color: #a7a9ac; - margin-top: 8px; - font-weight: 400; - text-align: right; - padding-left: 0px; - padding-right: 0px; -} - -.white p.download { - font-size: 16px; - margin-top: 7px; - text-align: center; - padding-left: 0px; - padding-right: 0px; -} - -.white a { - text-decoration: none; -} - -.white img { - height: 55px; - width: 61px; - position: absolute; - top: 0; - left: 0; -} - -.sup { - font-size: 60%; - vertical-align: super; -} - -.desktop { - min-height: 560px; -} - -/* */ - -.widewrapper > img { - width:100%; -} - -.header-icon { - margin-right: 12px; -} - -.product-feature { - font-size: large; -} - -.productlogo { - margin-top:5px; -} - -.fedoralogotext { - margin-top: 18px; -} - -.download-lower { - background: #3c6eb4; - text-align: center; - color: white; -} - -.download-lower h3 { - margin-top: 14px; -} - -.download-lower .btn { - color: white; - margin-left: 4em; -} - -.download-lower .btn-visible-xs { - margin: 0px; -} - -/*bottom products selector*/ - -.moretofedora -{ - background-color:white; -} - -.moretofedora .inlinelogo -{ -padding-left:2px; -padding-bottom:10px; -height:50px; -margin-top:4px; -} - -.product-selector { - color: #333; -} - -.bottom-products -{ - background-color:white; -} - -.bottom-products .productname -{ - font-family: "Montserrat"; - text-align: center; -} - - -.product-box { - position: relative; - margin-left: auto; - margin-right: auto; -} -.product-box a { - background-image: url("../images/product-sprite.png"); -} - -.product-box .greyscale, -.product-box .color -{ - left:0; - width: 100%; - height: 100%; - position:absolute; - background-size: 70px 70px; -} - -.product-box .product-server, -.product-box .product-workstation, -.product-box .product-cloud -{ - margin: 20px auto; - display: block; - position:relative; - width:70px; - height: 70px; - -} - -.product-box .product-server .greyscale -{ - background-image:url(../images/smalllogo-grey-server.png); -} - -.product-box .product-server .color -{ - background-image:url(../images/smalllogo-color-server.png); -} - -.product-box .product-workstation .greyscale -{ - background-image:url(../images/smalllogo-grey-workstation.png); -} - -.product-box .product-workstation .color -{ - background-image:url(../images/smalllogo-color-workstation.png); -} - -.product-box .product-cloud .greyscale -{ - background-image:url(../images/smalllogo-grey-cloud.png); -} - -.product-box .product-cloud .color -{ - background-image:url(../images/smalllogo-color-cloud.png); -} - -.product-box .product-server .greyscale, -.product-box .product-server:hover .color, -.product-box .product-workstation .greyscale, -.product-box .product-workstation:hover .color, -.product-box .product-cloud .greyscale, -.product-box .product-cloud:hover .color -{ - opacity:1; - transition: opacity 0.3s ease; -} - -.product-box .product-server .color, -.product-box .product-workstation .color, -.product-box .product-cloud .color -{ - opacity:0; - transition: opacity 0.3s ease; -} - -.product-box .product-server:hover .greyscale, -.product-box .product-workstation:hover .greyscale, -.product-box .product-cloud:hover .greyscale -{ - opacity:0; -} - -/*End Bottom products selector*/ - - -/* Download */ - -#spins .downloadheader .btn, -#spins .download-lower .btn { - background-color: #3c6eb4; -} - -#spins .splashheader { - background-color: #ccc; - min-height: 116px; -} - -#cloud .download-cloud-splash.btn { - background-color: #a07cbc; -} - -#cloud .download-cloud { - background-color: #a07cbc; -} - -.downloadheader .container -{ - background-image: url(../images/downloadicon.svg); - background-repeat: no-repeat; - background-position: 50px center; -} - -.center { - text-align: center; -} -/* Header */ -#head { text-align: center; font-family:"Open sans", Helvetica, Arial; font-weight:300; } -#head .screenshot { background: #fff; padding: 20px; } -#head .screenshot-banner { background: #fff; padding: 20px 20px 0px 20px; } -#head .screenshot-text { background: #fff; padding: 0px 20px 20px 20px; } -#head .screenshot-text h3 { color: #60605b; margin-top: 0px; } -#head .screenshot-text a:hover { text-decoration: none; } -#head .copr-design { background:url(../images/design/design-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .copr-games { background:url(../images/games/games-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .copr-jam { background:url(../images/jam/jam-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .copr-robotics { background:url(../images/robotics/robotics-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .copr-security { background:url(../images/security/security-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .copr-scientific { background:url(../images/scientific/scientific-splash.png) 50% 50% / cover no-repeat; position:relative; min-height: 230px; } -#head .spin-banner { background: #fff; width: 100%; } -#head .bottom-border { border-bottom: solid 10px; color: #3c6eb4; } -// #head p { background: #fff; font-size: 18px; } -#head .grey { color: #60605b; } -#head h1 { font-size: 36px; margin-bottom: 42px; } -#head.secondary { height:100px; min-height: 100px; padding-top:0px; } - #head .lead { font-family:"Open sans", Helvetica, Arial; font-size:24px; color:white; line-height:1.15em; } - #head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; font-size: 16px;} - #head .tagline a { color:#fff; } - #head .btn { margin-bottom:10px;} - #head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; } - #head .btn-default:hover, - #head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; } - #head .btn-default:active, - #head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; } - -.fadescreen { - -webkit-opacity: 0.25; - -moz-opacity: 0.25; - opacity: 0.25; - -webkit-transition: all 1s ease; - -moz-transition: all 1s ease; - -ms-transition: all 1s ease; - -o-transition: all 1s ease; - transition: all 1s ease; -} - -.fadescreen:hover { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; -} - -.greybg { - background-image: url(../images/greybg.png); -} - -.darkgreybg { - background-image: url(../images/greybgdark.png); -} - -.darkgreybg p { - text-align: left; -} - -.main-head, .downloadheader -{ - background-image: url(../images/greybg.png); -} - -.main-head h1 -{ - margin-bottom: 0px!important; -} - -.main-head-index -{ - background: url(../images/blue-pattern.png) no-repeat right 0px center; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; - box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.05) inset; - padding-top: 50px; - padding-bottom: 50px; -} - -.main-head-index h1 -{ - margin-bottom: 0px!important; -} - -.main-head-index h1, .main-head-index h4 -{ - color: #fff; -} - -.fedora-header h2 { - line-height: 50px; - font-size: 18pt; -} - -.product-header, .fedora-header{ - padding: 30px; - color: #a7a9ac; - font-weight: 400; -} - -.product-header p.thin { - font-weight: 400; - color: #a7a9ac; - margin-top: 15px; -} - -.arm-top { - margin-top: 10px; -} - -} -.logo-header{ - margin-top: 19px; -} -.inline-logo { - margin-top: -14px; - padding-bottom: 10px; - padding-left: 2px; -} -.language-header { - margin-top: 43px; -} -.btn-topmargin { - margin-top: 10px; -} -.verticalbottom { - vertical-align: bottom; !important; -} -.down { - margin-bottom: -4px; -} - -/* Highlights (in jumbotron in most cases) */ -.highlight { margin-top:40px; } - .h-caption { text-align: center; } - .h-caption img { display:block; font-size: 54px; color:#382526; margin-bottom:36px; } - .h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; } - .h-body { } - -.productitem h4 -{ -font-family:'Montserrat'; -text-align:center; -} - -.productitem .productitem-logo -{ - - width:100px; - height:100px; - display:block; - margin-left:auto; - margin-right:auto; -} -.productitem > a -{ - color:#444; -} - -.productitem > a:hover -{ - text-decoration:none; -} - -.productitem .color, -.productitem .greyscale -{ - width:100px; - height:100px; - background-size:cover; - position:absolute; -} - -.productitem.workstation .color -{ - background-image:url(../images/logo-color-workstation.png); -} - -.productitem.server .color -{ - background-image:url(../images/logo-color-server.png); -} -.productitem.cloud .color -{ - background-image:url(../images/logo-color-cloud.png); -} - - -.productitem.workstation:hover .color, -.productitem.server:hover .color, -.productitem.cloud:hover .color -{ - opacity:1; - transition: opacity 0.3s ease; -} - -.productitem.workstation .color, -.productitem.server .color, -.productitem.cloud .color -{ - opacity:0; - transition: opacity 0.3s ease; -} - - -.productitem.workstation .greyscale -{ - background-image:url(../images/logo-grey-workstation.png); -} - -.productitem.cloud .greyscale -{ - background-image:url(../images/logo-grey-cloud.png); -} - -.productitem.server .greyscale -{ - background-image:url(../images/logo-grey-server.png); - opacity:1; -} - -@media -(-webkit-min-device-pixel-ratio: 2), -(min-resolution: 192dpi) { -.productitem.workstation .greyscale -{ - background-image:url(../images/logo-grey-workstation@2x.png); -} - -.productitem.cloud .greyscale -{ - background-image:url(../images/logo-grey-cloud@2x.png); -} - -.productitem.server .greyscale -{ - background-image:url(../images/logo-grey-server@2x.png); -} -} - -.community { - background-image: url('../images/community.jpg'); - color: #FFF; - text-shadow: 0em 0em 1em #000; - padding-top: 10%; - padding-bottom: 10%; - background-position: 50% 50%; - background-size: cover; - background-repeat: no-repeat; -} - -.caption { - color: #777; - font-size: 90%; - margin-top: .5em; -} - -.using-dl { - background-color: #f8f8f9; -} - -.using h2 { - color: #3c6eb4; - padding: 10px 5px 10px 10px; -} - -.using p { - padding: 10px 5px 10px 10px; -} - -.using .btn, -.using .btn-primary { - background-color: #3c6eb4; - background-image: none; -} - -/*Pre-release page */ -.prerelease-header { - width: 500px; - margin: 50px auto 0 auto; -} - -p.warning { - padding: .7em 1em; - color: #fff; - background: #4c4c4c no-repeat 10px center; - margin-bottom: 2.5em; - font-size: 110%; - display: none; - text-align: justify; -} - -p.warning a { - color: #fff; - font-weight: 600; -} - -/*bootstrap xs*/ -@media max-width:767px -{ - -} - -/*bootstrap sm*/ -@media(min-width:768px) -{ -#cloud .minimalfastflexible .screenshot - { - margin-top:40px; - } -} - -/*bootstrap md*/ -@media(min-width:992px) -{ -#cloud .minimalfastflexible .screenshot - { - margin-top:0px; - } -} - -/*bootstrap lg*/ -@media(min-width:1200px) -{ -} - - - -/* Typography */ -h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; } -h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } -h1.nopad, h2.nopad, h3.nopad, p.nopad { margin: 0 !important; padding: 0 !important; } /* Sometimes we don't want extra space. */ -blockquote { font-style: italic; color:#999; margin:30px 0 30px; } -label { color: #777; } -.thin { font-weight:300; } -.page-title { margin-top:20px; font-weight:300; } -.text-muted { color:#888; } -.breadcrumb { background:none; padding:0; margin:30px 0 0px 0; } -ul.list-spaces li{ margin-bottom:10px; } - -/* Helpers */ -.container-full { margin: 0 auto; width: 100%; } -.top-space { margin-top: 60px; } -.top-margin { margin-top:20px; } -.bottom-space { margin-bottom: 60px; } -.bottom-margin { margin-bottom:20px; } -.recover-heading { padding-bottom: 30px; } /* Recover the margin added by h1-h3 for even-ness. */ -.uppercase {text-transform: uppercase;} -.spin-download { padding: 40px 0px;} - -img { max-width:100%; } -img.pull-right { margin-left: 10px; } -img.pull-left { margin-right: 10px; } -#map { width:100%; height:280px; } -#social { margin-top:50px; margin-bottom:50px; } - #social .wrapper { width:340px; margin:0 auto; } - -/* Main content block */ -.maincontent { } - -/* Footer */ -.foot { background-color:#e6e6e6; padding: 30px 0 0 0; font-size: 13px; color: #777; } - .foot a { color: #333; } - .foot a:hover {color: #000; } - .foot .widget { margin-bottom:30px; } - .foot .widget-title { font-size: 17px; font-weight: bold; color: #8d8d8d; margin: 0 0 20px; text-transform: uppercase; } - .foot .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; } - .foot .entry-meta a { color: #333333; } - .foot .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } - .follow-me-icons { font-size:30px; } - .follow-me-icons i { float:left; margin:0 10px 0 0; } - .foot dd { - line-height: 1.6; - } - - .foot .btn-social { - display: inline-block; - width: 30px; - height: 30px; - border: 2px solid #808080; - background-color: #808080 !important; - border-radius: 100%; - text-align: center; - font-size: 18px; - line-height: 25px; -} -.foot .btn-outline { - font-size: 18px; - color: #fff; - background: 0 0; - transition: all .3s ease-in-out; -} - -.foot .btn-outline:hover, -.foot .btn-outline:focus, -.foot .btn-outline:active, -.foot .btn-outline.active { - border: solid 2px #000; - color: #000; - background-color: #fff !important; -} - -.foot dl { - margin-bottom: 8px; -} - -/* special classes for small screens */ - -@media (max-width: 767px) { - #workstation .header-splash, .container, - #workstation .product-testimonial, .container { - background-image: none; - } - #head .lead { font-size: 34px; - } - .modal-cloud { width: 300px; } - .white h3 { color: #60605b; margin: 4px 0px 2px; font-size: 18px; } - .white p, .prewhite p { color: #a7a9ac; margin: 2px 0px 2px; font-weight: 400; text-align: left; padding: 2px 0px 2px; } - .white p.download { font-size: 14px; margin-top: 2px; text-align: left; padding: 2px 0px 2px; } -} - -@media (max-width: 991px) { - #head .fadescreen { - max-width: 485px; - float: none; - margin: 0 auto; - } -} -/* end small screens classes */ diff --git a/_stylesheets/budget.css b/_stylesheets/budget.css new file mode 100644 index 0000000..92dfb52 --- /dev/null +++ b/_stylesheets/budget.css @@ -0,0 +1,57 @@ +.breadcrumb-wrapper{ + background-color: #eceeef; +} + +.bodycontent{ + min-height:600px; +} + +/* Footer */ +.foot { padding: 30px 0 0 0; font-size: 13px; color: #777; } + .foot a { color: #ddd; } + .foot a:hover {color: #bbb; } + .foot .widget { margin-bottom:30px; } + .foot .widget-title { font-size: 17px; font-weight: bold; color: #8d8d8d; margin: 0 0 20px; text-transform: uppercase; } + .foot .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; } + .foot .entry-meta a { color: #333333; } + .foot .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; } + .follow-me-icons { font-size:30px; } + .follow-me-icons i { float:left; margin:0 10px 0 0; } + .foot dd { + line-height: 1.6; + } + + .foot .btn-social { + display: inline-block; + width: 30px; + height: 30px; + border: 2px solid #808080; + background-color: #808080 !important; + border-radius: 100%; + text-align: center; + font-size: 18px; + line-height: 25px; +} +.foot .btn-outline { + font-size: 18px; + color: #fff; + background: 0 0; + transition: all .3s ease-in-out; +} + +.foot .btn-outline:hover, +.foot .btn-outline:focus, +.foot .btn-outline:active, +.foot .btn-outline.active { + border: solid 2px #000; + color: #000; + background-color: #fff !important; +} + +.foot dl { + margin-bottom: 8px; +} + +.foot ul.list-inline > li{ + display:inline-block; +} diff --git a/_templates/_footer.html.erb b/_templates/_footer.html.erb index 0c9597e..88142fa 100644 --- a/_templates/_footer.html.erb +++ b/_templates/_footer.html.erb @@ -1,4 +1,4 @@ -
+