1
0
Fork 0
easejs/style.css

320 lines
4.7 KiB
CSS
Raw Normal View History

/**
* ease.js color scheme
*
* Inspired by Tango Icon Theme
*/
2011-03-23 22:34:44 -04:00
html, body {
2011-11-06 00:27:17 -04:00
background-color: #eeeeec;
2011-03-23 22:34:44 -04:00
margin: 0px 0px 1.5em 0px;
padding: 0;
font-family: arial, serif;
font-size: 16px;
}
2011-03-23 22:34:44 -04:00
#header {
position: relative;
2011-03-23 22:34:44 -04:00
background-color: #2e3436;
color: #babdb6;
2011-03-23 22:34:44 -04:00
}
2011-03-23 01:01:57 -04:00
2011-11-06 00:27:17 -04:00
#header-content {
background-image: url('images/logo.png');
background-repeat: no-repeat;
background-position: 0px 50px;
2011-11-06 00:27:17 -04:00
margin: 0px auto;
height: 150px;
2011-11-06 00:27:17 -04:00
width: 800px;
}
2011-03-23 22:34:44 -04:00
#header h1 {
display: none;
2011-11-06 00:27:17 -04:00
margin: 0.25em 0px 0px 0px;
font-size: 4.5em;
color: #619ddb;
}
#header h1 .suffix {
position: relative;
top: 0.15em;
font-size: 0.8em;
color: #ce5c00;
}
#header h2.desc {
display: none;
2011-11-06 00:27:17 -04:00
position: relative;
top: -1.50em;
left: 0.30em;
font-size: 0.6em;
font-weight: normal;
2011-03-23 22:34:44 -04:00
2011-11-06 00:27:17 -04:00
padding: 0px;
margin: 0px;
}
2011-03-23 01:01:57 -04:00
#content {
position: relative;
2011-03-23 22:34:44 -04:00
background-color: white;
2011-11-06 00:27:17 -04:00
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(255,255,255)),
color-stop(1, rgb(238,238,236))
);
background-image: -moz-linear-gradient(
center top,
rgb(255,255,255) 0%,
rgb(238,238,236) 100%
);
2011-03-23 22:34:44 -04:00
2011-12-14 19:27:05 -05:00
border: 2px solid #babdb6;
border-top: 0px;
border-bottom-width: 4px;
border-radius: 0px 0px 0.5em 0.5em;
-moz-border-radius: 0px 0px 0.5em 0.5em;
2011-12-14 19:27:05 -05:00
2011-03-23 22:34:44 -04:00
margin: 0px auto;
padding: 0.5em 1em 1em 1em;
width: 800px;
2011-11-06 00:27:17 -04:00
font-size: 0.9em;
}
2011-03-23 22:34:44 -04:00
#menu {
2011-11-06 00:27:17 -04:00
background-color: #3465a4;
border-bottom: 4px solid #204a87;
}
2011-03-23 22:34:44 -04:00
#menu ul {
padding: 0px;
2011-11-06 00:27:17 -04:00
height: 3.5em;
2011-03-23 22:34:44 -04:00
margin: 0px auto;
width: 800px;
}
2011-03-23 22:34:44 -04:00
#menu ul li {
list-style: none;
2011-03-23 22:34:44 -04:00
padding: 0px;
float: left;
2011-11-06 00:27:17 -04:00
line-height: 3em;
}
2011-03-23 22:34:44 -04:00
#menu a, #menu a:link {
display: inline-block;
2011-11-23 22:53:28 -05:00
padding: 0.25em 1.25em;
2011-03-23 22:34:44 -04:00
color: #041c40;
text-decoration: none;
font-weight: bold;
}
2011-11-06 00:27:17 -04:00
#menu a:hover,
body.index #about a,
2012-01-04 23:09:00 -05:00
body.blog #blog a,
body.download #download a,
2011-11-23 23:33:52 -05:00
body.man #manual a,
body.source #source a {
2011-11-06 00:27:17 -04:00
background-color: #204a87;
}
body.index #about a,
2012-01-04 23:09:00 -05:00
body.blog #blog a,
body.download #download a,
2011-11-23 23:33:52 -05:00
body.man #manual a,
body.source #source a {
2011-11-06 00:27:17 -04:00
color: #f57900;
2011-03-23 22:34:44 -04:00
}
p.copyright {
2011-03-23 22:34:44 -04:00
margin: 0;
padding: 1em;
2011-11-06 00:27:17 -04:00
color: #2e3436;
2011-12-14 23:20:35 -05:00
font-size: 0.7em;
text-align: center;
}
2011-03-23 22:34:44 -04:00
p.copyright a, p.copyright a:link {
2011-11-06 00:27:17 -04:00
color: #2e3436;
2011-03-23 22:34:44 -04:00
}
2011-03-24 22:22:31 -04:00
.btn {
display: inline-block;
2011-03-24 00:01:26 -04:00
background-color: #f57900;
2011-03-24 22:22:31 -04:00
color: white;
font-weight: bold;
cursor: pointer;
text-align: center;
text-shadow: black 1px 1px 1px;
2011-03-24 00:01:26 -04:00
padding: 0.25em 0.5em;
2011-03-24 22:22:31 -04:00
border: 1px solid #ce5c00;
border-radius: 0.25em;
2011-03-24 00:01:26 -04:00
-moz-border-radius: 0.25em;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(245,123,0)),
color-stop(1, rgb(206,93,0))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(245,123,0) 0%,
rgb(206,93,0) 100%
);
2011-03-24 22:22:31 -04:00
}
.btn.go {
2011-03-24 22:22:31 -04:00
border: 1px solid #4e9a06;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(116,210,22)),
color-stop(1, rgb(139,226,52))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(116,210,22) 0%,
rgb(139,226,52) 100%
);
}
.btn.med {
width: 75px;
2011-03-24 22:22:31 -04:00
font-size: 1.5em;
text-shadow: black 2px 2px 4px;
}
.btn.large {
width: 100px;
font-size: 2em;
text-shadow: black 2px 2px 5px;
}
#try-console {
width: 99%;
height: 10em;
font-size: 0.8em;
font-family: monospace;
}
blockquote.git-clone,
blockquote.shell
{
font-family: fixed;
font-weight: lighter;
}
span.shell-start {
font-weight: normal;
2011-03-24 22:22:31 -04:00
}
/** index **/
.ex {
display: block;
2011-03-24 00:01:26 -04:00
2011-03-24 22:22:31 -04:00
position: relative;
top: -1em;
2011-03-24 22:22:31 -04:00
background-color: white;
2011-03-24 00:01:26 -04:00
border-width: 3px 1px;
border-style: solid;
border-color: #babdb6;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
2011-03-24 00:01:26 -04:00
padding: 0.5em;
float: right;
2011-03-24 22:22:31 -04:00
margin-bottom: 0.5em;
2011-03-24 22:22:31 -04:00
}
.excode {
width: 400px;
height: 10em;
2011-03-24 22:22:31 -04:00
font-family: monospace;
font-size: 0.7em;
white-space: pre;
overflow-y: scroll;
2011-03-24 00:01:26 -04:00
}
.ex textarea {
width: 400px;
height: 10em;
border: none;
margin-bottom: 0.5em;
}
.ex .btns {
border-top: 1px dotted #babdb6;
margin: 0px -0.25em;
padding: 0.25em;
2011-11-23 23:33:52 -05:00
}
.ex .btn {
float: right;
}
.info {
clear: both;
2011-11-23 23:33:52 -05:00
}
/** download **/
span.release-current {
font-size: 1.2em;
font-weight: bold;
}
span.release-current .version {
font-weight: normal;
}
/** blog **/
2012-01-04 23:09:00 -05:00
h3.git-commit {
margin-bottom: 0.1em;
padding-bottom: 0.1em;
}
div.git-commit-author,
div.git-commit-date {
color: #2e3436;
font-size: 0.9em;
}
div.git-commit-date {
font-size: 0.8em;
}