@ -780,6 +780,53 @@ table.gsc-search-box td {
* Code licensed under the Apache License v2 . 0 .
* For details , see http : / / www . apache . org / licenses / LICENSE-2 . 0 .
* /
/* css for project-install-guide newton */
. logo-box {
height : 170px ;
}
. services-section {
height : 100 % ;
}
. os-box {
border-radius : 4px 4px 4px 4px ;
border : 1px solid black ;
margin-left : 2 % ;
margin-right : 2 % ;
margin-bottom : 12 % ;
display : inline-table ;
overflow-y : auto ;
}
. os-logo {
display : block ;
margin : auto ;
padding : 2 . 5 % ;
padding-top : 5 % ;
height : 100 % ;
}
. os-name {
padding : 2 . 5 % ;
padding-left : 5 % ;
padding-right : 5 % ;
font-weight : bold ;
margin-top : 10 % ;
height : 40px ;
}
. os-description {
padding : 2 . 5 % ;
padding-left : 5 % ;
padding-right : 5 % ;
height : 100px ;
}
. os-button {
padding : 2 . 5 % ;
text-align : right ;
width : 100 % ;
}
. go-button {
border-radius : 4px 4px 4px 4px ;
}
body , html {
width : 100 % ;
height : 100 % ; }
@ -824,7 +871,7 @@ a, a:visited {
min-width : 135px ; }
a . navbar-brand {
background : url ( ' ../images/openstack-logo-full.svg') left no-repeat ;
background : url ( ' https://www .openstack .org/themes/openstack /images/openstack-logo-full.svg') left no-repeat ;
height : 35px ;
width : 135px ; }
@ -834,7 +881,7 @@ a.navbar-brand {
min-width : 75px ;
margin-top : 0 ; }
a . navbar-brand {
background : url ( ' ../images/openstack-logo-vert.svg') left no-repeat ;
background : url ( ' https://www .openstack .org/themes/openstack /images/openstack-logo-vert.svg') left no-repeat ;
margin-left : 0px ! important ;
height : 54px ;
width : 59px ; } }
@ -855,7 +902,7 @@ a.navbar-brand {
@ media ( min-width : 768px ) and ( max-width : 1200px ) {
. navbar-default . container {
width : 100 % ; } }
width : 98 % ; } }
ul . navbar-main {
display : none ;
@ -984,6 +1031,8 @@ i.fa-caret-right {
height : 3px ;
border-radius : 3px ; }
. search-container {
position : relative ;
display : none ;
@ -991,12 +1040,18 @@ i.fa-caret-right {
width : 84 % ; }
@ media ( min-width : 768px ) and ( max-width : 1200px ) {
. search-container {
width : 80 % ; } }
. search-container
{
width : 80 % ;
}
}
@ media ( max-width : 767px ) {
. search-container , # gsc-iw-id1 {
display : none ; } }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. search-container
{
display : none ;
}
}
. search-icon {
display : none ;
@ -1005,216 +1060,158 @@ i.fa-caret-right {
text-transform : uppercase ;
color : # 8a959e ;
font-size : 12px ;
font-weight : 400 ; }
font-weight : 400 ;
}
. search-icon : hover {
cursor : pointer ;
color : # 8a959e ; }
color : # 8a959e ;
}
. search-icon i {
margin-right : 5px ;
color : # 8a959e ; }
color : # 8a959e ;
}
@ media ( max-width : 767px ) {
. search-icon {
display : none ! important ; } }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. search-icon
{
display : none ! important ;
}
}
. header-search-form , . gsc-search-box {
position : absolute ;
z-index : 1000 ;
/*left: 10px;*/
width : 100 % ;
-webkit-transition-property : width ;
-webkit-transition-duration : 1s ;
-webkit-transition-timing-function : linear ;
/* Standard syntax */
-webkit-transition-property : width ;
transition-property : width ;
-webkit-transition-duration : 1s ;
transition-duration : 1s ;
-webkit-transition-timing-function : linear ;
transition-timing-function : linear ; }
@ media ( max-width : 1040px ) {
. header-search-text
{
display : none ;
}
}
@ media ( max-width : 767px ) {
. header-search-form {
display : none ; }
. gsc-search-box {
position : relative ;
left : 0px ; } }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. header-search-form
{
display : none ;
}
. custom-search-box
{
position : relative ! important ;
left : 0px ! important ; ;
}
}
. gsc-input {
color : # 30739C ;
font-size : 12px ;
text-transform : lowercase ;
font-weight : 400 ; }
. custom-search-box {
color : # 30739C ! important ;
font-size : 12px ! important ;
text-transform : lowercase ! important ;
font-weight : 400 ! important ;
width : 100 % ! important ;
}
. mobile-search-form , # gsc-iw-id2 {
display : none ;
. custom-search-box-mobile
{
display : none ! important ;
position : relative ;
width : 100 % ; }
@ media ( max-width : 767px ) {
. mobile-search-form , # gsc-iw-id2 {
display : block ; } }
input # gsc-i-id2 . gsc-input {
height : 30px ! important ; }
width : 100 % ! important ;
}
table . gsc-search-box {
margin-bottom : 0 ; }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. custom-search-box-mobile
{
display : block ! important ;
}
. custom-search-box {
display : none ! important ;
}
}
. header-search , . gsc-input-box {
. header-search , . custom-search-box, . custom-search-box-mobile {
border : 2px solid # dae5ee ! important ;
border-radius : 4px ;
border-radius : 4px ! important ;
height : 37px ! important ;
margin : 7px 0 0 0 ;
padding-left : 10px ;
margin : 7px 0 0 0 ! important ;
padding : 0 ! important ;
padding-left : 10px ! important ;
background : # fff ! important ;
width : 100 % ;
-webkit-transition : width 4s ;
transition : width 4s ;
width : 100 % ! important ;
-webkit-transition : width 4s ! important ;
transition : width 4s ! important ;
-webkit-border-horizontal-spacing : 0 ! important ;
-webkit-border-vertical-spacing : 0 ! important ; }
-webkit-border-vertical-spacing : 0 ! important ;
}
. header-search contenteditable . gsc-input-box : hover , . gsc-input-box : focus , . gsc-search-box . gsc-input > input : focus , . gsc-input-box-focus {
box-shadow : none ! important ; }
. header-search contenteditable . custom-search-box-mobile : hover , . custom-search-box-mobile : focus , . custom-search-box : hover , . custom-search-box : focus {
box-shadow : none ! important ;
}
. header-search :: -webkit-input-placeholder , . gs c-inp ut-box:: -webkit-input-placeholder , gcse : search :: -webkit-input-placeholder {
. header-search :: -webkit-input-placeholder , . cus tom-search -box:: -webkit-input-placeholder , custom-search-box-mobile :: -webkit-input-placeholder {
color : # C0CDDB ;
font-size : 12px ;
text-transform : lowercase ;
font-weight : 400 ; }
font-weight : 400 ;
}
. header-search : -moz-placeholder , . gs c-inp ut-box: -moz-placeholder , gcse: search : -moz-placeholder {
. header-search : -moz-placeholder , . cus tom-search -box-mobile : -moz-placeholder , custom-search-box : -moz-placeholder {
/* Firefox 18- */
color : # C0CDDB ;
font-size : 12px ;
text-transform : lowercase ;
font-weight : 400 ; }
font-weight : 400 ;
}
. header-search :: -moz-placeholder , . gs c-inp ut-box:: -moz-placeholder , gcse: search :: -moz-placeholder {
. header-search :: -moz-placeholder , . cus tom-search -box:: -moz-placeholder , custom-search-box-mobile :: -moz-placeholder {
/* Firefox 19+ */
color : # C0CDDB ;
font-size : 12px ;
text-transform : lowercase ;
font-weight : 400 ; }
. header-search : -ms-input-placeholder , . gs c-inp ut-box: -ms-input-placeholder , gcse: search : -ms-input-placeholder {
. header-search : -ms-input-placeholder , . cus tom-search -box: -ms-input-placeholder , custom-search-box-mobile : -ms-input-placeholder {
color : # C0CDDB ;
font-size : 12px ;
text-transform : lowercase ;
font-weight : 400 ; }
. header-search : focus , . gsc-input-box- focus {
. header-search : focus , . custom-search-box: focus , . custom-search-box-mobile : focus {
border-radius : 4px ;
outline : none ;
border : 2px solid # 30739C ! important ;
box-shadow : none ; }
. gsc-input-box table {
border-top : none ; }
td . gsc-search-button {
display : none ; }
. cse . gsc-control-cse , . gsc-control-cse {
border : 0 ! important ; }
form . gsc-search-box {
margin-bottom : 0 ! important ; }
td . gsib_b {
display : none ; }
# gcse {
height : auto ; }
@ media ( max-width : 767px ) {
# gcse {
margin-left : 0 ; } }
table # gs_id50 . gstl_50 {
width : 100 % ;
padding : 0px ;
height : 100 % ; }
box-shadow : none ;
}
. close-search {
position : absolute ;
top : 20px ;
right : 5 px;
right : 10px ;
color : # dae5ee ;
z-index : 1001 ;
font-size : 16px ; }
font-size : 16px ;
}
. close-search : hover {
. close-search : hover
{
color : # 30739C ;
cursor : pointer ; }
@ media ( max-width : 767px ) {
. close-search {
display : none ! important ; } }
/*Google Search Modal*/
. gsc-modal-background-image {
background-color : # 333 ! important ; }
. gsc-results-wrapper-overlay {
border-radius : 4px ! important ; }
@ media ( max-width : 767px ) {
. gsc-results-wrapper-overlay {
width : 90 % ;
left : 5 % ; } }
a . gs-title {
color : # 30739C ! important ; }
. gsc-tabsArea {
border : 0 ! important ; }
. gsc-tabHeader . gsc-tabhInactive {
border-color : # BFCCDA ! important ;
background-color : # BFCCDA ! important ;
color : white ! important ;
border-left : 0 ;
border-right : 1px solid white ! important ;
border-top : 0 ;
border-bottom : 0 ! important ;
padding : 0 30px ; }
. gsc-tabHeader . gsc-tabhInactive : hover {
color : # 30739C ! important ; }
. gsc-tabHeader . gsc-tabhActive {
border-color : # 30739C ! important ;
border-bottom : 0 ! important ;
color : # 30739C ! important ;
padding : 0 30px ; }
@ media ( max-width : 767px ) {
. gsc-tabHeader . gsc-tabhInactive {
padding : 0 10px ; }
. gsc-tabHeader . gsc-tabhActive {
padding : 0 10px ; } }
. gsc-tabHeader . gsc-tabhActive : focus , . gsc-tabHeader . gsc-tabhActive : active {
outline : none ! important ; }
a . gs-title , a . gs-title b {
color : # 30739C ! important ; }
cursor : pointer ;
}
. gsc-table-result , . gsc-thumbnail-inside , . gsc-url-top {
padding : 0 ! important ; }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. close-search
{
display : none ! important ;
}
}
. gsc-results . gsc-cursor-box . gsc-cursor-page {
color : # 30739C ! important ; }
. show
{
display : block ;
}
. show {
display : block ; }
@ media ( max-width : 767px ) , only screen and ( max-device-width : 1024px ) {
. show
{
display : none ;
}
}
@ media ( max-width : 767px ) {
. show {
display : none ; } }
/*End Header Navigation*/
/*Hero*/