diff options
Diffstat (limited to 'abs/core/local-website/htdocs/style.css')
-rw-r--r-- | abs/core/local-website/htdocs/style.css | 227 |
1 files changed, 227 insertions, 0 deletions
diff --git a/abs/core/local-website/htdocs/style.css b/abs/core/local-website/htdocs/style.css new file mode 100644 index 0000000..535ffec --- /dev/null +++ b/abs/core/local-website/htdocs/style.css @@ -0,0 +1,227 @@ +/* + * Global page handlers. +/*/ + + html,body { + border: 0; + margin: 0; + padding: 0; + font-size: 9pt; + font-family: Arial, Helvetica, sans-serif; + background-color: #191c26; + color: #dedede; + } + + /* For some reason, settings for the main body element doesn't always work for + * text inside of tables + /*/ + .body { + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; + } + +/* + * We should try to keep links and labels looking consistent across the app. +/*/ + + a, a:link { color: #E0E0FF; text-decoration: none; } + a:active { color: #990033; text-decoration: none; } + a:visited { color: #E0E0FF; text-decoration: none; } + a:hover { color: #F0F000; text-decoration: underline; } + + label { color: #E0E0FF; text-decoration: none; } + label:hover { color: #F0F000; text-decoration: underline; } + +/* a class for the menu across the top of the page as well as menu headers throughout the page */ + .menu { background-color: #265990 } + .menu_border_t { border-top: 2px solid #9090B0 } + .menu_border_b { border-bottom: 2px solid #9090B0 } + .menu_border_l { border-left: 2px solid #9090B0 } + .menu_border_r { border-right: 2px solid #9090B0 } + +/* a class for commands and other user input boxes */ + +/* @deprecated old classes */ +.command { background-color: #1040A0 } +.command_border_t { border-top: 2px solid #9090B0 } +.command_border_b { border-bottom: 2px solid #9090B0 } +.command_border_l { border-left: 2px solid #9090B0 } +.command_border_r { border-right: 2px solid #9090B0 } +.activecommand { background-color: #108040 } + +/* New command classes */ + + /* Box to hold commands */ + .commandbox { + background-color: #102923; + color: #E0E0FF; + border: 1px solid #9090B0; + } + + /* Commands themselves */ + + .commands { /* Placeholder for handling sub-elements */ } + + .commands input.x-submit { + border: 2px outset #7b8; + padding: 0 .5em; + height: 2em; + background-color: #263; + color: #E0E0FF; + } + .commands input.x-submit:hover { + border: 1px outset #9da; + background-color: #485; + color: #F0F000; + text-decoration: underline; + } + + .commands a { + font-weight: bold; + border: 1px solid #7b8; + padding: .15em .5em; + background-color: #263; + } + .commands a:hover { + border: 1px solid #9da; + background-color: #485; + } + +/* + * The following styles refer to forms and form elements throughout MythWeb +/*/ + + /* Avoid those nasty extra linefeeds in IE </form> tags */ + form { display: inline; } + + /* A special class for submit buttons */ + .submit { + border: 2px outset #7b8; + padding: 0 .5em; + background-color: #263; + color: #E0E0FF; + font-weight: bold; + height: 2em; + } + .submit:hover { + border: 2px outset #9da; + background-color: #485; + color: #F0F000; + text-decoration: underline; + } + + /* A special class for radio buttons and check boxes because some browsers render them weirdly */ + .radio { + height: 14px !important; + width: 14px !important; + color: #002000; + background-color: #C0D0C0; + } + + /* Default styles for form fields */ + select { + font-family: Arial, Helvetica, sans-serif; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + input { + padding-left: .25em; + font-family: Arial, Helvetica, sans-serif; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + textarea { + font-family: terminal, courier, courier-new; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + /* Quantity-sized elements look better with the text centered */ + input.quantity { + width: 2em !important; + text-align: center; + } + +/* + * A special class for error stuff, so all page errors look the same. +/*/ + + #error, .error { + color: #F03030; + background-color: #360000; + border-color: #F03030; + border: thin groove #F03030; + padding: 8px; + } + +/* + * The following represent some global classes to accommodate minor but + * oft-used manipulations like font sizes.0 +/*/ + + /* font size classes */ + .tiny { font-size: 9px; } + .small { font-size: 9pt; } + .normal { font-size: 10pt; } + .large { font-size: 12pt; } + .huge { font-size: 24px; } + + /* fony style classes */ + .bold, .bold a, .bold a:link, .bold a:visited, .bold a:active, .bold a:hover { + font-weight: bold !important; + } + .italic, .italic a, .italic a:link, .italic a:visited, .italic a:active, .italic a:hover { + font-style: italic !important; + } + + /* Handy for, well, hiding things.. Also for mouseover popup menus */ + .hidden { + visibility: hidden; + display: none; + } + +/* + * clearfix -- see http://positioniseverything.net/easyclearing.html for details on how/why this works +/*/ + + .clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; + } + .clearfix {display: inline-block;} + /* Hides from IE-mac \*/ + * html .clearfix {height: 1%;} + .clearfix {display: block;} + /* End hide from IE-mac */ + + /* Ajax little popup request thing style */ + #ajax_working { + position: fixed; + background-color: green; + bottom: 0px; + left: 1em; + padding: 1em; + width: 10em; + text-align: center; + } + + .link { + cursor: pointer; + } + +/* I don't think we have a single image with a border in the default template, so disable it */ + a img { + border: 0px; + } + + .nowrap { + white-space: nowrap; + } |