wixon/wixon_blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

레이아웃/디자인 수정

Browse Source
This commit is contained in:
MOON JUNG WON
2023-09-20 15:33:54 +09:00
parent 5bf4890efa
commit 4783c44a30
3 changed files with 100 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
static/css/style.css
View File

@@ -58,38 +58,64 @@
/* header */
header{width:100%;max-width:1920px;margin:0 auto;height:220px;position:relative;}
.header__inner{
width:1620px;
width:1200px;
height:219px;
margin:0 auto;
border-bottom:1px solid #e7e6e7;
display:flex;
justify-content:space-between;
position:relative;
border-bottom:1px solid #e7e6e7;
}
h1{margin-top:70px;margin-left:200px;}
h1{margin-top:70px;}
.nav__div{
margin-right:245px;
margin-top:97px;
font-size:19px;
position:fixed;
right:0;
background:#fff;
width:28px;
height:100%;
padding:20px 20px 0 20px;
border-left:1px solid #901438;
font-size:16px;
letter-spacing:8.5px;
font-weight:100;
font-weight:300;
color:#901438;
cursor:default;
}
.nav__div .nav__title{padding-top:30px;writing-mode:vertical-lr;}
.nav__div .uk-icon{cursor:pointer;}
.login__section{position:absolute;width:100px;right:0;top:100px;text-align:right;}
/* toggle menu */
.menu__wrap{
position:fixed;
right:0;
background:#e7e6e7;
width:340px;
height:100%;
padding:3%;
z-index:1;
display:none;
}
.menu__box{background:#fff;height:88%;border-radius:20px;}
.menu__close{position:absolute;top:10px;right:10px;cursor:pointer;}
.menu__box ul{padding:8% 20%;}
.menu__box ul li{font-size:20px;text-align:center;padding:30px 0;border-bottom:1px solid #e7e6e7;}
.menu__box ul li:last-child{border-bottom:none;}
/* LOGIN */
.login__section{position:absolute;width:100px;left:0;top:10px;text-align:left;}
.login__section li{font-size:14px;}
.login_nav{display:none;}
/* main index */
.container{width:100%;max-width:1920px;margin:85px auto;}
.content{width:1200px;padding:0 210px;margin:0 auto;border-bottom:1px solid #e7e6e7;}
.content{width:72.12%;margin:0 auto;border-bottom:1px solid #e7e6e7;}
.content__inner{width:100%;}
.content__inner::after{content:"";display:block;clear:both;}
.post__lists0, .post__lists1, .new__div{float:left;}
.post__lists0, .post__lists1{width:400px;}
.post__lists0{padding-right:30px;}
.post__lists1{padding-right:50px;}
.new__div{width:320px;}
.post__lists0, .post__lists1{width:34%;}
.post__lists0{padding-right:3%;}
.post__lists1{padding-right:3%;}
.new__div{width:26%;}
.post__lists li{width:100%;height:auto;}
.post__lists li a{display:block;width:100%;height:100%;}
.lists__img{width:100%;height:auto;max-height:580px;overflow:hidden;}
@@ -162,18 +188,18 @@
/* footer */
footer{width:100%;height:430px;background-color:#100e11;}
.footer__inner{
width:1620px;
width:100%;
max-width:1200px;
margin:0 auto;
display:flex;
justify-content:space-between;
font-weight:600;
color:#777;
padding-left:30px;
}
.footer__tel{font-size:0.65em;letter-spacing:-0.25px;margin:0;padding-top:175px;}
footer address{display:block;font-size:0.65em;letter-spacing:-0.25px;margin:3px 0 0;}
.copywriter{font-size:0.65em;letter-spacing:-0.25px;text-transform:uppercase;margin:20px 0 15px;}
.footer__logo{padding-top:155px;padding-right:80px;}
.footer__logo{padding-top:155px;}
.slogan{font-size:0.65em;letter-spacing:1px;text-transform:uppercase;margin:15px 0 0;}
.footer__info ul{display:flex;}
.footer__info ul li:first-child{padding-top:25px;margin-right:75px;}
@@ -231,5 +257,6 @@
.btn__area .btn__delete{border:1px solid #f0506e;color:#f0506e;}
.btn__area .btn__edit{border:1px solid #4da7ca;color:#4da7ca;}
/* login */
.uk-form-stacked{width:30%;margin:0 auto;}
.login__btn{width:100%;}