xit-app
/
fims-java-public
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css 정리

Browse Source
main
이범준 8 months ago
parent bdc4d26a4c
commit 7f85eb96ed
5 changed files with 297 additions and 2128 deletions
Show Stats Download Patch File Download Diff File

12
src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
Unescape Escape View File

@ -8,8 +8,8 @@
<div class="card">
<div class="wrapper-list">
<div class="doc-example mt-4">
<div class="doc-example-content fs-big" data-label="배치 수동 실행">
<div class="fieldset-legend mt-4">
<div class="fieldset-legend-content fs-big" data-label="배치 수동 실행">
<button type="button" class="btn btn-primary" onclick="executeBatch('smgReceive');">국민신문고 수신</button>
<button type="button" class="btn btn-primary" onclick="executeBatch('smgSend');">국민신문고 답변 송신</button>
<button type="button" class="btn btn-primary" onclick="executeBatch('epostSend');">전자우편 송신</button>
@ -17,14 +17,14 @@
</div>
</div>
<div class="doc-example mt-4">
<div class="doc-example-content fs-big" data-label="업무시스템 수동 통보">
<div class="fieldset-legend mt-4">
<div class="fieldset-legend-content fs-big" data-label="업무시스템 수동 통보">
<button type="button" class="btn btn-primary" onclick="exceuteAlert('smgReceive');">국민신문고 수신</button>
</div>
</div>
<div class="doc-example mt-4">
<div class="doc-example-content fs-big" data-label="파일 현황">
<div class="fieldset-legend mt-4">
<div class="fieldset-legend-content fs-big" data-label="파일 현황">
<div class="card-datatable text-nowrap">
<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="d-flex flex-row justify-content-evenly mh-px-400">

4
src/main/webapp/WEB-INF/jsp/include/top.jsp
Unescape Escape View File

@ -30,7 +30,7 @@
<input type="checkbox" id="securityMode--top" name="securityMode"
class="form-check-input me-1 align-self-center" value="Y" />
<span class="text-center">
보안모드<br/>(F9)
보안모드<br/><kbd>F9</kbd>
</span>
</label>
</div>
@ -39,7 +39,7 @@
<input type="checkbox" id="photoMask--top" name="photoMask"
class="form-check-input me-1 align-self-center" value="Y" checked />
<span class="text-center">
단속사진 모자이크<br/>(F10)
단속사진 모자이크<br/><kbd>F10</kbd>
</span>
</label>
</div>

22
src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
Unescape Escape View File

