com web/news: refomat style: style.css
| From: | Ben Ramsey | Date: | Sun, 23 Jul 2017 23:06:57 +0000 |
| Subject: | com web/news: refomat style: style.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-26225@lists.php.net to get a copy of this message | ||
Commit: 9bfc631ea1f40b23a2f209d25c72885d23278dfb
Author: Arnaud Lemercier <arnaud@wixiweb.fr> Mon, 24 Jul 2017 01:06:57 +0200
Parents: 0bee3e2b6982e9b5096bd73fc69e220ee2d55374
Branches: master
Link: http://git.php.net/?p=web/news.git;a=commitdiff;h=9bfc631ea1f40b23a2f209d25c72885d23278dfb
Log:
refomat style
Changed paths:
M style.css
diff --git a/style.css b/style.css index 73882f2..ae39e93 100644 --- a/style.css +++ b/style.css @@ -1,313 +1,336 @@ img { - border: 0; + border: 0; } -.monospace{ - font-family: "Fira Mono", monospace; +.monospace { + font-family: "Fira Mono", monospace; } -.monospace.mod-small{ - font-size: 14px; + +.monospace.mod-small { + font-size: 14px; } -pre{ - font-family: "Fira Mono", monospace; - font-size: 14px; + +pre { + font-family: "Fira Mono", monospace; + font-size: 14px; } + th { - background: #CCC; - font-weight: bold; - text-align: center; + background: #CCC; + font-weight: bold; + text-align: center; } table.stripped tr:nth-child(even) td { - background: #EEE; + background: #EEE; } -table.stripped tr:nth-child(odd) td { - background: #DDD; +table.stripped tr:nth-child(odd) td { + background: #DDD; } .headerlabel { - background: #CCC; - font-weight: bold; - text-align: right; + background: #CCC; + font-weight: bold; + text-align: right; } .headervalue { - background: #EEE; + background: #EEE; } a.top { - text-decoration: none; + text-decoration: none; } table.header { background: #99C; - border-bottom: 17px solid #669; + border-bottom: 17px solid #669; } .footer-mentions { - opacity: .3; + opacity: .3; font-size: 75%; text-align: right; } -a.alt-link{ - color: #F2F2F2;; - text-decoration: none; + +a.alt-link { + color: #F2F2F2;; + text-decoration: none; } .nav { - width: 20%; + width: 20%; } - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + html { - background: #333 url('/i/bg-texture-00.svg'); - color: #CCC; -} -body{ - margin: 3.25rem 0 0; - font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif; - font-weight: 400; - font-size: 1rem; - color: #333; - word-break: break-word; -} -.header{ - background: #8892BF; - box-shadow: 0 .25em .25em rgba(0,0,0,.1); - border-bottom: .25rem solid #4F5B93; - color: #FFF; - position: fixed; - top:0; - right: 0; - left: 0; - z-index: 1; - margin-bottom: 0; -} -.header-inner{ - max-width: 1440px; - margin:auto; - position: relative; -} - -.header-brand{ - margin-right: .75rem; - display: inline-block; - max-height: 48px; - padding: .75rem .75rem .75rem 1.5rem; - margin-right: 1.5rem; - text-decoration: none; - line-height: 24px; -} -.header-brand-img{ - opacity: .75; -} -.header-brand-text{ - color: #E2E4EF; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - text-decoration: none; - line-height: 24px; - vertical-align: top; -} - -.header-menu{ - padding: 0; - list-style: none; - position: relative; - left: 0; - display: inline-block; - margin: 0 10px 0 0; - vertical-align: top; -} - -.header-menu-item{ - float: left; -} -.header-menu-item.mod-active{ - color: #fff; - background-color: #4F5B93; - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -} - -a.header-menu-item-link{ - display: inline-block; - text-decoration: none; - float: none; - padding: .75rem; - color: #E2E4EF; - border: 0; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - line-height: 24px; -} -a.header-menu-item-link:hover{ - color: #fff; -} - - -.menu-mobile{ - background: #4F5B93; - padding: 0; - margin: 0; - list-style: none; -} -.menu-mobile-item{ - text-align: right; - display: inline-block; -} -a.menu-mobile-item-link{ - display: inline-block; - text-decoration: none; - float: none; - padding: .75rem; - color: #E2E4EF; - border: 0; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - line-height: 24px; + background: #333 url('/i/bg-texture-00.svg'); + color: #CCC; +} + +body { + margin: 3.25rem 0 0; + font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif; + font-weight: 400; + font-size: 1rem; + color: #333; + word-break: break-word; +} + +.header { + background: #8892BF; + box-shadow: 0 .25em .25em rgba(0, 0, 0, .1); + border-bottom: .25rem solid #4F5B93; + color: #FFF; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1; + margin-bottom: 0; +} + +.header-inner { + max-width: 1440px; + margin: auto; + position: relative; +} + +.header-brand { + margin-right: .75rem; + display: inline-block; + max-height: 48px; + padding: .75rem .75rem .75rem 1.5rem; + margin-right: 1.5rem; + text-decoration: none; + line-height: 24px; +} + +.header-brand-img { + opacity: .75; +} + +.header-brand-text { + color: #E2E4EF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + text-decoration: none; + line-height: 24px; + vertical-align: top; +} + +.header-menu { + padding: 0; + list-style: none; + position: relative; + left: 0; + display: inline-block; + margin: 0 10px 0 0; + vertical-align: top; +} + +.header-menu-item { + float: left; +} + +.header-menu-item.mod-active { + color: #fff; + background-color: #4F5B93; + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} + +a.header-menu-item-link { + display: inline-block; + text-decoration: none; + float: none; + padding: .75rem; + color: #E2E4EF; + border: 0; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + line-height: 24px; +} + +a.header-menu-item-link:hover { + color: #fff; +} + +.menu-mobile { + background: #4F5B93; + padding: 0; + margin: 0; + list-style: none; +} + +.menu-mobile-item { + text-align: right; + display: inline-block; } +a.menu-mobile-item-link { + display: inline-block; + text-decoration: none; + float: none; + padding: .75rem; + color: #E2E4EF; + border: 0; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + line-height: 24px; +} .search-form { - float: right; - width: 25%; - position: relative; - margin-top: .625rem; - margin-bottom: 0; -} -.search-input{ - width: 100%; - border: 0; - border-radius: 2px; - box-shadow: inset 0 1px 2px rgba(0,0,0,.2); - line-height: 24px; - height: 24px; - padding: 2px 8px; - font-size: 16px; -} - -.secondary-nav{ - max-width: 1440px; - margin:auto; - padding: .75rem 1.5rem; - font-size: 14px; -} -.breadcrumbs{ - color: #999; - list-style: none; - margin: 0; - padding: 0; -} -.breadcrumbs-item{ - display: inline-block; + float: right; + width: 25%; + position: relative; + margin-top: .625rem; + margin-bottom: 0; } -.breadcrumbs-item + .breadcrumbs-item::before { - padding: 0 .5rem 0; - content: "\203A"; + +.search-input { + width: 100%; + border: 0; + border-radius: 2px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); + line-height: 24px; + height: 24px; + padding: 2px 8px; + font-size: 16px; } -a.breadcrumbs-item-link{ - color: #ccc; - text-decoration: none; - line-height: 24px; + +.secondary-nav { + max-width: 1440px; + margin: auto; + padding: .75rem 1.5rem; + font-size: 14px; } +.breadcrumbs { + color: #999; + list-style: none; + margin: 0; + padding: 0; +} -.content{ - background: #F2F2F2; - max-width: 1440px; - margin:auto; - padding: 1.5rem; +.breadcrumbs-item { + display: inline-block; } -.content a{ - color :#369; + +.breadcrumbs-item + .breadcrumbs-item::before { + padding: 0 .5rem 0; + content: "\203A"; } -.content a:hover{ - color: #AE508D; - border-color: #AE508D; - outline: 0; + +a.breadcrumbs-item-link { + color: #ccc; + text-decoration: none; + line-height: 24px; } -.content a:visited{ - color: #8895A2; + +.content { + background: #F2F2F2; + max-width: 1440px; + margin: auto; + padding: 1.5rem; } -h1{ - font-weight: 500; - color: #333; - font-size: 1.75rem; - line-height: 3rem; - margin: 0 0 1.5rem; - overflow: hidden; - text-rendering: optimizeLegibility; +.content a { + color: #369; } -h1:after { - display: table; - width: 100%; - content: " "; - margin-top: -1px; - border-bottom: 1px dotted; + +.content a:hover { + color: #AE508D; + border-color: #AE508D; + outline: 0; +} + +.content a:visited { + color: #8895A2; } -pre{ - white-space: pre-wrap; - word-wrap: break-word; + +h1 { + font-weight: 500; + color: #333; + font-size: 1.75rem; + line-height: 3rem; + margin: 0 0 1.5rem; + overflow: hidden; + text-rendering: optimizeLegibility; +} + +h1:after { + display: table; + width: 100%; + content: " "; + margin-top: -1px; + border-bottom: 1px dotted; } +pre { + white-space: pre-wrap; + word-wrap: break-word; +} -.footer{ - color: #F2F2F2; - max-width: 1440px; - margin:auto; - padding: 1.5rem; - line-height: 3rem; +.footer { + color: #F2F2F2; + max-width: 1440px; + margin: auto; + padding: 1.5rem; + line-height: 3rem; } -.footer-nav{ - margin: 0; - padding: 0; + +.footer-nav { + margin: 0; + padding: 0; } -.footer-nav-item{ - display: inline-block; - margin: 0 0.75rem; + +.footer-nav-item { + display: inline-block; + margin: 0 0.75rem; } -a.footer-nav-item-link{ - color: #ccc; - text-decoration: none; + +a.footer-nav-item-link { + color: #ccc; + text-decoration: none; } -a.footer-nav-item-link:hover{ - color: #AE508D; - border-color: #AE508D; - outline: 0; + +a.footer-nav-item-link:hover { + color: #AE508D; + border-color: #AE508D; + outline: 0; } /* Standard Tables */ table.standard { - border-collapse: collapse; - border: 1px solid #d9d9d9; - width: 100%; - border-spacing:2px; + border-collapse: collapse; + border: 1px solid #d9d9d9; + width: 100%; + border-spacing: 2px; } table.standard td, table.standard th { - border: 1px solid #d9d9d9; - padding: 2px; + border: 1px solid #d9d9d9; + padding: 2px; } table.standard tr:nth-child(even) td { - background-color: #E6E6E6; + background-color: #E6E6E6; } table.standard th { - font-size: 1.125rem; - padding: 20px 10px 5px 10px; - color: #666; - font-weight: normal; + font-size: 1.125rem; + padding: 20px 10px 5px 10px; + color: #666; + font-weight: normal; } table.standard td { - padding: 5px 10px; - vertical-align: middle; + padding: 5px 10px; + vertical-align: middle; } table.standard tr:nth-child(even) td.subr, @@ -318,69 +341,79 @@ table.standard tr:nth-child(even) td.sub, table.standard tr:nth-child(even) th.sub, table.standard tr td.sub, table.standard tr th.sub { - background: #E6E6E6; + background: #E6E6E6; } table.standard td.subr, table.standard th.subr { - text-align: right; + text-align: right; } -.responsive-table { overflow-x: scroll; } -.responsive-table table { word-break: normal; } +.responsive-table { + overflow-x: scroll; +} -.align-right{ - text-align: right; +.responsive-table table { + word-break: normal; } -.align-center{ - text-align: center; + +.align-right { + text-align: right; } -.menu-icon { - display: none; - background: #4F5B93; - padding: 14px 24px 10px; - line-height: 24px; - float: right; - color: #fff; - cursor: pointer; +.align-center { + text-align: center; } -.hide{ - display: none; +.menu-icon { + display: none; + background: #4F5B93; + padding: 14px 24px 10px; + line-height: 24px; + float: right; + color: #fff; + cursor: pointer; } +.hide { + display: none; +} @media screen and (max-width: 760px) { - .welcome{ - display: none; - } - .search-form{ - display: none; - } - blockquote{ - margin: 16px; - } + .welcome { + display: none; + } + + .search-form { + display: none; + } + + blockquote { + margin: 16px; + } } @media screen and (max-width: 580px) { - th.nav a { - font-size: 2rem; - text-decoration: none; - } - th.nav span { - display: none; - } - .menu-icon{ - display: block; - } - .header-menu{ - display: none; - } + th.nav a { + font-size: 2rem; + text-decoration: none; + } + + th.nav span { + display: none; + } + + .menu-icon { + display: block; + } + + .header-menu { + display: none; + } } @media screen and (max-width: 420px) { - .content { - padding: 0.5rem; - } + .content { + padding: 0.5rem; + } } \ No newline at end of file
diff --git a/style.css b/style.css index 73882f2..ae39e93 100644 --- a/style.css +++ b/style.css @@ -1,313 +1,336 @@ img { - border: 0; + border: 0; } -.monospace{ - font-family: "Fira Mono", monospace; +.monospace { + font-family: "Fira Mono", monospace; } -.monospace.mod-small{ - font-size: 14px; + +.monospace.mod-small { + font-size: 14px; } -pre{ - font-family: "Fira Mono", monospace; - font-size: 14px; + +pre { + font-family: "Fira Mono", monospace; + font-size: 14px; } + th { - background: #CCC; - font-weight: bold; - text-align: center; + background: #CCC; + font-weight: bold; + text-align: center; } table.stripped tr:nth-child(even) td { - background: #EEE; + background: #EEE; } -table.stripped tr:nth-child(odd) td { - background: #DDD; +table.stripped tr:nth-child(odd) td { + background: #DDD; } .headerlabel { - background: #CCC; - font-weight: bold; - text-align: right; + background: #CCC; + font-weight: bold; + text-align: right; } .headervalue { - background: #EEE; + background: #EEE; } a.top { - text-decoration: none; + text-decoration: none; } table.header { background: #99C; - border-bottom: 17px solid #669; + border-bottom: 17px solid #669; } .footer-mentions { - opacity: .3; + opacity: .3; font-size: 75%; text-align: right; } -a.alt-link{ - color: #F2F2F2;; - text-decoration: none; + +a.alt-link { + color: #F2F2F2;; + text-decoration: none; } .nav { - width: 20%; + width: 20%; } - * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + html { - background: #333 url('/i/bg-texture-00.svg'); - color: #CCC; -} -body{ - margin: 3.25rem 0 0; - font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif; - font-weight: 400; - font-size: 1rem; - color: #333; - word-break: break-word; -} -.header{ - background: #8892BF; - box-shadow: 0 .25em .25em rgba(0,0,0,.1); - border-bottom: .25rem solid #4F5B93; - color: #FFF; - position: fixed; - top:0; - right: 0; - left: 0; - z-index: 1; - margin-bottom: 0; -} -.header-inner{ - max-width: 1440px; - margin:auto; - position: relative; -} - -.header-brand{ - margin-right: .75rem; - display: inline-block; - max-height: 48px; - padding: .75rem .75rem .75rem 1.5rem; - margin-right: 1.5rem; - text-decoration: none; - line-height: 24px; -} -.header-brand-img{ - opacity: .75; -} -.header-brand-text{ - color: #E2E4EF; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - text-decoration: none; - line-height: 24px; - vertical-align: top; -} - -.header-menu{ - padding: 0; - list-style: none; - position: relative; - left: 0; - display: inline-block; - margin: 0 10px 0 0; - vertical-align: top; -} - -.header-menu-item{ - float: left; -} -.header-menu-item.mod-active{ - color: #fff; - background-color: #4F5B93; - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -} - -a.header-menu-item-link{ - display: inline-block; - text-decoration: none; - float: none; - padding: .75rem; - color: #E2E4EF; - border: 0; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - line-height: 24px; -} -a.header-menu-item-link:hover{ - color: #fff; -} - - -.menu-mobile{ - background: #4F5B93; - padding: 0; - margin: 0; - list-style: none; -} -.menu-mobile-item{ - text-align: right; - display: inline-block; -} -a.menu-mobile-item-link{ - display: inline-block; - text-decoration: none; - float: none; - padding: .75rem; - color: #E2E4EF; - border: 0; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - line-height: 24px; + background: #333 url('/i/bg-texture-00.svg'); + color: #CCC; +} + +body { + margin: 3.25rem 0 0; + font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif; + font-weight: 400; + font-size: 1rem; + color: #333; + word-break: break-word; +} + +.header { + background: #8892BF; + box-shadow: 0 .25em .25em rgba(0, 0, 0, .1); + border-bottom: .25rem solid #4F5B93; + color: #FFF; + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1; + margin-bottom: 0; +} + +.header-inner { + max-width: 1440px; + margin: auto; + position: relative; +} + +.header-brand { + margin-right: .75rem; + display: inline-block; + max-height: 48px; + padding: .75rem .75rem .75rem 1.5rem; + margin-right: 1.5rem; + text-decoration: none; + line-height: 24px; +} + +.header-brand-img { + opacity: .75; +} + +.header-brand-text { + color: #E2E4EF; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + text-decoration: none; + line-height: 24px; + vertical-align: top; +} + +.header-menu { + padding: 0; + list-style: none; + position: relative; + left: 0; + display: inline-block; + margin: 0 10px 0 0; + vertical-align: top; +} + +.header-menu-item { + float: left; +} + +.header-menu-item.mod-active { + color: #fff; + background-color: #4F5B93; + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} + +a.header-menu-item-link { + display: inline-block; + text-decoration: none; + float: none; + padding: .75rem; + color: #E2E4EF; + border: 0; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + line-height: 24px; +} + +a.header-menu-item-link:hover { + color: #fff; +} + +.menu-mobile { + background: #4F5B93; + padding: 0; + margin: 0; + list-style: none; +} + +.menu-mobile-item { + text-align: right; + display: inline-block; } +a.menu-mobile-item-link { + display: inline-block; + text-decoration: none; + float: none; + padding: .75rem; + color: #E2E4EF; + border: 0; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + line-height: 24px; +} .search-form { - float: right; - width: 25%; - position: relative; - margin-top: .625rem; - margin-bottom: 0; -} -.search-input{ - width: 100%; - border: 0; - border-radius: 2px; - box-shadow: inset 0 1px 2px rgba(0,0,0,.2); - line-height: 24px; - height: 24px; - padding: 2px 8px; - font-size: 16px; -} - -.secondary-nav{ - max-width: 1440px; - margin:auto; - padding: .75rem 1.5rem; - font-size: 14px; -} -.breadcrumbs{ - color: #999; - list-style: none; - margin: 0; - padding: 0; -} -.breadcrumbs-item{ - display: inline-block; + float: right; + width: 25%; + position: relative; + margin-top: .625rem; + margin-bottom: 0; } -.breadcrumbs-item + .breadcrumbs-item::before { - padding: 0 .5rem 0; - content: "\203A"; + +.search-input { + width: 100%; + border: 0; + border-radius: 2px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2); + line-height: 24px; + height: 24px; + padding: 2px 8px; + font-size: 16px; } -a.breadcrumbs-item-link{ - color: #ccc; - text-decoration: none; - line-height: 24px; + +.secondary-nav { + max-width: 1440px; + margin: auto; + padding: .75rem 1.5rem; + font-size: 14px; } +.breadcrumbs { + color: #999; + list-style: none; + margin: 0; + padding: 0; +} -.content{ - background: #F2F2F2; - max-width: 1440px; - margin:auto; - padding: 1.5rem; +.breadcrumbs-item { + display: inline-block; } -.content a{ - color :#369; + +.breadcrumbs-item + .breadcrumbs-item::before { + padding: 0 .5rem 0; + content: "\203A"; } -.content a:hover{ - color: #AE508D; - border-color: #AE508D; - outline: 0; + +a.breadcrumbs-item-link { + color: #ccc; + text-decoration: none; + line-height: 24px; } -.content a:visited{ - color: #8895A2; + +.content { + background: #F2F2F2; + max-width: 1440px; + margin: auto; + padding: 1.5rem; } -h1{ - font-weight: 500; - color: #333; - font-size: 1.75rem; - line-height: 3rem; - margin: 0 0 1.5rem; - overflow: hidden; - text-rendering: optimizeLegibility; +.content a { + color: #369; } -h1:after { - display: table; - width: 100%; - content: " "; - margin-top: -1px; - border-bottom: 1px dotted; + +.content a:hover { + color: #AE508D; + border-color: #AE508D; + outline: 0; +} + +.content a:visited { + color: #8895A2; } -pre{ - white-space: pre-wrap; - word-wrap: break-word; + +h1 { + font-weight: 500; + color: #333; + font-size: 1.75rem; + line-height: 3rem; + margin: 0 0 1.5rem; + overflow: hidden; + text-rendering: optimizeLegibility; +} + +h1:after { + display: table; + width: 100%; + content: " "; + margin-top: -1px; + border-bottom: 1px dotted; } +pre { + white-space: pre-wrap; + word-wrap: break-word; +} -.footer{ - color: #F2F2F2; - max-width: 1440px; - margin:auto; - padding: 1.5rem; - line-height: 3rem; +.footer { + color: #F2F2F2; + max-width: 1440px; + margin: auto; + padding: 1.5rem; + line-height: 3rem; } -.footer-nav{ - margin: 0; - padding: 0; + +.footer-nav { + margin: 0; + padding: 0; } -.footer-nav-item{ - display: inline-block; - margin: 0 0.75rem; + +.footer-nav-item { + display: inline-block; + margin: 0 0.75rem; } -a.footer-nav-item-link{ - color: #ccc; - text-decoration: none; + +a.footer-nav-item-link { + color: #ccc; + text-decoration: none; } -a.footer-nav-item-link:hover{ - color: #AE508D; - border-color: #AE508D; - outline: 0; + +a.footer-nav-item-link:hover { + color: #AE508D; + border-color: #AE508D; + outline: 0; } /* Standard Tables */ table.standard { - border-collapse: collapse; - border: 1px solid #d9d9d9; - width: 100%; - border-spacing:2px; + border-collapse: collapse; + border: 1px solid #d9d9d9; + width: 100%; + border-spacing: 2px; } table.standard td, table.standard th { - border: 1px solid #d9d9d9; - padding: 2px; + border: 1px solid #d9d9d9; + padding: 2px; } table.standard tr:nth-child(even) td { - background-color: #E6E6E6; + background-color: #E6E6E6; } table.standard th { - font-size: 1.125rem; - padding: 20px 10px 5px 10px; - color: #666; - font-weight: normal; + font-size: 1.125rem; + padding: 20px 10px 5px 10px; + color: #666; + font-weight: normal; } table.standard td { - padding: 5px 10px; - vertical-align: middle; + padding: 5px 10px; + vertical-align: middle; } table.standard tr:nth-child(even) td.subr, @@ -318,69 +341,79 @@ table.standard tr:nth-child(even) td.sub, table.standard tr:nth-child(even) th.sub, table.standard tr td.sub, table.standard tr th.sub { - background: #E6E6E6; + background: #E6E6E6; } table.standard td.subr, table.standard th.subr { - text-align: right; + text-align: right; } -.responsive-table { overflow-x: scroll; } -.responsive-table table { word-break: normal; } +.responsive-table { + overflow-x: scroll; +} -.align-right{ - text-align: right; +.responsive-table table { + word-break: normal; } -.align-center{ - text-align: center; + +.align-right { + text-align: right; } -.menu-icon { - display: none; - background: #4F5B93; - padding: 14px 24px 10px; - line-height: 24px; - float: right; - color: #fff; - cursor: pointer; +.align-center { + text-align: center; } -.hide{ - display: none; +.menu-icon { + display: none; + background: #4F5B93; + padding: 14px 24px 10px; + line-height: 24px; + float: right; + color: #fff; + cursor: pointer; } +.hide { + display: none; +} @media screen and (max-width: 760px) { - .welcome{ - display: none; - } - .search-form{ - display: none; - } - blockquote{ - margin: 16px; - } + .welcome { + display: none; + } + + .search-form { + display: none; + } + + blockquote { + margin: 16px; + } } @media screen and (max-width: 580px) { - th.nav a { - font-size: 2rem; - text-decoration: none; - } - th.nav span { - display: none; - } - .menu-icon{ - display: block; - } - .header-menu{ - display: none; - } + th.nav a { + font-size: 2rem; + text-decoration: none; + } + + th.nav span { + display: none; + } + + .menu-icon { + display: block; + } + + .header-menu { + display: none; + } } @media screen and (max-width: 420px) { - .content { - padding: 0.5rem; - } + .content { + padding: 0.5rem; + } } \ No newline at end of file