Stack Overflow brand fixes
scotty
parent
94a7524cf1
commit
c6c27c214a
|
|
@ -10,7 +10,7 @@
|
|||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>stackoverflow</span></a>
|
||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stack Overflow</span></a>
|
||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
|
||||
<label for="wishField">I wish this page <input type="text" id="wishField" name="wishField" placeholder="enter your wish"></label>
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>Twitter</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>Github</span></a>
|
||||
<a href="http://slack.k8s.io/" class="slack"><span>Slack</span></a>
|
||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stackoverflow</span></a>
|
||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>Stack Overflow</span></a>
|
||||
<a href="https://groups.google.com/forum/#!forum/google-containers" class="mailing-list"><span>Mailing List</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>Events Calendar</span></a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -397,7 +397,6 @@ section
|
|||
|
||||
#vendorStrip
|
||||
position: relative
|
||||
white-space: nowrap
|
||||
|
||||
ul
|
||||
float: left
|
||||
|
|
@ -410,87 +409,26 @@ section
|
|||
display: block
|
||||
height: 100%
|
||||
color: white
|
||||
font-size: 0.75em
|
||||
font-weight: bold
|
||||
|
||||
li + li, #search
|
||||
margin-left: 60px
|
||||
margin-left: 20px
|
||||
|
||||
#search
|
||||
display: block
|
||||
position: relative
|
||||
float: right
|
||||
width: 24%
|
||||
width: 100%
|
||||
min-width: 250px
|
||||
padding: 0 10px
|
||||
margin: 8px 30px 0 0
|
||||
margin: 0
|
||||
height: 30px
|
||||
line-height: 30px
|
||||
border: 1px solid $light-grey
|
||||
border: 0
|
||||
background-color: $dark-grey
|
||||
font-size: 16px
|
||||
clear: both
|
||||
|
||||
.dropdown
|
||||
position: relative
|
||||
float: right
|
||||
height: 44px
|
||||
font-size: 20px
|
||||
color: white
|
||||
line-height: 44px
|
||||
cursor: pointer
|
||||
overflow: hidden
|
||||
z-index: 5000
|
||||
|
||||
&.on
|
||||
overflow: visible
|
||||
|
||||
.readout
|
||||
padding-left: 10px
|
||||
padding-right: 40px
|
||||
transition: 0.3s
|
||||
|
||||
&:after
|
||||
content: ""
|
||||
position: absolute
|
||||
top: 22px
|
||||
right: 10px
|
||||
width: 0
|
||||
height: 0
|
||||
border-style: solid
|
||||
border-width: 6px 6px 0 6px
|
||||
border-color: white transparent transparent transparent
|
||||
transition: 0.3s
|
||||
|
||||
.readout:hover
|
||||
background-color: transparentize(white, 0.9)
|
||||
|
||||
&.on .readout
|
||||
background-color: $light-grey
|
||||
color: $dark-grey
|
||||
|
||||
&.on .readout:after
|
||||
border-top-color: $dark-grey
|
||||
|
||||
.wrapper
|
||||
position: absolute
|
||||
top: 100%
|
||||
left: 0
|
||||
width: 100%
|
||||
|
||||
a
|
||||
display: block
|
||||
width: 100%
|
||||
height: 30px
|
||||
line-height: 30px
|
||||
padding: 0 10px
|
||||
font-size: 16px
|
||||
font-weight: 300
|
||||
background-color: $light-grey
|
||||
color: $dark-grey
|
||||
opacity: 0
|
||||
transition: 0.3s
|
||||
|
||||
&:hover
|
||||
background-color: #cccccc
|
||||
|
||||
&.on a
|
||||
opacity: 1
|
||||
|
||||
#encyclopedia
|
||||
position: relative
|
||||
|
|
@ -598,10 +536,11 @@ section
|
|||
height: 100%
|
||||
background-color: white
|
||||
overflow: auto
|
||||
transition: width 0.3s
|
||||
transition: 0.3s
|
||||
|
||||
&.on .sled
|
||||
width: 100vw
|
||||
width: 400px
|
||||
max-width: 100vw
|
||||
|
||||
.top-bar
|
||||
height: 0
|
||||
|
|
|
|||
|
|
@ -2,6 +2,27 @@ $main-max-width: 1200px
|
|||
$video-section-height: 550px
|
||||
|
||||
@media screen and (min-width: 1025px)
|
||||
#vendorStrip
|
||||
white-space: nowrap
|
||||
|
||||
li + li, #search
|
||||
margin-left: 60px
|
||||
|
||||
#search
|
||||
display: inline-block
|
||||
position: relative
|
||||
float: right
|
||||
width: 24%
|
||||
min-width: 250px
|
||||
padding: 0 10px
|
||||
margin: 8px 30px 0 0
|
||||
height: 30px
|
||||
line-height: 30px
|
||||
border: 1px solid $light-grey
|
||||
font-size: 16px
|
||||
|
||||
|
||||
|
||||
#docsToc
|
||||
position: relative
|
||||
float: left
|
||||
|
|
|
|||
Loading…
Reference in New Issue