diff --git a/data/css/data_table.css b/data/css/data_table.css new file mode 100644 index 00000000..5846855c --- /dev/null +++ b/data/css/data_table.css @@ -0,0 +1,310 @@ +.dataTables_wrapper { + border-radius: 20px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + width: 88%; + margin: 20px auto 0 auto; + padding: 25px; + background-color: white; + position: relative; + min-height: 155px; + clear: both; + _height: 302px; + zoom: 1; /* Feeling sorry for IE */ +} + +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 20px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white; +} + +.dataTables_length { + width: 40%; + float: left; +} + +.dataTables_filter { + width: 50%; + float: right; + text-align: right; + margin-bottom: 15px; +} + +.dataTables_info { + width: 50%; + float: left; + background-color: white; + font-weight: bold; +} + +.dataTables_paginate { + width: 44px; + * width: 50px; + float: right; + text-align: right; + background-color: white; +} + +/* Pagination nested */ +.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { + height: 19px; + width: 19px; + margin-left: 3px; + float: left; +} + +.paginate_disabled_previous { + background-image: url('../images/back_disabled.jpg'); +} + +.paginate_enabled_previous { + background-image: url('../images/back_enabled.jpg'); +} + +.paginate_disabled_next { + background-image: url('../images/forward_disabled.jpg'); +} + +.paginate_enabled_next { + background-image: url('../images/forward_enabled.jpg'); +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables display + */ +table.display { + margin: 20px auto; + clear: both; + + /* Note Firefox 3.5 and before have a bug with border-collapse + * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) + * border-spacing: 0; is one possible option. Conditional-css.com is + * useful for this kind of thing + * + * Further note IE 6/7 has problems when calculating widths with border width. + * It subtracts one px relative to the other browsers from the first column, and + * adds one to the end... + * + * If you want that effect I'd suggest setting a border-top/left on th/td's and + * then filling in the gaps with other borders. + */ +} + +table.display thead th { + padding: 3px 18px 3px 10px; + background-color: white; + font-weight: bold; + font-size: 16px; + cursor: pointer; + * cursor: hand; +} + +table.display tfoot th { + padding: 3px 18px 3px 10px; + border-top: 1px solid black; + font-weight: bold; +} + +table.display tr.heading2 td { + border-bottom: 1px solid #aaa; +} + +table.display td { + padding: 3px 10px; + font-size: 16px; +} + +table.display td.center { + text-align: center; +} + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables sorting + */ + +.sorting_asc { + background: url('../images/sort_asc.png') no-repeat center right; +} + +.sorting_desc { + background: url('../images/sort_desc.png') no-repeat center right; +} + +.sorting { + background: url('../images/sort_both.png') no-repeat center right; +} + +.sorting_asc_disabled { + background: url('../images/sort_asc_disabled.png') no-repeat center right; +} + +.sorting_desc_disabled { + background: url('../images/sort_desc_disabled.png') no-repeat center right; +} + + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables row classes + */ +table.display tr.odd.gradeA { + background-color: #ddffdd; +} + +table.display tr.even.gradeA { + background-color: #ddffdd; +} + +table.display tr.odd.gradeC { + background-color: #ddddff; +} + +table.display tr.even.gradeC { + background-color: #ddddff; +} + +table.display tr.odd.gradeX { + background-color: #ffdddd; +} + +table.display tr.even.gradeX { + background-color: #ffdddd; +} + +table.display tr.odd.gradeU { + background-color: #ddd; +} + +table.display tr.even.gradeU { + background-color: #eee; +} + + +table.display tr.odd.gradeZ { + background-color: #FCFAFA; +} + +table.display tr.even.gradeZ { + background-color: white; +} + + + + + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * Misc + */ +.dataTables_scroll { + clear: both; +} + +.dataTables_scrollBody { + *margin-top: -1px; +} + +.top, .bottom { + padding: 15px; + background-color: #F5F5F5; + border: 1px solid #CCCCCC; +} + +.top .dataTables_info { + float: none; +} + +.clear { + clear: both; +} + +.dataTables_empty { + font-size: 24px; + text-align: center; + vertical-align: middle; + background-color: white; + height: 50px; + width: 90%; +} + +tfoot input { + margin: 0.5em 0; + width: 100%; + color: #444; +} + +tfoot input.search_init { + color: #999; +} + +td.group { + background-color: #d1cfd0; + border-bottom: 2px solid #A19B9E; + border-top: 2px solid #A19B9E; +} + +td.details { + background-color: #d1cfd0; + border: 2px solid #A19B9E; +} + +.paging_full_numbers { + width: 400px; + height: 22px; + line-height: 22px; +} + +.paging_full_numbers span.paginate_button, + .paging_full_numbers span.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer; + *cursor: hand; +} + +.paging_full_numbers span.paginate_button { + background-color: #ddd; +} + +.paging_full_numbers span.paginate_button:hover { + background-color: #ccc; +} + +.paging_full_numbers span.paginate_active { + background-color: #99B3FF; +} + +table.display tr.even.row_selected td { + background-color: #B0BED9; +} + +table.display tr.odd.row_selected td { + background-color: #9FAFD1; +} + +div.box { + height: 100px; + padding: 10px; + overflow: auto; + border: 1px solid #8080FF; + background-color: #E5E5FF; +} diff --git a/data/css/style.css b/data/css/style.css old mode 100644 new mode 100755 index 8462d8b9..04e1d56f --- a/data/css/style.css +++ b/data/css/style.css @@ -1,149 +1,85 @@ -body{ - font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, - Helvetica, sans-serif; - font-size:16px; - background-color: #ebf4fb; - padding: 5px; - } - -h1{ - font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, - Helvetica, sans-serif; - size:30px; - color: #8B8989; - } -.container{ - width: 95%; - } -.header{ - background-color: #EEB4B4; - width: 80%; - } -.config{ - font-size:14px; - margin-left: 30px; - } -.configtable{ - background-color: #eeeeee; - width: 95%; - padding: 15px; - line-height: 12px; - -moz-border-radius: 10px; - border-radius: 10px; - } -.logo{ - font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, - Helvetica, sans-serif; - font-size:20px; - color: #8B8989; - margin-left: 30px; - margin-top: 0px; - } -.search{ - position: absolute; - top: 50px; - right: 70px; - } -.data{ - background-color: #ebf4fb; - font-size:24px; - } -.datanil{ - background-color: #ebf4fb; - font-size:36px; - text-align: center; - position: relative; - top:150px; - } -.table{ - padding: 10px; - font-size:24px; - background-color: #ffffff; - width: 95%; - margin-top: 25px; - margin-left: auto; - margin-right: 0px; - -moz-border-radius: 20px; - border-radius: 20px; - } -.tableleft{ - padding: 3px; - background-color: #ffffff; - float: left; - width: 46%; - height: 200px; - margin-top: 25px; - margin-left: 25px; - margin-right: auto; - -moz-border-radius: 20px; - border-radius: 20px; - } -.tableright{ - padding: 3px; - background-color: #ffffff; - width: 46%; - height: 200px; - margin-top: 25px; - margin-left: auto; - margin-right: 0px; - -moz-border-radius: 20px; - border-radius: 20px; - } -.nav{ - padding: 2px; - font-size:19px; - color: grey; - background-color: #bbbbbb; - width: 95%; - text-align: center; - margin-left: auto; - margin-right: 10px; - -moz-border-radius: 20px; - border-radius: 20px; - word-spacing: 18px; - } -.center{ - text-align: center; - font-size: 18px; - } -.smalltext{ - font-size: 11px; - } -.smalltext2{ - font-size: 11px; - margin-left: 45px; - } -.smalltext3{ - font-size: 11px; - margin-left: 30px; - color: #867970; - } -.mediumtext{ - font-size: 16px; - margin-left: 100px; - } -.mediumcentered{ - font-size: 18px; - text-align: center; - } -.bluecenter{ - color: #0000FF; - text-align: center; - font-size: 14px; - } -.logtext{ - font-size: 14px; - white-space: normal; - } -.bigtext{ - font-size: 22px; - } -.updatebar{ - text-align: center; - } -.version{ - font-size: 12px; - } +/* HTML5 ✰ Boilerplate */ + +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figcaption, figure, +footer, header, hgroup, menu, nav, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +blockquote, q { quotes: none; } +blockquote:before, blockquote:after, +q:before, q:after { content: ''; content: none; } +ins { background-color: #ff9; color: #000; text-decoration: none; } +mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } +del { text-decoration: line-through; } +abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } +table { border-collapse: collapse; border-spacing: 0; } +hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } +input, select { vertical-align: middle; } + +body { font:13px/1.231 sans-serif; *font-size:small; } +select, input, textarea, button { font:99% sans-serif; } +pre, code, kbd, samp { font-family: monospace, sans-serif; } + +html { overflow-y: scroll; } +a:hover, a:active { outline: none; } +ul, ol { margin-left: 2em; } +ol { list-style-type: decimal; } +nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } +small { font-size: 85%; } +strong, th { font-weight: bold; } +td { vertical-align: top; } + +sub, sup { font-size: 75%; line-height: 0; position: relative; } +sup { top: -0.5em; } +sub { bottom: -0.25em; } + +pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } +textarea { overflow: auto; } +.ie6 legend, .ie7 legend { margin-left: -7px; } +input[type="radio"] { vertical-align: text-bottom; } +input[type="checkbox"] { vertical-align: bottom; } +.ie7 input[type="checkbox"] { vertical-align: baseline; } +.ie6 input { vertical-align: text-bottom; } +label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } +button, input, select, textarea { margin: 0; } +input:valid, textarea:valid { } +input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } +.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } + +::-moz-selection{ background: grey; color:#fff; text-shadow: none; } +::selection { background: grey; color:#fff; text-shadow: none; } + +button { width: auto; overflow: visible; } +.ie7 img { -ms-interpolation-mode: bicubic; } + +body, select, input, textarea { color: #444; } +h1, h2, h3, h4, h5, h6 { font-weight: bold; } + +/* + // ========================================== \\ + || || + || Custom Styles || + || || + \\ ========================================== // +*/ + a:link { color: #5E2612; text-decoration: none; @@ -160,45 +96,134 @@ a:active {/*colour in NN4.xx is red*/ color: #5E2612; text-decoration: underline; } -a.gray { - color: #CFCFCF - } -a.external { - color: blue; - font-size:12px; - } a.blue { color: blue; } -a.green { - color: #3ee343; - } -a.externalred { - color: red; - font-size:12px; - } -div.progress-container { - border: 1px solid #ccc; - width: 100px; - height: 12px; - margin: 2px 5px 2px 0; - padding: 1px; - float: left; - background: white; -} -a.center { - color: blue; - text-align: center; - } -div.progress-container > div { - background-color: #ACE97C; - height: 12px -} -.cloud{ - padding: 0px; - font-size:16px; - } +container { } + +body { background-color: #EBF4FB; min-width: 930px; } + +header { min-height: 68px; width: 100%; min-width: 930px; padding-left: 0px; padding-right: 10px; background-color: #CDC9C9; position: fixed; z-index: 998; } + +h1 { font-size: 24px; } +h2 { font-size: 20px; } +h3 { font-size: 16px; } + +p.indented { padding-top: 20px; margin-left: 20px; font-size: 14px; } +p.center { text-align: center; font-size: 18px; } +.smalltext2 { font-size: 11px; margin-left: 45px; } + +div#updatebar { text-align: center; min-width: 970px; width: 100%; background-color: light-blue; float: left; } +div#logo { float: left; padding-left: 10px; } + +ul#nav { margin: 25px 0 0 0; float: left; list-style-type: none; } +ul#nav li { margin: 40px 0px auto 10px; display: inline; } +ul#nav li a { padding: 5px; font-size: 16px; font-weight: bold; color: #330000; text-decoration: none; } +ul#nav li a:hover { background-color: #a3e532; } + +div#subhead_container { height: 30px; width:100%; min-width: 1000px; background-color:#330000; float: left; list-style-type: none; z-index: 998; overflow: hidden; } +ul#subhead_menu { margin-top: 5px; } +ul#subhead_menu li { width: 100%; height: 100%; display: inline; } +ul#subhead_menu li a { padding: 5px 15px 10px 15px; vertical-align: middle; color: white; font-size: 16px; text-decoration: none; } +ul#subhead_menu li a:hover { width: 100%; height: 100%; background-color: #grey; } + +div#searchbar { margin: 24px 30px auto auto; float: right; } + +div#main { margin: 0; padding: 80px 0 0 0; } + +.table_wrapper { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 88%; margin: 20px auto 0 auto; padding: 25px; background-color: white; position: relative; min-height: 200px; clear: both; _height: 302px; zoom: 1; } +.manage_wrapper { width: 88%; margin: 20px auto 0 auto; padding: 25px; min-height: 150px; clear: both; _height: 302px; zoom: 1; } +.table_wrapper_left { padding: 25px; background-color: #ffffff; float: left; width: 40%; min-height: 100px; margin-top: 25px; margin-left: 30px; margin-right: auto; -moz-border-radius: 20px; border-radius: 20px; } +.table_wrapper_right{ padding: 25px; background-color: #ffffff; width: 40%; min-height: 100px; margin-top: 25px; margin-left: auto; margin-right: 30px; -moz-border-radius: 20px; border-radius: 20px; } + +.configtable { font-size: 14px; line-height:18px; } +.configtable td { width: 350px; padding: 10px; vertical-align: middle; } +.configtable tr { vertical-align: text-top; } + +table#artist_table { background-color: white; width: 100%; padding: 20px; } + +table#artist_table th#name { text-align: left; min-width: 200px; } +table#artist_table th#status { text-align: left; min-width: 50px; } +table#artist_table th#album { text-align: left; min-width: 300px; } +table#artist_table th#have { text-align: center; } +table#artist_table td#name { vertical-align: middle; text-align: left; min-width:200px; } +table#artist_table td#status { vertical-align: middle; text-align: left; min-width: 50px; } +table#artist_table td#album { vertical-align: middle; text-align: left; min-width: 300px; } +table#artist_table td#have { vertical-align: middle; } + +div#paddingheader { padding-top: 48px; font-size: 24px; font-weight: bold; text-align: center; } +div#nopaddingheader { font-size: 24px; font-weight: bold; text-align: center; } +table#album_table { background-color: white; } + +table#album_table th#select { vertical-align: middle; text-align: left; min-width: 25px; } +table#album_table th#albumart { text-align: left; min-width: 50px; } +table#album_table th#albumname { text-align: center; min-width: 150px; } +table#album_table th#reldate { width: 175px; text-align: center; min-width: 100px; } +table#album_table th#status { width: 175px; text-align: center; min-width: 100px; } +table#album_table th#type { width: 175px; text-align: center; min-width: 100px; } +table#album_table td#select { vertical-align: middle; text-align: left; } +table#album_table td#albumart { vertical-align: middle; text-align: left; } +table#album_table td#albumname { vertical-align: middle; text-align: center; } +table#album_table td#reldate { vertical-align: middle; text-align: center; } +table#album_table td#status { vertical-align: middle; text-align: center; } +table#album_table td#type { vertical-align: middle; text-align: center; } +table#album_table td#have { vertical-align: middle; } + +img.albumArt { float: left; padding-right: 5px; } +div#albumheader { padding-top: 48px; height: 200px; } +div#track_wrapper { padding-top: 20px; text-align: center; font-size: 16px; } + +table#track_table th#number { text-align: right; min-width: 20px; } +table#track_table th#name { text-align: center; min-width: 350px; } +table#track_table th#duration { width: 175px; text-align: center; min-width: 100px; } +table#track_table th#have { width: 175px; text-align: center; min-width: 100px; } + +table#track_table td#number { vertical-align: middle; text-align: right; } +table#track_table td#name { vertical-align: middle; text-align: center; } +table#track_table td#duration { vertical-align: middle; text-align: center; } +table#track_table td#have { vertical-align: middle; text-align: center; } + +table#history_table { background-color: white; width: 100%; } + +table#log_table { background-color: white; } + +table#log_table th#timestamp { text-align: left; min-width: 165px; } +table#log_table th#level { text-align: left; min-width: 75px; } +table#log_table th#message { text-align: left; min-width: 200px; } + +table#upcoming_table th#albumart { text-align: center; min-width: 50px; } +table#upcoming_table th#albumname { text-align: center; min-width: 200px; } +table#upcoming_table th#artistname { text-align: center; min-width: 150px; } +table#upcoming_table th#reldate { text-align: center; min-width: 100px; } +table#upcoming_table th#type { text-align: center; min-width: 75px; } + +table#upcoming_table td#albumart { vertical-align: middle; text-align: center; min-width: 50px; } +table#upcoming_table td#albumname { vertical-align: middle; text-align: center; min-width: 200px; } +table#upcoming_table td#artistname { vertical-align: middle; text-align: center; min-width: 150px; } +table#upcoming_table td#reldate { vertical-align: middle; text-align: center; min-width: 100px; } +table#upcoming_table td#type { vertical-align: middle; text-align: center; min-width: 75px; } +table#upcoming_table td#status { vertical-align: middle; text-align: center; } + +table#searchresults_table th#albumname { text-align: left; min-width: 225px; } +table#searchresults_table th#artistname { text-align: center; min-width: 325px; } +table#searchresults_table th#score { text-align: center; min-width: 75px; } + +table#searchresults_table td#albumname { vertical-align: middle; text-align: left; min-width: 200px; } +table#searchresults_table td#artistname { vertical-align: middle; text-align: left; min-width: 300px; } +table#searchresults_table td#score { vertical-align: middle; text-align: center; min-width: 75px; } + +div.progress-container { border: 1px solid #ccc; width: 100px; height: 14px; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white; } +div.progress-container > div { background-color: #a3e532; height: 14px; } +.havetracks { font-size: 13px; margin-left: 36px; padding-bottom: 3px; vertical-align: middle; } + +footer { margin: 20px auto 20px auto; } +div#version { text-align: center; font-weight: bold; } +div#donate { text-align: center; margin: 20px auto 20px auto; } + +div#shutdown{ text-align: center; vertical-align: middle; } + +.cloudtag { padding-top: 30px; font-size:16px; } #cloud a.tag1 { font-size: 0.7em; font-weight: 100; } #cloud a.tag2 { font-size: 0.8em; font-weight: 200; } #cloud a.tag3 { font-size: 0.9em; font-weight: 300; } @@ -213,4 +238,46 @@ div.progress-container > div { #cloud { padding: 2px; line-height: 1.5em; text-align: center; } #cloud a { padding: 0px; } #cloud { margin: 0; } -#cloud li { display: inline; } \ No newline at end of file +#cloud li { display: inline; } + + + +.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } +.hidden { display: none; visibility: hidden; } +.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } +.visuallyhidden.focusable:active, +.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } +.invisible { visibility: hidden; } +.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } +.clearfix:after { clear: both; } +.clearfix { zoom: 1; } + + +@media all and (orientation:portrait) { + +} + +@media all and (orientation:landscape) { + +} + +@media screen and (max-device-width: 480px) { + + html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } +} + + +@media print { + * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; + -ms-filter: none !important; } + a, a:visited { color: #444 !important; text-decoration: underline; } + a[href]:after { content: " (" attr(href) ")"; } + abbr[title]:after { content: " (" attr(title) ")"; } + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } + pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } + thead { display: table-header-group; } + tr, img { page-break-inside: avoid; } + @page { margin: 0.5cm; } + p, h2, h3 { orphans: 3; widows: 3; } + h2, h3{ page-break-after: avoid; } +} \ No newline at end of file diff --git a/data/css/view.css b/data/css/view.css deleted file mode 100755 index 86c6efd4..00000000 --- a/data/css/view.css +++ /dev/null @@ -1,827 +0,0 @@ -#form_container -{ - background:#fff; - border:1px solid #ccc; - margin:0 auto; - text-align:left; - width:640px; -} - -#top -{ - display:block; - height:10px; - margin:10px auto 0; - width:650px; -} - -#footer -{ - width:640px; - clear:both; - color:#999999; - text-align:center; - width:640px; - padding-bottom: 15px; - font-size: 85%; -} - -#footer a{ - color:#999999; - text-decoration: none; - border-bottom: 1px dotted #999999; -} - -#bottom -{ - display:block; - height:10px; - margin:0 auto; - width:650px; -} - -form.appnitro -{ - margin:20px 20px 0; - padding:0 0 20px; -} - -/**** Form Section ****/ -.appnitro -{ - font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif; - font-size:small; -} - -.appnitro li -{ - width:61%; -} - -form ul -{ - font-size:100%; - list-style-type:none; - margin:0; - padding:0; - width:100%; -} - -form li -{ - display:block; - margin:0; - padding:4px 5px 2px 9px; - position:relative; -} - -form li:after -{ - clear:both; - content:"."; - display:block; - height:0; - visibility:hidden; -} - -.buttons:after -{ - clear:both; - content:"."; - display:block; - height:0; - visibility:hidden; -} - -.buttons -{ - clear:both; - display:block; - margin-top:10px; -} - -* html form li -{ - height:1%; -} - -* html .buttons -{ - height:1%; -} - -* html form li div -{ - display:inline-block; -} - -form li div -{ - color:#444; - margin:0 4px 0 0; - padding:0 0 8px; -} - -form li span -{ - color:#444; - float:left; - margin:0 4px 0 0; - padding:0 0 8px; -} - -form li div.left -{ - display:inline; - float:left; - width:48%; -} - -form li div.right -{ - display:inline; - float:right; - width:48%; -} - -form li div.left .medium -{ - width:100%; -} - -form li div.right .medium -{ - width:100%; -} - -.clear -{ - clear:both; -} - -form li div label -{ - clear:both; - color:#444; - display:block; - font-size:9px; - line-height:9px; - margin:0; - padding-top:3px; -} - -form li span label -{ - clear:both; - color:#444; - display:block; - font-size:9px; - line-height:9px; - margin:0; - padding-top:3px; -} - -form li .datepicker -{ - cursor:pointer !important; - float:left; - height:16px; - margin:.1em 5px 0 0; - padding:0; - width:16px; -} - -.form_description -{ - border-bottom:1px dotted #ccc; - clear:both; - display:inline-block; - margin:0 0 1em; -} - -.form_description[class] -{ - display:block; -} - -.form_description h2 -{ - clear:left; - font-size:160%; - font-weight:400; - margin:0 0 3px; -} - -.form_description p -{ - font-size:95%; - line-height:130%; - margin:0 0 12px; -} - -form hr -{ - display:none; -} - -form li.section_break -{ - border-top:1px dotted #ccc; - margin-top:9px; - padding-bottom:0; - padding-left:9px; - padding-top:13px; - width:97% !important; -} - -form ul li.first -{ - border-top:none !important; - margin-top:0 !important; - padding-top:0 !important; -} - -form .section_break h3 -{ - font-size:110%; - font-weight:400; - line-height:130%; - margin:0 0 2px; -} - -form .section_break p -{ - font-size:85%; - - margin:0 0 10px; -} - -/**** Buttons ****/ -input.button_text -{ - overflow:visible; - padding:0 7px; - width:auto; -} - -.buttons input -{ - font-size:120%; - margin-right:5px; -} - -/**** Inputs and Labels ****/ -label.description -{ - border:none; - color:#222; - display:block; - font-size:95%; - font-weight:700; - line-height:150%; - padding:0 0 1px; -} - -span.symbol -{ - font-size:115%; - line-height:130%; -} - -input.text -{ - background:#fff url(../../../images/shadow.gif) repeat-x top; - border-bottom:1px solid #ddd; - border-left:1px solid #c3c3c3; - border-right:1px solid #c3c3c3; - border-top:1px solid #7c7c7c; - color:#333; - font-size:100%; - margin:0; - padding:2px 0; -} - -input.file -{ - color:#333; - font-size:100%; - margin:0; - padding:2px 0; -} - -textarea.textarea -{ - background:#fff url(../../../images/shadow.gif) repeat-x top; - border-bottom:1px solid #ddd; - border-left:1px solid #c3c3c3; - border-right:1px solid #c3c3c3; - border-top:1px solid #7c7c7c; - color:#333; - font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; - font-size:100%; - margin:0; - width:99%; -} - -select.select -{ - color:#333; - font-size:100%; - margin:1px 0; - padding:1px 0 0; - background:#fff url(../../../images/shadow.gif) repeat-x top; - border-bottom:1px solid #ddd; - border-left:1px solid #c3c3c3; - border-right:1px solid #c3c3c3; - border-top:1px solid #7c7c7c; -} - - -input.currency -{ - text-align:right; -} - -input.checkbox -{ - display:block; - height:13px; - line-height:1.4em; - margin:6px 0 0 3px; - width:13px; -} - -input.radio -{ - display:block; - height:13px; - line-height:1.4em; - margin:6px 0 0 3px; - width:13px; -} - -label.choice -{ - color:#444; - display:block; - font-size:100%; - line-height:1.4em; - margin:-1.55em 0 0 25px; - padding:4px 0 5px; - width:90%; -} - -select.select[class] -{ - margin:0; - padding:1px 0; -} - -*:first-child+html select.select[class] -{ - margin:1px 0; -} - -.safari select.select -{ - font-size:120% !important; - margin-bottom:1px; -} - -input.small -{ - width:25%; -} - -select.small -{ - width:25%; -} - -input.medium -{ - width:50%; -} - -select.medium -{ - width:50%; -} - -input.large -{ - width:99%; -} - -select.large -{ - width:100%; -} - -textarea.small -{ - height:5.5em; -} - -textarea.medium -{ - height:10em; -} - -textarea.large -{ - height:20em; -} - -/**** Errors ****/ -#error_message -{ - background:#fff; - border:1px dotted red; - margin-bottom:1em; - padding-left:0; - padding-right:0; - padding-top:4px; - text-align:center; - width:99%; -} - -#error_message_title -{ - color:#DF0000; - font-size:125%; - margin:7px 0 5px; - padding:0; -} - -#error_message_desc -{ - color:#000; - font-size:100%; - margin:0 0 .8em; -} - -#error_message_desc strong -{ - background-color:#FFDFDF; - color:red; - padding:2px 3px; -} - -form li.error -{ - background-color:#FFDFDF !important; - border-bottom:1px solid #EACBCC; - border-right:1px solid #EACBCC; - margin:3px 0; -} - -form li.error label -{ - color:#DF0000 !important; -} - -form p.error -{ - clear:both; - color:red; - font-size:10px; - font-weight:700; - margin:0 0 5px; -} - -form .required -{ - color:red; - float:none; - font-weight:700; -} - -/**** Guidelines and Error Highlight ****/ -form li.highlighted -{ - background-color:#fff7c0; -} - -form .guidelines -{ - background:#f5f5f5; - border:1px solid #e6e6e6; - color:#444; - font-size:80%; - left:100%; - line-height:130%; - margin:0 0 0 8px; - padding:8px 10px 9px; - position:absolute; - top:0; - visibility:hidden; - width:42%; - z-index:1000; -} - -form .guidelines small -{ - font-size:105%; -} - -form li.highlighted .guidelines -{ - visibility:visible; -} - -form li:hover .guidelines -{ - visibility:visible; -} - -.no_guidelines .guidelines -{ - display:none !important; -} - -.no_guidelines form li -{ - width:97%; -} - -.no_guidelines li.section -{ - padding-left:9px; -} - -/*** Success Message ****/ -.form_success -{ - clear: both; - margin: 0; - padding: 90px 0pt 100px; - text-align: center -} - -.form_success h2 { - clear:left; - font-size:160%; - font-weight:normal; - margin:0pt 0pt 3px; -} - -/*** Password ****/ -ul.password{ - margin-top:60px; - margin-bottom: 60px; - text-align: center; -} -.password h2{ - color:#DF0000; - font-weight:bold; - margin:0pt auto 10px; -} - -.password input.text { - font-size:170% !important; - width:380px; - text-align: center; -} -.password label{ - display:block; - font-size:120% !important; - padding-top:10px; - font-weight:bold; -} - -#li_captcha{ - padding-left: 5px; -} - - -#li_captcha span{ - float:none; -} - -/** Embedded Form **/ - -.embed #form_container{ - border: none; -} - -.embed #top, .embed #bottom, .embed h1{ - display: none; -} - -.embed #form_container{ - width: 100%; -} - -.embed #footer{ - text-align: left; - padding-left: 10px; - width: 99%; -} - -.embed #footer.success{ - text-align: center; -} - -.embed form.appnitro -{ - margin:0px 0px 0; - -} - - - -/*** Calendar **********************/ -div.calendar { position: relative; } - -.calendar table { -cursor:pointer; -border:1px solid #ccc; -font-size: 11px; -color: #000; -background: #fff; -font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; -} - -.calendar .button { -text-align: center; -padding: 2px; -} - -.calendar .nav { -background:#f5f5f5; -} - -.calendar thead .title { -font-weight: bold; -text-align: center; -background: #dedede; -color: #000; -padding: 2px 0 3px 0; -} - -.calendar thead .headrow { -background: #f5f5f5; -color: #444; -font-weight:bold; -} - -.calendar thead .daynames { -background: #fff; -color:#333; -font-weight:bold; -} - -.calendar thead .name { -border-bottom: 1px dotted #ccc; -padding: 2px; -text-align: center; -color: #000; -} - -.calendar thead .weekend { -color: #666; -} - -.calendar thead .hilite { -background-color: #444; -color: #fff; -padding: 1px; -} - -.calendar thead .active { -background-color: #d12f19; -color:#fff; -padding: 2px 0px 0px 2px; -} - - -.calendar tbody .day { -width:1.8em; -color: #222; -text-align: right; -padding: 2px 2px 2px 2px; -} -.calendar tbody .day.othermonth { -font-size: 80%; -color: #bbb; -} -.calendar tbody .day.othermonth.oweekend { -color: #fbb; -} - -.calendar table .wn { -padding: 2px 2px 2px 2px; -border-right: 1px solid #000; -background: #666; -} - -.calendar tbody .rowhilite td { -background: #FFF1AF; -} - -.calendar tbody .rowhilite td.wn { -background: #FFF1AF; -} - -.calendar tbody td.hilite { -padding: 1px 1px 1px 1px; -background:#444 !important; -color:#fff !important; -} - -.calendar tbody td.active { -color:#fff; -background: #529214 !important; -padding: 2px 2px 0px 2px; -} - -.calendar tbody td.selected { -font-weight: bold; -border: 1px solid #888; -padding: 1px 1px 1px 1px; -background: #f5f5f5 !important; -color: #222 !important; -} - -.calendar tbody td.weekend { -color: #666; -} - -.calendar tbody td.today { -font-weight: bold; -color: #529214; -background:#D9EFC2; -} - -.calendar tbody .disabled { color: #999; } - -.calendar tbody .emptycell { -visibility: hidden; -} - -.calendar tbody .emptyrow { -display: none; -} - -.calendar tfoot .footrow { -text-align: center; -background: #556; -color: #fff; -} - -.calendar tfoot .ttip { -background: #222; -color: #fff; -font-size:10px; -border-top: 1px solid #dedede; -padding: 3px; -} - -.calendar tfoot .hilite { -background: #aaf; -border: 1px solid #04f; -color: #000; -padding: 1px; -} - -.calendar tfoot .active { -background: #77c; -padding: 2px 0px 0px 2px; -} - -.calendar .combo { -position: absolute; -display: none; -top: 0px; -left: 0px; -width: 4em; -border: 1px solid #ccc; -background: #f5f5f5; -color: #222; -font-size: 90%; -z-index: 100; -} - -.calendar .combo .label, -.calendar .combo .label-IEfix { -text-align: center; -padding: 1px; -} - -.calendar .combo .label-IEfix { -width: 4em; -} - -.calendar .combo .hilite { -background: #444; -color:#fff; -} - -.calendar .combo .active { -border-top: 1px solid #999; -border-bottom: 1px solid #999; -background: #dedede; -font-weight: bold; -} - diff --git a/data/images/back_disabled.jpg b/data/images/back_disabled.jpg new file mode 100644 index 00000000..1e73a546 Binary files /dev/null and b/data/images/back_disabled.jpg differ diff --git a/data/images/back_enabled.jpg b/data/images/back_enabled.jpg new file mode 100644 index 00000000..a6d764c7 Binary files /dev/null and b/data/images/back_enabled.jpg differ diff --git a/data/images/checkmark.png b/data/images/checkmark.png index d265c512..11f20530 100644 Binary files a/data/images/checkmark.png and b/data/images/checkmark.png differ diff --git a/data/images/forward_disabled.jpg b/data/images/forward_disabled.jpg new file mode 100644 index 00000000..28a9dc53 Binary files /dev/null and b/data/images/forward_disabled.jpg differ diff --git a/data/images/forward_enabled.jpg b/data/images/forward_enabled.jpg new file mode 100644 index 00000000..598c075f Binary files /dev/null and b/data/images/forward_enabled.jpg differ diff --git a/data/interfaces/default/_inc_footer.tmpl b/data/interfaces/default/_inc_footer.tmpl deleted file mode 100644 index 9bf2eafe..00000000 --- a/data/interfaces/default/_inc_footer.tmpl +++ /dev/null @@ -1,6 +0,0 @@ - -
- -