1
0
Fork 0
easejs/style.css

526 lines
7.6 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 {
background-color: #eeeeec;
background-image: url( 'images/rough_diagonal.png' );
background-repeat: both;
2011-03-23 22:34:44 -04:00
margin: 0px 0px 1.5em 0px;
padding: 0;
font-family: arial, serif;
font-size: 16px;
/* for use with manual pages */
border: none !important;
}
2012-05-05 18:05:59 -04:00
a, a:active, a:link {
color: #204a87;
text-decoration: none;
}
a:visited {
color: #729fcf;
}
2012-05-05 23:05:36 -04:00
a:hover {
text-decoration: underline;
}
2011-03-23 22:34:44 -04:00
#header {
position: relative;
background-color: #2e3436;
background-image: url( 'images/dvsup.png' );
background-repeat: both;
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;
background-color: rgba( 255, 255, 255, 0.5 );
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,
2013-12-23 22:28:13 -05:00
body.news #news a,
body.download #download a,
2013-12-25 00:40:43 -05:00
body.manual #manual a,
body.bugs #bugs a,
2011-11-23 23:33:52 -05:00
body.source #source a {
2011-11-06 00:27:17 -04:00
background-color: #204a87;
}
body.index #about a,
2013-12-23 22:28:13 -05:00
body.news #news a,
body.download #download a,
2013-12-25 00:40:43 -05:00
body.manual #manual a,
body.bugs #bugs a,
2011-11-23 23:33:52 -05:00
body.source #source a {
2011-11-06 00:27:17 -04:00
color: #f57900;
2011-03-23 22:34:44 -04:00
}
2012-05-05 18:05:59 -04:00
.footer p {
2011-03-23 22:34:44 -04:00
margin: 0;
2012-05-05 18:05:59 -04:00
padding: 0.1em;
2011-03-23 22:34:44 -04:00
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;
}
2012-05-05 18:05:59 -04:00
.footer p.copyright {
margin-top: 1em;
}
.footer p a, .footer p a:link {
2011-11-06 00:27:17 -04:00
color: #2e3436;
2011-03-23 22:34:44 -04:00
}
.btn, a.btn {
2011-03-24 22:22:31 -04:00
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 0px 0px 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
}
a.btn:hover {
text-decoration: none;
}
2011-03-24 22:22:31 -04:00
.btn.go {
2011-03-24 22:22:31 -04:00
border: 1px solid #4e9a06;
background-color: rgb(116,210,22);
2011-03-24 22:22:31 -04:00
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 {
font-size: 1.5em;
2011-03-24 22:22:31 -04:00
}
.btn.large {
font-size: 2em;
2011-03-24 22:22:31 -04:00
}
#try-console {
width: 99%;
height: 10em;
font-size: 0.8em;
font-family: monospace;
}
blockquote.git-clone,
blockquote.shell
{
font-family: monospace;
font-weight: lighter;
}
span.shell-start {
font-weight: normal;
2011-03-24 22:22:31 -04:00
}
#content .head {
display: block;
width: 100%;
padding: 1em;
margin: -0.5em -1em 1em -1em;
border-bottom: 1px solid #babdb6;
}
#content .head.good {
background-color: rgb(116,210,22);
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%
);
border-bottom-color: #4e9a06;
}
2011-03-24 22:22:31 -04:00
/** index **/
.btn.download {
float: right;
margin-top: 0.6em;
}
.btn.download .note {
font-size: 0.4em;
font-style: italic;
}
.info {
clear: both;
2011-11-23 23:33:52 -05:00
}
a.man:before {
/* →  */
content: '\2192\00a0';
}
/** download **/
span.release-current {
font-size: 1.2em;
font-weight: bold;
}
span.release-current .version {
font-weight: normal;
}
span.release-current .date {
font-size: 0.6em;
}
2013-12-23 22:28:13 -05:00
/** news **/
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;
}
div.git-commit-body pre {
font-size: 0.8em;
}
.bigemph {
font-size: 1.7em;
}
h3 > .anchor {
display: none;
}
h3 > .anchor > a {
text-decoration: none;
color: inherit;
float: right;
}
h3:hover > .anchor {
display: inline;
}
h3.bigemph {
border-bottom: 2px solid rgba( 226, 226, 223, 0.75 );
padding-bottom: 0.2em;
}
pre.js, div.float {
background-image: url( 'images/cross_scratches.png' );
background-repeat: both;
border: 1px solid #babdb6;
border-radius: 0.25em;
font-size: 0.9em;
padding: 1em;
}
/* from manual (overrides some of the styles above) */
div.float {
padding: 0;
}
div.float pre.verbatim,
div.float table {
background-color: transparent; /* for those who don't support rgba */
}
a.top {
float: right;
}
div.node {
background-color: rgba( 220, 220, 220, 0.15 );
border-bottom: 1px solid #babdb6;
margin: -0.5em -1em 1em -1em; /* negate #content padding */
padding: 1em;
}
div.node p {
margin: 0;
padding: 0;
}
div.node hr {
display: none;
}
/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
Modified slightly from its original by Mike Gerwitz
*/
pre .comment,
pre .template_comment,
pre .diff .header,
pre .javadoc {
color: #998;
font-style: italic
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .lisp .title,
pre .subst {
color: #000;
font-weight: bold
}
pre .number,
pre .hexcolor {
color: #40a070
}
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula {
color: #d14
}
pre .title,
pre .id {
color: #900;
font-weight: bold
}
pre .javascript .title,
pre .lisp .title,
pre .subst {
font-weight: normal
}
pre .class .title,
pre .haskell .label,
pre .tex .command {
color: #458;
font-weight: bold
}
pre .tag,
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {
color: #000080;
font-weight: normal
}
pre .attribute,
pre .variable,
pre .instancevar,
pre .lisp .body {
color: #008080
}
pre .regexp {
color: #009926
}
pre .class {
color: #458;
font-weight: bold
}
pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .lisp .keyword,
pre .tex .special,
pre .input_number {
color: #990073
}
pre .builtin,
pre .built_in,
pre .lisp .title {
color: #0086b3
}
pre .preprocessor,
pre .pi,
pre .doctype,
pre .shebang,
pre .cdata {
color: #999;
font-weight: bold
}
pre .deletion {
background: #fdd
}
pre .addition {
background: #dfd
}
pre .diff .change {
background: #0086b3
}
pre .chunk {
color: #aaa
}
pre .tex .formula {
opacity: 0.5;
}
/* GNU/Linux page fold */
#gnuinside {
position: absolute;
display: block;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
}