images/cmder
2
0
Fork 0
mirror of https://github.com/cmderdev/cmder.git synced 2025-02-22 13:20:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixes here and there

Browse Source
This commit is contained in:
Samuel Vasko 2013-10-02 00:06:18 +02:00
parent ac82cb97f9
commit 0558319469
2 changed files with 71 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
css/main.css
View File

@ -25,93 +25,84 @@ img {
vertical-align: middle; vertical-align: middle;
} }
/* -------------- General Styles -------------- */ /* -------------- General Styles -------------- */
body { body {
font-size: 0.9em;
line-height: 1.4;
font-family: 'Lato', sans-serif;
background-color: Whitesmoke; background-color: Whitesmoke;
font-size: 0.9em;
font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
line-height: 1.4;
} }
.wrapper { .wrapper {
margin: 2em auto;
padding: 0 0 2em 0;
width: 80%;
background-color: #fff;
-webkit-box-shadow: 0 0 8px 3px #eee; -webkit-box-shadow: 0 0 8px 3px #eee;
-moz-box-shadow: 0 0 8px 3px #eee; -moz-box-shadow: 0 0 8px 3px #eee;
box-shadow: 0 0 8px 3px #eee; box-shadow: 0 0 8px 3px #eee;
width: 80%;
background-color: #fff;
margin: 2em auto;
padding-bottom: 2em;
} }
.container { .container {
widows: 100%;
margin: 0 auto; margin: 0 auto;
widows: 100%;
} }
/* -------------- Typography -------------- */ /* -------------- Typography -------------- */
a { a { color: #1E90FF; }
color: #1E90FF; p { padding-left: 8px; }
}
p {
padding-left: 8px;
}
h2 { h2 {
font-family: 'Lato', sans-serif;
font-style: italic;
font-weight: lighter;
color: #444;
padding: 0 1em; padding: 0 1em;
font-size: 1.2em; color: #444;
text-align: center; text-align: center;
font-weight: 300;
font-style: italic;
font-size: 1.2em;
} }
h2:before, h2:after { h2:before, h2:after {
content: "";
width: 50%;
margin: 0.5em auto;
display: block; display: block;
background-color: #eee; margin: 0.5em auto;
width: 50%;
height: 1px; height: 1px;
background-color: #eee;
content: "";
} }
h3 { h3 {
font-size: 1.3em;
margin: 2.3em 0 0 0; margin: 2.3em 0 0 0;
padding: 8px; padding: 8px;
background-color: #eee; background-color: #eee;
color: #222; color: #222;
text-indent: 0.2em;
letter-spacing: 0.2em; letter-spacing: 0.2em;
font-weight: normal; font-weight: normal;
text-indent: 0.2em; font-size: 1.3em;
} }
h4 { h4 {
margin: 1em 0;
color: #444; color: #444;
text-indent: 8px; text-indent: 8px;
text-rendering: optimizeLegibility;
font-size: 1.1em;
margin: 1em 0;
letter-spacing: 0.1em; letter-spacing: 0.1em;
font-size: 1.1em;
text-rendering: optimizeLegibility;
} }
button { button {
background-color: #C4C4C4; display: block;
color: #fff;
border-radius: 4px;
border: 1px solid #eee;
font-size: 1.1em;
box-shadow: 1px 1px 1px 0px #ddd, inset 0 0 -3px rgba(0, 0, 0, 0.02);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
padding: 12px 0; padding: 12px 0;
width: 100%; width: 100%;
display: block; border: 1px solid #eee;
border-radius: 4px;
background-color: #C4C4C4;
box-shadow: 1px 1px 1px 0px #ddd, inset 0 0 -3px rgba(0, 0, 0, 0.02);
color: #fff;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
font-size: 1.1em;
-webkit-transition: background-color 0.3s; -webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s; -moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s; -ms-transition: background-color 0.3s;
@ -120,8 +111,8 @@ button {
} }
button:hover { button:hover {
box-shadow: 0px 0px 1px 0px #ddd;
background-color: #ccc; background-color: #ccc;
box-shadow: 0px 0px 1px 0px #ddd;
} }
button.gray { float: right; } button.gray { float: right; }
@ -131,24 +122,24 @@ button.blue:hover { background-color: #5dade2; }
/* -------------- Modules -------------- */ /* -------------- Modules -------------- */
header { header {
color: #fff;
position: relative; position: relative;
font-family: 'Lato', sans-serif;
letter-spacing: 0.1em;
font-size: 1.6em;
font-weight: normal;
overflow: hidden; overflow: hidden;
color: #fff;
letter-spacing: 0.1em;
font-weight: normal;
font-size: 1.6em;
font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
} }
#title_image { #title_image {
display: block;
margin: 0 auto;
width: 100%; width: 100%;
height: auto; height: auto;
margin: 0 auto;
display: block;
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
#title_image { width: 120%; margin-left: -10%; } #title_image { margin-left: -10%; width: 120%; }
} }
main { main {
@ -156,27 +147,21 @@ main {
} }
#logo, #pitch { #logo, #pitch {
text-align: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
} text-align: center;
#logo {
top: 50px;
} }
#pitch { #pitch {
top: 100px; top: 100px;
font-size: 0.6em;
font-style: italic;
color: #222; color: #222;
text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5) text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5);
} font-style: italic;
font-size: 0.6em;
#logo img {
height: 40px;
} }
#logo { top: 50px; }
#logo img { height: 40px; }
.information img { .information img {
width: 100%; width: 100%;
@ -203,22 +188,22 @@ main {
} }
.download small { .download small {
margin: 0.5em 0 0;
display: inline-block; display: inline-block;
margin: 0.5em 0 0;
} }
footer small { footer small {
text-align: center;
width: 100%;
display: inline-block; display: inline-block;
width: 100%;
text-align: center;
} }
code { code {
background-color: #eee;
padding: 1px 3px; padding: 1px 3px;
font-family: Consolas, monaco, monospace;
border-radius: 2px; border-radius: 2px;
background-color: #eee;
font-size: 0.9em; font-size: 0.9em;
font-family: Consolas, monaco, monospace;
} }
.flushright { .flushright {
@ -228,13 +213,13 @@ code {
/* -------------- Lists -------------- */ /* -------------- Lists -------------- */
ul { ul {
list-style: none;
padding-left: 8px; padding-left: 8px;
list-style: none;
} }
ul ol { ul ol {
padding: 0 0 0 30px;
margin: 0.5em 0; margin: 0.5em 0;
padding: 0 0 0 30px;
list-style: none; list-style: none;
} }
@ -252,8 +237,8 @@ ul ol {
.clearfix:before, .clearfix:before,
.clearfix:after { .clearfix:after {
content: " ";
display: table; display: table;
content: " ";
} }
.clearfix:after { .clearfix:after {

33
index.html
View File

@ -12,19 +12,6 @@
<link rel="stylesheet" href="css/lemonade.css"> <link rel="stylesheet" href="css/lemonade.css">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head> </head>
<body> <body>
@ -73,15 +60,15 @@
</div> </div>
<div class="bit-2"> <div class="bit-2">
<a onclick="_gaq.push(['_trackEvent', 'Download', 'mini'])" href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_mini.zip"> <a href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_mini.zip">
<button class="gray">Download mini</button> <button class="gray">Download mini</button>
</a> </a>
<small>3 MB zipped &nbsp;:&nbsp; 7 MB</small> <small>3 MB zipped &nbsp;:&nbsp; 7 MB</small>
</div> </div>
<div class="bit-2"> <div class="bit-2">
<a onclick="_gaq.push(['_trackEvent', 'Download', 'full'])" href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_full.zip"><button class="blue">Download full</button></a> <a href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_full.zip"><button class="blue">Download full</button></a>
<small>(with msysgit) 115 MB zipped &nbsp;:&nbsp; 250 MB </small> <small>(with msysgit) 115 MB zipped &nbsp;:&nbsp; 250 MB </small>
<small> <em><a onclick="_gaq.push(['_trackEvent', 'Download', 'full', '7z'])" href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_full.7z">Shockingly small 23 MB 7z </a></em> </small> <small> <em><a href="https://github.com/bliker/cmder/releases/download/v1.0.0/cmder_full.7z">Shockingly small 23 MB 7z </a></em> </small>
</div> </div>
<div id="installation"> <div id="installation">
@ -162,5 +149,19 @@
<small>Samuel Vasko ~ sometime in 2013</small> <small>Samuel Vasko ~ sometime in 2013</small>
</footer> </footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-35740802-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body> </body>
</html> </html>