tree.less
270 lines
| 4.9 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; | ||
|
r20246 | @list_stripe_color: lighten(@page-backdrop-color,3%); | ||
|
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 { | ||||
|
r20041 | padding-top: 1px; | ||
|
r16937 | } | ||
|
r4491 | } | ||
|
r20157 | .dynamic-buttons { | ||
display: inline-block; | ||||
} | ||||
|
r15077 | .list_toolbar [class*="span"] { | ||
|
r15078 | min-height: @btn_small_height; | ||
|
r4488 | } | ||
|
r10920 | .list_header { | ||
font-weight: bold; | ||||
|
r20246 | background-color: @page-backdrop-color | ||
|
r4488 | } | ||
|
r10920 | .list_container { | ||
|
r15077 | margin-top: @dashboard_tb_pad; | ||
|
r15078 | margin-bottom: 5*@dashboard_tb_pad; | ||
|
r20010 | border: 1px solid @table-border-color; | ||
|
r19653 | border-radius: @border-radius-base; | ||
|
r10919 | } | ||
|
r10920 | .list_container > div { | ||
|
r20010 | border-bottom: 1px solid @table-border-color; | ||
|
r10919 | &:hover .list-item{ | ||
background-color: red; | ||||
}; | ||||
} | ||||
|
r10920 | .list_container > div:last-child { | ||
|
r10919 | border: none; | ||
} | ||||
.list_item { | ||||
&:hover .list_item { | ||||
|
r20007 | background-color: @table-border-color; | ||
|
r10919 | }; | ||
|
r15072 | a {text-decoration: none;} | ||
|
r20254 | &:hover { | ||
background-color: darken(white,2%); | ||||
|
r20246 | } | ||
|
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; | ||
|
r20157 | |||
input { | ||||
margin-right: @dashboard_lr_pad; | ||||
} | ||||
|
r10919 | } | ||
|
r20239 | .new-file input[type=checkbox] { | ||
visibility: hidden; | ||||
} | ||||
|
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 { | ||
|
r20157 | padding-top: @dashboard_tb_pad; | ||
|
r15077 | line-height: 1em; | ||
|
r20157 | .btn-toolbar(); | ||
|
r18929 | .btn { | ||
min-width: 13ex; | ||||
} | ||||
|
r20157 | .running-indicator { | ||
color: @brand-success; | ||||
} | ||||
|
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 | } | ||
|
r17526 | |||
|
r20235 | .running_notebook_icon:before { | ||
.icon(@fa-var-book); | ||||
color: @brand-success | ||||
} | ||||
|
r17526 | .file_icon:before { | ||
.icon(@fa-var-file-o) | ||||
} | ||||
|
r19260 | |||
|
r20014 | #notebook_toolbar .pull-right { | ||
|
r20041 | padding-top: 0px; | ||
|
r20045 | margin-right: -1px; | ||
|
r20012 | } | ||
|
r19694 | ul#new-menu { | ||
|
r19260 | // align right instead of left | ||
left: auto; | ||||
right: 0; | ||||
|
r19262 | } | ||
.kernel-menu-icon { | ||||
padding-right: 12px; | ||||
width: 24px; | ||||
content: @fa-var-square-o; | ||||
} | ||||
.kernel-menu-icon:before { | ||||
content: @fa-var-square-o; | ||||
} | ||||
.kernel-menu-icon-current:before { | ||||
|
r19655 | content: @fa-var-check; | ||
} | ||||
#tab_content { | ||||
padding-top: @page-header-padding; | ||||
|
r19262 | } | ||
|
r19994 | |||
#running { | ||||
.panel-group{ | ||||
.panel { | ||||
|
r20009 | margin-top: 3px; | ||
margin-bottom: 1em; | ||||
|
r19994 | |||
.panel-heading { | ||||
|
r20005 | background-color: @page-backdrop-color; | ||
|
r19996 | padding-top: @dashboard_tb_pad; | ||
padding-bottom: @dashboard_tb_pad; | ||||
padding-left: @dashboard_lr_pad; | ||||
padding-right: @dashboard_lr_pad; | ||||
|
r19997 | line-height: @btn_mini_height; | ||
|
r20001 | |||
a:focus, a:hover { | ||||
text-decoration: none; | ||||
} | ||||
|
r19994 | } | ||
.panel-body { | ||||
padding: 0px; | ||||
.list_container { | ||||
margin-top: 0px; | ||||
margin-bottom: 0px; | ||||
border: 0px; | ||||
border-radius: 0px; | ||||
.list_item { | ||||
|
r20007 | border-bottom: 1px solid @table-border-color; | ||
|
r19998 | |||
&:last-child { | ||||
border-bottom: 0px; | ||||
} | ||||
|
r19994 | } | ||
} | ||||
} | ||||
} | ||||
} | ||||
} | ||||
|
r20157 | |||
.delete-button { | ||||
display: none; | ||||
} | ||||
.duplicate-button { | ||||
display: none; | ||||
} | ||||
.rename-button { | ||||
display: none; | ||||
} | ||||
.shutdown-button { | ||||
display: none; | ||||
} | ||||