haxe.css

haxe.css

var pre_span_color = #009;
var pre_color = #090;

var swf_1 = {
	border 				: 1px solid #0079b9;
	padding				: 1px;
}


CSS('*{
	margin				: 0px;
	padding				: 0px;
}
')


body {

	background-color	: #fec736;
	font-family			: "trebuchet ms", sans-serif;
	font-size			: 10.5pt;
}

a {
	color				: #09598a;
}

strong, b {
	color				: #031E2F;
}

a.broken {
	color				: #e10005;
}

a.file, a.extern {
	background-color	: transparent;
	background-position	: center right;
	background-repeat	: no-repeat;
	margin-right		: 2px;
}

.file {
	background-image	: url('/img/common/file.gif');
	padding-right		: 20px;
}

a.extern {
	background-image	: url('/img/common/extern.gif');
	padding-right		: 16px;
}

.file_zip, .file_tgz, .file_gz {
	background-image	: url('/img/common/zip.gif');
	padding-right		: 17px;
}

.file_exe, .file_dmg {
	background-image	: url('/img/common/exe.gif');
	padding-right		: 17px;
}

.file_gif, .file_jpg, .file_png  {
	background-image	: url('/img/common/img.gif');
	padding-right		: 21px;
}

.file_pdf {
	background-image	: url('/img/common/pdf.gif');
	padding-right		: 16px;
}

.file_txt {
	background-image	: url('/img/common/txt.gif');
	padding-right		: 18px;
}

.file_swf {
	background-image	: url('/img/common/swf.gif');
	padding-right		: 20px;
}

.file_xml {
	background-image	: url('/img/common/xml.gif');
	padding-right		: 20px;
}

em {
	color				: #c35700;
}

h1 {
	color				: #c35700;
	font-size			: 17pt;
	margin-top			: -6px;
	margin-bottom		: 5px;
	a {
		text-decoration		: none;
	}
}


h2 {
	color				: #09598a;
	font-size			: 14pt;
}

p {
	margin-top			: 3px;
	margin-bottom		: 15px;
	text-align			: justify;
}

ul {
	list-style			: none;
}


#swf_1 {$swf_1;}

.view{
	h1 {
		margin-top			: 25px;
	}
	ul {
		list-style-image	: url('/img/haxe/items/ul_spot.gif');
		list-style-position	: outside;
		margin				: 5px 0px 25px 22px;
		ul {
			list-style-image	: url('/img/haxe/items/ul_spot4.gif');
			margin				: 5px 0px 5px 25px;
			li {
				list-style-image 	: url('/img/haxe/items/ul_spot.gif');
				background 			: none;
				padding-left 		: 0px;
				margin-bottom 		: 1px;
			}
		}
		li {
			margin-bottom		: 5px;
			text-align			: justify;
		}
	}
	.biglist {
		ul{
			list-style			: none;
			list-style-image		: none;
			margin-left			: 10px;
		}
		li {
			background-image	: url('/img/haxe/items/ul_spot2.gif');
			background-position	: 0px 2px;
			background-repeat	: no-repeat;
			padding-left		: 24px;
			margin-bottom		: 20px;
			text-align			: justify;
		}
	}
	.align_left {
		float 				: left;
		margin-right 		: 10px;
	}
	.align_right {
		float 				: right;
		margin-left 		: 10px;
	}
	.align_clear {
		display 			: block;
		clear 				: both;
	}
	img {$swf_1;}
}


pre {
	background-color	: #eff8fd;
	border 				: 1px dashed #c2d9e6;
	padding 			: 5px;
	margin 				: 10px 10px 30px 10px;
	overflow			: auto;
}

.diff pre {
	overflow			: auto;
}



pre.xml{
	span { $swf_1;}
	.string{ color : $pre_color;}
}

pre.html{
	span {color : $pre_span_color;}
	.comment .string {color : $pre_color;}
}

pre.haxe .comment {
	color : $pre_color;
}

pre.haxe {
	.kwd {
		color : #009;
		font-weight : bold;
	}
	.type, .number{
		color : #557;
	}
	.string {
		color : red;
	}
	.op {
		font-weight : bold;
	}
}



/* BASIC INPUTS */

