diff options
Diffstat (limited to 'ishtar_common/static/media/style.css')
-rw-r--r-- | ishtar_common/static/media/style.css | 524 |
1 files changed, 524 insertions, 0 deletions
diff --git a/ishtar_common/static/media/style.css b/ishtar_common/static/media/style.css new file mode 100644 index 000000000..ef58a1b0a --- /dev/null +++ b/ishtar_common/static/media/style.css @@ -0,0 +1,524 @@ +/* background color */ +.ui-widget-content .ui-state-highlight{ + background-color:#ff6e6e; +} + +/* color */ +a { + color:#D14; +} + + +body{ + font-family:Arial, Helvetica, sans-serif; + font-size: 11pt; + margin:0; + color:#61615C; + background-image:url(images/ishtar-bg.jpg); + background-repeat:no-repeat; + background-position:right top; +} + +a { + text-decoration:none; +} + +caption, h3 { + color:#922; + font-weight:bold; +} + +h3{ + text-align:center; + margin:1em 0 0.5em 0; +} + +label{display:block} + +label:first-letter { + text-transform: uppercase; +} + +textarea{ + height:80px; +} + +dt{ + font-weight:bold; + color:#922; + padding:1em; +} + +td{ + text-align:left; +} + +button{ + background-color:#EEE; + border:1px solid #AAA; + color:#444; +} + +input[type=submit], button.submit{ + background-color:#FFF; + border:1px solid #AAA; + color:#922; + margin:6px; +} + +button:hover, input[type=submit]:hover{ + cursor:pointer; +} + +.hidden{ + display:none; +} + +div#header{ + width:100%; + text-align:center; + font-size: 0.9em; + background-color: #EEE; + border-bottom:1px solid #CCC; + margin-bottom:10px; +} + +div#logo{ + width:200px; + top:30px; + left:30px; + padding-top:90px; + position:absolute; + text-align:center; + background-image:url(images/ishtar-text.png); + background-repeat:no-repeat; +} + +div#context_menu{ + height:110px; + margin-left:200px; + margin-right:20px; + margin-bottom:20px; +} + +div#main_menu{ + width:200px; + position:absolute; +} + +div#main_menu ul{ + padding-left:0.8em; + cursor:pointer; + list-style:none; +} + +div#main_menu a{ + color:#666; +} + +div#main_menu a:hover{ + color:#D14; +} + +div#main_menu .selected a{ + color:#D14; +} + + +div#main_menu > ul{ + color:#922; +} + +div#context_menu fieldset{ + right:20px; + position:absolute; + width:420px; + background-color:#EEE; + border:2px solid #CCC; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; +} +div#context_menu fieldset label{ + display:inline; +} + +div#context_menu ul{ + margin:0; + padding:2px; +} + +div#context_menu li{ + margin: 0; + list-style:none; +} + + +div#content{ + margin:0 200px; + text-align:center; +} + +ul#form_path{ + text-align:left; + margin:10px 0; +} + +ul#form_path li{ + display: inline; + text-align: center; + padding-left: 10px ; + margin: 0; + white-space:nowrap; +} + +ul#form_path li.current a{ + color:#922; +} + +ul#form_path button { + text-decoration:none; + color:#D14; + border:none; + background-color:white; + font-size: 1em; + cursor:pointer; + padding:0; + margin:0; + font-family:Arial, Helvetica, sans-serif; +} + +.reminder{ + padding:0.4em; + border:1px solid #CCC; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + text-align:center; + width:400px; + margin-left:auto; + margin-right:auto; + background-color:white; +} + +div.form { + margin-left:auto; + margin-right:auto; + margin-bottom:40px; + padding:1em; + display:block; + width:740px; + background-color: #EEE; + border:2px solid #CCC; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + text-align:center; +} + +.form table{ + padding:0.2em; + margin-left:auto; + margin-right:auto; + width:600px; +} + +.form table th{ + text-align:left; + width:200px; + font-weight:normal; +} + +.form .errorlist{ + color:#922; +} + +.form table .required th{ + font-weight:bold; +} + +.form input[readonly=True]{ + background-color:#EEE; + border:0; +} + +.help_text{ + display:none; + font-size:0.9em; +} + +.help_text div{ + background-color:#FFF; + margin:1em;; + padding:0 1em; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + border:1px solid #AAA; +} + +.help_text .example{ + font-style:italic; +} + +.info{ + margin-left:auto; + margin-right:auto; + padding:1em; + display:block; + width:740px; +} + +.info p{ + padding:0; + margin:0.2em; +} + +.autocomplete{ + width:300px; +} + +.delete td{ + text-align:center; + border-bottom:1px solid #CCC; + padding:6px; +} + +.modify td, .submit td{ + text-align:center; +} + +div.form table.confirm{ + padding:0.5em 2em; + margin-left:0; + width:100%; +} + +table.confirm tr.spacer td:last-child{ + border-bottom:1px solid #922; +} + +/* jquery widget customizations */ + +.ui-autocomplete{ + font-size:0.7em +} + +.jqgrid{ + cursor:pointer; +} + +.ui-jqgrid a{ + color:red; + text-decoration:underline; + color:#D14; +} + +.ui-widget-content .ui-state-highlight{ + background-image:none; +} + +.sheet{ + width:760px; + position:fixed; + height:90%; + background: #FFF; + z-index: 2000; + left: 50%; + margin-left: -380px; + -webkit-box-shadow: 0px 0px 20px #444; + -moz-box-shadow: 0px 0px 20px #444; + text-align: left; + display:none; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; +} + +.dashboard > div{ + width:760px; + background: #FFF; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + -webkit-box-shadow: 0px 0px 20px #444; + -moz-box-shadow: 0px 0px 20px #444; + margin:20px; + text-align:left; + padding-bottom:10px; +} + +.dashboard h3{ + background-color:#922; + color:#FFF; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.dashboard h4{ + font-weight:normal; + color:#D14; +} +.dashboard h4, .dashboard p{ + margin:0; + padding:0 10px; +} + +#window .table, .dashboard .table{ + padding:10px; + width:730px; + overflow:auto; +} + +#window table, .dashboard table{ + font-size:0.9em; + margin:10px 0; + border-collapse:collapse; + width:100%; +} + +#window caption, .dashboard caption{ + font-size:1.2em; +} + +#window table th, .dashboard table th{ + text-align:center; + background-color:#922; + border:1px solid #EEE; + color:#FFF; +} + +#window table th.sub, .dashboard table th.sub, .dashboard table td.sub{ + background-color:#994242; + border:1px solid #EEE; + color:#FFF; + padding:0 1em; +} + +#window table th.sub, .dashboard table th.sub{ + text-align:left; +} + +#window table td, .dashboard table td{ + text-align:right; + padding:0 1em; + border:1px solid #EEE; +} + +#window table td.string, .dashboard table td.string{ + text-align:left; +} + +#window table td.ref, .dashboard table td.ref{ + text-align:left; + white-space:nowrap; + font-family:monospace; + font-size:9pt; +} + +#window table td.no_items{ + text-align:center; + font-style:italic; +} + +#window .head{ + text-align:center; + background-color:#EEE; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +#window .tool{ + text-align:center; + font-style:italic; +} + +#window .body{ + position:absolute; + padding:10px; + overflow:auto; + top:18px; + bottom:10px; + width:740px; +} + +#window label{ + display:inline-table; + font-weight:bold; + width:245px; +} + +#window span.value{ + display:inline-table; + width:465px; +} + +#window p{ + margin:0.3em; +} + +#window p.alert{ + color:#D14; + display:block; + font-style:italic; + width:670px; + padding:1em; + padding-left:2em; + background-color:#EEE; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + background-image:url(images/red_flag.png); + background-repeat:no-repeat; + background-position:left center; +} + +#window p.alert label{ + width:650px; +} + +ul.selectmulti{ + list-style-type:none; + text-align:left; + margin-left:100px; +} + +ul.selectmulti li{ + margin:6px 0; +} + +td.submit_button{ + text-align:center; +} + +a.add-button, a.remove{ + background-color:#FFF; + border:2px solid #CCC; + -moz-border-radius:8px; + -webkit-border-radius:8px; + border-radius:8px; + padding:0 4px; + color:#61615C; +} + +a.remove{ + color:#D14; + margin:0 6px; +} + +.dashboard table{ + width:100%; + border-collapse:yes; +} +.dashboard table th, .dashboard table td{ + border:1px solid; +} + |