OneBot: Leantime 改造版源码(BOM/Univer 表格/AI 接管/品牌替换等)
This commit is contained in:
412
public/assets/css/components/overwrites.css
Normal file
412
public/assets/css/components/overwrites.css
Normal file
@@ -0,0 +1,412 @@
|
||||
|
||||
/* login */
|
||||
.inputwrapper button { background: var(--main-action-bg); border-color: var(--main-border-color) }
|
||||
.inputwrapper button:hover { background: var(--main-action-hover-bg); border-color: var(--main-border-color) }
|
||||
|
||||
/* background */
|
||||
.leftmenu .nav-tabs.nav-stacked > li.active > a,
|
||||
.leftmenu .nav-tabs.nav-stacked > li.active > a:hover,
|
||||
.shortcuts li a,
|
||||
.widgettitle,
|
||||
.mediamgr .mediamgr_rightinner h4,
|
||||
.messagemenu, .msglist li.selected,
|
||||
.wizard .hormenu li a.done,
|
||||
.wizard .hormenu li a.selected,
|
||||
.actionBar a:hover, .actionBar a:hover,
|
||||
.wizard .tabbedmenu, .nav-tabs > .active > a:focus,
|
||||
.tabbable > .nav-tabs,
|
||||
.nav-tabs > li > a:hover,
|
||||
.nav-tabs > li > a:focus,
|
||||
.nav-pills > .active > a,
|
||||
.nav-pills > .active > a:hover,
|
||||
.nav-pills > .active > a:focus,
|
||||
.tabs-right .nav-tabs,
|
||||
.tabs-right > .nav-tabs > li > a,
|
||||
.tabs-left .nav-tabs,
|
||||
.tabs-left > .nav-tabs > li > a,
|
||||
.progress-primary .bar,
|
||||
.ui-datepicker-calendar td.ui-datepicker-today a,
|
||||
.nav-tabs > .active > a,
|
||||
.nav-tabs > .active > a:hover,
|
||||
.nav-tabs > .active > a:focus,
|
||||
.nav-list > .active > a,
|
||||
.nav-list > .active > a:hover,
|
||||
.nav-list > .active > a:focus,
|
||||
.fc-widget-header, .fc-widget-header.fc-agenda-gutter.fc-last, .chosen-container-multi .chosen-choices .search-choice,
|
||||
div.tagsinput span.tag, .chosen-container .chosen-results .highlighted
|
||||
{ background-color: var(--primary-color) }
|
||||
|
||||
|
||||
|
||||
.loginpanelinner,
|
||||
.leftpanel .leftmenu .nav-tabs ul.projectselector li.active a{
|
||||
background-color: var(--primary-color) !important;
|
||||
color:var(--main-action-color);
|
||||
}
|
||||
|
||||
.header .logo {
|
||||
|
||||
}
|
||||
|
||||
.boxedHighlight{
|
||||
background:var(--accent1);
|
||||
}
|
||||
|
||||
/* color */
|
||||
|
||||
a,a:hover,a:link,a:active,a:focus,
|
||||
.userlist li .uinfo h5,
|
||||
.messagemenu ul li.active a,
|
||||
.msglist li h4,
|
||||
.actionBar a,
|
||||
.actionBar a.buttonDisabled,
|
||||
.wizard .tabbedmenu li a.selected,
|
||||
.wizard .tabbedmenu li a.done,
|
||||
.tabbable > .nav-tabs > li.active > a,
|
||||
.btn-circle.btn-primary, .btn-circle.btn-primary:hover, .btn-circle.btn-primary:focus,
|
||||
.btn-circle.btn-primary:active, .btn-circle.btn-primary.active,
|
||||
.btn-circle.btn-primary.disabled, .btn-circle.btn-primary[disabled],
|
||||
.tabs-right > .nav-tabs .active > a,
|
||||
.tabs-right > .nav-tabs .active > a:hover,
|
||||
.tabs-right > .nav-tabs .active > a:focus,
|
||||
.tabs-left > .nav-tabs .active > a,
|
||||
.tabs-left > .nav-tabs .active > a:hover,
|
||||
.tabs-left > .nav-tabs .active > a:focus,
|
||||
.ticketBox a.userPopover:hover,
|
||||
.primaryColor,
|
||||
.optionLink,
|
||||
.inlineDropDownContainer .ticketDropDown:hover,
|
||||
.leftpanel .leftmenu .nav-tabs ul.projectselector li.intro a,
|
||||
.maincontentinner .ticketDropdown.noBg >a,
|
||||
.maincontentinner .ticketDropdown.noBg >a:link,
|
||||
.viewDropDown .dropdown-menu li a.active
|
||||
{ color: var(--primary-color); }
|
||||
|
||||
|
||||
input[type='submit'],
|
||||
button
|
||||
{ background-color: var(--main-action-bg); }
|
||||
|
||||
input[type='submit']:hover,
|
||||
button:hover {
|
||||
background-color: var(--main-action-hover-bg);
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.chosen-container-multi .chosen-choices .search-choice {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.btn-white {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
span.btn-white:hover{
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
|
||||
/* border color */
|
||||
.widgetcontent,
|
||||
.messagemenu ul li.active,
|
||||
.messageleft,
|
||||
.messageright,
|
||||
.messagesearch,
|
||||
.msgreply,
|
||||
.wizard .hormenu li a,
|
||||
.wizard .hormenu li:first-child a,
|
||||
.stepContainer,
|
||||
.actionBar,
|
||||
.actionBar a,
|
||||
.actionBar a.buttonDisabled,
|
||||
.tabbable > .nav-tabs,
|
||||
.tabbable > .tab-content,
|
||||
.nav-tabs.nav-stacked > li > a:focus,
|
||||
.btn-circle.btn-primary, .btn-circle.btn-primary:hover, .btn-circle.btn-primary:focus,
|
||||
.btn-circle.btn-primary:active, .btn-circle.btn-primary.active,
|
||||
.btn-circle.btn-primary.disabled, .btn-circle.btn-primary[disabled],
|
||||
.nav-tabs,
|
||||
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
|
||||
.tabs-below .tab-content,
|
||||
.tabs-below > .nav-tabs > li.active > a,
|
||||
.tabs-right,
|
||||
.tabs-left,
|
||||
.tab-primary.ui-tabs,
|
||||
.nav-tabs.nav-stacked > li > a,
|
||||
.nav-tabs.nav-stacked > li > a:hover,
|
||||
.nav-tabs.nav-stacked > li > a:hover,
|
||||
.nav-tabs.nav-stacked > li > a:focus,
|
||||
.nav-tabs > .active > a,
|
||||
.nav-tabs > .active > a:hover,
|
||||
.nav-tabs > .active > a:focus,
|
||||
div.tagsinput span.tag
|
||||
{ border-color: var(--main-border-color) }
|
||||
|
||||
|
||||
.ui-datepicker-header { background-color: var(--primary-color) !important; }
|
||||
.ui-datepicker { border-color: var(--main-border-color) !important; }
|
||||
|
||||
|
||||
/* extras */
|
||||
|
||||
.tabs-below > .nav-tabs > li.active > a { border-bottom: 1px solid var(--main-border-color) !important; }
|
||||
.nav-list > li > a { color: #666; }
|
||||
.tabs-left > .nav-tabs > li,
|
||||
.tabs-right > .nav-tabs > li { border-color: var(--main-border-color); }
|
||||
.leftmenu .nav-tabs.nav-stacked > li > a { border-color: var(--main-border-color) !important; }
|
||||
.leftmenu .nav-tabs.nav-stacked > li.active > a { border-color: var(--main-border-color) !important; }
|
||||
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
|
||||
.userloggedinfo ul li a:hover { background-color: var(--primary-color); }
|
||||
|
||||
.userloggedinfo .userinfo,
|
||||
.wizard .hormenu li,
|
||||
.messageright { border-color: var(--main-border-color); }
|
||||
|
||||
}
|
||||
|
||||
.timesheetTable {
|
||||
|
||||
}
|
||||
|
||||
.timesheetTable input {
|
||||
width:70%;
|
||||
}
|
||||
|
||||
.week-picker {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
.timesheetTable select {
|
||||
width:90%;
|
||||
}
|
||||
|
||||
|
||||
.ui-weekpicker td a.ui-state-hover{
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
.ui-weekpicker td a.ui-state-highlight {
|
||||
background-color: var(--primary-color);
|
||||
}
|
||||
|
||||
|
||||
.ui-state-highlight {
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
.companyProject,
|
||||
.companyProject a{
|
||||
color:#999;
|
||||
font-weight:normal
|
||||
}
|
||||
|
||||
.filterBar {
|
||||
|
||||
border:0px solid var(--main-border-color);
|
||||
padding:10px;
|
||||
margin-bottom:5px;
|
||||
padding-top:5px;
|
||||
margin-top: 10px;
|
||||
background:var(--secondary-background);
|
||||
border-radius:var(--box-radius);
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
box-shadow: var(--large-shadow);
|
||||
}
|
||||
|
||||
.filterBar label {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.headtitle {
|
||||
background:var(--kanban-col-bg);
|
||||
border:0px solid var(--main-border-color);
|
||||
border-radius:var(--box-radius);
|
||||
}
|
||||
|
||||
.filterBar .filterBoxLeft {
|
||||
float:left;
|
||||
margin-right:15px;
|
||||
min-width:50px;
|
||||
}
|
||||
|
||||
.filterBar .filterBoxLeft input,
|
||||
.filterBar .filterBoxLeft select {
|
||||
float:left;
|
||||
}
|
||||
|
||||
label.inline {
|
||||
float:left;
|
||||
margin-right:5px;
|
||||
padding-top:6px;
|
||||
}
|
||||
|
||||
.loading {
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
body .widgettitle.title-light {
|
||||
color:var(--primary-color);
|
||||
padding-left:0px;
|
||||
background-color: transparent !important;
|
||||
border-left:0px !important;
|
||||
border-top:0px !important;
|
||||
border-right:0px !important;
|
||||
border-bottom:0px solid #ccc;
|
||||
margin-bottom:15px;
|
||||
font-size:var(--font-size-l);
|
||||
box-shadow: none;
|
||||
|
||||
}
|
||||
|
||||
.nyroModalCont .widgettitle.title-light {
|
||||
padding-top: 5px;
|
||||
font-size:var(--font-size-l);
|
||||
}
|
||||
|
||||
div.tagsinput {
|
||||
border:1px solid var(--main-border-color);
|
||||
}
|
||||
|
||||
|
||||
body .tox .tox-edit-area__iframe,
|
||||
body .tox .tox-toolbar-overlord{
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker-next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 5px;
|
||||
background: url(~images/calarrow.png) no-repeat 3px 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker-prev {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 5px;
|
||||
background: url(~images/calarrow.png) no-repeat 3px -39px;
|
||||
}
|
||||
|
||||
.ui-datepicker-header {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
color: #fff;
|
||||
background: var(--primary-color);
|
||||
text-transform: uppercase;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
}
|
||||
|
||||
.ui-datepicker {
|
||||
border-radius:5px;
|
||||
}
|
||||
|
||||
|
||||
div.growl,
|
||||
div.growl.growl-default,
|
||||
div.growl div.growl-closer {
|
||||
background:var(--secondary-background);
|
||||
color:var(--primary-font-color);
|
||||
padding:20px;
|
||||
font-size:var(--base-font-size);
|
||||
width:250px;
|
||||
opacity:1;
|
||||
border-radius:var(--box-radius);
|
||||
box-shadow: var(--regular-shadow);
|
||||
border:0px;
|
||||
|
||||
}
|
||||
|
||||
div.growl growl-close {
|
||||
color:var(--primary-font-color);
|
||||
font-size:var(--base-font-size);
|
||||
}
|
||||
|
||||
div.growl.growl-default,
|
||||
div.growl.growl-success{
|
||||
border-left:5px solid var(--green);
|
||||
}
|
||||
|
||||
div.growl.growl-notice {
|
||||
border-left:5px solid var(--blue);
|
||||
}
|
||||
|
||||
div.growl.growl-error {
|
||||
border-left:5px solid var(--dark-red);
|
||||
}
|
||||
|
||||
div.growl .growl-title {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
div.growl .growl-message {
|
||||
font-size: var(--base-font-size);
|
||||
line-height: 18px;
|
||||
font-family: var(--primary-font-family);
|
||||
}
|
||||
|
||||
div.growl.growl-medium {
|
||||
width: 250px;
|
||||
padding: 20px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* Playing with header */
|
||||
|
||||
|
||||
:not(pre)>code[class*=language-], pre[class*=language-] {
|
||||
}
|
||||
|
||||
code[class*=language-], pre[class*=language-] {
|
||||
text-shadow:0px 1px var(--secondary-background);
|
||||
}
|
||||
|
||||
|
||||
element.style {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
body hr {
|
||||
margin: 20px 0;
|
||||
border: 0;
|
||||
border-bottom: 1px solid var(--main-border-color);
|
||||
}
|
||||
|
||||
/* tippy overrides
|
||||
*/
|
||||
|
||||
.tippy-content {
|
||||
font-size:var(--font-size-s);
|
||||
color: var(--secondary-action-hover-color);
|
||||
}
|
||||
|
||||
.tippy-box {
|
||||
background: var(--secondary-action-hover-bg);
|
||||
}
|
||||
|
||||
.tippy-arrow {
|
||||
color:var(--secondary-action-hover-bg);
|
||||
}
|
||||
|
||||
|
||||
.ui-resizable-se {
|
||||
opaciy:0.5
|
||||
}
|
||||
|
||||
#freshworks-container,
|
||||
#freshworks-container #launcher-frame{
|
||||
z-index:90 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user