diff --git a/data/css/data_table.css b/data/css/data_table.css new file mode 100644 index 00000000..b230bea8 --- /dev/null +++ b/data/css/data_table.css @@ -0,0 +1,538 @@ +/* + * File: data_table.css + * CVS: $Id$ + * Description: CSS descriptions for DataTables demo pages + * Author: Allan Jardine + * Created: Tue May 12 06:47:22 BST 2009 + * Modified: $Date$ by $Author$ + * Language: CSS + * Project: DataTables + * + * Copyright 2009 Allan Jardine. All Rights Reserved. + * + * *************************************************************************** + * DESCRIPTION + * + * The styles given here are suitable for the demos that are used with the standard DataTables + * distribution (see www.datatables.net). You will most likely wish to modify these styles to + * meet the layout requirements of your site. + * + * Common issues: + * 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is + * no conflict between the two pagination types. If you want to use full_numbers pagination + * ensure that you either have "example_alt_pagination" as a body class name, or better yet, + * modify that selector. + * Note that the path used for Images is relative. All images are by default located in + * ../images/ - relative to this CSS file. + */ + +/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * + * DataTables features + */ + +.dataTables_wrapper { + position: relative; + min-height: 302px; + clear: both; + _height: 302px; + zoom: 1; /* Feeling sorry for IE */ +} + +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + 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; +} + +.dataTables_info { + width: 60%; + float: left; +} + +.dataTables_paginate { + width: 44px; + * width: 50px; + float: right; + text-align: right; +} + +/* 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: 0 auto; + clear: both; + width: 100%; + + /* 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; + border-bottom: 1px solid black; + font-weight: bold; + 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; +} + +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: #eeffee; +} + +table.display tr.odd.gradeC { + background-color: #ddddff; +} + +table.display tr.even.gradeC { + background-color: #eeeeff; +} + +table.display tr.odd.gradeX { + background-color: #ffdddd; +} + +table.display tr.even.gradeX { + background-color: #ffeeee; +} + +table.display tr.odd.gradeU { + background-color: #ddd; +} + +table.display tr.even.gradeU { + background-color: #eee; +} + + +tr.odd { + background-color: #E2E4FF; +} + +tr.even { + 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 { + text-align: center; +} + +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; +} + + +.example_alt_pagination div.dataTables_info { + width: 40%; +} + +.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; +} + + +/* + * Sorting classes for columns + */ +/* For the standard odd/even */ +tr.odd td.sorting_1 { + background-color: #D3D6FF; +} + +tr.odd td.sorting_2 { + background-color: #DADCFF; +} + +tr.odd td.sorting_3 { + background-color: #E0E2FF; +} + +tr.even td.sorting_1 { + background-color: #EAEBFF; +} + +tr.even td.sorting_2 { + background-color: #F2F3FF; +} + +tr.even td.sorting_3 { + background-color: #F9F9FF; +} + + +/* For the Conditional-CSS grading rows */ +/* + Colour calculations (based off the main row colours) + Level 1: + dd > c4 + ee > d5 + Level 2: + dd > d1 + ee > e2 + */ +tr.odd.gradeA td.sorting_1 { + background-color: #c4ffc4; +} + +tr.odd.gradeA td.sorting_2 { + background-color: #d1ffd1; +} + +tr.odd.gradeA td.sorting_3 { + background-color: #d1ffd1; +} + +tr.even.gradeA td.sorting_1 { + background-color: #d5ffd5; +} + +tr.even.gradeA td.sorting_2 { + background-color: #e2ffe2; +} + +tr.even.gradeA td.sorting_3 { + background-color: #e2ffe2; +} + +tr.odd.gradeC td.sorting_1 { + background-color: #c4c4ff; +} + +tr.odd.gradeC td.sorting_2 { + background-color: #d1d1ff; +} + +tr.odd.gradeC td.sorting_3 { + background-color: #d1d1ff; +} + +tr.even.gradeC td.sorting_1 { + background-color: #d5d5ff; +} + +tr.even.gradeC td.sorting_2 { + background-color: #e2e2ff; +} + +tr.even.gradeC td.sorting_3 { + background-color: #e2e2ff; +} + +tr.odd.gradeX td.sorting_1 { + background-color: #ffc4c4; +} + +tr.odd.gradeX td.sorting_2 { + background-color: #ffd1d1; +} + +tr.odd.gradeX td.sorting_3 { + background-color: #ffd1d1; +} + +tr.even.gradeX td.sorting_1 { + background-color: #ffd5d5; +} + +tr.even.gradeX td.sorting_2 { + background-color: #ffe2e2; +} + +tr.even.gradeX td.sorting_3 { + background-color: #ffe2e2; +} + +tr.odd.gradeU td.sorting_1 { + background-color: #c4c4c4; +} + +tr.odd.gradeU td.sorting_2 { + background-color: #d1d1d1; +} + +tr.odd.gradeU td.sorting_3 { + background-color: #d1d1d1; +} + +tr.even.gradeU td.sorting_1 { + background-color: #d5d5d5; +} + +tr.even.gradeU td.sorting_2 { + background-color: #e2e2e2; +} + +tr.even.gradeU td.sorting_3 { + background-color: #e2e2e2; +} + + +/* + * Row highlighting example + */ +.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { + background-color: #ECFFB3; +} + +.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.even:hover { + background-color: #ECFFB3; +} + +.ex_highlight_row #example tr.even:hover td.sorting_1 { + background-color: #DDFF75; +} + +.ex_highlight_row #example tr.even:hover td.sorting_2 { + background-color: #E7FF9E; +} + +.ex_highlight_row #example tr.even:hover td.sorting_3 { + background-color: #E2FF89; +} + +.ex_highlight_row #example tr.odd:hover { + background-color: #E6FF99; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_1 { + background-color: #D6FF5C; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_2 { + background-color: #E0FF84; +} + +.ex_highlight_row #example tr.odd:hover td.sorting_3 { + background-color: #DBFF70; +} + + +/* + * KeyTable + */ +table.KeyTable td { + border: 3px solid transparent; +} + +table.KeyTable td.focus { + border: 3px solid #3366FF; +} + +table.display tr.gradeA { + background-color: #eeffee; +} + +table.display tr.gradeC { + background-color: #ddddff; +} + +table.display tr.gradeX { + background-color: #ffdddd; +} + +table.display tr.gradeU { + background-color: #ddd; +} + +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..7afda82b --- a/data/css/style.css +++ b/data/css/style.css @@ -1,216 +1,150 @@ -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; - } -a:link { - color: #5E2612; - text-decoration: none; - } -a:visited { - color: #5E2612; - text-decoration: none; - } -a:hover { /*this effect is not shown in NN4.xx*/ - color: #999999; - text-decoration: underline; - } -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; - } -#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; } -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } +/* ==== Scroll down to find where to put your styles :) ==== */ -#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 +/* 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: #FF5E99; color:#fff; text-shadow: none; } +::selection { background:#FF5E99; color:#fff; text-shadow: none; } +a:link { -webkit-tap-highlight-color: #FF5E99; } + +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; } +a, a:active, a:visited { color: #607890; } +a:hover { color: #036; } + +/* + // ========================================== \\ + || || + || Your styles ! || + || || + \\ ========================================== // +*/ + +body { background-color: #EBF4FB } +div#logo { float: left; margin-left: 10px; } + +ul#nav { font-family: Arial, Verdana; font-size: 14px; padding: 0; list-style: none; float: left; } +ul#nav li { display: inline; margin-top: 25px; } +ul#nav li a { text-decoration: none; border-top: 1px solid #ffffff; padding: 5px 15px 5px 15px; margin-left: 1px; white-space: nowrap; } +ul#nav li a:hover { background: #22eeff } + +table#artist_table { margin-left: auto; margin-right: auto; } + +footer { margin-top: 40px; text-align: center; padding: 20px; } + + + + + + + + + + + + +.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/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/images/sort_asc.png b/data/images/sort_asc.png new file mode 100644 index 00000000..a56d0e21 Binary files /dev/null and b/data/images/sort_asc.png differ diff --git a/data/images/sort_asc_disabled.png b/data/images/sort_asc_disabled.png new file mode 100644 index 00000000..b7e621ef Binary files /dev/null and b/data/images/sort_asc_disabled.png differ diff --git a/data/images/sort_both.png b/data/images/sort_both.png new file mode 100644 index 00000000..839ac4bb Binary files /dev/null and b/data/images/sort_both.png differ diff --git a/data/images/sort_desc.png b/data/images/sort_desc.png new file mode 100644 index 00000000..90b29515 Binary files /dev/null and b/data/images/sort_desc.png differ diff --git a/data/images/sort_desc_disabled.png b/data/images/sort_desc_disabled.png new file mode 100644 index 00000000..2409653d Binary files /dev/null and b/data/images/sort_desc_disabled.png 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 @@ - -
- -