}
header .container {
- padding: 0 0.5rem;
+ padding: 0 0.5rem;
}
select {
.main-right .container .alert-message h4 {
margin-top: 1rem;
background: url(./no-pwd.png) no-repeat left 1px / 28px;
- padding: 7px 0 0 32px;
+ padding: 7px 0 0 32px;
}
.main-right .container .alert-message .btn {
.cbi-button[name="zero"],
.cbi-button[name="restart"],
.cbi-button[onclick="hide_empty(this)"] {
- border: 1px solid;
+ border: 1px solid;
}
/* dark blue */
.cbi-button[value="Submit"],
.cbi-button[value$="Apply"],
.cbi-button[onclick="addKey(event)"] {
- font-weight: normal;
- color: #fff;
- border: 1px solid #468ea4;
- background-color: #468ea4;
+ font-weight: normal;
+ color: #fff;
+ border: 1px solid #468ea4;
+ background-color: #468ea4;
}
/* red */
.cbi-button[onclick="reboot(this)"],
.cbi-button-neutral[value="Restart"] {
padding: 5px .8rem;
- font-weight: 100;
- color: #f24b7c;
- background-color: transparent;
- border: 1px solid #f24b7c;
+ font-weight: 100;
+ color: #f24b7c;
+ background-color: transparent;
+ border: 1px solid #f24b7c;
}
/* yellow */
.cbi-button[name="backup"],
.cbi-button[value="Upload"],
.cbi-button[value="Save mtdblock"] {
- font-weight: normal;
- color: #468ea4;
- border: thin solid #468ea4;
- background-color: transparent;
+ font-weight: normal;
+ color: #468ea4;
+ border: thin solid #468ea4;
+ background-color: transparent;
}
.cbi-page-actions .cbi-button-link:first-child {
}
.tabs > li {
- margin-right: .8rem;
+ margin-right: .8rem;
padding: 6px 10px;
- position: relative;
- display: inline-block;
- text-align: center;
+ position: relative;
+ display: inline-block;
+ text-align: center;
}
.tabs > li a {
- color: #468EA4;
+ color: #468EA4;
font-size: 14px;
text-decoration: none;
position: relative;
z-index: 1;
}
.tabs > li::after {
- content: '';
- background-color: #cccccc82;
- position: absolute;
- width: 0;
- height: 100%;
- bottom: 0;
- border-radius: 20px;
- left: 50%;
- transform: translateX(-50%);
+ content: '';
+ background-color: #cccccc82;
+ position: absolute;
+ width: 0;
+ height: 100%;
+ bottom: 0;
+ border-radius: 20px;
+ left: 50%;
+ transform: translateX(-50%);
}
.tabs > li:hover::after {
- transition: width .35s;
- width: calc(100% + 4px);
+ transition: width .35s;
+ width: calc(100% + 4px);
}
.tabs > li.active::after {
- width: calc(100% + 4px);
- background-color: #468ea473;
+ width: calc(100% + 4px);
+ background-color: #468ea473;
}
.cbi-tabmenu > li {
}
.cbi-dynlist > .item::after {
- position: absolute;
- right: -2em;
- bottom: 0;
- display: inline-flex;
- min-height: 17px;
- padding: 0 6px;
- content: "\00D7";
- pointer-events: auto;
- color: #f24b7c;
- border: thin solid #f24b7c;
- background-color: transparent;
+ position: absolute;
+ right: -2em;
+ bottom: 0;
+ display: inline-flex;
+ min-height: 17px;
+ padding: 0 6px;
+ content: "\00D7";
+ pointer-events: auto;
+ color: #f24b7c;
+ border: thin solid #f24b7c;
+ background-color: transparent;
}
.cbi-dynlist > .item > span {
.login .alert-message > h4 {
padding: 7px 0 0 32px;
- font-size: 18px;
- background: url(./no-pwd.png) no-repeat left 0 / 28px;
- display: inline-block;
+ font-size: 18px;
+ background: url(./no-pwd.png) no-repeat left 0 / 28px;
+ display: inline-block;
}
.login .alert-message > p {
}
.login > .main .cbi-value > .cbi-value-field {
- display: block;
- position: relative;
+ display: block;
+ position: relative;
}
.login > .main .cbi-value-last .cbi-value-field > div {
- height: 24px;
- width: 24px;
- display: inline-block;
- background: url(./op-eye.png) no-repeat center center / cover;
- position: absolute;
- top: 8px;
- right: 12px;
+ height: 24px;
+ width: 24px;
+ display: inline-block;
+ background: url(./op-eye.png) no-repeat center center / cover;
+ position: absolute;
+ top: 8px;
+ right: 12px;
}
.login > .main .cbi-value-last .cbi-value-field.op-eye > div {
- background-image: url(./cl-eye.png);
+ background-image: url(./cl-eye.png);
}
.login > .main .cbi-value .cbi-input-text {
margin: 0 0 16px;
padding-left: 36px;
width: 100%;
- height: 42px;
- border: 1px solid #556270;
+ height: 42px;
+ border: 1px solid #556270;
border-radius: 20px;
background: #fff no-repeat 11px center / 19px;
}
.login .cbi-page-actions .cbi-button-apply,
.login .cbi-button-apply {
- border: 1px solid #f24b7c;
- background-color: #f24b7c;
+ border: 1px solid #f24b7c;
+ background-color: #f24b7c;
}
.login .cbi-button[value="Reset"] {
- color: #fff;
- border: 1px solid #9a4569;
- background-color: #9a4569;
+ color: #fff;
+ border: 1px solid #9a4569;
+ background-color: #9a4569;
}
.login footer {
.logged-in .main-right {
float: right;
width: 84%;
- height: 100%;
+ height: 100%;
}
.logged-in .main-right .container {