input, textarea {
	background-color	: #fff;
	border-style		: none;
}

input.button:hover {
	cursor				: pointer;
}

input.field {
	vertical-align		: middle;
	padding				: 2px;
	border				: 1px solid #97cbeb;
	color				: #09598a;
}

textarea {
	font-family			: "trebuchet ms", sans-serif;
	font-size			: 9pt;
	width				: 640px;
	height				: 300px;
	background-color	: #eef7fd;
	padding				: 5px 0px 0px 5px;
	border				: 1px solid #97cbeb;
}

var button_setting = {
	border-style		: none;
	width				: 110px;
	height				: 34px;
	margin				: 5px 0px 15px 0px;
	font-variant		: small-caps;
}

var button_1 = {
	background			: transparent url('/img/haxe/buttons/button1.png') no-repeat top left;
	color				: #09598a;
}

var button_link ={
	display				: block;
	text-align			: center;
	height				: 28px;
	font-size			: 10pt;
	padding-top			: 6px;
	text-decoration		: none;
}
.content {
	input.button {
		$button_setting;
		$button_1;
		padding-bottom		: 3px;
		font-weight			: bold;
		font-size			: 9.5pt;
		:hover{
			background-image	: url('/img/haxe/buttons/button1_hover.png');
		}
	}
}

span.button{
	a {
		$button_setting;
		$button_1;
		$button_link;
		:hover{
			background-image	: url('/img/haxe/buttons/button1_hover.png');
		}
	}
}

span.button2{
	a{
		$button_setting;
		$button_link;
		background			: transparent url('/img/haxe/buttons/button2.png') no-repeat top left;
		color				: #9d4700;
		:hover{
			background-image	: url('/img/haxe/buttons/button2_hover.png');
		}
	}
}



/* LAYOUT STRUCTURE */

.all { /* haxe_ie6.css */
	background			: #fff url('/img/haxe/bg_main.gif') repeat-x top left;
	background-position	: 0px 0px;
}

.site, .header {
	margin				: 0px auto;
}

.header, .site, .footer {
	background-position	: top left;
	background-repeat	: no-repeat;
}

.header {
	margin-bottom		: -8px;
	height				: 102px;
	background-image	: url('/img/haxe/logo_haxe.gif');
	width				: 1021px;
	.home {
		cursor 	: pointer;
		width 	: 350px;
		height 	: 100px;
		a {
			display		: none;
		}
	}
}



.site {
	width				: 963px;
	min-height			: 720px; /* haxe_ie6.css */
	background-image	: url('/img/haxe/bg_content.gif');
	background-position	: center top;
	padding-top			: 1px; /* ffox bug with notification */

}

.footer {
	background-color	: #fec736;
	height				: 67px;
	text-align			: center;
	padding-top			: 15px;
	background-image	: url('/img/haxe/bg_bottom.png');
	background-repeat	: repeat-x;
	color				: #c35700;
	font-size			: 9pt;
}

.footer a {
	color				: #c35700;
}

.content  {
	padding				: 45px 45px 45px 45px;
	width				: 635px;
}

/* NOTIFICATIONS */

#notification.error {	/* haxe_ie6.css, haxe_ie7.css */
	margin				: 45px 0px -20px 45px;
	padding				: 10px 10px 10px 55px;
	width				: 570px;
	background-position	: top left;
	background-repeat	: no-repeat;
	border-radius	: 5px;
	$error_settings;
	
}

#notification {
	background-color	: #f0f8fd;
	background-image	: url('/img/haxe/items/confirm.gif');
	border				: 1px solid #97cbeb;
	color				: #09598a;
	.error {	/* haxe_ie6.css, haxe_ie7.css */
		margin				: 45px 0px -20px 45px;
		padding				: 10px 10px 10px 55px;
		width				: 570px;
		background-position	: top left;
		background-repeat	: no-repeat;
		border-radius	: 5px;
	}
}

.error{
	$error_settings;
	margin				: 0px 0px 15px 0px;
}


$error_settings = {
	background-color	: #ffefa3;
	background-image	: url('/img/haxe/items/error.gif');
	border				: 1px solid #d85700;
	color				: #bf4d00;	
}