@ -27,8 +27,26 @@ select {
.task-theme-pes { background : rgba(239,122,115,0.4) !important }
.task-theme-dvs { background : rgba(162,225,221,0.4) !important }
.doc-example .doc-example-content::before {
font-size : 15px!important;
.fieldset-legend .fieldset-legend-content {
padding: 1.5rem;
font-size: .875rem;
background-color: #fff;
border: 1px solid #bcc5cd;
position: relative
}
.fieldset-legend .fieldset-legend-content::before {
content: attr(data-label);
display: block;
position: absolute;
top: -8px;
left: 12px;
font-size : 15px!important;
font-weight: 600;
text-transform: uppercase;
background-color: inherit;
color: #a1acb8;
padding: 0 5px
}
/* 최상위 태그 */

2081
src/main/webapp/resources/css/fims/cmmn/xit-core.css
View File

File diff suppressed because it is too large Load Diff

306
src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css
Unescape Escape View File

@ -1,21 +1,6 @@
@charset "UTF-8";
body {
background: #fff
}
.bg-body {
background: #fff !important
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
content: "";
width: 100%;
height: 4.75rem;
position: fixed;
top: 0px;
z-index: 10;
}
.bg-menu-theme .menu-header {
position: relative;
@ -120,25 +105,11 @@ body {
}
}
.text-primary {
color: #696cff !important;
}
.text-body[href]:hover {
color: #5f61e6 !important;
}
.bg-primary {
background-color: #696cff !important;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #6467f2 !important;
}
.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
background-color: #696cff;
}
.bg-label-primary {
background-color: #e7e7ff !important;
@ -585,86 +556,7 @@ button.list-group-item-primary.active {
border-color: #696cff;
}
.navbar.bg-primary {
background-color: #696cff !important;
color: #e0e1ff;
}
.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a {
color: #fff;
}
.navbar.bg-primary .navbar-brand:hover,
.navbar.bg-primary .navbar-brand:focus,
.navbar.bg-primary .navbar-brand a:hover,
.navbar.bg-primary .navbar-brand a:focus {
color: #fff;
}
.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
color: #e0e1ff;
}
.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
background-color: #696cff !important;
color: #e0e1ff;
}
.navbar.bg-primary .navbar-nav > .nav-link,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
color: #e0e1ff;
}
.navbar.bg-primary .navbar-nav > .nav-link:hover,
.navbar.bg-primary .navbar-nav > .nav-link:focus,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
color: #fff;
}
.navbar.bg-primary .navbar-nav > .nav-link.disabled,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
color: #b0b2ff !important;
}
.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
color: #fff;
}
.navbar.bg-primary .navbar-toggler {
color: #e0e1ff;
border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-primary .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-primary .navbar-text {
color: #e0e1ff;
}
.navbar.bg-primary .navbar-text a {
color: #fff;
}
.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
color: #fff;
}
.navbar.bg-primary hr {
border-color: rgba(255, 255, 255, 0.15);
}
.menu.bg-primary {
background-color: #696cff !important;
@ -1718,9 +1610,12 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
}
.card {
border: 1px solid #d9dee3
}
.accordion .accordion-item {
border-top: 1px solid #d9dee3;
@ -1817,44 +1712,6 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
}
}
.menu-doc.menu-vertical .menu-item .menu-link {
padding: .35rem 2rem
}
.menu-doc.menu-vertical .menu-inner > .menu-item.active:before {
height: 2.2rem !important
}
.menu-doc.menu-vertical .menu-header {
padding: .35rem 2rem
}
.menu-doc.menu-vertical .menu-block {
padding: .35rem 2rem
}
.menu-doc.menu-vertical .menu-sub .menu-link {
padding-left: 3rem;
padding-top: .25rem;
padding-bottom: .25rem
}
.menu-doc.menu-vertical .menu-sub .menu-sub .menu-link {
padding-left: 4rem
}
.menu-doc.menu {
background-color: #fff !important
}
.menu-doc.menu .menu-link {
color: #697a8d
}
.menu-doc.menu .menu-item.active > .menu-link:not(.menu-toggle) {
background: rgba(0, 0, 0, 0);
font-weight: 600
}
@media (min-width: 992px) {
.layout-navbar-full:not(.layout-horizontal) .menu-inner {
@ -1862,139 +1719,13 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
}
}
.doc-sidebar {
position: -webkit-sticky;
position: sticky;
top: 4rem;
height: calc(100vh - 4rem);
overflow-y: auto;
overflow-x: hidden
}
.doc-sidebar-nav {
padding-left: 0;
border-left: 1px solid #bcc5cd
}
.doc-sidebar-nav ul {
padding-left: 1rem
}
.doc-entry {
display: block
}
.doc-entry a {
display: block;
padding: .125rem 1.5rem;
color: #697a8d
}
.doc-entry a:hover:not(.active) {
color: #282e35
}
.doc-entry a.active {
color: #696cff;
text-decoration: none;
position: relative;
font-weight: 600
}
.nav-link:hover, .nav-link:focus {
color: #696cff
}
.badge-center.badge-sm {
height: 1rem;
width: 1rem;
font-size: .65rem
}
.hljs {
background-color: rgba(67, 89, 113, .025) !important;
border-radius: .2rem;
padding: 1.8rem !important
}
pre, code, kbd, samp {
font-size: 0.9375rem;
margin-bottom: 0
}
.doc-table th {
padding: .25rem 1.25rem;
font-weight: 600;
font-size: .75rem;
letter-spacing: .5px;
background-color: rgba(0, 0, 0, .025);
text-transform: uppercase
}
.doc-table td {
padding: .4rem 1.25rem;
vertical-align: top
}
.doc-example .nav-tabs-example .nav-link {
padding: .35rem .65rem;
font-size: 12px;
color: #697a8d;
text-transform: uppercase;
font-weight: 600;
cursor: pointer
}
.doc-example .nav-tabs-example .nav-link.active,
.doc-example .nav-tabs-example .nav-link:active,
.doc-example .nav-tabs-example .nav-link.hover,
.doc-example .nav-tabs-example .nav-link:hover,
.doc-example .nav-tabs-example .nav-link.focus,
.doc-example .nav-tabs-example .nav-link:focus {
color: #696cff
}
.doc-example .doc-example-content {
padding: 1.5rem;
font-size: .875rem;
background-color: #fff;
border: 1px solid #bcc5cd;
position: relative
}
.doc-example .doc-example-content::before {
content: attr(data-label);
display: block;
position: absolute;
top: -8px;
left: 12px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
background-color: inherit;
color: #a1acb8;
padding: 0 5px
}
.btn-clipboard {
position: absolute;
top: 1.7rem;
right: 1.7rem;
z-index: 10;
display: block;
padding: .25rem .5rem;
font-size: 85%;
color: #697a8d;
background-color: rgba(0, 0, 0, 0);
border: 0;
border-radius: .25rem;
outline: 0
}
.btn-clipboard:hover {
background: #696cff;
color: #fff
}
ol > li::marker {
font-weight: bold
@ -2004,27 +1735,4 @@ ol > li::marker {
display: none
}
.anchorjs-link {
opacity: 0;
text-decoration: none;
-webkit-font-smoothing: antialiased
}
.anchorjs-link {
font-weight: 400;
color: rgba(105, 108, 255, .5);
transition: color .15s ease-in-out
}
:hover > .anchorjs-link, .anchorjs-link:focus {
opacity: 1
}
.anchorjs-link:focus, .anchorjs-link:hover {
color: #696cff;
text-decoration: none
}
.badge-demo {
font-size: 11px
}
Write Preview
Loading…
Cancel
Save