diff options
Diffstat (limited to 'abs/core/local-website/htdocs/linhes/default')
5 files changed, 793 insertions, 0 deletions
diff --git a/abs/core/local-website/htdocs/linhes/default/header.css b/abs/core/local-website/htdocs/linhes/default/header.css new file mode 100644 index 0000000..d4b2802 --- /dev/null +++ b/abs/core/local-website/htdocs/linhes/default/header.css @@ -0,0 +1,123 @@ +#page_header { + margin: 5px; +} + +#logo_box { +} +#mythtv_logo { + margin: 0px 5px; + padding: 5px; + height: 48px; + width: 180px; + float: left; + text-align: center; +} + +#sections { + white-space: nowrap; +} +#sections a { + float: left; + margin: 0px 5px; + padding: 5px; + background-color: #347; + border-top: 1px solid #8ad; + border-right: 1px solid #003; + border-bottom: 1px solid #000; + border-left: 1px solid #79c; + -moz-border-radius: 8px; + text-align: center; + height: 48px; + width: 48px; +} +#sections a:hover { + background-color: #458; +} +#sections a img { + border: none; + display: inline !important; +} + +#sections a.current_section { + background-color: #164; + border-top: 1px solid #7b9; + border-right: 1px solid #030; + border-bottom: 1px solid #000; + border-left: 1px solid #6a8; +} +#sections a.current_section:hover { + background-color: #275; +} + +#tv_link { +} +#music_link { +} +#video_link { +} +#weather_link { +} +#settings_link { +} + +#extra_header { + margin-left: 550px; + padding: 0px 5px; + height: 58px; +} + +/* + * IE sucks: true-height is supposed to be height+padding+margin+border, but IE + * doesn't add in padding, so we have to create a wrapper container and use + * margin instead of padding to make the "padding" that we need. + */ +#help_wrapper { + height: 21px; + margin-bottom: 3px; + background-color: #247; + border-top: 1px solid #013; + border-right: 1px solid #79c; + border-bottom: 1px solid #68b; + border-left: 1px solid #002; + -moz-border-radius: 6px; + min-width: 225px; +} +#help_box { + margin: 4px 5px 2px 5px; + height: 15px; + overflow: hidden; + white-space: nowrap; +} +#search { + margin-top: 2px; + padding: 3px 5px; + height: 26px; + background-color: #247; + border-top: 1px solid #013; + border-right: 1px solid #79c; + border-bottom: 1px solid #68b; + border-left: 1px solid #002; + -moz-border-radius: 8px; + min-width: 225px; + white-space: nowrap; +} +#simple_search { + padding-top: 1px; +} + + +#search_text { + position: relative; + top: -1px; + width: 150px; + margin-right: 3px; + padding: 0px 3px; + font-size: 9pt; +} +#search_submit { + position: relative; + top: 1px; + width: 64px; + font-size: 9pt; +} + diff --git a/abs/core/local-website/htdocs/linhes/default/menus.css b/abs/core/local-website/htdocs/linhes/default/menus.css new file mode 100644 index 0000000..d4e793a --- /dev/null +++ b/abs/core/local-website/htdocs/linhes/default/menus.css @@ -0,0 +1,221 @@ +/* popup and menu classes */ +.popup { + font-size: 9pt; +} + +.popup table { + font-size: 9pt; +} + +.popup dl { + min-width: 40em; + color: #dedede; + background-color: #265990; + border: 2px ridge #127; + padding: 5px; +} + +/* + + This other stuff isn't used quite yet, but is here as a placeholder so I don't lose the necessary styles + +div.popup_menu { + position: absolute; + visibility: hidden; + top: 0px; + left: 0px; + color: #000036; + background-color: #40A0B0; + border-right: 2px groove #289; + border-bottom: 2px groove #289; + border-left: 1px solid #289; + border-top: 1px solid #289; + padding: 10px; + font-size: 13px; +} +div.popup_menu A, div.popup_menu A:link, div.popup_menu A:visited { + color: #000036; + text-decoration: none; +} +div.popup_menu A:hover, div.popup_menu_hover { + color: #000036; + text-decoration: underline; +} +div.popup_menu_item, div.popup_menu_item A, div.popup_menu_item A:link, div.popup_menu_item A:visited { + font-size: 13px; + color: #003040; + padding: 5px; + display: block; + text-decoration: none; +} +div.popup_menu_item A:hover, div.popup_menu_item A:active { + background-color: #70D0F0; + text-decoration: underline; +} +div.popup_menu_sep { + border-bottom: 1px ridge #208090; +} + +ul.tree_item_menu { + width: 20px; + height: 20px; +} + +ul.popup_menu { + display: block; + list-style-type: none; + margin: 0px; + padding: 0px; + font-size: 10pt; +} +ul.popup_menu li { + font-weight: bold; + color: #cce; + padding: 3px 0px 0px 4px; + margin: -3px 0px 0px 0px; + cursor: default; + white-space: nowrap; + list-style-type: none; + height: 20px; +} +ul.popup_menu.vertical li { + width: 20px; + list-style-type: none; +} + +ul.popup_menu li.active { + background-color: #607090; +} +ul.popup_menu li a { + text-decoration: none; + color: #cde !important; +} +ul.popup_menu ul { + position: absolute; + visibility: hidden; + text-align: left; + background-color: #304060; + border: 1px solid #020; + width: 11em; + margin: 2px 0px 0px 0px; + padding: 0px; +} +ul.popup_menu ul li.sep { + border-top: 1px solid #6090d0; +} +ul.popup_menu ul li, ul.popup_menu.vertical ul li, ul.popup_menu.horizontal ul li { + margin: 0px; + padding: 3px 0px 0px 0px; + border-bottom: 1px solid #00191a; + border-right: none; + white-space: normal; + width: 11em; + height: 18px; +} +ul.popup_menu ul li a { + margin-top: -3px !important; + display: block; + width: 9em; + color: #cde; + text-decoration: none; + padding: 3px 1em; +} +ul.popup_menu ul li a:hover { + color: #def; + background-color: #205980; +} + +ul.popup_menu ul li.active { + background-color: #105053; + color: white; +} + +#menu { + display: block; + list-style-type: none; + margin: 0px 220px 0px 0px; + padding: 0em 0em; + font-size: 10pt; + background-color: #103949; + height: 20px; + border-bottom: 1px solid black; +} +#menu li { + font-weight: bold; + color: #cce; + padding: 0em 1em; + margin: 0em; + cursor: default; + white-space: nowrap; + list-style-type: none; + height: 18px; + padding-top: 3px; +} +#menu li span.subtext { + font-weight: normal; +} +#menu.horizontal li { + float: left; + border-right: 1px solid #002; +} + +#menu.vertical { + width: 8em; + border-right: 1px solid #600; + border-top: 1px solid #600; +} +#menu.vertical li { + width: 7em; + border-bottom: 1px solid #600; + list-style-type: none; +} + +#menu li.active { + background-color: #205060; +} +#menu li a { + text-decoration: none; + color: #cce; +} +#menu ul { + position: absolute; + visibility: hidden; + text-align: left; + background-color: #103A39; + border: 1px solid #020; + width: 13em; + margin: 0px; + padding: 0px; +} +#menu ul li.sep { + border-top: 1px solid #609A99; +} +#menu ul li, #menu.vertical ul li, #menu.horizontal ul li { + border-right: none; + padding: 0; + white-space: normal; + margin: 0px; + border-bottom: 1px solid #001A19; + padding-top: 3px; + height: 18px; + width: 13em; +} +#menu ul li a { + margin-top: -3px !important; + display: block; + width: 11em; + color: #cce; + text-decoration: none; + padding: 3px 1em; +} +#menu ul li a:hover { + color: #DDF; + background-color: #206A59; +} + +#menu ul li.active { + background-color: #105350; + color: white; +} + +*/ diff --git a/abs/core/local-website/htdocs/linhes/default/programming.css b/abs/core/local-website/htdocs/linhes/default/programming.css new file mode 100644 index 0000000..60042a7 --- /dev/null +++ b/abs/core/local-website/htdocs/linhes/default/programming.css @@ -0,0 +1,150 @@ +/* + * + * The following subclasses are used for list displays that deal with tv + * programming. + * +/*/ + +/* some classes for various list displays */ + .list { background-color: #191c26 } + .list_separator { + background-color: #203670; + border-top: 4px; + } + +/* The category legend, and its associated popup */ + #command_choices a { + white-space: nowrap; + } + + #category_legend_popup { + position: absolute; + visibility: hidden; + top: 0px; + left: 0px; + padding: 2px; + white-space: nowrap; + } + #category_legend_popup table { + font-size: 9pt; + } + +/* A class for the left-cleared <dl> lists used for program details popups */ + dl.details_list { + font-size: 9pt; + margin: .125em; + max-width: 41em; + } + dl.details_list dt { + clear: left; + float: left; + width: 9em; + padding-top: 3px; + text-align: right; + color: #ffe; + white-space: nowrap; + } + dl.details_list dd { + padding-top: 3px; + margin-left: 9.5em; + } + +/* Control the look of the text-based HDTV stamp throughout MythWeb */ + .hdtv_icon { + font-size: 9pt; + float: right; + color: yellow; + display: inline; + font-weight: bold; + } + +/* a class for the the cells containing recorded programs in recorded_programs.php */ +.scheduled { background-color: #506090; } +.conflict { background-color: #806050; } +.duplicate { background-color: #304050; } +.deactivated { background-color: #508060; } + +.will_record { border: 1px solid #00F000 !important; } +.record_weekly { border: 1px solid #00F000 !important; } +.record_timeslot { border: 1px solid #00F000 !important; } +.record_once { border: 1px solid #00F000 !important; } +.record_channel { border: 1px solid #00F000 !important; } +.record_always { border: 1px solid #00F000 !important; } +.record_conflicting { border: 1px solid #FF0000 !important; } +.record_duplicate { border: 2px dashed #90B0A0 !important; } +.record_old_duplicate { border: 1px dashed #90B0A0 !important; } +.record_suppressed { border: 2px dotted #60B0B0 !important; } +.record_override_suppress { border: 2px dotted #D03060 !important; } +.record_override_record { border: 2px solid #00FF90 !important; } + + +/* There should be exactly one class in the next section corresponding to + each possible value of RecStatus_Types as defined in + includes/programs.php */ +.rec_class { + background: transparent; + text-align: center; +} +.rec_class.WillRecord { font-weight: bold; } +.rec_class.Recording { font-weight: bold; } +.Recording { color: #00FF00; border-width: 2px } +.WillRecord { color: #00FF00; } +.PreviousRecording { color: #90B0A0; } +.CurrentRecording { color: #90D0A0; } +.Repeat { color: #90B0A0; } +.EarlierShowing { color: #90FFA0; } +.LaterShowing { color: #90FFA0; } +.TooManyRecordings { color: #60B0B0; } +.Cancelled { color: #60B0B0; } +.Conflicting { color: #FF0000; } +.LowDiskSpace { color: #60B0B0; } +.TunerBusy { color: #60B0B0; } +.ManualOverride { color: #D03060; } +.Overlap { color: #FF0000; } + +.cat_Action { background-color: #906020; } +.cat_Adult { background-color: #702020; } +.cat_Animals { background-color: #609060; } +.cat_Art_Music { background-color: #801060; } +.cat_Business { background-color: #703010; } +.cat_Children { background-color: #B00010; } +.cat_Comedy { background-color: #006080; } +.cat_Crime_Mystery { background-color: #105050; } +.cat_Documentary { background-color: #504020; } +.cat_Drama { background-color: #400060; } +.cat_Educational { background-color: #606060; } +.cat_Food { background-color: #208040; } +.cat_Game { background-color: #701010; } +.cat_Health_Medical { background-color: #806060; } +.cat_History { background-color: #807020; } +.cat_HowTo { background-color: #A0A000; } +.cat_Horror { background-color: #101040; } +.cat_Misc { background-color: #403060; } +.cat_News { background-color: #606040; } +.cat_Reality { background-color: #304040; } +.cat_Romance { background-color: #A02050; } +.cat_Science_Nature { background-color: #008050; } +.cat_SciFi_Fantasy { background-color: #606090; } +.cat_Shopping { background-color: #103010; } +.cat_Soaps { background-color: #508080; } +.cat_Spiritual { background-color: #804080; } +.cat_Sports { background-color: #005030; } +.cat_Talk { background-color: #203040; } +.cat_Travel { background-color: #2060B0; } +.cat_War { background-color: #B06050; } +.cat_Western { background-color: #806040; } +.cat_Unknown { background-color: #303030; } + +.cat_movie { background-color: #809090 !important; } +.cat_series { } +.cat_tvshow { } + +/* deprecated show categories that need to be integreted into the above list via regex, or have new categories created for them */ +.tv_Cine { background-color: blue; } +.tv_Classic { background-color: gray; } +.tv_Collectibles { background-color: #708090; } +.tv_Magazine { background-color: #48D1CC; } +.tv_Movies { background-color: blue; } +.tv_Serie { background-color: #9932CC; } +.tv_SHOW { background-color: #A0522D; } +.tv_Tiempo { background-color: #33ff99; } diff --git a/abs/core/local-website/htdocs/linhes/default/style.css b/abs/core/local-website/htdocs/linhes/default/style.css new file mode 100644 index 0000000..2fbb26e --- /dev/null +++ b/abs/core/local-website/htdocs/linhes/default/style.css @@ -0,0 +1,237 @@ +/* + * 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, .link { color: #E0E0FF; text-decoration: none; cursor: pointer;} + 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: 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; + } + +#feed_buttons { + padding-top: 1em; + padding-bottom: 1em; + padding-left: 1.35em; +} + +#feed_buttons a { + padding-right: 1em; +} diff --git a/abs/core/local-website/htdocs/linhes/default/welcome.css b/abs/core/local-website/htdocs/linhes/default/welcome.css new file mode 100644 index 0000000..6e47ed9 --- /dev/null +++ b/abs/core/local-website/htdocs/linhes/default/welcome.css @@ -0,0 +1,62 @@ +#modules { + width: 600px; + margin: 100px auto; +} + +#module_names { + margin: 0px; + padding: 0px; + float: left; + width: 7em; + font-size: 2em; + min-height: 15em; +} + +#module_names ul { + margin: 0px; + padding: 0px; + list-style-type: none; + text-align: right; +} + +#module_names li { + position: relative; + z-index: 2; + margin: 0px -6px 0px 0px; + padding: 0px .5em .15em 0px; + border: 2px solid transparent; + white-space: nowrap; +} +#module_names li.selected { + background-color: #475; + border-top: 2px solid #48f; + border-right: 2px solid #688; + border-bottom: 2px solid #48f; + border-left: 2px solid #48f; + -moz-border-radius: 8px; +} +#module_names li.selected a { + display: block; +} + +#module_info { + background-color: #355; + margin-left: 14em; + border: 2px solid #48f; + min-width: 314px; + height: 30em; + padding: .5em 1em; + -moz-border-radius: 8px; +} + +.module_icon { + display: block; + margin: auto; +} + +#mythtv_link { + float: left; + width: 14em; + text-align: center; + margin-top: -1.5em; +} |