[FE][창수] :: main, header, board css 작업

KnS-hacks · Nov 19, 2021 · c5db85a · c5db85a
2 parents 59f7cca + 9f92519
commit c5db85a
Show file tree

Hide file tree

Showing 29 changed files with 853 additions and 412 deletions.
diff --git a/account/static/css/header.css b/account/static/css/header.css
@@ -43,7 +43,7 @@
 .navbar_icons{
     padding-left: 0px;
     list-style: none;
-    color: white;
+    color: black;
     display: flex;
 }
 .navbar_icons li a img{
@@ -57,6 +57,7 @@ body{
 
 a{
     text-decoration: none;          /*a태그의 밑줄 제거*/
+    color : black;
 }
 
 
diff --git a/account/static/css/login.css b/account/static/css/login.css
@@ -81,7 +81,15 @@ body {
     height: 662px;
     padding: 10px;
 }
-
+.LoginLayout .LoginCenter  .logo{
+
+
+
+}
+.LoginLayout .LoginCenter  .logo img{
+    height: 100px;
+
+}
 .logo {
     height: 120px;
     font-family: 'Monospace', sans-serif;
@@ -176,14 +184,15 @@ body {
     border-radius: 50px;
     height: 60px;
     font-size: var(—-fonit20);
-    background-color: var(-—maincolor);
     margin-top: 40px;
+    background-color: #CDF0FF; !important
 }
-#button{
+.sureLogin #button{
     font-size: var(—-fonit20);
-    background-color: var(—-maincolor);
+    background-color: #CDF0FF;
     border:none;
-    width: 100%;
+    width: 612px;
+    border-radius: 50px;
     height: 60px;
     font-family: 'IM_Hyemin-Bold';
 }

diff --git a/account/static/css/start.css b/account/static/css/start.css
diff --git a/account/templates/login.html b/account/templates/login.html
@@ -11,20 +11,18 @@
     <body>
     <div class="containnerLayout">
 
-          <div class="cloud1" >
-        <img src="/img/cloud%201.svg" alt="cloud2">
-    </div>
-    <div class="cloud2">
-        <img src="/img/cloud%202.svg" alt="cloud2">
-    </div>
+
+
 
 
     <div class="upLayout"></div>
     <div class="LMarginLayout"></div>
 
     <div class="LoginLayout">
             <div class="LoginCenter">
-                <div class="logo">학연</div>
+                <div class="logo">
+                    <img src = "{% static 'img/logo.png' %}" alt ="logo">
+                </div>
                 <div class="membership">로그인</div>
 
 

diff --git a/school/static/css/header.css b/school/static/css/header.css
@@ -18,6 +18,10 @@
     width: 75rem;
     margin: 40px auto 0 auto;
     height: 50px;
+    color: black;
+}
+.navbar_menu_item a{
+    color: black !important;
 }
 .navbar_menu_item a:visited{
     color: black;
@@ -43,9 +47,10 @@
 .navbar_icons{
     padding-left: 0px;
     list-style: none;
-    color: white;
+    color: black;
     display: flex;
 }
+
 .navbar_icons li a img{
     margin: 0 0.5vw 0 0.5vw;
 }
@@ -57,6 +62,7 @@ body{
 
 a{
     text-decoration: none;          /*a태그의 밑줄 제거*/
+    color: black;
 }
 
 
diff --git a/school/static/css/home.css b/school/static/css/home.css
@@ -0,0 +1,153 @@
+@font-face {
+    font-family: 'IM_Hyemin-Bold';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/IM_Hyemin-Bold.woff2') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+html{
+height: 100vh;
+width: 100vw;
+overflow: auto;
+}
+:root{
+--maincolor: #CDF0FF;  /*메인 색상*/
+--font50: 50px; /*메인 폰트 사이즈*/
+--font30:30px;
+--font15: 15px;
+--fonit20:20px;
+--font40:40px;
+
+}
+
+.containner {
+  display: grid;
+  grid-template-areas:
+                     'marginL  header      marginR'
+                     'marginL  boardnav    marginR'
+                     'marginL  main        marginR'
+                     'marginL  undermargin marginR';
+
+  grid-template-columns: 1fr 1200px 1fr; /*세로 좌:300px고정 가운데 1fr: 유동식 우 300px 고정*/
+  grid-template-rows: 90px 160px 1fr 140px; /*가로 */
+}
+.containner div {
+display: grid;
+
+}
+
+.header {
+grid-area: header;
+}
+
+.marginL {
+grid-area: marginL;
+}
+
+.main {
+grid-area: main;
+}
+
+.marginR {
+grid-area: marginR;
+height: 100vh;
+}
+
+.undermargin {
+grid-area: undermargin;
+}
+
+.navbr {
+justify-items: center;
+align-items: center;
+width: 100%;
+}
+.boardnav {   /*아직 안정함*/
+grid-area: boardnav;
+background-color: var(--maincolor);
+border-radius: 10px;
+padding: 8px;
+margin-bottom: 20px;
+height: 160px;
+}
+
+.middleboard{
+padding: 8px;
+background-color: white;
+
+}
+.mainboard{
+border-radius: 30px;
+background-color: var(--maincolor);
+}
+
+
+
+.boardcontainner > .title{
+    margin: 2vh 0 10px 1vh;
+    font-size: var(--fonit20);
+
+}
+.boardcontainner > .mainstory{
+border: 1px solid black ;
+position: relative;
+height: 6vh;
+border-radius: 10px;
+background-color: white;
+margin: 0 1vw 1vh 1vw;
+}
+
+.nextnav{
+display: flex;
+justify-content: center;
+}
+.nextnav span{
+margin: 0 1vw 0 1vw;
+}
+.content{
+font-family: 'IM_Hyemin-Bold';
+
+display:flex;
+align-items: center;
+justify-content: center;
+margin: 0 20px 0 20px;
+}
+
+.content a{
+margin: 0 3vw 0 3vw;
+border-left:  solid white 2px;
+border-right:  solid white 2px;
+padding: 10px;
+}
+
+
+
+.bulletin_board_table{
+width: 100%;
+height: 150vh;
+margin-top: 15vh;
+}
+.bulletin_board_table th{
+    height: 1vh;
+    border-color: black;
+
+}
+td{
+
+}
+
+.first_row{
+border :3px solid black;
+}
+
+.table_row_margin{
+height: 16vh;
+background-color: white;
+}
+.table_column_margin{
+width: 8vw;
+background-color: white;
+}
+td.content_board{
+
+}
+
diff --git a/school/static/css/start.css b/school/static/css/start.css
@@ -4,14 +4,13 @@
         font-weight: normal;
         font-style: normal;
     }
-html{
-}
 
 body{
-    background-color: #CDF0FF;
-    height: 100vh;
-    margin: 0%;
-}
+        background-color: #CDF0FF;
+        height: 100vh;
+        margin:0%
+    }
+
 #main{
     position: absolute;
     height: 100%;

diff --git a/school/static/img/alarm.png b/school/static/img/alarm.png
diff --git a/school/static/img/logout.png b/school/static/img/logout.png
diff --git a/school/static/img/profile.png b/school/static/img/profile.png