前端界面大改符合本世紀初的特色
parent
a014838bb3
commit
af1ee04e35
|
|
@ -29,11 +29,11 @@
|
|||
bottom: auto;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
width: 1280px;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
z-index: 0;
|
||||
padding: 24px 0px 0px 0px;
|
||||
background: #0b58a2;
|
||||
background: #20375f;
|
||||
border: 1px solid rgb(187, 187, 187);
|
||||
overflow: auto;
|
||||
display: block;
|
||||
|
|
@ -58,41 +58,34 @@
|
|||
display: block;
|
||||
position:absolute;
|
||||
left:50%;
|
||||
margin-left: -640px;
|
||||
top:74px;
|
||||
width:1280px;
|
||||
height: 860px;
|
||||
margin-top: 3px;
|
||||
margin-left: -50%;
|
||||
top:104px;
|
||||
width:100%;
|
||||
height:auto!important;
|
||||
min-height:600px;
|
||||
}
|
||||
#footer{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
background: #FFFDFF;
|
||||
left:50%;
|
||||
top: 940px;
|
||||
margin-left: -400px;
|
||||
width: 800px;
|
||||
left:35%;
|
||||
height: 50px;
|
||||
}
|
||||
#container #left{
|
||||
border: #0b93d5 solid 1px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
width:240px;
|
||||
height: 860px;
|
||||
background: #0b58a2;
|
||||
width: 14%;
|
||||
height: auto;
|
||||
background: #d9d6cb;
|
||||
}
|
||||
|
||||
#container #right{
|
||||
vertical-align:top;
|
||||
top: 0px;
|
||||
display: inline-block;
|
||||
width: 1024px;
|
||||
height: 860px;
|
||||
width: 85%;
|
||||
height: auto;
|
||||
float: top;
|
||||
border: #0b93d5 solid 1px;
|
||||
border-radius: 1px;
|
||||
}
|
||||
ul li a{
|
||||
color: white;
|
||||
|
|
@ -134,7 +127,7 @@ ul li a{
|
|||
<div id="right" style="overflow:hidden">
|
||||
{% if index == true %}
|
||||
{% for doc in docs %}
|
||||
<div style="width: 1024px; height: 160px; border-bottom: #0b58a2 solid 2px ;margin: 5px 5px 5px 0px; overflow:hidden;padding-bottom: 4px;">
|
||||
<div style="width: 100%; height: 160px; margin: 5px 5px 5px 0px; overflow:hidden;padding-bottom: 4px;">
|
||||
<div class="title" style="font-size: 12px;font-weight: bold">
|
||||
<p style="display: inline;margin-left: 5px;">2019-08-04 </p>
|
||||
{% if debug == true %}
|
||||
|
|
@ -152,13 +145,13 @@ ul li a{
|
|||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if article == true %}
|
||||
<div style="width: 1024px; height: 100%; border-bottom: #0b58a2 solid 1px ;margin: 5px 5px 5px 5px;">
|
||||
<p style="display: block;font-size: 16px;text-align: center;font-family: 黑体;">
|
||||
<div style="width: 100%; height: 100%; margin: 5px 5px 5px 5px;">
|
||||
<p style="display: block;font-size: 20px ; font-family: 宋体 bold ;text-align: center;font-family: 黑体;">
|
||||
<br>{{ title }}</br>
|
||||
</p>
|
||||
<div style="width: 1024px;height: 800px;
|
||||
display: block;font-size: 14px;text-align: left;
|
||||
font-family: 'Droid Sans Mono'; word-break: break-all; word-wrap:break-word;overflow-y: scroll">
|
||||
<div style="width: 100%;height: auto;
|
||||
display: block;font-size: 16px;text-align: left;
|
||||
word-break: break-all; word-wrap:break-word;">
|
||||
{{ content | raw}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -168,6 +161,11 @@ ul li a{
|
|||
style="width: 300px;height: 420px;margin-left: 25%;">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div id="footer">
|
||||
<p style="font-size: 5px;margin: auto;width: 250px;text-align: center">个人网站,备案号: 闽ICP备19002644号-1</p>
|
||||
<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">testingcloud.club</p>
|
||||
<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">联系方式290198252@qq.com</p>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" async>
|
||||
setTimeout( function(){
|
||||
|
|
@ -177,9 +175,5 @@ ul li a{
|
|||
console.log({{type}});
|
||||
},400);
|
||||
</script>
|
||||
<div id="footer">
|
||||
<p style="font-size: 5px;margin: auto;width: 250px;text-align: center">个人网站,备案号: 闽ICP备19002644号-1</p>
|
||||
<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">testingcloud.club</p>
|
||||
<p style="font-size: 5px;margin: auto;width: 150px;text-align: center">联系方式290198252@qq.com</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,60 +1,70 @@
|
|||
|
||||
.navMenuBox {
|
||||
overflow: hidden;
|
||||
background: #eee;
|
||||
color: lightgrey;
|
||||
|
||||
}
|
||||
ul.navMenu{
|
||||
overflow: hidden;
|
||||
padding-left: 0px;
|
||||
background: #eee;
|
||||
}
|
||||
/*去掉默认样式*/
|
||||
.navMenuBox ul,
|
||||
.navMenuBox li {
|
||||
width: 240px;
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 2px;
|
||||
margin-top: 2px;
|
||||
overflow: hidden;
|
||||
color: lightgrey;
|
||||
line-height: 50px;
|
||||
|
||||
}
|
||||
|
||||
.navMenu>li>a {
|
||||
text-align: center;
|
||||
display: block;
|
||||
line-height: 40px;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
border-top: 1px solid #222932;
|
||||
color: lightgrey;
|
||||
font: bold 16px "宋体" ;
|
||||
background: #0a0a0a;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.navMenu>li.active>a,
|
||||
.navMenu>li>a:hover,
|
||||
.subMenu>li.active>a,
|
||||
.subMenu>li>a:hover {
|
||||
color: #f5f8f9;
|
||||
color: #0b3e6f;
|
||||
|
||||
cursor:default;
|
||||
width: 240px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.subMenu>li>a {
|
||||
text-align: center;
|
||||
display: block;
|
||||
line-height: 36px;
|
||||
font-size: 13px;
|
||||
line-height: 30px;
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #0a0a0a;
|
||||
font-size: 16px;
|
||||
font-family: "宋体";
|
||||
}
|
||||
|
||||
ul.subMenu {
|
||||
margin-top: 8px;
|
||||
padding-bottom: 5px;
|
||||
width: 240px;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.subMenu>li>a {
|
||||
padding-left: 0px;
|
||||
padding-right: 30px;
|
||||
width: 240px;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
a #arrow{
|
||||
|
|
@ -62,7 +72,7 @@ a #arrow{
|
|||
float: right;
|
||||
margin-right: 15px;
|
||||
font-size: 25px;
|
||||
line-height: 40px;
|
||||
line-height: 60px;
|
||||
font-weight: 300;
|
||||
text-shadow: none;
|
||||
width: 200px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue