共有 2 個檔案被更改，包括 67 行新增 和 32 行删除
統一視圖
Diff Options
-
+56 -22static/main.css
-
+11 -10templates/_base.mako
+ 56
- 22
static/main.css
查看文件
| @@ -1,5 +1,3 @@ | |||||
| /* MOBILE... */ | |||||
| @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700); | @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,700); | ||||
| body { | body { | ||||
| @@ -41,8 +39,6 @@ main, header, footer { | |||||
| } | } | ||||
| main { | main { | ||||
| margin: 2em auto; | |||||
| padding: 0.5em 1.5em; | |||||
| border-width: 1px; | border-width: 1px; | ||||
| border-style: solid; | border-style: solid; | ||||
| } | } | ||||
| @@ -54,6 +50,7 @@ header { | |||||
| } | } | ||||
| footer { | footer { | ||||
| padding: 0.5em 0; | |||||
| font-size: 85%; | font-size: 85%; | ||||
| text-align: center; | text-align: center; | ||||
| color: #BABABA; | color: #BABABA; | ||||
| @@ -61,33 +58,56 @@ footer { | |||||
| border-top-style: solid; | border-top-style: solid; | ||||
| } | } | ||||
| main, header > div, footer > div { | |||||
| max-width: 1000px; | |||||
| width: 80%; | |||||
| } | |||||
| header > div { | |||||
| margin: 0 auto; | |||||
| padding: 0.5em; | |||||
| } | |||||
| footer > div { | |||||
| header > div, footer > div { | |||||
| margin: 0 auto; | margin: 0 auto; | ||||
| padding: 1em; | |||||
| } | } | ||||
| header > div > div { | header > div > div { | ||||
| display: inline-block; | display: inline-block; | ||||
| } | } | ||||
| header > div > .left { | |||||
| text-align: left; | |||||
| width: 70%; | |||||
| @media (min-width: 800px) { | |||||
| main, header > div, footer > div { | |||||
| max-width: 1000px; | |||||
| width: 80%; | |||||
| } | |||||
| main { | |||||
| margin: 2em auto; | |||||
| padding: 0.5em 1.5em; | |||||
| } | |||||
| footer > div { | |||||
| padding: 0.5em 1.5em; | |||||
| } | |||||
| header > div > .left { | |||||
| margin: 0.5em 1.5em 0.5em 0; | |||||
| } | |||||
| header > div > .right { | |||||
| margin: 0.5em 0; | |||||
| float: right; | |||||
| } | |||||
| } | } | ||||
| header > div > .right { | |||||
| text-align: right; | |||||
| width: 30%; | |||||
| @media (max-width: 799px) { | |||||
| main { | |||||
| margin: 1.5em auto; | |||||
| padding: 0 1em; | |||||
| } | |||||
| footer > div { | |||||
| padding: 0.5em 1em; | |||||
| } | |||||
| header > div > div { | |||||
| margin: 0.5em 1em; | |||||
| } | |||||
| header > div > .left { | |||||
| margin-bottom: 0em; | |||||
| } | |||||
| } | } | ||||
| header a { | header a { | ||||
| @@ -103,6 +123,20 @@ header .aligned { | |||||
| vertical-align: middle; | vertical-align: middle; | ||||
| } | } | ||||
| footer ul { | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| } | |||||
| footer ul li { | |||||
| display: inline-block; | |||||
| list-style: none; | |||||
| } | |||||
| footer ul li:not(:last-child):after { | |||||
| content: " \00b7"; | |||||
| } | |||||
| #corp-masthead { | #corp-masthead { | ||||
| height: 30px; | height: 30px; | ||||
| margin-right: 0.25em; | margin-right: 0.25em; | ||||
+ 11
- 10
templates/_base.mako
查看文件
| @@ -5,13 +5,14 @@ | |||||
| <title> | <title> | ||||
| <%block name="title">${g.config.get("corp.name") | h}</%block> | <%block name="title">${g.config.get("corp.name") | h}</%block> | ||||
| </title> | </title> | ||||
| <link rel="stylesheet" type="text/css" href="${url_for('staticv', filename='main.css')}" /> | |||||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||||
| <link rel="stylesheet" type="text/css" href="${url_for('staticv', filename='main.css')}"/> | |||||
| % if g.config.get("style"): | % if g.config.get("style"): | ||||
| <% stylesheet = "styles/{}.css".format(g.config.get("style")) %> | <% stylesheet = "styles/{}.css".format(g.config.get("style")) %> | ||||
| <link rel="stylesheet" type="text/css" href="${url_for('staticv', filename=stylesheet)}" /> | |||||
| <link rel="stylesheet" type="text/css" href="${url_for('staticv', filename=stylesheet)}"/> | |||||
| % endif | % endif | ||||
| % for size in g.eve.image.corp_widths: | % for size in g.eve.image.corp_widths: | ||||
| <link rel="icon" type="image/png" sizes="${size}x${size}" href="${g.eve.image.corp(g.config.get('corp.id'), size)}" /> | |||||
| <link rel="icon" type="image/png" sizes="${size}x${size}" href="${g.eve.image.corp(g.config.get('corp.id'), size)}"/> | |||||
| % endfor | % endfor | ||||
| </head> | </head> | ||||
| <body> | <body> | ||||
| @@ -25,8 +26,8 @@ | |||||
| </a> | </a> | ||||
| <a href="/" class="aligned">${g.config.get("corp.name") | h}</a> | <a href="/" class="aligned">${g.config.get("corp.name") | h}</a> | ||||
| </%block> | </%block> | ||||
| </div><!-- | |||||
| --><div class="right"> | |||||
| </div> | |||||
| <div class="right"> | |||||
| <%block name="righthead"/> | <%block name="righthead"/> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -44,11 +45,11 @@ | |||||
| <%block name="footer"> | <%block name="footer"> | ||||
| <footer> | <footer> | ||||
| <div> | <div> | ||||
| YC ${g.eve.clock.now()} | |||||
| • | |||||
| Running <a href="https://github.com/earwig/calefaction">Calefaction</a> ${g.version} | |||||
| • | |||||
| <a href="https://eveonline.com">EVE Online</a> and all related trademarks are property of <a href="https://ccpgames.com">CCP hf</a>. | |||||
| <ul> | |||||
| <li>YC ${g.eve.clock.now()}</li> | |||||
| <li>Running <a href="https://github.com/earwig/calefaction">Calefaction</a> ${g.version}</li> | |||||
| <li><a href="https://eveonline.com">EVE Online</a> and all related trademarks are property of <a href="https://ccpgames.com">CCP hf</a>.</li> | |||||
| </ul> | |||||
| </div> | </div> | ||||
| </footer> | </footer> | ||||
| </%block> | </%block> | ||||