Skip to content

Y
yybyyhtml
Commit b91c3a3a authored by “wpwuhaogit config --global user.email“wpwuhao@semir.com's avatar “wpwuhaogit config --global user.email“wpwuhao@semir.com
Browse files
Options

fixed

parent 0c2ed7a1
Hide whitespace changes
Inline Side-by-side
Showing with 15 additions and 7 deletions
css/custom.css
View file @ b91c3a3a
...@@ -71,7 +71,7 @@ a:hover{color: #1575db; text-decoration: none;} ...@@ -71,7 +71,7 @@ a:hover{color: #1575db; text-decoration: none;}
.header .logo{ display: block; height: 80px; padding-top: 10px; text-align: left;} .header .logo{ display: block; height: 80px; padding-top: 10px; text-align: left;}
.header .logo img{ height: 60px;} .header .logo img{ height: 60px;}
.header .headerLink{ text-align: right;} .header .headerLink{ text-align: right;}
.header .headerLink .button{background-color: #fff; color: #1887fd; border-color: #fff;} .header .headerLink .button{background-color: #fff; color: #1887fd; border-color: #fff; vertical-align: middle;}
.header .headerLink .button:hover, .header .headerLink .button.signin:hover{background-color: #1575db; border-color: #1575db; color: #fff;} .header .headerLink .button:hover, .header .headerLink .button.signin:hover{background-color: #1575db; border-color: #1575db; color: #fff;}
.header .headerLink .button.signin{ margin-left: 10px; background-color:transparent; color: #fff;} .header .headerLink .button.signin{ margin-left: 10px; background-color:transparent; color: #fff;}
...@@ -84,9 +84,10 @@ a:hover{color: #1575db; text-decoration: none;} ...@@ -84,9 +84,10 @@ a:hover{color: #1575db; text-decoration: none;}
.innerPage .header .headerLink .innerButton{ padding: 5px 15px; font-size: 16px; letter-spacing: 0; line-height: 30px; display: inline-block; margin-left: 10px;} .innerPage .header .headerLink .innerButton{ padding: 5px 15px; font-size: 16px; letter-spacing: 0; line-height: 30px; display: inline-block; margin-left: 10px;}
.innerPage .header .headerLink .userName{padding: 5px 35px 5px 15px; font-size: 16px; line-height: 30px; color: #fff; display: inline-block; border: 2px solid #1575db; background-color: #1575db; margin-left: 10px; border-radius: 30px 0 0 30px;}
.innerPage .header .headerLink .userName + .innerButton{ margin-left: -30px; } .header .headerLink .userName{padding: 5px 35px 5px 15px; font-size: 16px; line-height: 30px; color: #fff; display: inline-block; border: 2px solid #1575db; background-color: #1575db; margin-left: 10px; border-radius: 30px 0 0 30px;max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.innerPage .header .headerLink .userName+.innerButton:hover{ border-left-color: #4295eb} .header .headerLink .userName + .innerButton{ margin-left: -30px; }
.header .headerLink .userName+.innerButton:hover{ border-left-color: #4295eb}
.form-stack{ position: relative; display: inline-block; float: left;} .form-stack{ position: relative; display: inline-block; float: left;}
.card-radio {position:relative; display: inline-block; border: 2px solid #fff; width: 150px; text-align: center; color: #c7e2fe; line-height: 30px; box-sizing: border-box; float: left; cursor: pointer; margin-bottom: 0; margin-left: -2px; border-radius: 30px; font-size: 16px; padding:5px 15px; font-weight: normal; background-color: #1887fd; } .card-radio {position:relative; display: inline-block; border: 2px solid #fff; width: 150px; text-align: center; color: #c7e2fe; line-height: 30px; box-sizing: border-box; float: left; cursor: pointer; margin-bottom: 0; margin-left: -2px; border-radius: 30px; font-size: 16px; padding:5px 15px; font-weight: normal; background-color: #1887fd; }
...@@ -363,6 +364,9 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -363,6 +364,9 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.card-radio{width: 100px; padding: 5px; font-size: 14px;} .card-radio{width: 100px; padding: 5px; font-size: 14px;}
.leftmenu ~ .content-box .data-group.data-type li{width: 100%;} .leftmenu ~ .content-box .data-group.data-type li{width: 100%;}
.header .headerLink .userName{padding-right: 15px; margin-left: 5px;}
.header .headerLink .userName + .innerButton{ margin-left: -18px;}
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.aside-menu, .hot-words{ display: none;} .aside-menu, .hot-words{ display: none;}
...@@ -374,7 +378,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight: ...@@ -374,7 +378,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
.header .headerLink .mobileIcon{ font-size: 24px; width:40px; height:40px; text-align:center; color: #fff; border: 0; position: relative; background: none; padding: 0; border-radius: 0;} .header .headerLink .mobileIcon{ font-size: 24px; width:40px; height:40px; text-align:center; color: #fff; border: 0; position: relative; background: none; padding: 0; border-radius: 0;}
.header .headerLink .mobileIcon:hover{background: none;} .header .headerLink .mobileIcon:hover{background: none;}
.innerPage .header .headerLink .innerButton, .innerPage .header .headerLink .userName{ display: none;} .innerPage .header .headerLink .innerButton{ display: none;}
.header .headerLink .userName{ display: none;}
.form-stack{width: 120px; position: absolute;right: 70px; top: 8px;} .form-stack{width: 120px; position: absolute;right: 70px; top: 8px;}
.form-stack .card-radio{width: 50%;} .form-stack .card-radio{width: 50%;}
......
layout/header.php
View file @ b91c3a3a
...@@ -58,8 +58,11 @@ ...@@ -58,8 +58,11 @@
<a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a> <a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
<div class="headerLink"> <div class="headerLink">
<a class="button login xs-hidden" href="#modalLogin" data-toggle="modal">登录</a> <a class="button login xs-hidden" href="#modalLogin" data-toggle="modal">登录</a>
<a href="register.php" class="button signin xs-hidden"">注册</a> <!-- <a href="register.php" class="button signin xs-hidden"">注册</a> -->
<!-- <a href="javascript:void(0);" class="button login xs-hidden"">退出登录</a> --> <!-- <a href="javascript:void(0);" class="button login xs-hidden"">退出登录</a> -->
<span class="userName xs-hidden" title="刘XX刘XX刘XX刘XX刘XX">刘XX刘XX刘XX刘XX刘XX</span>
<a href="javascript:void(0);" class="button innerButton xs-hidden"">注销</a>
<a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a> <a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a>
<!--手机版--> <!--手机版-->
<nav class="mobilemenu" id="mobilemenu"> <nav class="mobilemenu" id="mobilemenu">
......
layout/innerHeader.php
View file @ b91c3a3a
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<a href="javascript:void(0);" class="button innerButton xs-hidden">实验室管理系统</a> <a href="javascript:void(0);" class="button innerButton xs-hidden">实验室管理系统</a>
<a href="javascript:void(0);" class="button innerButton xs-hidden"">试剂商城</a> <a href="javascript:void(0);" class="button innerButton xs-hidden"">试剂商城</a>
<span class="userName xs-hidden"">刘XX</span> <span class="userName xs-hidden" title="刘XX">刘XX</span>
<a href="javascript:void(0);" class="button innerButton xs-hidden"">注销</a> <a href="javascript:void(0);" class="button innerButton xs-hidden"">注销</a>
<a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a> <a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment