joshua.css

@import "resources/reset.css";
@font-face {
	font-family:'ProFont';
	src: url('fonts/profont.ttf') format("truetype");
}
* {
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
html, body, #wrapper {
	height:100%;
}
html, body {
	color:#fff;
}
a {
	text-decoration:none;
	color:#fff;
}
h1, h2, h3, h4 {
	cursor:default;
}
#joshua, #output {
	z-index:10;
}
#joshua input {
	display:block;
}
#prompt {
	background-color:transparent;
}
.scratch {
	text-decoration:line-through;
}
.clear {
	clear:both;
}
.toggle, .command, .example, #desktop a, .close, .options li {
	cursor:pointer;
}
.theme-specific {
	display: none;
}

/* tables */
td {
	padding-right:10px;
	vertical-align:top;
}
td .image {
	margin-top:4px;
	margin-right:20px;
}
tr td:last-child {
	padding-right:0;
}
td.command, td.nowrap {
	white-space:nowrap;
}

/* yoda */
.speechBubble {
	background-color: #fff;
	color: #000;
	display: inline-block;
	max-width: 420px; /* hhhehehe */
	padding: 5px 10px;
}
.yoda:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  content: "";
  height: 0;
  margin-left: 7px;
	position: absolute;
  width: 0;
}
.yoda img {
	margin-top: 16px;
}

/* windows */
.window {
	z-index:20;
	display:none;
	width:220px;
	position:absolute;
	top:20px; right:20px;
}
#customize.window {
	z-index:21;
	width:280px;
}
#music.window {
	z-index:21;
}
#music .link {
	display:inline-block;
	width:109px;
	height:13px;
	background-image:url("images/mp3Player.png");
	background-repeat:no-repeat;
	margin-top:10px;
}
/* superplastic */
#superplastic {
	z-index:21;
	width:580px;
	line-height:1;
}

/* malkovich */
#malkovich {
	display:none;
	z-index:30; position:absolute;
	background-image:url("images/malkovich.png");
	width:48px; height:68px;
}

/* miscellaneous */
.image {
	display:inline-block;
	line-height:1px;
}
table.fluid {
	width:auto;
}
#version td:first-child {
	vertical-align:top;
}
#version tr {
	display:none;
}
#version tr.major {
	display:table-row;
}
.menu a {
	display:block;
}
#img .image {
	margin-right:10px;
	margin-bottom:10px;
}

/* inline list */
.options li {
	cursor: pointer;
	display: inline-block;
	text-transform: capitalize;
}
.options .lcars {
	text-transform: uppercase;
}

/* images */
#gallery.window {
	width:468px;
}
#slick {
	width:468px;
	height:468px;
	overflow:hidden;
	position:relative;
}
#slick ul {
	background-image:url("images/backgroundSlick.png");
	top:468px;
	position:absolute;
	z-index:21;
	width:488px;
	padding:10px;
	padding-top:0px;
	padding-left:0px;
}
.thumbs li {
	cursor:pointer;
	display:block;
	float:left;
	line-height:1px;
	margin-left:10px;
	margin-top:10px;
	opacity:0.5;
}
.thumbs li.noMargin {
	margin-left:0;
}
.thumbs li:hover, .thumbs li.activeSlide {
	opacity:1;
}

/* tweaks */
pre.messages {
	white-space:pre-line;
}
pre.messages .dark {
	display:none;
}
p.example {
	display: inline-block;
}

/* content */
pre, .irc, .fixed-width {
	font-family:'Consolas', 'Monaco';
	font-size:11px;
	line-height:1.4em;
}
td.fixed-width {
	white-space: nowrap;
	line-height: inherit;
	vertical-align: middle;
}
pre.ascii {
	line-height:1.2em;
}
.capitalize, .menu a {
	text-transform:capitalize;
}
.output *, input {
	-webkit-user-select:text;
	-moz-user-select:text;
	user-select:text;
}
.icon.light {
	background-color: rgba(255,255,255,.3);
}
.icon.dark {
	background-color: rgba(255,255,255,.1);
}

