make styles more consistent with website
This commit is contained in:
Zeke Sikelianos
Родитель
f0048d54b0
Коммит
33394f76d4
|
|
@ -4,7 +4,7 @@
|
|||
<title>Electron</title>
|
||||
<style>
|
||||
body {
|
||||
color: #9feaf9;
|
||||
color: #86a5b1;
|
||||
background-color: #2f3241;
|
||||
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
|
||||
margin: 0;
|
||||
|
|
@ -40,6 +40,10 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.hero-icons {
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
|
@ -65,29 +69,46 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
pre, code, .code {
|
||||
font-family: "Menlo", "Lucida Console", monospace;
|
||||
border: 1px solid #e0e5e6;
|
||||
background-color: #f6f8f8;
|
||||
color: #466a72;
|
||||
border-radius: 3px;
|
||||
color: #c2f5ff;
|
||||
}
|
||||
|
||||
pre {
|
||||
background-color: #2b2e3b;
|
||||
white-space: pre-wrap;
|
||||
font-size: 13px;
|
||||
line-height: 19px;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 1px 4px 1px 4px;
|
||||
font-size: 13px;
|
||||
padding: 1px 4px;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.versions {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
float: none;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.versions li {
|
||||
display: block;
|
||||
float: left;
|
||||
border-right: 1px solid rgba(194, 245, 255, 0.4);
|
||||
padding: 0 15px;
|
||||
font-size: 12px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.versions li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.linkcol {
|
||||
|
|
@ -96,23 +117,16 @@
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.code-big {
|
||||
padding: 2px 6px 2px 6px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.hero-octicon {
|
||||
display: block;
|
||||
width: 75px;
|
||||
border: 1px solid #bac5c7;
|
||||
height: 62px;
|
||||
margin: 0 auto 12px;
|
||||
padding-top: 16.5px;
|
||||
font-size: 42px !important;
|
||||
color: #4f6d72;
|
||||
color: white;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
border: 1px solid #828282;
|
||||
background-color: rgba(194, 245, 255, 0.3);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
|
@ -140,12 +154,12 @@
|
|||
<body>
|
||||
<div class="container">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.css">
|
||||
<div class="versions">
|
||||
<code class="code-big electron-version"></code>
|
||||
<code class="code-big chrome-version"></code>
|
||||
<code class="code-big node-version"></code>
|
||||
<code class="code-big v8-version"></code>
|
||||
</div>
|
||||
<ul class="versions code">
|
||||
<li class="electron-version"></li>
|
||||
<li class="chrome-version"></li>
|
||||
<li class="node-version"></li>
|
||||
<li class="v8-version"></li>
|
||||
</ul>
|
||||
<svg viewBox="0 0 900 300" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<g class="hero-apps">
|
||||
|
|
@ -178,14 +192,9 @@
|
|||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<h2>Running An App</h2>
|
||||
<p>Execute the following command on the command line:</p>
|
||||
<p>To run a local app, execute the following command on the command line:</p>
|
||||
<pre class="command-example"></pre>
|
||||
<p>
|
||||
The <code>path-to-your-app</code> should be the path to your own Electron app.
|
||||
</p>
|
||||
|
||||
<h2>Resources</h2>
|
||||
<div>
|
||||
<div class="linkcol">
|
||||
<h4>Blog</h4>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче