forked from Gitlink/forgeplus-react
Change Header
This commit is contained in:
parent
6c4c161a1b
commit
0790abb6f9
|
|
@ -3948,12 +3948,18 @@ html>body #ajax-indicator {
|
|||
.head-nav {
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 0 70px;
|
||||
/* text-align: center;
|
||||
height: 60px;
|
||||
box-sizing: border-box;
|
||||
min-width: 780px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
flex: 1; */
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav {
|
||||
|
|
@ -3968,34 +3974,46 @@ html>body #ajax-indicator {
|
|||
float: left;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
margin-right: 30px;
|
||||
padding: 0 24px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li.active a, .head-nav ul#header-nav li:hover a{
|
||||
color: #1484ef;
|
||||
}
|
||||
.head-nav ul#header-nav li.active a:after{
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: #1484ef;
|
||||
left: 0;
|
||||
bottom: 12px;
|
||||
position: absolute;
|
||||
}
|
||||
.head-nav ul#header-nav li a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
color: #333333;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li a:hover {
|
||||
/* .head-nav ul#header-nav li a:hover {
|
||||
color: #5091FF;
|
||||
}
|
||||
} */
|
||||
|
||||
.head-nav ul#header-nav li:last-child {
|
||||
margin-right: 0px
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li.active a:first-child {
|
||||
color: #459be5 !important;
|
||||
color: #1484ef !important;
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li.active p {
|
||||
color: #459be5 !important;
|
||||
color: #1484ef !important;
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li p:hover {
|
||||
|
|
@ -4025,7 +4043,7 @@ html>body #ajax-indicator {
|
|||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.head-nav ul#header-nav li.active:after {
|
||||
/* .head-nav ul#header-nav li.active:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
|
|
@ -4035,7 +4053,7 @@ html>body #ajax-indicator {
|
|||
height: 2px;
|
||||
width: 32px;
|
||||
background-color: #459be5;
|
||||
}
|
||||
} */
|
||||
|
||||
.head-right {
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -22,16 +22,29 @@ body>.-task-title {
|
|||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.newHeaders{
|
||||
max-width: unset;
|
||||
background: #24292d;
|
||||
.newHeader{
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height:60px;
|
||||
height: 60px;
|
||||
min-width: 1200px;
|
||||
z-index: 1000;
|
||||
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
|
||||
background:rgba(255,255,255,1);
|
||||
box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
-webkit-box-shadow: 0 0 12px rgba(0,0,0,.1);
|
||||
box-shadow: 0 0 12px rgba(0,0,0,.1);
|
||||
}
|
||||
.head-navnew{
|
||||
width:97%;
|
||||
display: flex;
|
||||
}
|
||||
.newHeader .logoimg {
|
||||
margin-top: 12px;
|
||||
float: left;
|
||||
width: 48px;
|
||||
}
|
||||
.headerLeft{
|
||||
flex: 1 1;
|
||||
}
|
||||
.headerContent{
|
||||
width:1200px;
|
||||
|
|
@ -59,11 +72,11 @@ body>.-task-title {
|
|||
background-color: #fff;
|
||||
}
|
||||
/*Header START*/
|
||||
.newHeader .logoimg {
|
||||
/* .newHeader .logoimg {
|
||||
margin-top: 16px;
|
||||
float: left;
|
||||
width: 97px;
|
||||
}
|
||||
} */
|
||||
|
||||
.headIcon,
|
||||
#header_keyword_search {
|
||||
|
|
@ -131,10 +144,10 @@ body>.-task-title {
|
|||
color: #000 !important;
|
||||
}
|
||||
|
||||
.newHeader {
|
||||
/* .newHeader {
|
||||
background: #24292D !important;
|
||||
height: 60px !important;
|
||||
}
|
||||
} */
|
||||
|
||||
/*-------------------个人主页：右侧提示区域--------------------------*/
|
||||
.-task-sidebar {
|
||||
|
|
@ -305,11 +318,11 @@ body>.-task-title {
|
|||
margin-left: 18%;
|
||||
}
|
||||
|
||||
.logoimg {
|
||||
/* .logoimg {
|
||||
float: left;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
} */
|
||||
|
||||
.headwith100b {
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,119 @@
|
|||
|
||||
.headerRight{
|
||||
float: right;
|
||||
}
|
||||
.head-navnew{
|
||||
width:97%;
|
||||
display: flex;
|
||||
}
|
||||
.iconSearch{
|
||||
color: #666 !important;
|
||||
margin-top: -13px !important;
|
||||
display: block;
|
||||
}
|
||||
.headerLeft{
|
||||
flex:1;
|
||||
}
|
||||
.headerRight{
|
||||
flex:0.8;
|
||||
width:200px;
|
||||
}
|
||||
.headerRightbox{
|
||||
width:100%;
|
||||
display:flex;
|
||||
}
|
||||
.radius{border-radius: 50%;}
|
||||
.posi-search{
|
||||
flex:8;
|
||||
margin-top:15px;
|
||||
}
|
||||
.headRightbox{
|
||||
display:flex;
|
||||
flex:4;
|
||||
}
|
||||
.headRightboxuse{
|
||||
display:flex;
|
||||
flex:2;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.headRightpan,.headRightwrite,.headRighthint{
|
||||
width: 48px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
.headRighthint-font{
|
||||
color:#666 !important;
|
||||
}
|
||||
.searchBox{
|
||||
float:right;
|
||||
}
|
||||
.newslight{
|
||||
left: 25px !important;
|
||||
top: 14px !important;
|
||||
color:#fff;
|
||||
min-height:18px;
|
||||
min-width: 18px;
|
||||
line-height:18px;
|
||||
padding:0px 3px;
|
||||
border-radius:50%;
|
||||
background:red;
|
||||
position:absolute;
|
||||
font-size:12px
|
||||
}
|
||||
.isLogin{
|
||||
line-height:46px
|
||||
}
|
||||
.isLoginImg{
|
||||
margin-top: 7px !important;
|
||||
}
|
||||
.headerRight a {
|
||||
color: #1A3F5F;
|
||||
font-size: 14px;
|
||||
}
|
||||
.headerRight a:hover{
|
||||
color: #21B351 !important;
|
||||
}
|
||||
.headerRight i{
|
||||
font-size: 18px !important;
|
||||
margin-top: 17px;
|
||||
vertical-align: -4px;
|
||||
}
|
||||
.headIcon, #header_keyword_search {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
.search-all {
|
||||
width: 300px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
.edu-menu-list li{
|
||||
text-align:left;
|
||||
}
|
||||
.eduSearch{
|
||||
width:50px !important;
|
||||
height:26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.eduSearch:after {
|
||||
position: absolute;
|
||||
height: 10px;
|
||||
width: 1px;
|
||||
background-color: #EBEBEB;
|
||||
right: 0px;
|
||||
top: 9px;
|
||||
content: '';
|
||||
}
|
||||
.searchLabel{
|
||||
margin: 0px !important;
|
||||
vertical-align: 0px !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.search-input{
|
||||
width: 73% !important;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.newHeader .search-all .search-input {
|
||||
color: #000;
|
||||
}
|
||||
.border-Tgrey-eb{
|
||||
border-top: 1px solid #ebebeb;
|
||||
}
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
.newHeader {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
min-width: 1200px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 99;
|
||||
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
|
||||
box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
|
||||
}
|
||||
.educontent {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.head-nav {
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
box-sizing: border-box;
|
||||
width:100%;
|
||||
padding:0px 70px
|
||||
}
|
||||
.newHeader .logoimg {
|
||||
margin-top: 12px;
|
||||
float: left;
|
||||
width: 48px;
|
||||
}
|
||||
.headerLeft {
|
||||
-ms-flex: 1 1;
|
||||
flex: 1 1;
|
||||
}
|
||||
.head-nav ul#header-nav {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
z-index: 3;
|
||||
height: 60px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.head-nav ul#header-nav li {
|
||||
float: left;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
padding: 0px 24px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
.head-nav ul#header-nav li a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
color: #333;
|
||||
position: relative;
|
||||
}
|
||||
.head-nav ul#header-nav li:hover a, .head-nav ul#header-nav li.active a{
|
||||
color: #1484EF;
|
||||
}
|
||||
.head-nav ul#header-nav li.active a::after{
|
||||
content: "";
|
||||
width: 100%;
|
||||
height:2px;
|
||||
background-color: #1484EF;
|
||||
left:0px;
|
||||
bottom: 12px;
|
||||
position: absolute;
|
||||
}
|
||||
.headRightboxuse {
|
||||
-ms-flex: 2 1;
|
||||
flex: 2 1;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.headRightbox, .headRightboxuse {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.edu-menu-panel {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
.edu-menu-panel:hover .edu-menu-list{
|
||||
display: block;
|
||||
}
|
||||
ul.edu-menu-list li:hover{
|
||||
background: #fafafa !important;
|
||||
/* color: #1484EF !important */
|
||||
}
|
||||
ul.edu-menu-list li:hover > a{color: #1484EF !important;}
|
||||
|
||||
.headRighthint, .headRightpan, .headRightwrite {
|
||||
width: 48px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
.color-white {
|
||||
color: #ffffff!important;
|
||||
}
|
||||
em.vertical-line {
|
||||
display: inline-block;
|
||||
width: 2px;
|
||||
background: #999;
|
||||
height: 10px;
|
||||
}
|
||||
.edu-menu-list {
|
||||
position: absolute;
|
||||
padding: 5px 0px;
|
||||
box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
|
||||
display: none;
|
||||
width: 120px;
|
||||
background: #FFFFff;
|
||||
right: -5px;
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
color: #05101a;
|
||||
font-size: 14px;
|
||||
z-index: 100;
|
||||
}
|
||||
.edu-menu-list li {
|
||||
width: 100%;
|
||||
padding: 0px 15px;
|
||||
box-sizing: border-box;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.edu-menu-list li a, .edu-menuSmall-list li a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
color: #323232;
|
||||
text-align: center;
|
||||
}
|
||||
.currentName {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0px 15px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 16px;
|
||||
box-sizing: border-box;
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
}
|
||||
.border-Bgrey-eb {
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
.task-hide {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
Loading…
Reference in New Issue