/* effects */
.brush {
	z-index:30;
	position:absolute;
	width:32px;
	height:32px;
    background: -webkit-radial-gradient(center center, circle contain, white 0%, transparent 100%);
    background: -moz-radial-gradient(center center, circle contain, white 0%, transparent 100%);
    background: -ms-radial-gradient(center center, circle contain, white 0%, transparent 100%);
    background: radial-gradient(center center, circle contain, white 0%, transparent 100%);
}
.overlay {
	display:none;
	position:absolute;
	top:0; left:0; bottom:0; right:0;
	opacity:0.25;
	z-index:99;
	background-color:#000;
}

/* simplemodal */
#modalOverlay {
	background-color:#000;
}
.modalClose {
	cursor:pointer;
}

/* loader */
#loader {
	display:none;
	position:fixed;
	top:20px;right:20px;
	z-index:41;
	height:28px; width:28px;
	background:url('images/loader.png') no-repeat center 6px;
	border:none;
	-webkit-animation:load 0.2s infinite linear;
}
@-webkit-keyframes load {
	0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/* cylon */
#cylon {
	z-index:31;
	position:fixed;	top:0;
	width:120px; height:5px;
	background: -webkit-linear-gradient(left, transparent 0%, red 50%, transparent 100%);
	background: -moz-linear-gradient(left, transparent 0%, red 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, red 50%, transparent 100%);
	background: linear-gradient(left, transparent 0%, red 50%, transparent 100%);
}

/* videos */
#videos.window {
	z-index:21;
	width:560px;
}
#videos iframe, #videos ul {
	margin-top:10px;
}
#videos .menu {
	text-align:left;
	column-count:2;
	column-gap:10px;
	-webkit-column-count:2;
	-webkit-column-gap:10px;
	-moz-column-count:2;
	-moz-column-gap:10px;
}
#videos .menu .button {
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}
#videos input[type="search"] {
	width:560px;
	font-family: Helvetica, Arial;
	font-size: 16px;
	padding: 5px;
	text-indent: 5px;
}

/* pulsar */
.pulsar body {
	-webkit-animation:pulsar 180s infinite linear;
	animation:pulsar 180s infinite linear;
}
@-webkit-keyframes pulsar {
	0% {
		background-color:#004C79;
	}
	25% {
		background-color:#BE6900;
	}
	50% {
		background-color:#A6003D;
	}
	75% {
		background-color:#5AAC00;
	}
	100% {
		background-color:#004C79;
	}
}
@keyframes pulsar {
	0% {
		background-color:#004C79;
	}
	25% {
		background-color:#BE6900;
	}
	50% {
		background-color:#A6003D;
	}
	75% {
		background-color:#5AAC00;
	}
	100% {
		background-color:#004C79;
	}
}

/* contra */
.contra body {
	-webkit-animation: contra 1s 1 linear;
	animation: contra 1s 1 linear;
}
@-webkit-keyframes contra {
	0% {
		background-color:#fff;
	}
	100% {
		background-color:#152521;
	}
}
@keyframes contra {
	0% {
		background-color:#fff;
	}
	100% {
		background-color:#152521;
	}
}

/* matrix */
@font-face {
	font-family:'Matrix';
	src: url('fonts/matrix.ttf') format("truetype");
}
#matrix {
	position:fixed;
	z-index:1;
}
#matrix .thread {
	font-family: 'Matrix';
	position:absolute;
	top:0px;
	color:rgba(255,255,255,0.25);
	overflow:hidden;
	text-overflow:'';
}

/* css effects */
html.drunk {
	-webkit-transition: -webkit-filter 5s linear;
	-webkit-filter: blur(2px);
}
html.invert {
	-webkit-transition: -webkit-filter 250ms linear;
	-webkit-filter: invert(1);
}
html.hipster {
	-webkit-transition: -webkit-filter 250ms linear;
	-webkit-filter: sepia(1);
}