/* @nabceporange: #eba13a; @nabcepblue: #114c7c; */ @nabceporange: #f8981d; @nabcepblue: #00539f; #block-multistep-provider_application .item-list ul li { list-style-type: none; background: none; padding-left: 0.5em; } .messages, .messages ul li { font-weight: bold; } .form-item .pending-approval { border-color: red; color: red; } /* ALERTS */ .alert { padding: 10px; margin: 10px auto; position: relative; width: 400px; .alert-title { font-weight: bold; text-transform: uppercase; } .alert-close { display: block; width: 30px; height: 30px; background: transparent url(images/close.png) top right no-repeat; position: absolute; top: -10px; right: -10px; } } // end .alert .alert-info { border: 1px solid green; background-color: #ccffcc; } .alert-warning { border: 1px solid yellow; background-color: #ffffcc; } .alert-error { border: 1px solid red; background-color: #ffcccc; } /* GENERIC LAYOUT STUFF */ body { background-color: white; font-family: Helvetica, sans-serif; font-size: 12px; color: black; } .wrapper { width: 950px; margin: 0 auto; position: relative; } .clear { clear: both; font-size: 0; line-height: 0; } .orange-bar { background-color: @nabceporange; height: 6px; clear: both; margin: 0 0 15px 0; } .blue-bar { background-color: @nabcepblue; height: 6px; clear: both; margin: 0 auto; width: 950px; } table { border-collapse: separate; margin: 0; } table.views-table { border-collapse: collapse; } .block .content { margin: 0; } .block p { margin-top: 0; } a, a:link, a:visited, a:hover { color: #1853a4; } .img_assist-button { display: none; } .filefield-element .widget-preview { max-width: 75%; } .filefield-element .widget-preview .filemime { display: none; } /* HEADER */ #header-region { background-color: @nabcepblue; background-image: none; color: white; .wrapper { height: 80px; } #logo-floater { display: block; float: left; width: 250px; height: 50px; margin: 5px 0 20px 0; } #logo-floater img { width: 200px; height: 40px; } #block-block-1 { display: block; float: right; text-align: right; margin: 10px 0 0 0; } a { color: @nabceporange; } #page-title { position: absolute; bottom: 0px; left: 0px; text-transform: uppercase; font-size: 16px; line-height: 19px; font-weight: bold; color: black; background-color: @nabceporange; padding: 5px 15px 0 15px; background-image: linear-gradient(bottom, rgb(248,152,29) 14%, rgb(254,184,87) 65%); background-image: -o-linear-gradient(bottom, rgb(248,152,29) 14%, rgb(254,184,87) 65%); background-image: -moz-linear-gradient(bottom, rgb(248,152,29) 14%, rgb(254,184,87) 65%); background-image: -webkit-linear-gradient(bottom, rgb(248,152,29) 14%, rgb(254,184,87) 65%); background-image: -ms-linear-gradient(bottom, rgb(248,152,29) 14%, rgb(254,184,87) 65%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.14, rgb(248,152,29)), color-stop(0.65, rgb(254,184,87)) ); } } // end #header-region /* BODY */ /* FOOTER */ #footer-region { margin-top: 50px; height: 156px; clear:both; #footer-content { background-color: @nabceporange; padding: 25px 0; font-size: 12px; line-height: 18px; height: 100px; overflow: hidden; } .block { width: 175px; margin: 0 10px 0 0; float: left; } .block .row-label { text-transform: uppercase; font-size: 10px; } #block-block-5 { float: right; } } // end #footer-region /* HELPFUL STUFF */ table.helpful { thead th { border-right: 1px dotted #808080; border-bottom: 1px solid #808080; } thead th.last { border-right: 0; } tbody tr td { border-right: 1px dotted #808080; } tbody tr td.last { border-right: 0; } tbody tr.odd td { background-color: #e0e0e0; } .current-sort { background-color: #ffffcc !important; } } #helpful_paging ul { margin: 0; padding: 0; li { list-style-type: none; list-style-image: none; background: none; display: inline; margin: 0 5px 0 0; padding: 0; } li.current { font-weight: bold; } } .table-icons { width: 100px; float: right; margin: 3px; .table-icon { width: 16px; height: 16px; display: inline; margin: 3px; } } /* DASHBOARD STUFF */ #dashboard-wrapper { overflow: hidden; .marginify { margin: 10px; } } .column-2 { width: 31%; float: left; margin: 0 3% 0 0; } .column-2.column-first { width: 66%; } .column-3 { width: 31%; float: left; margin: 0 3% 0 0; } .column-last { margin: 0; } .column { .column-header { font-size: 14px; line-height: 16px; font-weight: bold; padding: 17px 15px; background-image: linear-gradient(bottom, rgb(180,180,180) 14%, rgb(202,202,202) 65%); background-image: -o-linear-gradient(bottom, rgb(180,180,180) 14%, rgb(202,202,202) 65%); background-image: -moz-linear-gradient(bottom, rgb(180,180,180) 14%, rgb(202,202,202) 65%); background-image: -webkit-linear-gradient(bottom, rgb(180,180,180) 14%, rgb(202,202,202) 65%); background-image: -ms-linear-gradient(bottom, rgb(180,180,180) 14%, rgb(202,202,202) 65%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.14, rgb(180,180,180)), color-stop(0.65, rgb(202,202,202)) ); color: black; } .column-content { background-color: #e5e5e5; padding: 2%; margin-bottom: 2%; } hr { color: white; background-color: white; clear: both; } } /* MENU */ #nice-menu-1 { display: block; margin: -15px 0 15px; border-bottom: 1px solid rgb(180,180,180); li { border: 0; padding: 5px 10px; a { padding: 0 3px; color: black; } } } .reporttitle { margin: 0 0 1em 0; } /* WIDGETS */ .dashboard-widget { padding: 10px; margin: 0 0 10px 0; } .dashboard-widget.yellow { background-color: #f8f4c4; } form input { border: 1px solid gray; padding: 5px; } form .form-submit, .nabcepbutton { color: white; border: 0; font-family: Helvetica, sans-serif; font-weight: lighter; margin: 0 5px; padding: 5px 10px; font-size: 13px; line-height: 1.05em; background-color: @nabcepblue; background-image: linear-gradient(bottom, rgb(21,76,148) 50%, rgb(57,121,210) 90%); background-image: -o-linear-gradient(bottom, rgb(21,76,148) 50%, rgb(57,121,210) 90%); background-image: -moz-linear-gradient(bottom, rgb(21,76,148) 50%, rgb(57,121,210) 90%); background-image: -webkit-linear-gradient(bottom, rgb(21,76,148) 50%, rgb(57,121,210) 90%); background-image: -ms-linear-gradient(bottom, rgb(21,76,148) 50%, rgb(57,121,210) 90%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(21,76,148)), color-stop(0.9, rgb(57,121,210)) ); } #candidate-search #edit-s-wrapper, #-candidate-search-results #edit-s-wrapper { display: inline; } #candidate-search #edit-search, #-candidate-search-results edit-search { margin: 0; } .dashboard-widget #edit-exam-program-wrapper { display: block; } .view-search-container { width: 25%; float: right; }