adminer.css

/*
Ok, it's a mess. You don't have to read it!
*/

body {
	font-family: "Segoe UI", Tahoma, sans-serif;
}

body a[href^="#"] {
	color:#000; text-decoration: none; border-bottom: 1px dotted #999;
}

h3 {
	margin-top: 2em;
}

.jush-bac {
	color:#22c !important;
}

a {
	text-decoration: none;
}

a:hover {
	color:#000; /*text-decoration: none;*/
}

fieldset {
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px; 
	border-color: #ccc;
}

/*
	@group Headers (visually)
*/

#menu .logout {
	border-bottom:0; height:auto; padding: 0;
}


/*
	@end
*/

/*
	@group Sidebar (visually)
*/

#menu {
	margin:0;  padding:0;
	position:static; float:left; margin-left:-100%;
	width:25%; padding-top:80px;
	line-height:1.4;
}

	/* header "adminer 2.3.2" */
	h1 {
		margin:0; padding:0;
		position: fixed; left:0; top:0;
		width:25%; height:60px;
		border-bottom: 1px solid #bbb;
		opacity: .96;
		background: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0, rgb(233,233,233)),
		    color-stop(1, rgb(207,207,207))
		);
		background: -moz-linear-gradient(
		    center top,
		    rgb(233,233,233) 0%,
		    rgb(207,207,207) 100%
		);
	    border-bottom: 1px solid rgb(64%, 64%, 64%);
		line-height:60px; text-indent:20px; color: #fff;
	}
	
	#h1 {
		font-weight:bold; color:#666; font-style:normal;
	}

	#menu a {
		padding:1px; margin-right:4px;
		color:#000; font-size:small; text-decoration: none;
	}
	
		#menu a:hover {
			font-weight:bold;
		}
	
	/* add table link */
	
	#menu > form > p > a[href$="&create="] {
		padding:6px;
		color:green;
	}
		
		#menu a[href$="&create="]:before {
			content: '✚   ';
		}
	
	
	/*  */
	
	#tables a[href*="&select="] {
		position: relative;
		display:inline-block; width:17px; overflow:hidden; color:transparent;
	}

	#tables a[href*="&select="]:after {
		position: absolute; left:0; top:0; z-index: -1;
		content:'◉';
		width:20px; height:6px; padding:3px;
		color:#999;
	}

	#tables a.active[href*="&select="]:after,
	#tables a[href*="&select="]:hover:after,
	#tables a[href*="&select="] b:after {
		position: absolute; left:0; top:0; z-index: 2;
		content:'◉';
		width:20px; height:6px; padding:3px;
		color:#000;
	}

	/*
	#menu form+form, #menu #tables {
		position: fixed; left:0; top:100px; width:25%;
	}

	#menu #tables {
		max-height:100%; padding-top:130px; overflow-y:auto;
	}
	*/
	/* @todo ev. position fixed for whole sidebar (not simple) */

/*
	@end
*/

/*
	@group Sidebar (based on HTML position, not visual)
*/



/* languages */
#lang { 
	position: absolute; left:auto; left:120px; top:0px; z-index:3;
	font-size:11px; line-height:60px; text-decoration: underline; text-transform:lowercase;
	opacity:0.5;
}

#lang:hover {
	opacity:1;
}

	#lang select {
		display:none;
	}
	
	#lang:hover select {
		display: inline-block;
	}

/* logout */
input[name="logout"] {
	position:fixed; right:15px; top:22px;
}

/*
	@end
*/

/*
	@group Content: main
*/


#content {
	margin:0; padding:155px 0 50px 0;
	position: static; float:left; margin-left:25%;
	width:75%;
}

