travis-web/assets/styles/tabs.sass
2014-08-21 16:39:15 +02:00

124 lines
2.0 KiB
Sass

@import "_mixins/all"
.tabs
height: 29px
border-bottom: 1px solid #ccc
li
display: inline-block
height: 28px
margin-right: 10px
vertical-align: top
background-color: $color-bg-tab
border: 1px solid $color-border-light
white-space: nowrap
cursor: pointer
&:hover
background-color: $color-bg-tab-hover
.active
background-color: $color-bg-tab-active
border-bottom-color: $color-bg-tab-active
h5
margin: 0
font-size: $font-size-small
font-weight: normal
line-height: 30px
text-align: center
a
display: block
padding: 0 10px
#left
.tabs
padding-left: 20px
margin-top: -29px
#tab_search:not(.active)
display: none
#tab_owned
display: none
#tab_owned.display
display: inline-block
#tab_new
display: none
height: 25px
width: 26px
float: right
h5
line-height: 25px
#tab_new.display
display: inline-block
#main
.tabs
margin-top: 35px
h5
min-width: 65px
a
text-decoration: none
.tab
margin-top: 20px
ul.navigation
margin: -18px 0 20px 0
height: 40px
line-height: 40px
border-bottom: 1px solid #EAEAEA
padding-left: 10px
li
display: inline-block
padding-right: 10px
a
color: #ACACAC
font-weight: 600
font-size: 14px
a.active
color: #55888E
#tab_build,
#tab_job,
#tab_request,
#tab_requests,
#tab_caches,
#tab_settings
display: none
#profile
#main
.tab
margin: 30px 0 0 12px
#right
.tabs
margin-left: -3px
.active
background-color: $color-bg-right
border-bottom-color: $color-bg-right
h5
font-weight: bold
@media handheld, only screen and (max-device-width: 980px)
#main
.tabs
margin-top: 5px
li
margin-right: 0px
h5
min-width: 0px
a
padding: 0px 2px
#tab_branches
display: none