www.gusucode.com > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端) > 【T6965】响应式互联网网络建设设计类织梦模板(自适应手机端)/skin/css/menu.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ ::selection { background: #24b727; color: #fff; } ::-moz-selection { background:#24b727; color:#fff; } ::-webkit-selection { background:#24b727; color:#fff; } input, button, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; background: #fff; border: 0 } img { border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } @font-face { [font-family: <family-name>; ]? [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#; ]? [unicode-range: <urange>#; ]? [font-variant: <font-variant>; ]? [font-feature-settings: normal|<feature-tag-value>#; ]? [font-stretch: <font-stretch>; ]? [font-weight: <weight>]; [font-style: <style>]; } /*菜单*/ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 0; margin-left: 65px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } .navbar-header:before, .navbar-header:after { display: table; content: " "; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "; } .navbar-collapse:after { clear: both; } /*.navbar-collapse.in {overflow-y: auto;}*/ @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 0; } .navbar-brand { float: left; width: 130px; height: 30px; /* background:url(../images/logo.png) no-repeat; background-size:auto 30px; text-indent:-100000px;*/ } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; cursor: pointer; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .navbar-brand { width: 120px; margin: 12px 0 0 10px; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; line-height: 20px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } .navbar-brand { margin: 14px 0 0 20px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar-default { background: url(../images/header.png) repeat; -webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.2); box-shadow: 0 0 3px 0px rgba(0,0,0,.2) } .navbar-default .navbar-brand { color: #222; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #222; } .navbar-default .navbar-nav > li > a { color: #222; font-size: 16px; position: relative; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #24b727; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #24b727; } .navbar-default .navbar-nav > .active > a:after { content: ""; position: absolute; left: 50%; margin-left: -3px; bottom: 7px; background: #25b728; width: 6px; height: 6px; border-radius: 50%; } .navbar-default .navbar-toggle { border-color: none; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: none; } .navbar-default .navbar-toggle .icon-bar { background-color: #666; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav > li > a { text-align: center; margin: 0; padding: 5px 0 20px 0; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555555; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #cccccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777777; } .navbar-default .navbar-link:hover { color: #333333; } /*加载进度条*/ .fade { transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1; } /*.fade.out { opacity: 0; }*/ #nprogress { pointer-events: none; } /*鼠标事件拜拜的意思*/ #nprogress .bar { background: #24b727; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #24b727, 0 0 5px #24b727; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #24b727; border-left-color: #24b727; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*底部*/ .main_foot { width: 100%; background: #f4f4f4; overflow: hidden; padding-bottom: 20px; } .foot { width: 1200px; overflow: hidden; margin: 65px auto 40px auto; } .foot_logo { float: left; } .foot ul { float: left; text-align: left; line-height: 32px; color: #333; } .foot ul li { clear: both; } .foot ul h1 { font-size: 18px; color: #222; margin-bottom: 5px; } .foot ul.list2 h1 { color: #24b727; } .foot ul a { color: #333; } .foot ul a:hover { color: #24b727; } .foot ul.list1 { width: 120px; margin-left: 75px; height: 220px; } .foot ul.list2 { width: 215px; float: right; } .foot .list2 i { background: url(../images/icon.png) no-repeat; width: 17px; height: 17px; display: inline-block; margin: 0px 3px 0 10px; vertical-align: -2px; } .foot .list2 i.qq { background-position: -386px -29px; } .foot .list2 .jiaotan { color: #24b727; } .foot .list2 .jiaotan:hover { text-decoration: underline; } .foot_bottom { color: #333; text-align: center; clear: both; width: 100%; margin: 0 auto; overflow: hidden; } .foot_bottom a i { background: url(../images/icon.png) no-repeat; width: 23px; height: 19px; display: inline-block; margin: 5px; } .foot_bottom a i.weibo { background-position: -409px 0; } .foot_bottom a i.weixin { background-position: -423px -121px; } .foot_bottom a i.dri { background-position: -409px -29px; } .foot_bottom a i.blog { background-position: -409px -58px; } .foot_bottom a i.cool { background-position: -409px -88px; } .foot_bottom a i.fang { width: 15px; background-position: -444px -30px; } .foot_bottom a i.dou { width: 16px; background-position: -444px -57px; } .foot_bottom a i.lofter { background-position: -490px -30px; } /* .foot_bottom a:hover i.weibo {background-position: -360px 0;} .foot_bottom a:hover i.weixin {background-position: -398px -121px;} .foot_bottom a:hover i.dri {background-position: -360px -29px;} .foot_bottom a:hover i.blog {background-position: -360px -58px;} .foot_bottom a:hover i.cool {background-position: -360px -88px;} .foot_bottom a:hover i.fang {background-position: -468px -30px;} .foot_bottom a:hover i.dou {background-position: -467px -57px;} */ @media screen and (max-width:1200px) { .foot { width: 1000px; } .foot ul.list1 { width: 120px; margin-left: 30px; } } @media screen and (max-width:1000px) { .foot { width: 100%; margin: 25px auto 40px auto } .foot_logo { float: none; margin: 0 auto 20px auto; display: none; } .foot ul.list1 { width: 120px; margin-left: 10px; } } @media screen and (max-width:760px) { .foot { width: 100%; } .foot ul h1 { margin-bottom: 3px; } .foot ul.list1 { width: 19%; margin: 0 3%; } .foot ul.list2 { width: 93%; margin: 0 auto; float: none; } } @media screen and (max-width:470px) { .foot ul { line-height: 28px; } .foot { margin: 25px auto 30px auto; } .foot ul.list1 { width: 42%; margin: 0 3%; height: 190px; text-align: center; } .foot ul.list2 { width: 90%; margin: 0 auto; float: none; text-align: center; } } .theme-mask { z-index: 10000; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; display: none; } .popover1 { width: 360px; height: 400px; z-index: 100001; position: fixed; top: 50%; left: 50%; background: #fff; margin: -200px 0 0 -180px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center; } .popover1 dl { margin-top: 60px; font-size: 14px; color: #333; line-height: 40px; } .popover1 dl a { width: 110px; height: 40px; background: #24b728; color: #fff; display: inline-block; border-radius: 2px; font-size: 14px; } .pagess { clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size: 12px } .pagess ul { margin: 0 auto; display: inline-block; } .pagess li { padding: 0 13px; line-height: 36px; display: inline-block; font-size: 14px; border: 1px solid #ddd; margin-left: -1px; float: left; background-color: #FFF; cursor: pointer; } .pagess li.thisclass, .pagess ul li.thisclass a, .pagess ul li.thisclass a:hover { color: #fff !important; background-color: #24b727; }