diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index 8589dd72..746c161e 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -130,6 +130,73 @@ border-top: 1px solid #d2d6de; } + .panel-primary { + border-color: #333; + } + + .panel { + margin-bottom: 20px; + background-color: #fff; + border: 0px solid transparent; + border-radius: 21px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); + } + + .panel-primary>.panel-heading { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .panel-primary>.panel-heading { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + + .content .row [class*=col-] .box { + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + -webkit-border-radius: 1px !important; + -moz-border-radius: 1px !important; + -ms-border-radius: 1px !important; + border-radius: 25px !important; + } + + .box.box-solid.box-primary>.box-header { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .box-footer { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 25px; + border-bottom-left-radius: 25px; + border-top: 1px solid transparent; + padding: 10px; + background-color: inherit; + } + + .panel-footer { + padding: 10px 15px; + background-color: inherit; + border-top: 1px solid transparent; + border-bottom-right-radius: 25px; + border-bottom-left-radius: 25px; + } + /* Search Bar Start Here */ .wrap { width: 30%; diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index 0e422602..2d8f3b06 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -127,6 +127,95 @@ border-top: 1px solid #d2d6de; } + .panel-primary { + border-color: #333; + } + + .panel { + margin-bottom: 20px; + background-color: #fff; + border: 0px solid transparent; + border-radius: 21px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); + } + + .panel-primary>.panel-heading { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .panel-primary>.panel-heading { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + + .box.box-solid.box-primary>.box-header { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .box-body { + border-radius: 21px; + padding: 10px; + } + + .box.box-solid.box-primary { + background-color: #fff; + border: 0px solid transparent; + border-radius: 21px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + } + + .content .row [class*=col-] .box { + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + -webkit-border-radius: 1px !important; + -moz-border-radius: 1px !important; + -ms-border-radius: 1px !important; + border-radius: 25px !important; + } + + .box.box-solid.box-info>.box-header { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .box-header { + color: inherit; + display: block; + padding: 10px; + position: relative; + border-color: transparent; + border-radius: 25px; + } + + .box.box-solid.box-default>.box-header { + color: inherit; + background-color: transparent; + border-color: transparent; + } + + .box.box-solid.box-success>.box-header { + color: inherit; + background: transparent; + background-color: transparent; + } + /* New Customize Interface End Here */ ::-moz-selection { @@ -187,6 +276,7 @@ margin: 0; padding: 10px; } + {if isset($xheader)}