#content > * {
	margin-left:20px; margin-right:20px;
}


	#content h2 {
		margin:0; padding:0;
		position:fixed; left:25%; top:0; margin-left:-1px;
		width:75%;
		border-bottom: 1px solid #bbb;
		opacity: .96;
		background: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0, rgb(233,233,233)),
		    color-stop(1, rgb(207,207,207))
		);
		background: -moz-linear-gradient(
		    center top,
		    rgb(233,233,233) 0%,
		    rgb(207,207,207) 100%
		);
		font-weight:bold; line-height:60px; text-indent:20px; color: #000;
	}

/* breadcrumbs */
#breadcrumb {
	margin:0; padding:0;
	position:absolute; top:75px; left:25%; 
	background:url() no-repeat;
	text-indent: 20px; 
}

/* Dump link */

#menu .logout a {
	margin:0; padding:2px 4px;
	position:absolute; left:25%; top:110px;
	border-radius:3px; border: 1px solid #053AC0;
	/*color:#fff;*/ margin-left:130px; text-transform: uppercase; font-size:11px; text-decoration: none;
}

#menu .logout a:after {
	content:' ▼'; font-weight:bold; color: #053AC0;
}

/* SQL command link */
body #menu .logout a[href$="sql="] {
	margin-left: 20px;
	border: 1px solid green;
}

body #menu .logout a[href$="sql="]:after {
	content:'';
}
body #menu .logout a[href$="sql="]:before {
	content:'▲ '; font-weight:bold; color: green;
}


/*
	@end
*/

/*
	@group Content: details
*/



#content p > a {
	margin-right:1ex; 
	color: #333;
}

#content p > a[href$="&database="],
#content p > a[href*="&edit="] {
	/*color:green !important;	*/
}

#content p > a[href*="&edit="]:before {
	content: '✚  ';
}

/*
	@group Messages
*/

.message {
	background-color:#D0EE76;
	color:#000;
}

.error {
	background-color:#fbb;
	color: #000;
}

	.message a,
	.error a {
		margin-left:1em;
		color:#000; opacity:0.5; font-size:smaller;
	}

/*
	@end
*/



#menu p {
	border-bottom: 0;
	/*padding:20px;*/ /* wtf? */
}

#menu form + form p:first-child:before {
	content:"  Database:"; font-size:11px; /*display: block; margin-bottom: 2px;*/ font-size: 13px;
}

#menu form + form p:first-child {
	border-bottom: 1px solid #eee;
}




/*
	@group Tables
*/

table {
	border:1px solid #ccc;
}

thead tr > * {
	padding:5px 1em;
	border-bottom: 1px solid #bbb;
	background-color: #fff;
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, rgb(233,233,233)),
	    color-stop(1, rgb(207,207,207))
	);
	background: -moz-linear-gradient(
	    center top,
	    rgb(233,233,233) 0%,
	    rgb(207,207,207) 100%
	);
	text-align: left; 
	/*white-space: nowrap !important; text-overflow: ellipsis; overflow: hidden !important;*/
}

td, th {
	padding: 2px 1em;
	border:0; border-right: 1px solid #bbb; 
}


th {
	background-color: transparent;
}

thead tr:hover > * {
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, rgb(233,233,233)),
	    color-stop(1, rgb(207,207,207))
	);
	background: -moz-linear-gradient(
	    center top,
	    rgb(233,233,233) 0%,
	    rgb(207,207,207) 100%
	);
}

	thead a {
		color:#333; text-decoration: none;
	}

tr.odd > * {
	background-color: #f2f7ff;
}

tbody tr:hover > * {
	background-color: #E2E9F7 !important;
}

/*
	@end
*/

/*
	@group Pagination
*/

#content .pages {
	margin:1em 0 2em;
}

#content .pages a {
	padding:3px 5px; margin:0 1px;
	border:1px solid #ccc; 
	-moz-border-radius:    3px; 
	-webkit-border-radius: 3px; 
	border-radius:         3px; 
	text-decoration:none; color: #000;
}

#content .pages a:hover {
	border-color: #888;
}


/*
	@end
*/
/*
	@end
*/