travis-web/assets/styles/tabs.sass
2014-12-10 21:30:46 +01:00

145 lines
2.3 KiB
Sass

@import "_mixins/all"
.tabs
height: 29px
li
display: inline-block
height: 28px
vertical-align: top
background-color: #f8f8f8
border-radius: 4px 4px 0px 0px
padding: 0 12px 0 12px
margin-right: 10px
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
a
color: #666666
font-weight: 600
h5
margin: 0
font-size: $font-size-small
font-weight: normal
line-height: 30px
text-align: center
a
display: block
color: #a8a9ab
#left
.tabs
margin: -28px 20px 0 15px
#tab_search:not(.active)
display: none
#tab_owned
display: none
#tab_owned.display
display: inline-block
#tab_new
display: none
height: 25px
width: 26px
margin-top: 3px
float: right
margin-right: 0
padding: 0 5px 0 5px
h5
line-height: 25px
#tab_new.display
display: inline-block
#main
.tabs
border-bottom: 3px solid #f5f5f6
li
height: 30px
background-color: #f5f5f6
margin-right: 0
&:hover
background-color: #e1e8eb
a
text-decoration: none
.active
background-color: #d8e2e6
border-bottom-color: #d8e2e6
&:hover
background-color: #d8e2e6
a
color: #6c878e
.tab
margin-top: 15px
ul.navigation
margin: -18px 0 20px 0
height: 40px
line-height: 40px
border-bottom: 1px solid #EAEAEA
li
display: inline-block
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
#tab_branches
display: none