gadjo/gadjo/static/css/gadjo.css

/* generalities */

@font-face {
	font-family: 'FontAwesome';
	src: url('../xstatic/fonts/fontawesome-webfont.eot?v=4.1.0');
	src: url('../xstatic/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../xstatic/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../xstatic/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../xstatic/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0;
	font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
	background: #eee;
	color: #3c3c33;
}

a {
	color: #0066cc;
	text-decoration: none;
	border-width: 0;
	border-bottom: 1px dotted #ff9900;
	-webkit-transition: color 200ms ease-out;
}

a:hover {
	color: #003388;
	border-style: solid;
}

a img {
	border: 0;
}

dl dt {
	margin : 0;
	padding : 0 0 0 0;
}

dl dd {
	margin : 0.3em 0 1.5em 10px;
}

span.error-message {
	color: #e00;
	font-weight: bold;
}

span.warning {
	background-color: orange;
}

.clear {
	clear: both;
}


/* from top to bottom */

/* top bar */

div#top {
	background: black;
	color: #eee;
	text-align: right;
	line-height: 200%;
}

div#top a {
	color: #aaa;
	font-weight: normal;
}

div#top a:hover {
	color: #888;
	border: 0;
}

ul.user-info {
	margin: 0;
	padding: 0;
	font-size: 85%;
	font-weight: bold;
}

ul.user-info li {
	display: inline;
	padding-left: 10px;
	padding-right: 3em;
}

ul.user-info a {
	border: none;
}

/* header */

div#header {
	background: #ff7800;
	background: linear-gradient(to bottom, #f13600 5%, #ff7800 30%) top right no-repeat;
	color: white;
	padding-left: 25px;
	border-bottom: 1px solid #888;
	position: relative;
	height: 92px;
}

div#header h1:after {
	content: "";
	display: block;
	background: url(../images/banner-green.jpg) top right no-repeat;
	position: absolute;
	top: 0;
	right: 0px;
	width: calc(100% - 15em);
	max-width: 75%;
	height: 100%;
}

div#header h1 {
	margin: 0;
	padding: 15px 0 25px 0;
	font-weight: normal;
	text-shadow: 0 2px 15px black;
}

/* main content */

div#main-content {
	width: 95%;
	margin-left: 2%;
	padding: 0 6px;
	border: 1px solid #888;
	border-width: 0 1px 1px 0;
	background: white;
	float: left;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

div#main-content h2 {
	font-weight: normal;
}

/* breadcrumb */

p#breadcrumb {
	padding: 5px 0px;
	font-size: 110%;
}

p#breadcrumb a {
	background: #ccc;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border: 1px solid #bbb;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	padding: 4px 12px;
	border-radius: 2px;
	color: black;
	text-decoration: none;
	font-size: 90%;
}

p#breadcrumb a:hover {
	text-decoration: underline;
}

/* page content */

div#content {
	margin: 1em 1ex;
	padding: 7px;
	position: relative;
}

div#content h2 {
	margin-top: 0;
	font-weight: normal;
	color: #656551;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 25px;
	margin-bottom: 20px;
	padding: 0 0 10px 15px;
	position: relative;
	top: 4px;
	border-bottom: 1px dotted #d8d8d8;
}

div#appbar a {
	position: relative;
	top: -45px;
	float: right;
	margin-left: 2em;
}

table.main {
	width: 100%;
}

table.main th {
	font-weight: normal;
	border-bottom: 1px solid #888;
}

table.main td {
	text-align: center;
}

table.main tr td.checkbox {
	width: 1em;
}

table.main tr:nth-child(odd) td {
	background: #eee;
}

table.main tr:hover td {
	background: #ccf;
	cursor: pointer;
}

table.main tr.active td {
	background: #bbf;
}


/* zone selection */

ul.apps {
	margin-top: 2em;
	margin-bottom: 2em;
}

ul.apps li {
	display: block;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

ul.apps li a {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

ul.apps li a {
	display: block;
	width: 120px;
	height: 30px;
	padding-top: 90px;
	font-weight: bold;
	text-align: center;
	border: 1px dotted #666;
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	color: #FF7800;
}

ul.apps li a:hover {
	border: 1px solid #333;
	color: #FF7800;
}

/* footer */

div#footer {
	clear: both;
	margin-left: 2%;
	font-size: 60%;
	width: 96%;
}

/* icons */

[class^="icon-"]:after, [class*=" icon-"]:after,
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
}
a[class^="icon-"], a[class*=" icon-"] {
	display: inline-block;
	text-decoration: none;
	border: none;
	color: #FF7800;
}

