Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 3809:2db0500485d6
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; +}