tree.less
149 lines
| 2.6 KiB
| text/x-less
|
LessCssLexer
|
r4488 | |||
/** | ||||
* Primary styles | ||||
* | ||||
* Author: IPython Development Team | ||||
*/ | ||||
|
r15077 | @dashboard_tb_pad: 4px; | ||
@dashboard_lr_pad: 7px; | ||||
|
r15078 | // These are the total heights of the Bootstrap small and mini buttons. These values | ||
// are not less variables so we have to track them statically. | ||||
|
r16948 | @btn_small_height: 24px; | ||
|
r15078 | @btn_mini_height: 22px; | ||
|
r16957 | @dark_dashboard_color: @breadcrumb-color; | ||
|
r15077 | |||
ul#tabs { | ||||
margin-bottom: @dashboard_tb_pad; | ||||
|
r6196 | } | ||
|
r15077 | ul#tabs a { | ||
|
r16957 | padding-top: @dashboard_tb_pad + 2px; | ||
|
r15077 | padding-bottom: @dashboard_tb_pad; | ||
|
r4488 | } | ||
|
r15101 | ul.breadcrumb { | ||
a:focus, a:hover { | ||||
text-decoration: none; | ||||
} | ||||
i.icon-home { | ||||
font-size: 16px; | ||||
margin-right: 4px; | ||||
} | ||||
span { | ||||
color: @dark_dashboard_color; | ||||
} | ||||
} | ||||
|
r15077 | .list_toolbar { | ||
padding: @dashboard_tb_pad 0 @dashboard_tb_pad 0; | ||||
|
r16937 | vertical-align: middle; | ||
.tree-buttons { | ||||
padding-top: 2px; | ||||
} | ||||
|
r4491 | } | ||
|
r15077 | .list_toolbar [class*="span"] { | ||
|
r15078 | min-height: @btn_small_height; | ||
|
r4488 | } | ||
|
r10920 | .list_header { | ||
font-weight: bold; | ||||
|
r4488 | } | ||
|
r10920 | .list_container { | ||
|
r15077 | margin-top: @dashboard_tb_pad; | ||
|
r15078 | margin-bottom: 5*@dashboard_tb_pad; | ||
|
r10954 | border: 1px solid @border_color; | ||
|
r10919 | border-radius: 4px; | ||
} | ||||
|
r10920 | .list_container > div { | ||
|
r10954 | border-bottom: 1px solid @border_color; | ||
|
r10919 | &:hover .list-item{ | ||
background-color: red; | ||||
}; | ||||
} | ||||
|
r10920 | .list_container > div:last-child { | ||
|
r10919 | border: none; | ||
} | ||||
.list_item { | ||||
&:hover .list_item { | ||||
background-color: #ddd; | ||||
}; | ||||
|
r15072 | a {text-decoration: none;} | ||
|
r15077 | } | ||
|
r16937 | .action_col { | ||
text-align: right; | ||||
} | ||||
|
r15077 | .list_header>div, .list_item>div { | ||
padding-top: @dashboard_tb_pad; | ||||
padding-bottom: @dashboard_tb_pad; | ||||
padding-left: @dashboard_lr_pad; | ||||
padding-right: @dashboard_lr_pad; | ||||
|
r15078 | line-height: @btn_mini_height; | ||
|
r10919 | } | ||
|
r12802 | .item_name { | ||
|
r15078 | line-height: @btn_mini_height; | ||
height: @btn_small_height; | ||||
|
r12802 | } | ||
|
r15072 | .item_icon { | ||
|
r15077 | font-size: 14px; | ||
|
r15101 | color: @dark_dashboard_color; | ||
|
r15077 | margin-right: @dashboard_lr_pad; | ||
|
r10919 | } | ||
|
r6197 | |||
|
r15077 | .item_buttons { | ||
line-height: 1em; | ||||
|
r4488 | } | ||
|
r15077 | .toolbar_info { | ||
|
r15078 | height: @btn_small_height; | ||
line-height: @btn_small_height; | ||||
|
r4488 | } | ||
|
r15078 | input.nbname_input, input.engine_num_input { | ||
// These settings give these inputs a height that matches @btn_mini_height = 22 | ||||
|
r15077 | padding-top: 3px; | ||
padding-bottom: 3px; | ||||
|
r16922 | height: @btn_mini_height; | ||
|
r15077 | line-height: 14px; | ||
|
r15072 | margin: 0px; | ||
|
r4491 | } | ||
|
r15078 | input.engine_num_input { | ||
width: 60px; | ||||
} | ||||
|
r4488 | .highlight_text { | ||
color: blue; | ||||
} | ||||
|
r6194 | |||
|
r9275 | #project_name > .breadcrumb { | ||
|
r10919 | padding: 0px; | ||
margin-bottom: 0px; | ||||
background-color: transparent; | ||||
font-weight: bold; | ||||
|
r9275 | } | ||
|
r9288 | |||
|
r16920 | .tab-content .row { | ||
margin-left: 0px; | ||||
margin-right: 0px; | ||||
} | ||||
|
r16253 | .folder_icon:before { | ||
|
r17414 | .icon(@fa-var-folder-o) | ||
|
r16253 | } | ||
|
r15078 | |||
|
r16253 | .notebook_icon:before { | ||
|
r17414 | .icon(@fa-var-book) | ||
|
r16253 | } | ||