summaryrefslogblamecommitdiffstats
path: root/public/styles/site.css
blob: 1f230d946e8afd8bdcc574f51e6c514067992eb1 (plain) (tree)
























































































































































































































































































































































                                                                                                                                                          
@CHARSET "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font: normal 12px/ 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body {
	height:100%;
	min-width:960px;
}

#wrapper {
	position:relative;
	background-color: #FCFCFC;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; 
	height:auto !important;
	height:100%;
	min-height:100%;
}


a:hover {
    text-decoration: underline;
}

a:hover,a:active {
    color: #2A5685;
}



#header-container {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:151px;	
}

#header-background {
    position:absolute;
    top:22px;
    left:0px;
    height:100px;
    width:100%;
    background-color:#000;
}
#header-background > img {
    margin:0; padding:0; height:100px; width:100%;
}

#header-logo > img {
	position:absolute;
	left:20px;
	top:-6px;
}


#header-container h1 {
    position: absolute;
    right: 30px;
    bottom: 42px;
    font-size: 1.4em;
    color: #eee;
}

#top-menu {
    background-color: #000;
    font-size: 10px;
    position: relative;
    height: 21px;
    border-bottom: 1px solid #ccc;
}

#top-menu ul {
    padding: 0 21px 0 0;
    list-style-type: none;
}

#top-menu li {
    color: #ddd;
    line-height: 21px;
    margin-right: 4px;
    float:left;
}

#top-menu li a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
    padding: 4px 5px;
}

#top-menu li a:hover {
    color: #fff;
    text-decoration: none;
}

/* Menu */
#header-menubar {
    position: absolute;
    bottom: 0;
    height:28px;
    width:100%;
    border-top:1px solid #ccc;
    background:transparent url(/images/bg_menu.png) repeat scroll 0 0;
}

#header-menubar ul {
    padding-left:20px; 
}

#header-menubar li {
    float:left; 
    margin-left:10px;
}

#header-menubar li a {
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    color: #bbb;
    padding: 6px;
    line-height:26px;
}

#header-menubar li a:hover {
	color: #ddd;
    text-decoration: none;
}

#header-menubar li a.selected,#header-menubar li a.selected:hover {
    background-color: #83ef72;
    color: #111;
    font-weight: bold;
}

#dialog-anchor {
	position:absolute;
	top:25%;
	left:25%;
}

#action-menu {
	margin:10px;
	float:right;
	padding:6px;
}

.action-button {
    background-color:#F8F8FA;
    border:1px solid #ccc;
    padding:8px 6px;
    line-height:16px;
    cursor:pointer;
}

.action-button .ui-icon {
	float:left;
	margin-right:4px;
}

.action-button:hover {
    background-color:#fff;	
}

#footer {
	position:relative;
	bottom:0px;
	width:100%;
	background-color:#333;
	height:80px;
}

#content {
    padding-top:160px;
    padding-bottom:20px;
    min-height:360px;
    min-width:920px;
    width:100%;
    display:inline-block;
}

#main {
	padding:14px;
}

#main h2 {
	position:relative;
	top:10px;
	font-size: 1.8em;
	margin: 14px 8px 8px 8px;
	padding: 2px 6px;
	border-bottom: 1px solid #ccc;
	display:inline;
}

#bootmedia-list-content, #menu-list-content, #menuentries-list-content, #menuassignment-list-content {
	clear:both;
}


div.bootmedia-item, div.menu-item {
	padding:14px 20px;
	margin:10px 15px;
	width:420px;
	float:left;
	border:1px solid #ccc;
	background-color: #fff;
}

div.bootmedia-item {
	background: #fff url(/images/cd_bg.png) no-repeat scroll 100% 100%;
}

.bootmedia-item h3, .menu-item h3 {
	font-size: 1.2em;
	margin-bottom: 6px;
	border-bottom:1px solid #ccc;
}

p.validateTips {
    padding: 12px 0;	
}

.bootmedia-item p.shortinfo {
	font-style:italic;
	font-size:0.9em;
	text-align:center;
	
}

.bootmedia-item p.description, .menu-item p.description {
    font-size:1em;
    padding:8px 0;
    height:64px;
    overflow:hidden;
}

p.list-context-menu {
	padding-top: 12px;
    float:right;
}

p.list-context-menu a{
	padding:4px 8px;
	border: 1px solid #ccc;
	margin-left:8px;
	background-color:#F8F8FA;
    color: #333;
    text-decoration:none;
    font-size:1.1em;
}

p.list-context-menu a:hover{
    background-color:#fff;
}

.dialog-radio {
    display: inline;
}

.dialog-input-indent {
    width:84% !important;
    margin-left:26px !important;
}

label {margin-bottom:2px;}

/* begin menuentries list */
    #menuentries-list-content { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #menuentries-list-content li { margin: 0 5px 5px 5px; padding: 5px; height: 24px; line-height:24px; background-color:#fff; min-width:820px;}
    .sortHandle {display:inline-block; float:left; padding:3px; cursor:move;}
    .menuentries-item {border: 1px solid #ccc;}
    .no-padding {padding:0 !important;}
    .list-caption {margin-left:10px; float:left;}
/* end menuentries list*/

/* begin menuassignment list */
    #menuassignment-list-content { list-style-type: none; margin: 0; padding: 0; width: 60%;}
    #menuassignment-list-content li { margin: 0 5px 5px 5px; padding: 5px; line-height:24px; background-color:#fff; min-width:820px; display:inline-block}
    .menuassignment-item {border: 1px solid #ccc;}
/* end menuassignment list*/

/* jquery ui stuff */
label, input { display:block; }
.dialog-form { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:8px; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.dialog-form { margin-bottom:12px; width:95%; padding: .4em; }
.ui-widget-overlay { background: #aaaaaa url(/images/ui-bg_flat_0_666666_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); }

#footer-centerbox {padding:16px;color:#bbb;}

.copyright {
    font-size:0.7em;
    line-height:1.4em;
}