/* CONTENTS */

/*ul.menu {
	display				: inline;
}*/

ul.menu {
	position			: absolute;
	margin-top			: -22px;
	margin-left			: 300px;
	li {
		float				: left;
		position			: relative;
		margin-left			: 35px;
		a {
			font-size			: 12pt;
			color				: #c35700;
			font-weight			: bold;
			text-decoration		: none;
			:hover {
				text-decoration		: underline;
			}
		}
	}
}


.login, .langs, .search, .links {
	font-size			: 9pt;
	width				: 164px;
	position			: absolute;
	margin-left			: 740px;
}

.login {
	margin-top			: 45px;
	p {
		margin				: 0px;
	}
	input.field {
		width				: 100px;
		margin-bottom		: 2px;
	}
	
}

.login h1, .langs h1, .search h1, .links h1 {
	color				: #4381a7;
	font-size			: 11pt;
	border-bottom		: 2px solid #d4ebf9;
	line-height			: 18pt;
	margin-top			: 0px;
}

.login form, .search form {
	margin-top			: 5px;
	text-align			: right;
}

.search input.field {
	width				: 100px;
	margin-bottom		: 2px;
}

.login input.button, .search input.button {
	background-image	: url('/img/haxe/buttons/button_ok.png');
	width				: 40px;
	height				: 25px;
	color				: #09598a;
}

.login input.button:hover, .search input.button:hover {
	background-image	: url('/img/haxe/buttons/button_ok_hover.png');
}

.links {
	margin-top			: 205px;
	li {
		background			: transparent url('/img/haxe/items/ul_spot3.gif') no-repeat left center;
		margin-bottom		: 5px;
		padding-left		: 15px;
	}
}

.search {
	margin-top			: 315px;
	form input {
		vertical-align		: middle;
	}
	input.field {
		margin-top			: 1px;
		width				: 110px;
	}
}




.langs {
	margin-top			: 400px;
	ul {
		li {
			margin-top			: 6px;
		}
		a {
			text-decoration		: none;
		}
		img {
			border-style		: none;
		}
	}
	a.off {
		font-style			: italic;
		color				: #59AEE1;
	}
	a.on {
		font-size			: 10pt;
		font-variant		: small-caps;
	}
	a.current {
		font-weight			: bold;
	}
}


.version, .hierarchy {
	color				: #8a8a8a;
	font-size			: 9pt;
	text-align			: right;
}

.hierarchy {
	margin-top			: -5px;
	margin-bottom		: 10px;
}

ul.buttons {
	height				: 25px;
	margin-top			: 20px;
	li {
		float				: left;
		margin-right		: 10px;
		padding				: 2px 0px;
		background			: #f4fafd url('/img/haxe/buttons/button0.gif') repeat-x bottom left;
		border				: 1px solid #bde1f6;
		font-size			: 9pt;
		min-width			: 20px;
		text-align			: center;
		a {
			text-decoration		: none;
			padding				: 0px 10px;
		}
		:hover {
			background			: #f8fcfe url('/img/haxe/buttons/button0_hover.gif');
			border-color		: #70bdeb;
		}
	}
}



/* EDITOR */

.editor {	
	.tfield {
		font-size			: 13.5pt;
		vertical-align		: middle;
	}
	.field {
		width				: 350px;
		font-size			: 13.5pt;
		padding-bottom		: 4px;
	}
}


/* TABLE HISTORY */

table.history {
	margin-top			: 10px;
	border				: 1px solid #c2d9e6;
	border-collapse		: separate;
	border-spacing		: 1px;
	border-radius	: 5px;
	width				: 100%;
	th {
		color 				: #4381a7;
		font-variant		: small-caps;
		font-size			: 12pt;
		height				: 30px;
		background			: #c8e3f9 url('/img/haxe/items/bg_th1.gif') repeat-x top left;
	}
	tr {
		background-color	: #f1f8fd;
	}
	tr.even {
		background-color 	: #e4f2fc;
	}
	tr:hover {
		background-color	: #ffeec1;
	}
	td {
		font-size			: 9pt;
	    border-left-color	: CSS("#fff #c2d9e6 #c2d9e6 transparent");
		border-style		: solid;
		border-width		: 1px;
	}
}


