diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/all.css | 5 | ||||
| -rw-r--r-- | css/body.css | 30 | ||||
| -rw-r--r-- | css/container.css | 10 | ||||
| -rw-r--r-- | css/content.css | 10 | ||||
| -rw-r--r-- | css/footer.css | 10 | ||||
| -rw-r--r-- | css/header.css | 35 |
6 files changed, 100 insertions, 0 deletions
diff --git a/css/all.css b/css/all.css new file mode 100644 index 0000000..23c9631 --- /dev/null +++ b/css/all.css @@ -0,0 +1,5 @@ +@import url("body.css"); +@import url("content.css"); +@import url("header.css"); +@import url("footer.css"); +@import url("container.css"); diff --git a/css/body.css b/css/body.css new file mode 100644 index 0000000..54bc4f1 --- /dev/null +++ b/css/body.css @@ -0,0 +1,30 @@ +* { + box-sizing: border-box; +} + +html, body { + font-family: sans-serif; + margin: 0; + padding: 0; + background-color: #F5F7FA; + line-height: 1.5; +} + +.content p, +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + margin-top: 0; + margin-bottom: 10px; +} + +a:visited { + color: #0000EE; +} + +a:active { + color: #EE0000; +} diff --git a/css/container.css b/css/container.css new file mode 100644 index 0000000..aa70303 --- /dev/null +++ b/css/container.css @@ -0,0 +1,10 @@ +.container { + max-width: 960px; + width: 100%; + margin-left: auto; + margin-right: auto; + margin-bottom: 0; + margin-top: 20px; + border: 1px solid #98A5B0; + border-radius: 10px; +} diff --git a/css/content.css b/css/content.css new file mode 100644 index 0000000..07352dc --- /dev/null +++ b/css/content.css @@ -0,0 +1,10 @@ +.content { + background-color: white; + padding: 5px; +} + +.content hr { + height: 1px; + border: none; + background-color: #98A5B0; +} diff --git a/css/footer.css b/css/footer.css new file mode 100644 index 0000000..a252be8 --- /dev/null +++ b/css/footer.css @@ -0,0 +1,10 @@ +.footer { + height: 35px; + padding: 5px; + background-color: #CADCEB; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0 0 9px 9px; + border-top: 1px solid #98A5B0; +} diff --git a/css/header.css b/css/header.css new file mode 100644 index 0000000..09085e5 --- /dev/null +++ b/css/header.css @@ -0,0 +1,35 @@ +.header { + background-image: linear-gradient(180deg, #12A3EB 0%, #095276 100%); + display: flex; + flex-direction: column; + border-radius: 9px 9px 0 0; +} + +.header .banner { + height: 80px; + position: relative; + display: flex; + justify-content: center; + align-items: center; + border-bottom: 1px solid #98A5B0; +} + +.header .banner .taya { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.header .banner a { + text-decoration: none; +} + +.header .navbar { + height: 35px; + padding: 5px; + background-color: #CADCEB; + display: flex; + align-items: center; + border-bottom: 1px solid #98A5B0; +} |