[mirrors/JukeBox.git] / jbx / themes / default / jukebox.css

/*
 * Example CSS for Harvie's JuKe!Box
 */

body {
	color: lightblue;
	font-family: monospace;

	margin: 5px;
	background-color: black;
	background-image: url(corner.gif);
	background-repeat: no-repeat;
}

a {
	color: white;
	text-decoration: none;
}

h1 {
	color: white;
	margin: 15px 0 0 20px;
}

input {
	border: 1px solid lightblue;
}

table * {
	background-color: darkblue;
	color: white;
}

table {
	border: 0px solid blue;
	background-color: black;
}

td {
	border: 0px solid blue;
	margin: 0px;
	padding-left: 3px;
}

.odd * {
	background-color: darkblue;
}

.even * {
	background-color: #000044;
}

.blank {
	margin: 0;
	padding: 0;
	background-image: none;
	color: white;
	background-color: #000099;
}

.directory {
	font-weight: bolder;
}


/* Hovers */

a:hover, a:hover * { text-decoration: underline; }

/*tr:hover, tr:hover * { */
.odd:hover, .odd:hover *,
.even:hover, .even:hover * {
	background-color: black;
}

tr:hover * a {	text-decoration: underline;}

:invalid { 	background-color: pink; }
:focus { 	color:darkblue; }

/* Helpful Classes */

*.hide {	margin:0; padding:0; width:0; height:0; border:none; display:none; }
*.red {		color: red; }
*.yellow {	color: yellow;}
*.blue {	color: blue;}
*.green {	color: green;}
*.white {	color: white;}

/* Icon Classes */

*.icon {
	display:inline-block; width:16px; height:16px;
	margin:0; padding:0; overflow:hidden; 
	text-decoration: none; text-indent: 99999px;
	background-repeat:no-repeat; 
}

.btntd { min-width:75px; }

*.iplay		{ background-image: url(icons/playlist.png); }
*.irplay	{ background-image: url(icons/recursive.png); }
*.ifplay	{ background-image: url(icons/play.png); }
*.ifstop	{ background-image: url(icons/stop.png); }
*.ifolder	{ background-image: url(icons/folder.png); margin-right: 3px; }
*.ilogout	{ background-image: url(icons/logout.png); }
*.isearch	{ background-image: url(icons/search.png); }
*.ihome		{ background-image: url(icons/home.png); }
*.iback		{ background-image: url(icons/back.png); }
*.ihelp		{ background-image: url(icons/help.png); }

*/
Commit	Line	Data
	1	/*
	2	* Example CSS for Harvie's JuKe!Box
	3	*/
	4
	5	body {
	6	color: lightblue;
	7	font-family: monospace;
	8
	9	margin: 5px;
	10	background-color: black;
	11	background-image: url(corner.gif);
	12	background-repeat: no-repeat;
	13	}
	14
	15	a {
	16	color: white;
	17	text-decoration: none;
	18	}
	19
	20	h1 {
	21	color: white;
	22	margin: 15px 0 0 20px;
	23	}
	24
	25	input {
	26	border: 1px solid lightblue;
	27	}
	28
	29	table * {
	30	background-color: darkblue;
	31	color: white;
	32	}
	33
	34	table {
	35	border: 0px solid blue;
	36	background-color: black;
	37	}
	38
	39	td {
	40	border: 0px solid blue;
	41	margin: 0px;
	42	padding-left: 3px;
	43	}
	44
	45	.odd * {
	46	background-color: darkblue;
	47	}
	48
	49	.even * {
	50	background-color: #000044;
	51	}
	52
	53	.blank {
	54	margin: 0;
	55	padding: 0;
	56	background-image: none;
	57	color: white;
	58	background-color: #000099;
	59	}
	60
	61	.directory {
	62	font-weight: bolder;
	63	}
	64
	65
	66	/* Hovers */
	67
	68	a:hover, a:hover * { text-decoration: underline; }
	69
	70	/tr:hover, tr:hover { */
	71	.odd:hover, .odd:hover *,
	72	.even:hover, .even:hover * {
	73	background-color: black;
	74	}
	75
	76	tr:hover * a { text-decoration: underline;}
	77
	78	:invalid { background-color: pink; }
	79	:focus { color:darkblue; }
	80
	81	/* Helpful Classes */
	82
	83	*.hide { margin:0; padding:0; width:0; height:0; border:none; display:none; }
	84	*.red { color: red; }
	85	*.yellow { color: yellow;}
	86	*.blue { color: blue;}
	87	*.green { color: green;}
	88	*.white { color: white;}
	89
	90	/* Icon Classes */
	91
	92	*.icon {
	93	display:inline-block; width:16px; height:16px;
	94	margin:0; padding:0; overflow:hidden;
	95	text-decoration: none; text-indent: 99999px;
	96	background-repeat:no-repeat;
	97	}
	98
	99	.btntd { min-width:75px; }
	100
	101	*.iplay { background-image: url(icons/playlist.png); }
	102	*.irplay { background-image: url(icons/recursive.png); }
	103	*.ifplay { background-image: url(icons/play.png); }
	104	*.ifstop { background-image: url(icons/stop.png); }
	105	*.ifolder { background-image: url(icons/folder.png); margin-right: 3px; }
	106	*.ilogout { background-image: url(icons/logout.png); }
	107	*.isearch { background-image: url(icons/search.png); }
	108	*.ihome { background-image: url(icons/home.png); }
	109	*.iback { background-image: url(icons/back.png); }
	110	*.ihelp { background-image: url(icons/help.png); }
	111
	112	*/