table.history td, table.history th {
	text-align			: center;
	padding				: 5px 5px;
}


/* WIKI MAP */

ul.map {
		li {
			border-radius	: 10px;
			:hover {
				background-color	: #f2f9fd;
			}
			ul.map {
				margin-left			: 8px;
				border-left			: 1px solid #c2d9e6;
			}
			li {
				margin-left	 		: 30px;
			}
		}
		a {
			text-decoration		: none;
			font-style 			: italic;
		}
		a.has_content {
			font-style 			: normal;
		}
		
}


ul.map .no_content, ul.map .browse {
	width 		: 20px;
	float		: left;
}

ul.map .browse {
	background 			: url('/img/haxe/items/plus.gif') no-repeat left center;
	cursor		: pointer;
}

ul.map .no_content {
	background 			: url('/img/common/txt2.gif') no-repeat 1px center;
}

/* BROWSE */

p.browse {
	text-align			: center;
}

/* API */

.api_index a {
	text-decoration		: none;
	ul {
		margin				: 0;
		list-style-image	: none;
		a {
			display				: block;
		}

		ul {
			margin				: 0 0 0 4px;
			list-style-image	: none;
			ul li:hover {
				background-color	: #fff;
			}
			li:hover {
				background-color	: #f2f9fd;
			}
		}
		li {
			div {
				border-left			: 1px solid #c2d9e6;
				padding				: 2px 0px 0px 4px;
				margin-left			: 8px;
			}
			:hover {
				background-color	: #e6f3fb;
			}
			span.pack {
				padding-left		: 20px;
				background-image	: url('/img/haxe/items/plus.gif');
				background-repeat	: no-repeat;
				font-weight			: bold;
			}
			a.intern {
				padding-left		: 20px;
				background-image	: url('/img/common/txt2.gif');
				background-repeat	: no-repeat;
			}
			 margin				: 0;
			 list-style			: none;
			 list-style-image		: none;
			 border-radius	: 10px;
		}
	}
}




.api_index ul li 
.api {
	a {
		text-decoration		: none;
		:hover {
			text-decoration		: underline;
		}
	}
	.name {
		display 			: block;
		font-size 			: 16pt;
	}
	.pf {
		color 				: #888;
		display 			: block;
	}
	.mod .oop {
		display 			: block;
	}
	.kwd {
		color 				: #09598a;
		font-weight 		: bold;
	}
	.field, .construct {
		display 			: block;
		margin-top 			: 10px;
	}
	.doc {
		padding 			: 5px;
		display 			: block;
		margin-left 		: 10px;
	}
}




/* SEARCH */

ul.results {
	li {
		padding				: 3px 0px 3px 20px;
		background-image	: url('/img/haxe/items/ul_spot4.gif');
		background-position	: 5px 10px;
		background-repeat	: no-repeat;
		margin-bottom		: 5px;
		border-radius	: 10px;
		:hover {
			background-color	: #ffeec1;
		}
	}
	
} 



/* REGISTER */

form.register {
	margin				: 0px;
	span.group { /* haxe_ie6.css, haxe_ie7.css */
		display				: block;
		width				: 235px;
		margin				: 0px auto 5px auto;
	}
	span.tfield, input.tfield { /* haxe_ie6.css, haxe_ie7.css */
		width				: 150px;
		display				: block;
		float				: left;
		position			: relative;
	}
	span.tfield {
		width				: 80px;
		text-align			: right;
		margin-right		: 3px;
		padding-top			: 2px;
	}
	input.button { /* haxe_ie6.css, haxe_ie7.css */
		display				: block;
		margin				: auto;
	}
}


/* USER SHEET */

dl.user {
	padding				: 5px;
	border-radius	: 5px;
	border				: 1px solid #c2d9e6;
	background			: #e7f4fc url('/img/haxe/items/bg_box1.gif') repeat-x top left;
	color				: #09598a;
	min-height			: 100px;
	width				: 300px;
	dt {
		margin-left			: 10px;
		font-weight			: bold;
	}
	 dd {
		margin-left			: 30px;
		margin-bottom		: 5px;
	}
}



