修改样式

resources/app/public/css/browser.css

@@ -281,6 +281,7 @@ button:active:after {
 
 #FavoritesUl {
     overflow: hidden;
+    z-index: 99999999;
 }
 
 
@@ -688,119 +689,173 @@ webview object {
 
 /* 历史记录样式 */
 
-.HistoryMain {
+.HistoryMain{
     width: 100%;
     height: 100%;
 }
-
-.HistoryMain * {
+.HistoryMain *{
     box-sizing: border-box;
 }
-
-.HistoryHead {
+.HistoryHead{
     width: 100%;
     height: 55px;
     background: #0b7aeb;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
+    -moz-user-select:none;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -khtml-user-select:none;
+    user-select:none;
+}
+input::-webkit-input-placeholder {
+    /* WebKit browsers */
+    color: #fff;
 }
-
-.HistoryHead p {
+input:-moz-placeholder {
+    /* Mozilla Firefox 4 to 18 */
+    color: #fff;
+}
+input::-moz-placeholder {
+    /* Mozilla Firefox 19+ */
+    color: #fff;
+}
+input::-ms-input-placeholder {
+    /* Internet Explorer 10+ */
+    color: #fff;
+}
+.HistorySelect{
+    width: 500px;
+    height: 100%;
+    margin: auto;
+}
+.HistorySelect div {
+    width: 450px;
+    height: 45px;
+    background: #0062ea;
+    position: relative;
+    top: 5px;
+    margin: auto;
+}
+.HistorySelect input {
+    border: 0px;
+    background: #0062ea;
+    width: 400px;
+    height: 35px;
+    position: relative;
+    top: 5px;
+    color: #ffffff;
+    margin-left: 20px;
+    outline: none;
+    z-index: 99999;
+}
+.browerHeaderControler {
+    position: relative;
+}
+.HistoryHead p{
+    float: left;
     font-size: 18px;
     color: #fff;
     line-height: 55px;
     padding-left: 15px;
 }
-
 .HistoryContainer {
     padding: 0px 100px 20px;
-    overflow-y: auto;
-    height: 545px;
+    height: 866px;
     background: #eee;
+    overflow: auto;
+    width: 1200px;
+    float: right;
 }
-
-.HistoryCard {
+.Historyoperating{
+    height: 866px;
+    background: #eee;
+    overflow: auto;
+    width: 240px;
+    float: left;
+}
+.Historyoperating ul {
+    margin: 40px 00px;
+}
+.Historyoperating ul li {
+    width: auto;
+    transition: all .3s;
+    height: 40px;
+    line-height: 40px;
+    padding: 0px 20px;
+    cursor: pointer;
+}
+.Historyoperating ul li:hover {
+    background: #dfdfdf;
+}
+.HistoryCard{
     width: 100%;
     background: #fff;
-    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
-    margin-bottom: 20px;
+    /*box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);*/
+    margin-top: 20px;
+    box-shadow: 0px 1px 1px 1px #c7c7c7;
+    border-radius: 4px;
 }
-
-.HistoryCardContainer {
+.HistoryCardContainer{
     width: 100%;
 }
-
-.HistoryCardContainer li {
+.HistoryCardContainer li{
     width: 100%;
     height: 35px;
     line-height: 25px;
     margin-bottom: 2px;
     padding: 5px;
 }
-
-.HistoryCardContainer li:hover {
+.HistoryCardContainer li:hover{
     background: #eee;
     cursor: pointer;
 }
-
-.HistoryCardContainer li * {
+.HistoryCardContainer li *{
     float: left;
 }
-
-.HistoryCardContainer li span {
-    width: 100px;
+.HistoryCardContainer li span{
+    width: 80px;
     font-size: 12px;
     color: #7f7e7e;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
+    -moz-user-select:none;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -khtml-user-select:none;
+    user-select:none;
 }
-
-.HistoryCardContainer li div {
+.HistoryCardContainer li div{
     width: calc(100% - 100px);
     height: 100%;
     font-size: 13px;
 }
-
-.HistoryCardContainer li img {
+.HistoryCardContainer li img{
     width: 15px;
     margin: 5px;
 }
-
-.HistoryCardContainer li p {
+.HistoryCardContainer li p{
     height: 25px;
-    width: calc(100% - 30px);
+    width: 200px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-
-.HistoryCardHead {
+.HistoryCardHead{
     width: 100%;
     font-weight: bold;
     font-size: 18px;
     padding: 5px;
     border-bottom: 1px solid #eee;
     line-height: 40px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
+    -moz-user-select:none;
+    -webkit-user-select:none;
+    -ms-user-select:none;
+    -khtml-user-select:none;
+    user-select:none;
 }
-
 .history_body span {
     padding-right: 20px;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 180px;
 }
-
 .history_body p {
     width: 270px;
     height: 20px;
@@ -808,7 +863,6 @@ webview object {
     overflow: hidden;
     text-overflow: ellipsis;
 }
-
 .history_body {
     display: inline-flex;
     margin-bottom: 10px;
@@ -895,6 +949,61 @@ webview object {
     overflow: hidden;
 }
 
+.HistoryBottom {
+    width: 100%;
+    height: 55px;
+    transition: all .3s;
+    position: fixed;
+    background: #0b7aeb;
+    bottom: -55px;
+}
+.HistoryBottomContent{
+    width: 700px;
+    height: auto;
+    margin: auto;
+    color: #ffffff;
+}
+.Historycount{
+    width: auto;
+    float: left;
+    padding: 16px;
+    font-size: 17px;
+    z-index: 100;
+}
+.HistoryPick{
+    width: auto;
+    float: right;
+}
+.HistoryPick div {
+    float: left;
+    padding: 16px;
+    font-size: 17px;
+    z-index: 100;
+    cursor: pointer;
+}
+#qingchu > div {
+    width: 35px;
+    height: 20px;
+    font-size: 12px;
+    float: right;
+    text-align: center;
+    line-height: 20px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px 5px 5px;
+    transition: all .3s;
+    opacity: 0;
+    cursor: pointer;
+}
+.item {
+    /*z-index: 9999;*/
+}
+.Historyinput{
+    margin-top: 7px;
+    -webkit-app-region: no-drag;
+    margin-right: 4px;
+}
+
 
 /*加载提示*/