www.gusucode.com > Aycms自媒体建站系统PHP版 v1.0.1源码程序 > Aycms_v1.0.1/public/themes/admin_simpleboot3/public/assets/themes/orangeadmin/simplebootadminindex.min.css
.sidebar { position: absolute; top: 0; bottom: 0; width: 200px; background-color: #fff; border-right: 1px solid #ecf0f1 } .sidebar:before { position: fixed; top: 0; bottom: 0; z-index: -1; display: block; width: 200px; background-color: #fff; border-right: 1px solid #ecf0f1; content: "" } .sidebar.fixed { position: fixed; top: 45px; left: 0; z-index: 1029 } .sidebar.fixed:before { right: auto; left: 0 } .nav-list { padding: 0; margin: 0; list-style: none } .nav-list > li > a, .nav-list .nav-header { margin: 0 } .nav-list > li { position: relative; display: block; padding: 0; margin: 0; border: 0; /*border-top: 1px solid #fff;*/ /*border-bottom: 1px solid #fff*/ border-top: none; border-bottom: none; } .nav-list > li:first-child { border-top: 0 } .nav-list > li > a { display: block; /*height: 38px;*/ padding: 0 16px 0 7px; font-size: 13px; line-height: 44px; color: #585858; text-decoration: none; text-shadow: none !important; background-color: #f9f9f9 } .nav-list > li > a > [class*="fa-"]:first-child { display: inline-block; min-width: 30px; font-size: 18px; font-weight: normal; text-align: center; vertical-align: middle } .nav-list > li > a:focus { background-color: #f9f9f9 } .nav-list > li > a:hover { color: #1963aa; background-color: #f9f9f9 } .nav-list > li a > .arrow { position: absolute; top: 15px; right: 9px; display: inline-block; width: 14px !important; height: 14px; padding: 0; font-size: 18px; line-height: 14px; color: #666; text-shadow: none } .nav-list > li a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow { color: #010101 } .nav-list > li.separator { position: static; height: 3px; margin: 1px 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav-list > li.open > a { color: #1963aa; background-color: #fafafa } .nav-list > li.active { background-color: #fff } .nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active { font-size: 13px; font-weight: bold; color: #0b6cbc; background-color: #fff } .nav-list > li.active > a > [class*="fa-"] { font-weight: normal } .nav-list > li.active > a:hover:before { display: none } .nav-list > li.active:after { position: absolute; top: -1px; right: -2px; bottom: 0; display: inline-block; border-right: 2px solid #0b6cbc; content: "" } .nav-list > li.open { border-bottom-color: #e5e5e5 } .nav-list > li.active .submenu { display: block } .nav-list > li .submenu { position: relative; display: none; padding: 0; margin: 0; list-style: none; background-color: #fff; /*border-top: 1px solid #e5e5e5*/ border-top: none; } .nav-list > li .submenu > li { position: relative; margin-left: 0 } .nav-list > li .submenu > li > a { position: relative; display: block; padding: 0 0 0 37px; margin: 0; line-height: 44px; font-size: 14px; color: #616161; /*border-top: 1px solid #fcfcfc;*/ /*border-bottom: 1px solid #e5e5e5*/ border-top: 1px solid #fcfcfc; border-bottom: none; } .nav-list > li .submenu > li > a:focus { text-decoration: none } .nav-list > li .submenu > li.active > a { color: #0b6cbc } .nav-list > li .submenu > li a > [class*="fa-"]:first-child { position: absolute; top: 15px; left: 10px; z-index: 1; width: 18px; height: auto; font-size: 12px; font-weight: normal; line-height: 12px; text-align: center } .nav-list > li .submenu > li.active > a > [class*="fa-"]:first-child, .nav-list > li .submenu > li:hover > a > [class*="fa-"]:first-child { display: inline-block } .nav-list > li .submenu > li.active > a > [class*="fa-"]:first-child { color: #c86139 } /*.nav-list>li>.submenu>li:before {*/ /*position: absolute;*/ /*top: 17px;*/ /*left: 18px;*/ /*display: inline-block;*/ /*width: 8px;*/ /*border-top: 1px solid #ccd7e2;*/ /*content: ""*/ /*}*/ .nav-list > li > .submenu > li:first-child > a { border-top: 1px solid #fafafa } .nav-list > li > .submenu:before { position: absolute; top: 0; bottom: 0; left: 18px; z-index: 1; display: block; border-left: 1px solid #ccd7e2; content: "" } .nav-list > li.active > .submenu > li:before { border-top-color: #bccfe0 } .nav-list > li.active > .submenu:before { border-left-color: #bccfe0 } .nav-list li .submenu { overflow: hidden } .nav-list li.active > a:after { position: absolute !important; top: 4px; right: 0; display: block; border: 8px solid transparent; border-right-color: #0b6cbc; border-width: 14px 10px; content: "" } .nav-list li.open > a:after { display: none } .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:after { display: none } .nav-list li.active > .submenu > li.active > a:after { display: none } .nav-list li.active.open > .submenu > li.active > a:after { display: block } .menu-min .nav-list li.active.open > .submenu > li.active > a:after { display: none } .nav-list li.active.no-active-child > a:after { display: inline-block !important } .nav-list a .badge, .nav-list a .label { position: absolute; top: 9px; right: 11px; padding-right: 6px; padding-left: 6px; font-size: 12px; opacity: .88 } .nav-list a .badge [class*="fa-"], .nav-list a .label [class*="fa-"] { margin: 0; vertical-align: middle } .nav-list a.dropdown-toggle .badge, .nav-list a.dropdown-toggle .label { right: 28px } .nav-list a:hover .badge, .nav-list a:hover .label { opacity: 1 } .menu-min .nav-list a .badge, .menu-min .nav-list a .label { position: relative; top: -1px; right: auto; left: 4px } .nav-list .submenu .submenu a .badge, .nav-list .submenu .submenu a .label { top: 6px } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #fafafa; } .menu-min .nav-list .submenu .submenu a .badge, .menu-min .nav-list .submenu .submenu a .label { top: 0 } .sidebar-collapse { position: relative; padding: 3px 0; text-align: center; background-color: #f3f3f3; border-bottom: 1px solid #e0e0e0 } .sidebar-collapse > [class*="fa-"] { position: relative; display: inline-block; padding: 0 5px; font-size: 14px; line-height: 18px; color: #aaa; cursor: pointer; background-color: #fff; border: 1px solid #bbb; border-radius: 16px } .sidebar-collapse:before { position: absolute; top: 13px; right: 15px; left: 15px; display: inline-block; height: 0; border-top: 1px solid #e0e0e0; content: "" } .sidebar-shortcuts { max-height: 40px; margin-bottom: 0; line-height: 37px; text-align: center; background-color: #fafafa; border-bottom: 1px solid #ddd } .breadcrumbs { position: relative; display: block; height: 100%; padding: 0 12px 0 0; background-color: transparent; } .main-content { min-height: 100%; padding: 0; margin-top: 0; margin-right: 0; margin-left: 200px; } .page-content { padding: 8px 20px 24px; margin: 0; background: #fff } .main-container { position: relative; padding: 0 } .navbar { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0 } .navbar { margin-bottom: 0 } .navbar .navbar-inner, .navbar .btn-navbar { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important } .navbar .navbar-inner { position: relative; min-height: 45px; padding-right: 0; padding-left: 0; margin: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .simplewind-nav > li:first-child { border-left: none } .simplewind-nav > li { position: relative; max-height: 48px; padding: 0; line-height: 48px; border-left: 1px solid #DDD } .simplewind-nav > li > a { position: relative; display: block; height: 100%; color: #EEE; background-color: transparent } .simplewind-nav .nav-user-photo { max-width: 36px !important; margin: -4px 8px 0 0; border: 2px solid #FFF; border-radius: 24px } .navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus { font-size: 13px; color: #fff; text-shadow: none } .navbar .brand { padding: 10px 20px 10px } ul, ol { padding: 0; margin: 0 } .cmf-component-tab { white-space: nowrap; } .cmf-component-tabitem { position: relative; display: inline-block !important; float: none !important; min-width: 101px; text-align: center; cursor: pointer; vertical-align: top; } .cmf-component-tabclose { position: absolute; top: 8px; right: 6px; text-decoration: none; cursor: pointer; display: none; } .cmf-component-tabitem:hover .cmf-component-tabclose { text-decoration: none; display: block; } .cmf-component-tabclose-icon { color: #fff } .task-changebt { display: none; float: left; width: 30px; height: 100%; font-size: 18px; color: #fff; text-align: center; text-decoration: none; cursor: pointer; line-height: 48px; } .task-changebt:hover { font-weight: bold; color: #fff; text-decoration: none; opacity: 0.8; filter: Alpha(opacity=80) } #task-pre { left: -30px; } #task-next { right: -30px; } #task-content { position: relative; float: left; overflow: hidden } #loading { position: absolute; top: 10px; left: 250px; z-index: 9999; display: none; width: 100px; height: 26px; color: #fff; background: url("loadingbg.png") no-repeat } #loading .loadingicon { position: absolute; top: 0; left: 0; display: inline-block; width: 26px; height: 26px; background: url("loading.gif") no-repeat center } #loading span { margin-left: 26px; font-family: 'Microsoft Yahei', verdana; font-size: 12px; font-weight: bold; line-height: 26px } #right-tools-wrapper { position: absolute; top: 50px; right: 20px; z-index: 99; cursor: pointer } #right-tools-wrapper span { vertical-align: middle } #right-tools-wrapper span .right_tool_icon { width: 24px; height: 24px; font-size: 24px; color: #fff } #nav-wrapper { position: relative; height: 100% } .nav-list > li.open { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: #f8f9fa; border-bottom-color: #fafafa; } .nav-list > li.open a { padding-left: 37px } .nav-list > li.open .normal { display: none !important } .nav-list > li.open .back { visibility: visible } .nav-list > li .back { visibility: hidden } .nav-list > li .fa.back { position: absolute; top: 11px; left: 10px; z-index: 1; width: 18px; height: auto; font-size: 14px; font-weight: normal; line-height: 12px; text-align: center } .nav-list > li > .submenu:before { border-left: 0 solid #ccd7e2 } .nav_shortcuts { margin-top: 5px } #sidebar-shortcuts { height: 41px } #content { padding: 0 } .task-changebt { background: transparent; position: absolute; } .cmf-component-tabclose-icon:hover { color: #ed7669 } .cmf-tabs-item-text { font-family: 'Microsoft Yahei', verdana; font-size: 12px; font-weight: blod; line-height: 30px; color: #010101; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 5px !important; padding-right: 5px !important; } .nav-list > li > a { background-color: #fff } .nav-list > li > a:hover { color: #010101; background-color: #f8f9fa } .nav-list > li > a:hover:before { background-color: #010101 } .nav-list > li.open > a { color: #010101; background-color: #fafafa } .nav-list > li .submenu > li > a { background: #f4f4f4 } .nav-list > li .submenu > li > a:hover { color: #010101; text-decoration: none; background: #f8f9fa; } #right-tools-wrapper span .right_tool_icon { color: #010101 } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent; }