.icon-home-space:before           { content: "\f015  "; }
.icon-remove-sign:before          { content: "\f057"; }

/* misc */

div.bo-block {
	border: 1px solid #e4e4e4;
	background: #fcfcfc;
	color: #505050;
	margin: 1em;
	padding: 1ex;
}

div.bo-block h2 {
	margin: 0;
	border-bottom: 1px solid #bcbcbc;
	color: #474747;
}

div.dimmed-block h2 {
	color: #808080;
}

div.bo-block ul {
	padding-left: 2em;
	padding-bottom: 1ex;
}

div.big-msg-info {
	background: transparent url(../images/info-icon.png) 5px 5px no-repeat;
	width: 30em;
	padding-left: 90px;
	margin: 3em auto;
	min-height: 90px;
	padding-top: 20px;
}

p.paginator a,
p.paginator span {
	padding: 2px 5px;
	border: 1px solid #aaa;
}

/* widgets & dialogs */

textarea:focus,
input[type="text"]:focus,
textarea,
input[type="text"] {
	border: 1px solid #bbb;
	padding: 5px 8px;
	background: white;
	color: black;
	box-shadow: inset 0 1px 3px #ddd;
}

textarea:focus,
input[type="text"]:focus {
	box-shadow: 0 0 0px 1px #1999cd;
}


button::-moz-focus-inner {
	border: 0;
	padding: 1px 0 -1px 0;
	margin: -3px 0 1px 0;
}

a.button, button, input[type=submit] {
	line-height: 100%;
	cursor: pointer;
	border: 1px solid #b7b7b7;
	border-radius: 1px;
	color: #424258;
	padding: 1ex 2ex;
	text-decoration: none;
	background: #aaaaaa;
	background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee);
	box-shadow: 0 2px 2px 0px #ddd;
}

a.button {
	padding-bottom: calc(1ex + 1px);
}

a.button.disabled, button[disabled] {
	background: #f9f9f9;
	color: #888;
	box-shadow: none;
	cursor: default;
}

input[type="submit"][name="submit"] {
	background: #283c54;
	background-image: linear-gradient(to bottom, #1cabe7, #1999cd);
	color: white;
	border-color: #267dae;
}

input[type=submit]:hover {
	border-color: #666;
}

.ui-dialog .ui-widget-content .ui-state-default.delete-button {
	background: #bc4c38;
	background-image: linear-gradient(to bottom, #dc2c18, #a43c28);
	color: white;
	font-weight: bold;
}

.ui-dialog .ui-widget-content .ui-state-default.delete-button:hover {
	border-color: #a43c28;
}

.ui-dialog .ui-widget-content .ui-state-default.submit-button {
	background: #283c54;
	background-image: linear-gradient(to bottom, #1cabe7, #1999cd);
	color: white;
	font-weight: bold;
}

.ui-dialog .ui-widget-content .ui-state-default.submit-button:hover {
	border-color: #283c94;
}

.ui-dialog .ui-widget-content .ui-state-default.ui-button {
	border-radius: 1px;
}

div.ui-widget-overlay {
	background: #333;
}

div.ui-dialog {
	border: 0;
	box-shadow: rgb(102, 102, 102) 0px 0px 20px 2px;
	padding: 0;
	border-radius: 0;
}

div.ui-dialog .ui-dialog-titlebar {
	background: #eee;
	border-radius: 0;
	border: none;
}

div.ui-dialog .ui-dialog-titlebar button {
	border: transparent;
	background: transparent;
	box-shadow: none;
}

form p {
	margin: 0 0 1em 0;
}

form p label {
	display: block;
}

form p input,
form p textarea {
	margin-left: 10px;
}

ul.errorlist {
	margin: 0;
	padding: 0;
	color: #e80404;
	list-style: none;
}

form.small p input {
	margin-left: 0;
}

form.small p {
	margin-bottom: 0.5em;
}

form.small label {
	width: 200px;
	display: inline-block;
}

form.small a.button,
form.small button {
	margin-left: 205px;
	display: inline-block;
}

form.small button + button,
form.small button + a.button {
	margin-left: 1em;
}