/* BOXES */ /* span class '.name' */

.box1, .box2 {
	margin				: 10px;
	padding				: 10px;
	display				: block;
	border-radius	: 5px;
}

.box1 { /* blue */
	background			: #e8f5fc url('/img/haxe/items/bg_box1.gif') repeat-x top left;
	border				: 4px solid #e8f5fc;
	color				: #09598a;
}

.box2 { /* orange */
	background			: #ffefa3 url('/img/haxe/items/bg_box2.gif') repeat-x top left;
	border				: 4px solid #ffefa3;
	color				: #c35700;
}

/* INTRO */

.box_intro {
	width				: 281px;
	height				: 141px;
	display				: block;
	background			: transparent url('/img/haxe/items/box_intro.gif') no-repeat top left;
	padding-top			: 1px; /* ff bug */
	float				: left;
	position			: relative;
	margin-right		: 15px;
	margin-left			: 10px;
	margin-bottom		: 20px;
	.title {
		color				: #ec7a01;
		margin-left			: 85px;
		margin-top			: 20px;
		display				: block;
		position			: absolute;
		:first-letter {
			font-size			: 11pt;
		}
		a {
			color				: #ec7a01;
			font-size			: 16pt;
			font-weight			: bold;
		}
	}
	.img1, .img2, .img3, .img4 {
		background-position	: top left;
		background-repeat	: no-repeat;
		position			: absolute;
	}
	.img1 {
		background-image	: url('/img/haxe/items/intro/intro1.gif');
		width				: 75px;
		height				: 56px;
		margin-left			: 18px;
		margin-top			: 45px;
	}
	.img2 {
		background-image	: url('/img/haxe/items/intro/intro2.gif');
		width				: 87px;
		height				: 57px;
		margin-left			: 9px;
		margin-top			: 45px;
	}
	.img3 {
		background-image	: url('/img/haxe/items/intro/intro3.gif');
		width				: 81px;
		height				: 47px;
		margin-left			: 14px;
		margin-top			: 45px;
	}
	.img4 {
		background-image	: url('/img/haxe/items/intro/intro4.gif');
		width				: 74px;
		height				: 51px;
		margin-left			: 17px;
		margin-top			: 45px;
	}
	.desc {
		font-size			: 9pt;
		width				: 185px;
		margin-left			: 85px;
		margin-top			: 50px;
		position			: absolute;
		z-index				: 1;
		text-align			: left;
		display				: block;
		color				: #09598a;
	}
}

/* FORUM */

.browser {
	text-align : center;
}

table.threads {
	margin-top			: 10px;
	border				: 1px solid #c2d9e6;
	border-collapse		: separate;
	border-spacing		: 1px;
	border-radius	: 5px;
	width				: 100%;
	th {
		color 				: #4381a7;
		font-variant		: small-caps;
		font-size			: 12pt;
		height				: 30px;
		background			: #c8e3f9 url('/img/haxe/items/bg_th1.gif') repeat-x top left;
	}
	td, th {
		text-align			: center;
		padding				: 5px 5px;
	}
	tr {
		background-color	: #f1f8fd;
		:hover {
			background-color	: #ffeec1;
		}
	}
	tr.even {
		background-color 	: #e4f2fc;
	}
	tr.treaded_true:hover, tr.treaded_false:hover {
		cursor : pointer;
	}
	a.title {
		text-decoration : none;
	}
	tr.treaded_false .title {
		font-weight : bold;
	}
	td {
		font-size			: 9pt;
		border-color		: CSS("#fff #c2d9e6 #c2d9e6 transparent");
		border-style		: solid;
		border-width		: 1px;
	}
}


.forum {
	a img {
		border : none;
	}
	ul.msg {
		li {
			margin-top			: 8px;
			border				: 1px solid #c2d9e6;
		}
		.mheader {
			color 				: #4381a7;
			font-variant		: small-caps;
			font-size			: 12pt;
			height				: 36px;
			padding				: 3px;
			background			: #c8e3f9 url('/img/haxe/items/bg_th1.gif') repeat-x top left;
		}
		.mcontent {
			padding : 3px;
			p {
				margin-bottom : 0px;
			}
		}
	} 
}