Mercurial > hgrepos > hgweb.cgi > skipweb
view css/main.css @ 3812:f26697bf28c7
changed main.css(explanation design)
author | Fumichan <c116092@h.koeki-u.ac.jp> |
---|---|
date | Sat, 02 Feb 2019 12:48:06 +0900 |
parents | 2db0500485d6 |
children | 71785b6d57ac |
line wrap: on
line source
/* 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; margin: 0 auto; } header img{ width: 100%; } /* nav */ nav{ border-top: 2px solid orange; border-bottom: 2px solid orange; margin: 20px 0; } nav ul{ display: table; margin: 0 auto; padding: 0; width: 80%; text-align: center; } nav ul li{ display: table-cell; min-width: 150px; border-right: 2px solid orange; } nav ul li:first-child{ border-left: 2px solid orange; } nav ul li a{ display: block; width: 100%; padding: 10px 0; text-decoration: none; color: #000; font-size: large; } nav ul li a:hover{ background-color:#F8E750; border-bottom: 0 solid #F8E750; } /* section contents */ .contents{ margin: 0 2em; } /* h2 */ h2 { 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 #4cb; border-radius: 10px; padding: 0.5em 1em; margin: 2em 2em; } /* p.mimg { float: left; margin-right: 2px; margin-bottom: 1px; } a.tlink{ text-align: right; background-color: white; color: black; } */ /* footer */ footer{ font-size: 80%; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; background-color: #313131; } footer p.copyright{ color: #fff; /*letter-spacing: 5px;*/ /*font-style: normal;*/ } /*footerを最下部にする*/ html { height: 100%; } body { min-height: 100%; display: flex; flex-direction: column; } .wapper { flex: 1; }