mirror of
https://github.com/cmderdev/cmder.git
synced 2025-07-18 13:39:50 +08:00
Fixes here and there
This commit is contained in:
Samuel Vasko
123
css/main.css
123
css/main.css
@ -25,93 +25,84 @@ img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* -------------- General Styles -------------- */
|
||||
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.4;
|
||||
font-family: 'Lato', sans-serif;
|
||||
background-color: Whitesmoke;
|
||||
font-size: 0.9em;
|
||||
font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin: 2em auto;
|
||||
padding: 0 0 2em 0;
|
||||
width: 80%;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 8px 3px #eee;
|
||||
-moz-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 {
|
||||
widows: 100%;
|
||||
margin: 0 auto;
|
||||
widows: 100%;
|
||||
}
|
||||
|
||||
/* -------------- Typography -------------- */
|
||||
|
||||
a {
|
||||
color: #1E90FF;
|
||||
}
|
||||
|
||||
p {
|
||||
padding-left: 8px;
|
||||
}
|
||||
a { color: #1E90FF; }
|
||||
p { padding-left: 8px; }
|
||||
|
||||
h2 {
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: lighter;
|
||||
color: #444;
|
||||
padding: 0 1em;
|
||||
font-size: 1.2em;
|
||||
color: #444;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h2:before, h2:after {
|
||||
content: "";
|
||||
width: 50%;
|
||||
margin: 0.5em auto;
|
||||
display: block;
|
||||
background-color: #eee;
|
||||
margin: 0.5em auto;
|
||||
width: 50%;
|
||||
height: 1px;
|
||||
background-color: #eee;
|
||||
content: "";
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3em;
|
||||
margin: 2.3em 0 0 0;
|
||||
padding: 8px;
|
||||
background-color: #eee;
|
||||
color: #222;
|
||||
text-indent: 0.2em;
|
||||
letter-spacing: 0.2em;
|
||||
font-weight: normal;
|
||||
text-indent: 0.2em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 1em 0;
|
||||
color: #444;
|
||||
text-indent: 8px;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-size: 1.1em;
|
||||
margin: 1em 0;
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 1.1em;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #C4C4C4;
|
||||
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);
|
||||
display: block;
|
||||
padding: 12px 0;
|
||||
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;
|
||||
-moz-transition: background-color 0.3s;
|
||||
-ms-transition: background-color 0.3s;
|
||||
@ -120,8 +111,8 @@ button {
|
||||
}
|
||||
|
||||
button:hover {
|
||||
box-shadow: 0px 0px 1px 0px #ddd;
|
||||
background-color: #ccc;
|
||||
box-shadow: 0px 0px 1px 0px #ddd;
|
||||
}
|
||||
|
||||
button.gray { float: right; }
|
||||
@ -131,24 +122,24 @@ button.blue:hover { background-color: #5dade2; }
|
||||
/* -------------- Modules -------------- */
|
||||
|
||||
header {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-family: 'Lato', sans-serif;
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 1.6em;
|
||||
font-weight: normal;
|
||||
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 {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
#title_image { width: 120%; margin-left: -10%; }
|
||||
#title_image { margin-left: -10%; width: 120%; }
|
||||
}
|
||||
|
||||
main {
|
||||
@ -156,27 +147,21 @@ main {
|
||||
}
|
||||
|
||||
#logo, #pitch {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#logo {
|
||||
top: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#pitch {
|
||||
top: 100px;
|
||||
font-size: 0.6em;
|
||||
font-style: italic;
|
||||
color: #222;
|
||||
text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5)
|
||||
}
|
||||
|
||||
#logo img {
|
||||
height: 40px;
|
||||
text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5);
|
||||
font-style: italic;
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
#logo { top: 50px; }
|
||||
#logo img { height: 40px; }
|
||||
|
||||
.information img {
|
||||
width: 100%;
|
||||
@ -203,22 +188,22 @@ main {
|
||||
}
|
||||
|
||||
.download small {
|
||||
margin: 0.5em 0 0;
|
||||
display: inline-block;
|
||||
margin: 0.5em 0 0;
|
||||
}
|
||||
|
||||
footer small {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #eee;
|
||||
padding: 1px 3px;
|
||||
font-family: Consolas, monaco, monospace;
|
||||
border-radius: 2px;
|
||||
background-color: #eee;
|
||||
font-size: 0.9em;
|
||||
font-family: Consolas, monaco, monospace;
|
||||
}
|
||||
|
||||
.flushright {
|
||||
@ -228,13 +213,13 @@ code {
|
||||
/* -------------- Lists -------------- */
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 8px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul ol {
|
||||
padding: 0 0 0 30px;
|
||||
margin: 0.5em 0;
|
||||
padding: 0 0 0 30px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@ -252,8 +237,8 @@ ul ol {
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
|
||||
Reference in New Issue
Block a user