1
0
Fork 0
easejs/style.css

844 lines
12 KiB
CSS
Raw Normal View History

/**
* ease.js color scheme
*
* Inspired by Tango Icon Theme
*/
2014-02-01 00:48:46 -05:00
@font-face {
font-family: Open Sans;
src: url('fonts/OpenSans-Regular.woff');
}
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;
2014-02-01 00:48:46 -05:00
font-family: Open Sans, arial, serif;
2011-03-23 22:34:44 -04:00
font-size: 16px;
2014-02-01 00:48:46 -05:00
line-height: 1.25em;
/* for use with manual pages */
border: none !important;
}
2014-02-01 00:48:46 -05:00
pre {
line-height: 1.25em;
}
2012-05-05 18:05:59 -04:00
a, a:active, a:link {
color: #204a87;
text-decoration: none;
}
a:visited {
color: #488acf;
}
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-width: 2px 0px 4px 0px;
border-color: #204a87;
border-style: solid;
}
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: #101010;
2011-03-23 22:34:44 -04:00
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;
2014-02-01 00:48:46 -05:00
line-height: 1.1em;
}
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.5em;
2011-03-24 00:01:26 -04:00
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%
);
box-shadow: 0.05em 0.1em #ce5c00;
2011-03-24 22:22:31 -04:00
}
a.btn:hover {
text-decoration: none;
}
a.btn:active {
position: relative;
box-shadow: none;
/* to replace shadow; appear depressed */
left: 0.05em;
top: 0.1em;
}
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%
);
box-shadow: 0.05em 0.1em #4e9a06;
2011-03-24 22:22:31 -04:00
}
.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;
}
.headline {
position: relative;
background-image: url( 'images/dvsup.png' );
padding: 1em 2em;
margin: -0.5em -2em 0em -2em;
border-width: 0px 2px 2px 2px;
border-color: #2e3436;
border-style: solid;
border-radius: 0em 0em 1em 1em;
color: #d3d7cf;
font-variant: small-caps;
}
.headline ul a:not(.subtle) {
color: #488acf;
}
.headline h3 {
display: inline-block;
width: 400px;
text-align: center;
font-size: 2em;
font-weight: normal;
line-height: 1.5em;
color: #f57900;
text-shadow: #f57900 1px 0px; /* very slight bold effect */
margin: 0.5em 0em;
}
.headline .info,
.headline .info3 {
position: absolute;
width: 300px;
top: 1.5em;
right: 1em;
margin-right: 2em;
}
.headline .info3 {
/* 3-line title */
top: 2.5em;
}
/** index **/
.btn.download {
float: right;
margin-top: 0.65em;
margin-right: 1em;
text-shadow: #4e9a06 1px 1px,
#4e9a06 -1px -1px;
}
.btn.download .note {
position: relative;
top: 0.55em;
font-size: 0.45em;
font-style: italic;
}
2014-03-14 23:47:09 -04:00
.btn.download .inner:before {
position: relative;
top: 0.25em;
font-size: 1.25em;
padding-right: 0.25em;
text-decoration: underline;
content: '⇩';
}
.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;
line-height: 1.2em;
font-weight: bold;
}
span.release-current .version {
font-weight: normal;
}
span.release-current .date {
font-size: 0.9em;
float: right;
}
ul.dlopts {
font-size: 1.1em;
}
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;
}
/** Free JS */
#menu ul #whyfreejs {
position: absolute;
text-align: right;
line-height: 1.25em;
font-variant: small-caps;
2014-03-12 23:17:18 -04:00
right: 0em;
width: 8em;
margin: -3.25em 0em 0em 0em;
}
#menu ul #whyfreejs a {
margin: 0em;
padding: 0em 0.5em;
color: #f57900;
}
#menu ul #whyfreejs a:hover {
background-color: inherit;
}
body.whyfreejs #menu ul #whyfreejs {
visibility: hidden;
}
body.whyfreejs #content {
text-align: justify;
}
body.whyfreejs #content h3 {
/* original body font */
font-family: arial, serif;
}
body.whyfreejs .essay {
position: relative;
background-image: url('//www.gnu.org/graphics/another-gnu-type-sm.png');
background-position: bottom right;
background-repeat: no-repeat;
background-color: white;
border: 1px solid #888a85;
border-width: 0.25em 1px;
border-radius: 0.5em;
margin: 0em 5em;
padding: 1em;
}
body.whyfreejs .essay p:first-child {
margin-top: 0em;
}
body.whyfreejs .essay .firsts {
font-variant: small-caps;
font-size: 1.1em;
}
body.whyfreejs .essay .sign {
font-variant: small-caps;
text-align: right;
font-size: 0.9em;
margin-top: -1em;
}
2014-03-12 22:40:10 -04:00
a.subtle,
body.whyfreejs .essay .sign a {
color: inherit;
}
body.whyfreejs .essay dl dt.imp {
font-weight: bold;
}
body.whyfreejs .essay dl dt.imp+dd {
margin-bottom: 1em;
}
body.whyfreejs .essay dl dd {
margin-left: 1.5em;
}
body.whyfreejs p.imgattr {
display: inline-block;
position: absolute;
margin: -1em 0px;
padding: 0px;
font-size: 0.7em;
2014-03-13 21:14:01 -04:00
/* these "vendor"-specific prefixes can one day be removed; indeed, modern
* versions of FF do not need the -moz- prefix; it's included for slightly
* out-of-date browsers */
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 30em;
right: -14.5em;
bottom: 16em;
}
body.whyfreejs p.imgattr a {
color: #888a85;
}
blockquote.quote {
font-style: italic;
}
/* 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;
}
2017-10-31 23:30:14 -04:00
/*
Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #F0F0F0;
}
/* Base color: saturation 0; */
.hljs,
.hljs-subst {
color: #444;
}
.hljs-comment {
color: #888888;
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
font-weight: bold;
}
/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
color: #880000;
}
.hljs-title,
.hljs-section {
color: #880000;
font-weight: bold;
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #BC6060;
}
/* Language color: hue: 90; */
.hljs-literal {
color: #78A960;
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
color: #397300;
}
/* Meta color: hue: 200 */
.hljs-meta {
color: #1f7199;
}
.hljs-meta-string {
color: #4d99bf;
}
/* Misc effects */
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}