Mercurial > hgrepos > hgweb.cgi > skipweb

changeset 3809:2db0500485d6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
changed main.css(changed h2, footer)
author Fumiya SATO <c116092@h.koeki-u.ac.jp>
date Fri, 01 Feb 2019 16:09:13 +0900
parents 7be6974e2af4
children 46651a43f3a7
files css/main.css
diffstat 1 files changed, 64 insertions(+), 14 deletions(-) [+]
line wrap: on
line diff
--- a/css/main.css	Fri Feb 01 15:20:00 2019 +0900
+++ b/css/main.css	Fri Feb 01 16:09:13 2019 +0900
@@ -1,11 +1,16 @@
 /* SKIP - Shonai Koeki Information Project - main style sheet */
 
+/* body */
+
 body{
     margin:0;
     padding:0;
     background-color:#FFFFCC;
 }
 
+
+/* header */
+
 header{
 	padding-top: 50px;
 	text-align: center;
@@ -16,9 +21,8 @@
 	width: 100%;
 }
 
-/*.nav-box{
-	background-color:#FFFFCC;
-  }*/
+
+/* nav */
 
 nav{
   border-top: 2px solid orange;
@@ -53,26 +57,53 @@
   border-bottom: 0 solid #F8E750;
 }
 
+
+/* section contents */
 .contents{
 	margin: 0 2em;
 }
 
+
+/* h2 */
+
 h2 {
-     padding: .5em .75em;
-     background-color: #d3e6a8;
-     border-left: 8px solid #0a6641;
+  position: relative;
+  padding-left: 25px;
 }
 
+h2:before {
+  position: absolute;
+  content: '';
+  bottom: -3px;
+  left: 0;
+  width: 0;
+  height: 0;
+  border: none;
+  border-left: solid 15px transparent;
+  border-bottom: solid 15px rgb(119, 195, 223);
+}
+
+h2:after {
+  position: absolute;
+  content: '';
+  bottom: -3px;
+  left: 10px;
+  width: 100%;
+  border-bottom: solid 3px rgb(119, 195, 223);
+}
+
+/* section explanation */
+
 .explanation {
-	 background: #fff;
-	 border: 5px double #0a6641;
-	 margin: 20px 50px; padding: 10px 5px;
+    background: #fff;
+    border: 5px double #0a6641;
+    margin: 20px 50px; padding: 10px 5px;
 }
 
 p.mimg {
-  float: left;
-  margin-right: 2px;
-  margin-bottom: 1px;
+    float: left;
+    margin-right: 2px;
+    margin-bottom: 1px;
 }
 
 a.tlink{
@@ -81,9 +112,13 @@
     color: black;
 }
 
+
+
+/* footer */
+
 footer{
-	font-size: 80%;
-	width: 100%;
+    font-size: 80%;
+    width: 100%;
     text-align: center;
     padding-top: 10px;
     padding-bottom: 10px;
@@ -95,3 +130,18 @@
 	/*letter-spacing: 5px;*/
 	/*font-style: normal;*/
 }
+
+
+/*footerを最下部にする*/
+
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.wapper {
+  flex: 1;
+}

yatex.org